@charset "utf-8";

#inc04{padding:144px 0 150px;background:url('./img/inc04_bg.jpg') no-repeat center;background-size:cover}
#inc04 .inner{display:flex;justify-content:space-between;width:100%;max-width:1300px;margin:0 auto}
    
/* 좌측 텍스트 영역 */
#inc04 .l_area{width:50%;font-family:'NEXEN_TIRE_Bold'}
#inc04 .l_area .s_txt{font-size:18px;color:var(--primary);transform:skew(-0.1deg)}
#inc04 .l_area .mid_txt{margin:47px 0 115px;font-size:45px;line-height:65px;color:#fff}
#inc04 .l_area .mid_txt span{display:block;overflow:hidden;height:65px}
#inc04 .l_area .mid_txt span b{font-weight:normal;display:block}
#inc04 .l_area a{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:100%;transition:all .2s;background-color:#fff}
#inc04 .l_area a svg{transition:all .2s;color:var(--primary)}
    
/* 우측 상담폼 */
#inc04 .r_area{width:50%;color:#fff}
#inc04 .r_area .form_tit{margin-bottom:30px;font-size:18px;transform:skew(-0.1deg);font-family:'NEXEN_TIRE_Regular'}
#inc04 .r_area form ul{display:flex;column-gap:30px}
#inc04 .r_area form ul.input_01{margin-bottom:88px}
#inc04 .r_area form .input{display:flex;column-gap:30px}
#inc04 .r_area form ul li{width:calc(100%/2 - 15px)}
#inc04 .r_area form ul li input{width:100%;height:60px;padding:0 20px;border:none;border-bottom:1px solid #fff;font-size:17px;color:#fff;background:none;font-family:'Pretendard'}
#inc04 .r_area form ul li textarea{width:100%;max-width:100%;height:165px;padding:16px 20px 0;border:none;border-bottom:1px solid #fff;font-size:17px;color:#fff;background:none;font-family:'Pretendard'}
#inc04 .r_area form ul li input::placeholder, #inc04 .r_area form ul li textarea::placeholder{color:#fff}
#inc04 .r_area form .input_02{align-items:flex-end}
#inc04 .r_area form .input_02 button{width:100%;height:70px;border:none;border-radius:70px;font-size:16px;color:#000;background:#fff;transform:skew(-0.1deg);transition:all .2s;font-family:'NEXEN_TIRE_Bold'}
#inc04 .r_area form .input_02 button:hover{color:#fff;background:var(--primary)}
#inc04 .r_area .prv_area{margin-top:24px;text-align:right;color:rgba(255,255,255,.4);font-family:'Pretendard'}
#inc04 .r_area .prv_area a{text-decoration:underline;color:rgba(255,255,255,.7)}
#inc04 .r_area .prv_area .ck_box{width:15px;height:15px;margin-left:6px;border:none;border-radius:3px;background:rgba(255,255,255,.4);cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#inc04 .r_area .prv_area .ck_box:after{display:none;content:url(./img/check.png);text-align:center;line-height:14px}
#inc04 .r_area .prv_area .ck_box:checked{border-color:#111;background:#111}
#inc04 .r_area .prv_area .ck_box:checked:after{display:block}

/* 모바일 호버 X */
@media (hover:hover) {
#inc04 .l_area a:hover{background-color:var(--primary)}
#inc04 .l_area a:hover svg{color:#fff;transform:rotate(-45deg)}
}

/* 반응형 [s] */
@media (max-width:1360px){
#inc04 .inner{max-width:none;padding:0 30px}
}
@media (max-width:1230px){
#inc04 .l_area .mid_txt{font-size:35px;line-height:45px}
#inc04 .l_area .mid_txt span{height:52px;line-height:52px}
}
@media (max-width:1024px){
#inc04{padding:114px 0 120px}
#inc04 .l_area{width:370px}
#inc04 .l_area .s_txt{font-size:16px}
#inc04 .l_area .mid_txt{font-size:30px;line-height:40px}
#inc04 .l_area .mid_txt span{height:42px;line-height:42px}
#inc04 .l_area a{width:55px;height:55px}
#inc04 .l_area a svg{height:18px}
#inc04 .r_area{width:calc(100% - 370px)}
#inc04 .r_area .form_tit{font-size:16px}
#inc04 .r_area form ul{grid-gap:15px}
#inc04 .r_area form ul li{width:calc(100%/2 - 7.5px)}
#inc04 .r_area form ul li input{padding:0 15px;font-size:15px}
#inc04 .r_area form ul li textarea{padding:16px 15px;font-size:15px}
#inc04 .r_area form .input_02 button{height:60px;font-size:15px}
}
@media (max-width:768px){
#inc04{padding:64px 0 70px}
#inc04 .inner{display:block;padding:0 15px}
#inc04 .l_area{position:relative;width:100%}
#inc04 .l_area .s_txt{font-size:15px}
#inc04 .l_area .mid_txt{margin:47px 0 70px}
#inc04 .l_area a{position:absolute;right:0;bottom:0}
#inc04 .r_area{width:100%}
#inc04 .r_area .form_tit{font-size:15px}
}
@media (max-width:480px){
#inc04 .l_area .mid_txt{margin:35px 0 70px;font-size:25px;line-height:35px}
#inc04 .l_area .mid_txt span{height:35px;line-height:35px}
#inc04 .l_area a svg{height:16px}
#inc04 .r_area .form_tit{margin-bottom:20px}
#inc04 .r_area form ul li input{height:55px;font-size:14px}
#inc04 .r_area form ul li textarea{height:100px;font-size:14px}
#inc04 .r_area form ul.input_01{margin-bottom:65px}
#inc04 .r_area form .input_02{display:block}
#inc04 .r_area form .input_02 li{width:100%}
#inc04 .r_area form .input_02 li+li{margin-top:15px}
#inc04 .r_area form .input_02 button{height:55px;font-size:14px}
}
@media (max-width:380px){
#inc04 .l_area{text-align:center}
#inc04 .l_area .s_txt{font-size:14px}
#inc04 .l_area .mid_txt{margin:25px 0 50px;font-size:22px;line-height:32px}
#inc04 .l_area .mid_txt span{height:33px;line-height:33px}
#inc04 .l_area a{display:none}
#inc04 .r_area .form_tit{font-size:14px;word-break:keep-all}
#inc04 .r_area form ul{display:block}
#inc04 .r_area form ul li{width:100%}
#inc04 .r_area form ul li+li{margin-top:15px}
#inc04 .r_area form ul li input{font-size:13px}
#inc04 .r_area form .input_02 button{height:50px}
}
/* 반응형 [e] */