@charset "utf-8";

#main_banner{overflow:hidden;position:relative;width:100%;font-size:16px;font-family:'Pretendard'}

#main_visual{position:relative}
#main_visual .slide.pc{display:block}
#main_visual .slide.mobile{display:none}
#main_visual .main_txt{position:absolute;top:50%;left:15%;z-index:100;width:100%;max-width:1400px;margin:0 auto;transform:translateY(-50%)}
#main_visual .main_txt img{display:block}
#main_visual .main_txt >span{display:inline-block;width:385px;margin-top:10px;padding:15px 23px;border-radius:50px;font-weight:700;text-align:center;color:#fff;background:var(--point)}
#main_visual .main_txt>p{width:385px;margin-top:20px;font-size:33px;font-weight:200;text-align:center;color:#111;white-space:pre-line;word-break:keep-all}
#main_visual .main_txt>p span{font-weight:700}
#main_visual .call{display:flex;gap:15px;margin-top:20px}
#main_visual .call span{display:flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:50px;color:#fff;background:var(--primary)}
#main_visual .call div{font-size:22px;line-height:1.1;color:#777}
#main_visual .call p{font-size:40px;font-weight:700;color:#111;letter-spacing:0;font-family:'Poppins'}

/* 이미지 */
#main_banner .slide{position:relative;z-index:1;width:100%}
#main_banner .slide li{overflow:visible;width:100%;height:350px;color:#fff}
#main_banner .slide li a,#main_banner .slide li button{display:block;width:100%;height:100%;background:none;border:none}
#main_banner .slide li .img{overflow:hidden;width:100%;height:100%;background-color:#000;background-size:cover !important;background-repeat:no-repeat;background-position:center;transition:all .2s}

/*상담신청*/
#main_inq{position:absolute;z-index:10;top:50%;right:15%;padding:25px;border-radius:10px;font-size:14px;letter-spacing:-.2px;color:#777;line-height:1.8;transform:translateY(-50%);background:rgba(255,255,255,.5);font-family:'Pretendard'}
#main_inq .inner{display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto}
#main_inq .form_wrap{position:relative}
#main_inq .form_wrap li{display:flex;padding:8px;line-height:1.5;background:#fff}
#main_inq .form_wrap .wh_bg{width:500px;padding:50px;border-radius:20px;background:#fff}
#main_inq .q_tit{margin-bottom:10px;font-size:20px;font-weight:700;color:#111;text-align:center}
#main_inq select{line-height:1.8;font-family:'Pretendard'}
#main_inq li label{display:inline-block;width:80px;margin-left:0;font-size:16px;font-weight:700;color:#111}
#main_inq textarea{width:100%;height:40px;font-size:12px;color:#777;font-family:'Pretendard'}
#main_inq input[type=text], #main_inq input[type=password], #main_inq select{width:100%;border:none !important;background:none;;font-family:'Pretendard'}
#main_inq input[type=text]:focus, #main_inq input[type=password]:focus, #main_inq textarea:focus, #main_inq select:focus, #main_inq select:active{border:none !important}
#main_inq textarea{border:1px solid #e1e1e1;background:#f2f2f2 !important}
#main_inq .date{position:relative}
#main_inq .date i{position:absolute;right:30px;top:50%;transform:translateY(-50%)}
#main_inq .basic{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
#main_inq .add{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:5px 0}
#main_inq .add li{display:flex;align-items:center;gap:5px}
#main_inq .add button{display:flex;align-items:center;gap:5px;width:95px;padding:3px 10px;border:none;border-radius:3px;font-size:13px;font-weight:600;color:#fff;background:#050548;font-family:'Pretendard'}
#main_inq .add svg{width:15px}
#main_inq .add select{width:32%}
#main_inq .add input{padding:5px 10px}
#main_inq .add span{display:block;width:100%;padding:5px 10px}
#main_inq .add span+span{margin-top:3px}
#main_inq .add input{width:100%;font-size:13px}
#main_inq .option{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:none}
#main_inq .option li{display:flex;gap:10px;padding:8px;border-radius:3px}
#main_inq .option label{width:100%}
#main_inq .date img{position:absolute;right:15px;top:50%;transform:translateY(-50%)}
#main_inq .submit{margin-top:5px}
#main_inq .prv_area{font-weight:700;text-align:center}
#main_inq #btn_submit{width:100%;height:40px;border:none;border-radius:3px;font-size:16px;font-weight:600;color:#fff;background-color:var(--primary);font-family:'Pretendard'}

#main_inq .option li.on{border:1px solid var(--primary);background:#e4f2ff}

/* 모바일 호버 X */
@media (hover: hover) {
#main_banner #control div:hover{opacity:1}
}

/* 반응형 [s] */
@media (max-width:1300px){
#main_banner .slide li .img{background-size:cover !important}
#main_banner #control div.next{right:15px}
#main_banner #control div.prev{left:15px}
}

@media (max-width:1230px){
#main_banner #control div img{height:40px}
}

@media (max-width:1024px){
#main_banner{height:auto}
#main_banner .slide li{width:calc(100% - 60px);max-width:none}
#main_inq{position:unset;transform:none}
#main_inq .form_wrap li{border:none;border-bottom:1px solid #e1e1e1}
#main_inq #btn_submit{width:100%;height:50px}
#main_inq .basic{grid-template-columns:repeat(2,1fr);gap:10px}
#main_inq .add{grid-template-columns:repeat(1,1fr);gap:3px}
#main_inq .option{grid-template-columns:repeat(3,1fr);gap:3px}
#main_inq .option li{border:1px solid #e1e1e1;background:#f2f2f2}
#main_inq .btn_area{display:block}
#main_inq .prv_area{text-align:left}
}

@media (max-width:768px){
.swiper-container-3d{perspective:900px !important}
#main_visual .slide.pc{display:none}
#main_visual .slide.mobile{display:block}
#main_banner .slide li{height:210px}
}

@media (max-width:480px){
#main_banner .slide li{height:210px}
#main_inq{padding:30px 10px}
#main_inq li label{width:75px;font-size:14px;white-space:nowrap}
#main_inq .date{order:1}
}

@media (max-width:415px){
#main_inq li label{font-size:12px}
}

@media (max-width:380px){
#main_banner .slide li{height:175px}
}

/* 반응형 [e] */