@charset "utf-8";
#mainVisual #landContMap{display:block}
#mainVisual #landMap{height:683px}
    
/* 메인 인덱스 */
#mainInner{position:absolute;left:50%;bottom:0;width:100%;z-index:10;transform:translateX(-50%);width:100%;max-width:1400px}
#mainInner .main_cont{position:absolute;left:0;bottom:-50px;opacity:0;width:430px;height:628px;padding:20px 25px 30px;border-radius:20px 20px 0 0;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%);background:#fff}
#mainInner .main_cont .deco{display:block;margin:0 auto}

/* 매물검색 */
#main_sch{display:flex;justify-content:space-between;height:53px;margin-top:25px}
#main_sch input{width:calc(100% - 56px);height:100%;padding:0 20px;border:1px solid var(--primary);border-right:none;font-size:16px;color:#aaa;font-family:'SBAggroL'}
#main_sch input::placeholder{color:#aaa}
#main_sch input::-webkit-input-placeholder{color:#aaa}
#main_sch input:-ms-input-placeholder{color:#aaa}
#main_sch button{width:56px;height:100%;color:#fff;background-color:var(--primary)}
#main_sch button svg{width:19px;vertical-align:middle}
    
/* 매물종류 */
#mainInner .type_btn{display:flex;flex-wrap:wrap;margin-top:21px}
#mainInner .type_btn li{width:calc(100%/3);text-align:center}
#mainInner .type_btn li button{width:100%;padding-top:21px;font-size:15px;color:#222;transition:all .3s;background:none;font-family:'SBAggroM'}
#mainInner .type_btn li .icon{height: 60px;margin-bottom:14px;transition:all .3s;background-repeat:no-repeat;background-position:center}
#mainInner .type_btn li:nth-child(1) button .icon{background-image:url('/sh_img/index/main_banner/icon01.png')}
#mainInner .type_btn li:nth-child(2) button .icon{background-image:url('/sh_img/index/main_banner/icon02.png')}
#mainInner .type_btn li:nth-child(3) button .icon{background-image:url('/sh_img/index/main_banner/icon03.png')}
#mainInner .type_btn li:nth-child(4) button .icon{background-image:url('/sh_img/index/main_banner/icon04.png')}
#mainInner .type_btn li:nth-child(5) button .icon{background-image:url('/sh_img/index/main_banner/icon05.png')}
#mainInner .type_btn li:nth-child(6) button .icon{background-image:url('/sh_img/index/main_banner/icon06.png')}
    
/* 매물투어 */
#mainInner .tour_btn{display:block;margin-top: 70px;padding:37px 30px 30px;border-radius:20px;box-shadow:3px 5px 8px -2px rgb(0 0 0 / 20%);background:url('/sh_img/index/main_banner/tour_img.png') no-repeat calc(100% - 26px) calc(100% - 15px) #f5f5f5;background-size:93px;transition:all .3s;font-family:'SBAggroM'}
#mainInner .tour_btn .tit_txt{font-size:18px;color:#222}
#mainInner .tour_btn .tit_txt span{display:block;margin-top:9px;font-size:14px;color:#888;font-family:'SBAggroL'}
#mainInner .tour_btn .go_txt{margin-top:47px;font-size:14px;color:#444}
#mainInner .tour_btn .go_txt svg{width:16px;margin-left:6px;vertical-align:middle}

/* 모바일 호버 X */
@media (hover: hover) {
#mainInner .type_btn li button:hover{color:var(--primary)}
#mainInner .type_btn li:nth-child(1) button:hover .icon{background-image:url('/sh_img/index/main_banner/icon01_on.png')}
#mainInner .type_btn li:nth-child(2) button:hover .icon{background-image:url('/sh_img/index/main_banner/icon02_on.png')}
#mainInner .type_btn li:nth-child(3) button:hover .icon{background-image:url('/sh_img/index/main_banner/icon03_on.png')}
#mainInner .type_btn li:nth-child(4) button:hover .icon{background-image:url('/sh_img/index/main_banner/icon04_on.png')}
#mainInner .type_btn li:nth-child(5) button:hover .icon{background-image:url('/sh_img/index/main_banner/icon05_on.png')}
#mainInner .type_btn li:nth-child(6) button:hover .icon{background-image:url('/sh_img/index/main_banner/icon06_on.png')}
#mainInner .tour_btn:hover{margin-top:80px}
}

/* 반응형 [s] */
@media (max-width:1430px){
#mainInner{max-width:none}    
#mainInner .main_cont{left:15px}
}

@media (max-width:1024px){
#mainVisual #landMap{height:620px}
#mainInner .main_cont{width:370px;height:597px}
#main_sch input{font-size:15px}
#mainInner .tour_btn{margin-top:60px}
#mainInner .tour_btn .tit_txt{font-size:17px}
}

@media (max-width:768px){
#mainVisual #landMap{height:475px}
#mainInner{position:initial;transform:none}
#mainInner .main_cont{position:relative;left:0;width:100%;height:auto;z-index: 1;margin-top:-30px;padding:20px 15px 30px;box-shadow:none}
#mainInner .type_btn li{width:calc(100%/6)}
#mainInner .tour_btn{margin-top:30px;background-position:91% 50%;background-size:125px}
}

@media (max-width:480px){
#mainInner .type_btn li{width:calc(100%/3)}
}

@media (max-width:380px){
#mainInner .tour_btn{background-position:calc(100% - 26px) calc(100% - 15px);background-size:90px}
}
/* 반응형 [e] */