@charset "utf-8";

#inc02{padding:100px 0;background:#f7f7f7;word-break:keep-all}
#inc02 .wrap{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}
#inc02 .wrap > div{display:flex;flex-direction:column;justify-content:space-between;width:calc((100% - 120px) / 3);height:312px}
#inc02 .wrap > div .tit{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;font-size:20px;font-weight:700;color:#222}
#inc02 .wrap > div .tit a{font-size:15px;font-weight:600;color:#222;transition:0.2s}
#inc02 .wrap > div .tit a:hover{transform:rotate(90deg)}

/* 부품 문의사항 */
#inc02 .wrap .link ul{display:flex;flex-direction:column;align-items:center;gap:10px}
#inc02 .wrap .link ul li a{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;height:129px;padding:0 40px;border-radius:20px;background:#fff}
#inc02 .wrap .link ul li a p{padding-bottom:5px;font-size:16px;font-weight:700;color:#222}
#inc02 .wrap .link ul li a span{font-size:14px;color:#777}

/* 라테스트 */
#inc02 .wrap .latest .sh_latest{height:100%}
#inc02 .wrap .latest .sh_latest li{border-top:1px solid #e1e1e1}
#inc02 .wrap .latest .sh_latest li:last-child{border-bottom:1px solid #e1e1e1}
#inc02 .wrap .latest .sh_latest li a{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-size:15px;color:#222;font-weight:500}
#inc02 .wrap .latest .sh_latest li a .txt{display:flex;flex-direction:column;align-items:flex-start}
#inc02 .wrap .latest .sh_latest li span{font-size:13px;color:#aaa;font-family:var(--e-font)}
#inc02 .wrap .latest .sh_latest li .title_icon{display:none}
#inc02 .wrap .latest .sh_latest li .arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;border:1px solid #e1e1e1;background:#fff;transition:0.2s}
#inc02 .wrap .latest .sh_latest li .arrow svg{width:15px;color:#aaa;transition:0.2s}
#inc02 .wrap .latest .sh_latest li:hover .arrow{background:var(--primary)}
#inc02 .wrap .latest .sh_latest li:hover .arrow svg{color:#fff}
/* cs */
#inc02 .wrap .cs{padding:35px 20px;background:url(/sh_img/include/inc02/img/cs_bg.png) no-repeat;background-size:cover;object-fit:cover}
#inc02 .wrap .cs .tel{border-bottom:1px solid rgba(255, 255, 255, 0.15)}
#inc02 .wrap .cs .tel{padding:0 0 30px 20px}
#inc02 .wrap .cs .account{padding:30px 0 0 20px}
#inc02 .wrap .cs div p{font-size:16px;font-weight:700;color:#fff}
#inc02 .wrap .cs div b{font-size:23px;font-weight:700;color:#fff;font-family:var(--e-font)}
#inc02 .wrap .cs div span{display:block;color:rgba(255, 255, 255, 0.5)}

/* bnr */
#inc02 .bnr{display:flex;align-items:flex-end;justify-content:space-between;max-width:1200px;width:100%;padding:50px 60px;margin:60px auto 0;background:url(/sh_img/include/inc02/img/bg.png) no-repeat;background-size:cover}
#inc02 .bnr div b{display:block;padding-bottom:20px;font-size:15px;color:#fff;text-transform:uppercase;font-weight:700;font-family:var(--e-font)}
#inc02 .bnr div p{font-size:25px;font-weight:300;color:#fff}
#inc02 .bnr div p strong{font-weight:700}
#inc02 .bnr a{display:inline-flex;align-items:center;gap:15px;padding:17px 30px;border-radius:60px;font-size:13px;font-weight:600;color:var(--primary);background:#fff;transition:0.2s;font-family:var(--e-font)}
#inc02 .bnr a span{transition:0.2s}
#inc02 .bnr a:hover{border:1px solid #fff;background:transparent;color:#fff}
#inc02 .bnr a:hover span{transform:rotate(90deg)}