@charset "utf-8";

#inc01{position:relative;padding:0 60px}
#inc01 .inner{width:100%;max-width:1500px;margin:0 auto;padding:130px 0 80px}

/* 박스 배너 */
#inc01 .inner .t_area{display:flex;flex-wrap:wrap;row-gap:40px}
#inc01 .inner .t_area li{display:flex;flex-flow:column;gap:14px;width:calc(100%/2 - 200px);height:260px;border:1px solid #e1e1e1;border-radius:20px;padding:40px 50px}
#inc01 .inner .t_area li:nth-child(3),#inc01 .inner .t_area li:nth-child(5){margin-left:40px}
#inc01 .inner .t_area .big_txt{display:block;width:360px;border:none;padding:40px 0 0 55px}
#inc01 .inner .t_area .big_txt h2{margin-top:15px;line-height:42px;font-size:32px;white-space:pre-line;font-weight:700;color:#111}
#inc01 .inner .t_area li .icon{width:65px;height:65px;border-radius:10px;background-color:#f5f5f5;text-align:center;line-height:65px;margin-left:auto}
#inc01 .inner .t_area li:last-child{padding:40px 0;font-size:22px;line-height:32px;font-weight:700;text-align:center;color:#111;font-family:var(--e-font)}
#inc01 .inner .t_area li:last-child .ex{opacity:.6}
#inc01 .inner .t_area li:last-child .ex span{display:block;color:var(--primary)}
#inc01 .inner .t_area li:last-child a{display:flex;align-items:center;gap:32px;justify-content:center;margin:20px auto 0;font-size:15px;width:225px;height:70px;border-radius:35px;background-color:var(--primary);color:#fff;font-weight:500;transition:all .3s}
#inc01 .inner .t_area li h3{white-space:pre-line;color:#111;font-size:20px;font-weight:700}
#inc01 .inner .t_area li .txt{color:#666;font-size:16px;line-height:26px;white-space:pre-line;word-break:keep-all}

/* 텍스트 배너 */
#inc01 .inner .b_area{margin-top:80px;display:flex;justify-content:center;align-items:center;gap:60px;font-size:16px;color:#777;word-break:keep-all}
#inc01 .inner .b_area .tit{margin-bottom:10px;font-size:40px;color:#111;font-weight:700;word-break:keep-all}
#inc01 .inner .b_area .tit span{color:var(--primary)}
#inc01 .inner .b_area p{word-break:keep-all}


/* 반응형 [s] */
@media (hover:hover){
#inc01 .inner .t_area li:last-child a:hover{background-color:var(--black)}
}
@media (max-width:1380px){
#inc01{padding:0 2.5%}
#inc01 .inner .t_area{row-gap:25px}
#inc01 .inner .t_area .big_txt{width:300px}
#inc01 .inner .t_area .big_txt h2{font-size:28px;line-height:1.2}
#inc01 .inner .t_area li{padding:35px 25px;width:calc(100% / 2 - 163px)}
#inc01 .inner .t_area li:nth-child(3), #inc01 .inner .t_area li:nth-child(5){margin-left:25px}
#inc01 .inner .t_area li:last-child{font-size:20px;line-height:1.3}
#inc01 .inner .t_area li:last-child a{width:200px;height:60px;font-size:14px}
#inc01 .inner .t_area li h3{font-size:19px}
#inc01 .inner .t_area li .txt{font-size:15px;line-height:1.5}
#inc01 .inner .b_area .tit{font-size:36px}
#inc01 .inner .b_area .icon img{width:156px}
}
@media (max-width:1024px){
#inc01 .inner{padding:110px 0}
#inc01 .inner .t_area .big_txt{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0px;width:100%}
#inc01 .inner .t_area .big_txt img{width:100px}
#inc01 .inner .t_area .big_txt h2{font-size:26px;text-align:center}
#inc01 .inner .t_area{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
#inc01 .inner .t_area li{justify-content:center;gap:10px;width:100%;height:auto}
#inc01 .inner .t_area li:nth-child(3), #inc01 .inner .t_area li:nth-child(5){margin-left:0px}
#inc01 .inner .t_area li:last-child{font-size:19px}
#inc01 .inner .t_area li:last-child a{margin:12px auto 0;width:190px;height:58px}
#inc01 .inner .t_area li .icon{position:relative;width:60px;height:60px}
#inc01 .inner .t_area li .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:25px}
#inc01 .inner .t_area li h3{font-size:18px}
#inc01 .inner .b_area{margin-top:80px;font-size:15px}
#inc01 .inner .b_area .tit{font-size:28px}
#inc01 .inner .b_area .icon img{width:140px}
}
@media (max-width:768px){
#inc01 .inner{padding:100px 0 85px}
#inc01 .inner .t_area{gap:15px}
#inc01 .inner .t_area .big_txt img{width:90px}
#inc01 .inner .t_area .big_txt h2{font-size:22px}
#inc01 .inner .t_area li{gap:6px;padding:30px 18px}
#inc01 .inner .t_area li:last-child{font-size:17px}
#inc01 .inner .t_area li:last-child a{gap:25px;width:180px;height:54px;font-size:13px}
#inc01 .inner .t_area li .icon{margin-bottom:10px;width:52px;height:52px}
#inc01 .inner .t_area li .icon img{width:22px}
#inc01 .inner .t_area li h3{font-size:17px}
#inc01 .inner .t_area li .txt{font-size:14px;white-space:normal}
#inc01 .inner .b_area{flex-direction:column;align-items:center;text-align:center;gap:28px;font-size:14px}
#inc01 .inner .b_area .tit{margin-bottom:6px;font-size:24px}
#inc01 .inner .b_area .icon img{width:130px}
}
@media (max-width:480px){
#inc01 .inner{padding:90px 0 60px}
#inc01 .inner .t_area{display:flex;flex-wrap:wrap;gap:12px}
#inc01 .inner .t_area .big_txt h2{white-space:normal;font-size:21px}
#inc01 .inner .t_area li{padding:25px 12px}
#inc01 .inner .t_area li:first-child{margin-bottom:40px}
#inc01 .inner .t_area li:nth-child(n+2):nth-child(-n+5){width:calc(50% - 6px)}
#inc01 .inner .t_area li:last-child{padding:0px;margin-top:40px;font-size:16px}
#inc01 .inner .t_area li:last-child a{gap:18px;width:170px;height:52px}
#inc01 .inner .t_area li h3{font-size:15px}
#inc01 .inner .t_area li .txt{font-size:13px}
#inc01 .inner .t_area li .icon{width:48px;height:48px}
#inc01 .inner .t_area li .icon img{width:19px}
#inc01 .inner .b_area{gap:18px;margin-top:60px;font-size:13px}
#inc01 .inner .b_area .tit{margin-bottom:4px;font-size:20px}
#inc01 .inner .b_area .icon img{width:115px}
}
@media (max-width:380px){
#inc01 .inner{padding:80px 0 50px}
#inc01 .inner .t_area .big_txt img{width:80px}
#inc01 .inner .t_area .big_txt h2{margin-top:12px;font-size:19px}
#inc01 .inner .t_area li{gap:8px;padding:35px 10px;text-align:center}
#inc01 .inner .t_area li:first-child{margin-bottom:35px}
#inc01 .inner .t_area li:nth-child(n+2):nth-child(-n+5){width:100%}
#inc01 .inner .t_area li:last-child{margin-top:35px;font-size:15px}
#inc01 .inner .t_area li:last-child a{gap:12px;margin:8px auto 0;width:160px;height:50px;font-size:12px}
#inc01 .inner .t_area li .icon{margin:0 auto 10px;width:46px;height:46px}
#inc01 .inner .t_area li .icon img{width:18px}
#inc01 .inner .b_area .tit{margin-bottom:2px;font-size:18px}
#inc01 .inner .b_area .icon img{width:100px}
}
/* 반응형 [e] */