@charset "utf-8";

#inc02{background:-webkit-linear-gradient(180deg, rgb(255, 255, 255), rgb(245, 245, 245));background:linear-gradient(180deg, rgb(255, 255, 255), rgb(245, 245, 245));}
#inc02 .inner{display:flex;align-items:center;width:100%;max-width:1300px;margin:0 auto;padding-bottom:150px;font-family:'NEXEN_TIRE_Bold'}
#inc02 .mid_txt{font-size:33px;line-height:45px;white-space:pre-line;color:#000}
#inc02 .txt{font-size:17px;line-height:27px;color:#666;white-space:pre-line;font-family:'Pretendard'}
    
/* 왼쪽 영역 */
#inc02 .l_area{width:520px}
#inc02 .l_area .s_txt{margin-bottom:36px;font-size:18px;color:#888;transform:skew(-0.1deg)}
#inc02 .l_area .mid_txt span{color:var(--primary)}
#inc02 .l_area .btn_box{display:flex;align-items:center;margin-top:81px}
#inc02 .l_area .btn_box a{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin-left:100px;border-radius:100%;transition:all .2s;background:#000}
#inc02 .l_area .btn_box a svg{color:#fff;transition:all .2s}
    
/* 오른쪽 영역 */
#inc02 .r_area{width:calc(100% - 520px);padding:95px 60px 96px;border-radius:30px;background:url('./img/img01.png') no-repeat calc(100% - 50px) calc(100% - 30px) var(--primary)}
#inc02 .r_area .mid_txt{color:#fff}
#inc02 .r_area .txt{margin-top:52px;color:rgba(255,255,255,.8)}

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

/* 반응형 [s] */
@media (max-width:1360px){
#inc02 .inner{max-width:none;padding:0 30px 150px}
#inc02 .r_area{background-size:300px}
}
@media (max-width:1230px){
#inc02 .inner{padding:0 30px 120px}
#inc02 .l_area{width:45%;padding-right:30px}
#inc02 .l_area .txt{width:calc(100% - 70px);padding-right:30px;white-space:normal;word-break:keep-all}
#inc02 .l_area .btn_box a{margin-left:0}
#inc02 .r_area{width:55%;padding:90px 45px 91px;background-position:calc(100% - 38px) calc(100% - 30px);background-size:250px}
}
@media (max-width:1024px){
#inc02 .inner{padding:0 30px 80px}
#inc02 .mid_txt{font-size:25px;line-height:35px}
#inc02 .txt{font-size:16px;line-height:26px}
#inc02 .l_area{width:42%}
#inc02 .l_area .s_txt{font-size:16px}
#inc02 .l_area .txt{width:100%;padding-right:0;white-space:pre-line}
#inc02 .l_area .btn_box{display:block;margin-top:35px}
#inc02 .l_area .btn_box a{width:55px;height:55px;margin-top:30px}
#inc02 .l_area .btn_box a svg{height:18px}
#inc02 .r_area{width:58%;padding:80px 30px;background-position:calc(100% - 23px) calc(100% - 30px);background-size:205px}
#inc02 .r_area .txt{margin-top:40px}
}
@media (max-width:768px){
#inc02 .inner{display:block;padding:0 15px 70px}
#inc02 .txt{font-size:15px;line-height:24px}
#inc02 .l_area{width:100%;text-align:center}
#inc02 .l_area .s_txt{margin-bottom:20px}
#inc02 .l_area .mid_txt{font-size:30px;line-height:40px}
#inc02 .l_area .btn_box{margin-top:25px}
#inc02 .l_area .btn_box a{margin:25px auto 50px}
#inc02 .r_area{width:100%;padding:65px 30px}
}
@media (max-width:480px){
#inc02 .l_area .mid_txt{font-size:25px;line-height:35px}
#inc02 .l_area .btn_box a svg{height:16px}
#inc02 .r_area{padding:65px 30px 45px;background-position:calc(100% - 23px) 20px;background-size:130px}
#inc02 .r_area .mid_txt{font-size:23px;line-height:33px}
#inc02 .r_area .txt{margin-top:25px}
}
@media (max-width:380px){
#inc02 .l_area .s_txt{font-size:14px}
#inc02 .l_area .mid_txt{font-size:22px;line-height:32px}
#inc02 .l_area .btn_box a{width:50px;height:50px}
#inc02 .r_area{padding:60px 25px 45px;background-size:105px}
#inc02 .r_area .mid_txt{font-size:20px;line-height:30px;transform:skew(-0.1deg)}
}
/* 반응형 [e] */