@charset "utf-8";

#inc03 .num_area{border-top:1px solid #e1e1e1}
#inc03 .num_area dl{display:flex;align-items:baseline;flex-direction:row-reverse;border-bottom:1px solid #e1e1e1}
#inc03 .num_area dt{width:15%;font-weight:700;color:#111}
#inc03 .num_area dd{margin-right:30px;padding-right:30px;border-right:1px solid #e1e1e1;font-size:150px;font-weight:700;line-height:1.2;color:var(--primary);font-family:var(--e-font)}

#inc03 .sol_lt{margin-top:180px}
#inc03 .s_tit{display:flex;align-items:flex-end;justify-content:space-between}
#inc03 .s_tit h3{margin-bottom:30px;font-size:30px;font-weight:700;color:#111;line-height:1.3}
#inc03 .s_tit h3 b{color:var(--primary)}
#inc03 .s_tit a{font-size:17px;font-weight:700;text-decoration:underline}

#inc03 .pf_list{margin-top:100px}
#inc03 .pf_list a{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;padding:60px;border-top:1px solid #e1e1e1;color:#777;transition:all .3s}
#inc03 .pf_list .left{display:flex;flex-direction:column;justify-content:space-between}
#inc03 .pf_list .cont_tit span{display:inline-block;padding:5px 10px;border-radius:3px;font-size:13px;font-weight:700;color:var(--primary);background:#fdd7ca}
#inc03 .pf_list .cont_tit div{margin-top:10px;font-size:18px;font-weight:700;color:#111}
#inc03 .pf_list .info p{margin-bottom:50px}
#inc03 .pf_list .img_wrap{overflow:hidden}
#inc03 .pf_list .img{height:240px;background-position:center;transition:all .3s}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .pf_list a:hover{border-top:1px solid #111;color:#111}
#inc03 .pf_list a:hover .img{transform:scale(1.1)}
}
@media (max-width:1380px){
#inc03 .num_area dd{font-size:130px}
}
@media (max-width:1024px){
#inc03 .num_area dl{align-items:end}
#inc03 .num_area dd{padding-right:25px;margin-right:25px;font-size:100px}
#inc03 .num_area dt{padding-bottom:20px}
#inc03 .sol_lt{margin-top:150px}
#inc03 .s_tit h3{font-size:26px}
#inc03 .s_tit a{font-size:16px}
#inc03 .pf_list a{gap:30px;padding:40px}
}
@media (max-width:768px){
#inc03 .txt div{margin:auto;width:80%}
#inc03 .num_area{display:flex}
#inc03 .num_area dl{flex-direction:column;align-items:center;text-align:center;padding:20px 0;width:50%}
#inc03 .num_area dl:first-child{border-right:1px solid #e1e1e1}
#inc03 .num_area dt{padding-bottom:15px;width:100%}
#inc03 .num_area dd{padding:0px;margin:0px;border-right:none;font-size:65px}
#inc03 .sol_lt{margin-top:100px}
#inc03 .s_tit h3{margin-bottom:18px;font-size:23px}
#inc03 .s_tit{flex-direction:column;align-items:center;text-align:center;gap:30px}
#inc03 .pf_list{margin-top:70px}
#inc03 .pf_list a{display:flex;padding:30px 2.5%;gap:15px}
#inc03 .pf_list .left{align-items:center;justify-content:center;text-align:center;gap:35px;width:50%}
#inc03 .pf_list .cont_tit div{font-size:17px}
#inc03 .pf_list .cont_tit span{padding:4px 9px}
#inc03 .pf_list a .info{position:relative;width:50%}
#inc03 .pf_list a .info p{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);margin-bottom:0px;width:85%;text-align:center;color:#fff !important}
#inc03 .pf_list a .img{height:330px;transform:scale(1) !important;filter:brightness(0.5);background-repeat:no-repeat;background-size:cover;background-position:center}
}
@media (max-width:480px){
#inc03 .txt div{width:90%}
#inc03 .num_area dl{padding:15px 0}
#inc03 .num_area dt{padding-bottom:10px}
#inc03 .num_area dd{font-size:40px}
#inc03 .sol_lt{margin-top:70px}
#inc03 .s_tit h3{font-size:18px}
#inc03 .s_tit a{font-size:15px}
#inc03 .pf_list{margin-top:50px}
#inc03 .pf_list a{flex-direction:column;gap:30px;padding:40px 0 30px}
#inc03 .pf_list .left{gap:15px;width:100%}
#inc03 .pf_list .cont_tit div{margin-top:15px}
#inc03 .pf_list li:last-child a{padding-bottom:0px}
#inc03 .pf_list a .info{width:100%}
#inc03 .pf_list a .info p{width:90%}
#inc03 .pf_list a .img{height:300px}
}
@media (max-width:380px){
#inc03 .txt div{width:95%}
#inc03 .num_area dt{padding-bottom:5px}
#inc03 .num_area dd{font-size:30px}
#inc03 .sol_lt{margin-top:60px}
#inc03 .s_tit{gap:25px}
#inc03 .s_tit h3{font-size:16px}
#inc03 .s_tit a{font-size:14px}
#inc03 .pf_list{margin-top:40px}
#inc03 .pf_list a{padding:30px 0 20px}
#inc03 .pf_list .cont_tit span{font-size:12px}
#inc03 .pf_list .cont_tit div{font-size:16px}
#inc03 .pf_list a{gap:25px}
#inc03 .pf_list a .img{height:270px}
#inc03 .pf_list a .info p{width:95%}
}
/* 반응형 [e] */
