@charset "utf-8";

#mainVisual{position:relative;width:calc(100% - 6%);margin:0 auto;padding:20px;letter-spacing:-.5px}
#mainVisual .img{position:absolute;left:300px;top:0;z-index:-1;width:100%;height:100%;border-radius:20px;background:url(/sh_img/index/main_banner/main_banner.jpg) no-repeat center;background-size:cover;opacity:0}

/* cont */
#mainVisual .cont{width:570px;height:calc(100% - 40px);padding:50px 40px;margin-left:-100px;background-color:var(--white);border-radius:20px;background-color:var(--white);opacity:0}
#mainVisual .main_top{margin-bottom:30px;text-align:center;font-size:35px;font-family:'SBAggroB'}
#mainVisual .cont .point_tit{margin-bottom:15px;font-size:17px;color:var(--primary);font-family:'SBAggroM'}
#mainVisual .cont .link_box{display:flex;margin-bottom:20px}
#mainVisual .cont .link_box li{overflow:hidden;position:relative;width:calc(100% / 2);border-radius:20px}
#mainVisual .cont .link_box li+li{margin-left:20px}
#mainVisual .cont .link_box li a{display:block;transition:all .3s;height:235px;padding:40px 30px;background-color:var(--primary);color:var(--white);font-size:20px;font-family:'SBAggroM'}
#mainVisual .cont .link_box li .stit{margin-bottom:15px;line-height:13px;font-size:13px;opacity:.7}
#mainVisual .cont .link_box li img{position:absolute;bottom:0;right:20px}

/* 부동산 뉴스 */
#mainVisual .cont .new .btn_all{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
#mainVisual .cont .new .btn_all>a{display:inline-block;transition:all .3s;padding:12px 22px;border-radius:150px;border:1px solid var(--primary);color:var(--primary);font-size:16px;font-family:'SBAggroM'}
#mainVisual .cont .new .slide_btn{display:flex}
#mainVisual .cont .new .slide_btn div{cursor:pointer}
#mainVisual .cont .new .slide_btn div img{transition:all .3s;opacity:.35}
#mainVisual .cont .new .slide_btn .prev{position:relative;margin-left:15px;padding-left:15px}
#mainVisual .cont .new .slide_btn .prev:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:100%;background-color:#e1e1e1}
#mainVisual .cont .new .slide_all{overflow:hidden;min-height:140px;padding:35px 30px;border-radius:20px;background-color:#f7f7f7}
#mainVisual .cont .new .slide_all ul li a{display:flex}
#mainVisual .cont .new .slide_all ul li a p{width:125px;color:#888;font-size:15px;font-family:'SBAggroL'}
#mainVisual .cont .new .slide_all ul li a dl{width:calc(100% - 125px)}
#mainVisual .cont .new .slide_all ul li a dl dt{overflow:hidden;display:-webkit-box;position:relative;height:18px;margin-bottom:15px;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:15px;font-family:'SBAggroM'}
#mainVisual .cont .new .slide_all ul li a dl dd{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:14px;line-height:24px;word-break:keep-all;color:#666;font-family:'SBAggroL'}

/* 반응형 메뉴 [s] */
@media (hover:hover){
#mainVisual .cont .link_box li a:hover{background-color:var(--primary1)}
#mainVisual .cont .new .btn_all>a:hover{background-color:var(--primary);color:var(--white)}
#mainVisual .cont .new .slide_btn div:hover img{opacity:.5}
#mainVisual .cont .new .slide_all ul li a:hover dl dt span{position:absolute;white-space:nowrap;will-change:transform;animation:marquee 10s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
}
@media(max-width:1400px){
#mainVisual{width:calc(100% - 40px);margin:0 20px}
#mainVisual .img{background-position:80%}
}
@media (max-width:1220px){
#mainVisual .cont{width:50%}
}
@media (max-width:1100px){
#mainVisual{width:calc(100% - 30px);margin:0px 15px}
#mainVisual .cont .link_box li img{display:none}
#mainVisual .cont .link_box li a{height:auto;padding:30px 0;text-align:center}
}
@media (max-width:950px){
#mainVisual .main_top{margin-bottom:15px;font-size:32px}
#mainVisual .cont{width:75%;margin:0 auto!important}
#mainVisual .cont .point_tit{margin-bottom:10px;font-size:15px}
#mainVisual .cont .link_box li{width:100%}
#mainVisual .cont .link_box li+li{margin-left:10px}
#mainVisual .cont .link_box li a{padding:25px;text-align:left}
#mainVisual .cont .link_box li a:before{content:'\f105';position:absolute;right:30px;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.5);text-align:center;line-height:43px;font-family:'fontawesome'}
#mainVisual .cont .new .slide_all{padding:25px}
#mainVisual .cont .new .slide_all ul li a p{width:35%}
#mainVisual .cont .new .slide_all ul li a dl{width:65%}
}
@media (max-width:840px){
#mainVisual .cont{width:90%}
}
@media(max-width:720px){
#mainVisual .cont{width:100%}
}
@media(max-width:650px){
#mainVisual .cont .link_box li a:before{display:none}
#mainVisual .cont .link_box li a{text-align:center}
#mainVisual .cont .new .slide_all ul li a{display:block}
#mainVisual .cont .new .slide_all ul li a p{width:100%;margin-bottom:15px;text-align:right}
#mainVisual .cont .new .slide_all ul li a dl{width:100%}
#mainVisual .cont .new .slide_all ul li a dl dt{margin-bottom:5px}
}
@media(max-width:530px){
#mainVisual .cont .link_box{display:block}
#mainVisual .cont .link_box li+li{margin:10px 0 0}
}
@media(max-width:480px){
#mainVisual .cont{padding:40px 15px 15px}
#mainVisual .main_top{margin-bottom:20px;font-size:28px;line-height:28px}
#mainVisual .cont .point_tit{font-size:13px;line-height:13px}
#mainVisual .cont .link_box li .stit{font-size:12px;line-height:12px}
#mainVisual .cont .link_box li a{padding:20px 10px;font-size:18px;line-height:18px}
#mainVisual .cont .new .btn_all>a{padding:10px 20px;font-size:14px;line-height:16px}
#mainVisual .cont .new .slide_all ul li a p{font-size:13px;line-height:13px}
}
/* 반응형 메뉴 [e] */