@charset "utf-8";

#mainVisual{position:relative;overflow:hidden;position:relative;height:600px;background:url(/sh_img/index/main_banner/main_bg.jpg) center no-repeat;background-size:cover;transition:all .2s}
#mainVisual *{word-break:keep-all}
#mainVisual .pl{white-space:pre-line}

/* 메인 */
#mainVisual .go_btn{display:block;width:fit-content;margin:65px auto 0;padding:20px 40px;border-radius:50px;font-size:18px;color:#111;background-color:#fff;font-family:'GongGothicLight'}
#mainVisual .go_btn img{height:30px;margin-right:15px}
#mainVisual .sch_area{display:flex;position:relative;max-width:1400px;margin:0 auto;padding:30px 100px 0;opacity:0}
#mainVisual .sch_area .l_hand{position:absolute;bottom:28px;left:-180px;animation:hand1 1.5s infinite linear}
#mainVisual .sch_area .r_hand{position:absolute;bottm:120px;right:-180px;animation:hand2 1.5s infinite linear}
#mainVisual .sch_area>div{width:50%;z-index:99;padding:35px;border-radius:30px;background:#fff}
#mainVisual .sch_area>div .tit{font-size:40px;color:#222;text-align:center;font-family:'GongGothicBold'}
#mainVisual .sch_area>div .tit span{color:#36c2ba}
#mainVisual .sch{text-align:center}
#mainVisual .sch .desc{margin:20px 0 25px;color:#777}
@keyframes hand1{from{transform:rotate(0)}50%{transform:rotate(-10deg)}100%{transform:rotate0)}}
@keyframes hand2{from{transform:rotate(0)}50%{transform:rotate(10deg)}100%{transform:rotate0)}}

/* 메인 검색 */
#main_sch{overflow:hidden;position:relative;width:100%;height:70px;border-radius:5px;background-color:#f2f2f2;transition:all .2s}
#main_sch .sh_input{display:block;width:calc(100% - 95px);height:100%;padding:0 25px;border:none;font-size:17px;background:none;font-family:'GongGothicLight'}
#main_sch .sh_input::placeholder{color:#777}
#main_sch .sh_input:focus,#main_sch .sh_input:active{border:none!important;outline:none}
#main_sch button{position:absolute;right:0;top:0;width:95px;height:100%;border:none;color:#777;;transition:all .3s}

/* 태그 */
#mainVisual .tag{display:flex;margin-top:30px;flex-wrap:wrap;justify-content:space-evenly}
#mainVisual .tag span{font-size:25px;color:var(--primary);font-family:'GongGothicBold'}
#mainVisual .tag button{font-size:15px;color:#777;background:none;transition:all .3s;font-family:'GongGothicLight'}

/* 맞춤형 매물 */
#mainVisual .inq{border-left:1px dashed #e1e1e1}

/* 상담폼 */
#mainVisual .form{overflow:hidden;position:relative;width:100%;margin-top:10px}
#mainVisual .form ul li{overflow:hidden}
#mainVisual .form ul li+li{margin-top:8px}
#mainVisual .form .sh_input{width:100%;height:43px;padding:0 15px;border:none;border-radius:5px;font-size:15px;background:#f2f2f2;transition:all .3s;font-family:'GongGothicLight'} 
#mainVisual .form .sh_input:focus{box-shadow:none;border:none !important;outline:none}
#mainVisual .form .half p{float:left;width:calc(50% - 4px)}
#mainVisual .form .half p+p{float:right}
#mainVisual .form .sh_txtarea{padding:15px;height:70px;resize:none}
#mainVisual .form .prv_area{padding:18px 0;font-size:15px;cursor:pointer}
#mainVisual .form .prv_area a{vertical-align:middle;color:#999;text-decoration:underline;transition:all .3s}
#mainVisual .form .prv_area label{font-size:15px}
#mainVisual .form input[type=submit]{position:absolute;right:0;bottom:0;width:30%;height:50px;border:none;border-radius:5px;font-size:15px;color:#fff;background-color:var(--primary);appearance:none;-webkit-appearance:none;transition:all .3s;font-family:'GongGothicLight'}

/* 메인 텍스트 */
#mainVisual .main_txt{position:absolute;left:50%;bottom:50px;transform:translateX(-50%);text-align:center;color:#fff}
#mainVisual .main_txt p{margin-bottom:25px;font-size:50px;font-family:'GongGothicBold'}
#mainVisual .main_txt .small{font-size:45px;font-family:'GongGothicBold'}
#mainVisual .main_txt b{display:flex;align-items:center;justify-content:center;gap:15px;font-size:30px;font-family:'GongGothicMedium'}
#mainVisual .main_txt b i{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:100%;font-size:20px;background-color:var(--primary)}

@media (hover:hover){
#main_sch button:hover{color:var(--primary)}
#mainVisual .tag button:hover{color:var(--primary);font-family:'GongGothicMedium'}
#mainVisual .tag button:hover:after{display:block;content:'';width:100%;height:2px;background:var(--primary)}
#mainVisual .form input[type=submit]:hover{background:var(--primary-hover)}
}
/* 반응형 [s] */
@media (max-width:1024px){
#mainVisual{height:660px}
#mainVisual .pl{white-space:normal}
#mainVisual .tag{margin-top:20px}
#mainVisual .sch_area{display:block;padding:150px 0 0}
#main_sch{height:55px}
#main_sch button{width:15%}
#mainVisual .sch .desc{margin:10px 0 20px}
#mainVisual .sch_area>div{width:100%}
#mainVisual .sch_area>div .tit{font-size:30px}
#mainVisual .sch_area .l_hand{display:none}
#mainVisual .sch_area .r_hand{display:none}
#mainVisual .inq{border-left:none;border-top:1px dashed #e1e1e1}
}
@media (max-width:768px){
#mainVisual{height:360px}
#mainVisual .sch_area>div{padding:30px 20px}
#mainVisual .sch_area>div .tit{font-size:25px}
#main_sch .sh_input{width:calc(100% - 70px);padding:0 15px;font-size:16px}
#mainVisual .main_txt p{margin-bottom:20px;font-size:33px}
#mainVisual .main_txt b{font-size:25px}
#mainVisual .main_txt b i{width:45px;height:45px}
}
@media (max-width:480px){
#mainVisual{height:280px}
#mainVisual .sch_area>div .tit{white-space:pre-line}
#mainVisual .tag{margin-top:15px}
#mainVisual .tag button{width:32%;padding:10px;border-radius:50px;border:1px solid #222;font-size:14px;color:#222}
#mainVisual .tag button:nth-of-type(n+4){margin-top:5px}
#mainVisual .tag span{display:none}
#mainVisual .form .half p{float:none;width:100%}
#mainVisual .form .half p+p{margin-top:5px}
#mainVisual .form ul li+li{margin-top:5px}
#mainVisual .form input[type=submit]{position:unset;width:100%}
#mainVisual .main_txt p{margin-bottom:15px;font-size:25px}
#mainVisual .main_txt b{font-size:20px}
#mainVisual .main_txt b i{width:40px;height:40px;font-size:16px}
}
@media (max-width:380px){
#main_sch{height:55px}
#main_sch .sh_input{width:calc(100% - 60px)}
#mainVisual .main_txt{bottom:30px}
#mainVisual .main_txt p{font-size:23px}
}
/* 반응형 [e] */