@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: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 50px;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 .mid_txt .sub{height:auto;margin-top:10px;font-size:22px;line-height: 1.6;font-family: 'NEXEN_TIRE_Regular'}
#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:hover{background-color:var(--primary)}
#inc04 .l_area a svg{transition:all .2s;color:var(--primary)}
#inc04 .l_area a:hover svg{color:#fff;transform:rotate(-45deg)}
    
/* 우측 상담폼 */
#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}