@charset "utf-8";

#inc05{position:relative;margin:160px 0;padding:0 80px}
#inc05 .top_box{display:flex;gap:40px} 
#inc05 .top_box p{white-space:pre-line;color:#fff;opacity:.6;word-break:keep-all}
#inc05 .top_box .txt{opacity:1;font-size:40px;line-height:50px;font-weight:700}
#inc05 .top_box .l_box{position:relative;width:60%;height:695px;background:url('./img/inc05_bg01.png') no-repeat center;background-size:cover;border-radius:30px}
#inc05 .top_box .l_box .txt span{opacity:.4}
#inc05 .top_box .l_box .btn02 a{display:flex;align-items:center;color:#fff;font-weight:600;font-family:var(--e-font)}
#inc05 .top_box .l_box .btn02 a span{transition:all .3s}
#inc05 .top_box .l_box .cont{position:absolute;left:80px;bottom:120px;display:flex;flex-flow:column;gap:55px}
#inc05 .top_box .r_box{padding:120px 60px;position:relative;width:40%;height:695px;background:url('./img/inc05_bg02.png') no-repeat center;background-size:cover;border-radius:30px;font-size:16px;line-height:26px}
#inc05 .top_box .r_box .txt{margin-bottom:30px;font-size:35px;line-height:45px;opacity:1;word-break:keep-all}

#inc05 .bt_box{margin-top:45px;padding:100px 60px 60px;background-color:rgba(79, 42, 146, 0.05);border-radius:30px}
#inc05 .bt_box .bt_inner{display:flex;gap:110px;width:100%;max-width:1500px;margin:0 auto}

/* 좌측 텍스트 영역 */
#inc05 .l_area{flex-shrink:0}
#inc05 .l_area .eng{color:var(--primary);font-size:16px;line-height:26px;font-weight:700;font-family:var(--e-font)}
#inc05 .l_area .tit{margin:46px 0 258px;font-size:40px;line-height:50px;color:#111;font-weight:700;white-space:pre-line}
#inc05 .l_area ul{display:flex;padding:25px 40px;justify-content:center;width:100%;height:105px;font-size:16px;border-radius:20px;box-shadow:0px 0px 16px 5px rgba(0,0,0,.1);background-color:#fff;font-weight:700;font-family:var(--e-font)}
#inc05 .l_area ul li{color:#111}
#inc05 .l_area ul li + li{margin-left:30px;padding-left:30px;border-left:1px solid #e1e1e1}
#inc05 .l_area ul li p{color:#888}

/* 우측 상담폼 */
#inc05 .r_area{width:100%}
#inc05 .r_area form ul{display:flex;column-gap:30px}
#inc05 .r_area form ul + ul{margin-top:24px}
#inc05 .r_area form .input{display:flex;column-gap:30px}
#inc05 .r_area form ul li{width:100%}
#inc05 .r_area form ul li label{margin-bottom:8px;color:#111;font-weight:600;font-size:16px}
#inc05 .r_area form ul li input{background-color:rgba(79, 42, 146, 0.05);width:100%;height:60px;padding:0 20px;border:none;border-radius:10px;font-size:17px;color:#333;outline:none;box-shadow:none;font-family:'Pretendard'}
#inc05 .r_area form ul li textarea{width:100%;max-width:100%;height:165px;padding:16px 20px 0;border:none;font-size:17px;color:#333;background-color:rgba(79, 42, 146, 0.05);border-radius:10px;box-shadow:none;font-family:'Pretendard'}
#inc05 .r_area form ul li textarea:focus{border:1px solid #181b20 !important;box-shadow:none}
#inc05 .r_area form ul li input::placeholder, #inc05 .r_area form ul li textarea::placeholder{color:#333}
#inc05 .r_area form ul li input:active{border-color:#111}
#inc05 .r_area form ul li input:focus{border:1px solid #181b20 !important;box-shadow:none}
#inc05 .r_area form .input_03{align-items:flex-end}
#inc05 .r_area form .input_03 button{width:100%;height:70px;border:none;border-radius:70px;font-size:16px;color:#000;background:#333;transform:skew(-0.1deg);transition:all .2s;font-family:'NEXEN_TIRE_Bold'}
#inc05 .r_area .prv_area{display:flex;justify-content:space-between;align-items:start;margin-top:5px;font-family:'Pretendard'}
#inc05 .r_area .prv_area label{font-size:15px;color:#111}
#inc05 .r_area .prv_area div{display:flex;align-items:center;height:27px;gap:4px;color:#111}
#inc05 .r_area .prv_area div:last-child{height:65px}
#inc05 .r_area .prv_area a{color:#111}
#inc05 .r_area .prv_area .ck_box{width:15px;height:15px;margin-left:6px;border:none;border-radius:3px;background:#edeaf4;cursor:pointer;appearance:none}
#inc05 .r_area .prv_area .ck_box:after{display:none;content:url(./img/check.png);text-align:center;line-height:14px}
#inc05 .r_area .prv_area .ck_box:checked{border-color:#111;background:#111;appearance:auto}
#inc05 .r_area .prv_area .ck_box:checked:after{display:block}
#inc05 .r_area .prv_check{color:#111}
#inc05 .r_area form .send_btn button{width:277px;height:65px;border:none;border-radius:10px;font-size:16px;color:#fff;background:#27232d;transform:skew(-0.1deg);transition:all .2s}

/* 반응형 [s] */
@media (hover:hover){
#inc05 .top_box .l_box .btn02 a:hover span{margin-left:15px}
#inc05 .r_area form .input_03 button:hover{color:#333;background:var(--primary)}
#inc05 .r_area form .send_btn button:hover{color:#fff;background:var(--primary)}
}
@media (max-width:1380px){
#inc05{margin:140px 0;padding:0 2.5%}
#inc05 .top_box{gap:30px}
#inc05 .top_box .txt{font-size:36px;line-height:1.3}
#inc05 .top_box .l_box{height:640px}
#inc05 .top_box .l_box .cont{left:5%}
#inc05 .top_box .r_box{padding:95px 45px;height:640px}
#inc05 .top_box .r_box .txt{font-size:32px;line-height:1.3}
#inc05 .top_box .r_box p{white-space:normal}
#inc05 .bt_box{padding:100px 2.5% 90px}
#inc05 .bt_box .bt_inner{align-items:end;gap:90px}
#inc05 .l_area{flex-shrink:unset;width:40%}
#inc05 .l_area .tit{margin:45px 0 125px}
#inc05 .l_area ul{flex-direction:column;padding:25px;width:285px;height:auto}
#inc05 .l_area ul li + li{padding:15px 0 0 0;margin:15px 0 0 0;border-left:none;border-top:1px solid #e1e1e1}
#inc05 .r_area{width:60%}
#inc05 .r_area form .send_btn button{width:250px}
}
@media (max-width:1024px){
#inc05{margin:130px 0}
#inc05 .top_box{gap:20px}
#inc05 .top_box .txt{font-size:30px}
#inc05 .top_box .l_box{height:560px;background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(./img/inc05_bg01.png);background-position:center;background-size:cover}
#inc05 .top_box .l_box .cont{gap:40px;bottom:95px}
#inc05 .top_box .r_box{padding:75px 35px;height:560px;font-size:15px;line-height:1.5}
#inc05 .top_box .r_box .txt{font-size:26px}
#inc05 .bt_box{padding:80px 2.5% 70px}
#inc05 .bt_box .bt_inner{gap:30px}
#inc05 .l_area ul{padding:21px;width:230px;font-size:15px}
#inc05 .l_area ul li + li{margin:10px 0 0 0;padding:10px 0 0 0}
#inc05 .l_area .eng{font-size:15px}
#inc05 .l_area .tit{margin:30px 0 90px;font-size:32px;line-height:1.3}
#inc05 .r_area form ul{column-gap:15px}
#inc05 .r_area form ul + ul{margin-top:18px}
#inc05 .r_area form ul li input{height:55px}
#inc05 .r_area form ul li textarea{height:145px}
#inc05 .r_area .prv_area div:last-child{height:60px}
#inc05 .r_area form .send_btn button{width:220px;height:60px;font-size:15px}
}
@media (max-width:768px){
#inc05{margin:90px 0}
#inc05 .top_box{gap:16px}
#inc05 .top_box .txt{font-size:26px;white-space:normal}
#inc05 .top_box .l_box{width:50%;height:480px;border-radius:15px}
#inc05 .top_box .l_box .cont{align-items:center;gap:25px;bottom:45%;left:50%;transform:translate(-50%, 50%);text-align:center;width:95%}
#inc05 .top_box .r_box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 12px;width:50%;height:480px;text-align:center;border-radius:15px}
#inc05 .bt_box{padding:50px 2.5% 220px;border-radius:10px}
#inc05 .bt_box .bt_inner{flex-direction:column;gap:60px}
#inc05 .l_area{width:100%;text-align:center}
#inc05 .l_area .tit{margin:18px 0 0 0;font-size:26px}
#inc05 .l_area ul{flex-direction:row;position:absolute;bottom:70px;left:50%;transform:translateX(-50%);padding:15px;width:95%;border-radius:10px}
#inc05 .l_area ul li{width:calc(100% / 3)}
#inc05 .l_area ul li + li{margin:0 0 0 10px;padding:0 0 0 10px;border-top:none;border-left:1px solid #e1e1e1}
#inc05 .r_area{width:100%}
#inc05 .r_area .prv_area div:last-child{height:55px}
#inc05 .r_area form .send_btn button{width:205px;height:55px;font-size:14px}
}
@media (max-width:580px){
#inc05 .bt_box{padding:50px 2.5% 370px}
#inc05 .l_area ul{flex-direction:column}
#inc05 .l_area ul li{width:100%}
#inc05 .l_area ul li+li{margin:10px 0 0 0;padding:10px 0 0 0;border-left:none;border-top:1px solid #e1e1e1}
}
@media (max-width:480px){
#inc05{margin:80px 0 10px}
#inc05 .top_box{flex-direction:column;gap:12px}
#inc05 .top_box .txt{font-size:21px}
#inc05 .top_box .l_box{width:100%;height:260px}
#inc05 .top_box .l_box .cont{gap:15px}
#inc05 .top_box .r_box{width:100%;height:280px;font-size:14px;background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(./img/inc05_bg02.png);background-position:bottom;background-size:cover}
#inc05 .top_box .r_box .txt{margin-bottom:15px;font-size:21px}
#inc05 .bt_box{padding:50px 2.5% 300px}
#inc05 .bt_box .bt_inner{gap:50px}
#inc05 .l_area .eng{font-size:14px}
#inc05 .l_area .tit{margin:12px 0 0 0;font-size:21px;white-space:normal}
#inc05 .l_area ul{bottom:45px;font-size:14px}
#inc05 .l_area ul li+li{margin:8px 0 0 0;padding:8px 0 0 0}
#inc05 .r_area form ul{column-gap:12px}
#inc05 .r_area form ul li input{height:48px;border-radius:8px}
#inc05 .r_area form ul li label{font-size:15px}
#inc05 .r_area form ul li textarea{height:120px;border-radius:8px}
#inc05 .r_area .prv_area div:last-child{height:50px}
#inc05 .r_area form .send_btn button{width:175px;height:50px}
#inc05 .r_area .prv_area label{font-size:14px}
}
@media (max-width:380px){
#inc05{margin:70px 0 10px}
#inc05 .top_box{gap:9px}
#inc05 .top_box .txt{font-size:19px}
#inc05 .top_box .l_box{height:230px}
#inc05 .top_box .l_box .cont{gap:12px}
#inc05 .top_box .r_box{height:260px;font-size:13px}
#inc05 .top_box .r_box .txt{font-size:19px}
#inc05 .bt_box{padding:40px 2.5% 260px}
#inc05 .bt_box .bt_inner{gap:40px}
#inc05 .l_area .eng{font-size:13px}
#inc05 .l_area .tit{margin:9px 0 0 0;font-size:19px}
#inc05 .l_area ul{bottom:28px;font-size:13px}
#inc05 .r_area form ul{column-gap:10px}
#inc05 .r_area form ul + ul{margin-top:14px}
#inc05 .r_area form ul li input{height:45px;border-radius:6px}
#inc05 .r_area form ul li label{font-size:14px}
#inc05 .r_area form ul li textarea{height:105px;border-radius:6px}
#inc05 .r_area .prv_area div:last-child{height:48px}
#inc05 .r_area form .send_btn button{width:160px;height:48px;font-size:13px}
#inc05 .r_area .prv_area label{font-size:13px}
}
/* 반응형 [e] */