@charset "utf-8";
#inc01 .pl{white-space:pre-line}
#inc01 ul li{padding:170px 0}
#inc01 ul li:nth-child(1){background:#f8fafd}
#inc01 ul li:nth-child(3){background:#f8fafd}
#inc01 ul li .wrap{display:flex;align-items:center;justify-content:space-between;gap:90px;max-width:var(--mainsize);margin:0 auto}
#inc01 ul li .mo_cont{display:none}
#inc01 ul li:nth-child(2n) .wrap{flex-direction:row-reverse}

/* txt */
#inc01 ul li .left{width:100%}
#inc01 ul li .left b{font-size:18px;line-height:1.4;font-weight:600;color:var(--primary)}
#inc01 ul li .left p{padding:15px 0 25px;font-size:45px;line-height:1.25;font-weight:700;color:#222;word-break:keep-all}
#inc01 ul li .left span{font-size:20px;font-weight:600;color:#333;word-break:keep-all}
#inc01 ul li .left span em{display:block;position:relative;padding-left:19px;font-size:18px;font-weight:400;font-style:normal;color:#666}
#inc01 ul li .left span em.t_em{margin-top:10px}
#inc01 ul li .left span em.bt_em{margin-bottom:10px}
#inc01 ul li .left span em:before{position:absolute;left:0;top:13px;content:'';width:4px;height:4px;border-radius:100px;background:var(--primary)}
#inc01 ul li .left a{display:flex;align-items:center;justify-content:center;gap:20px;width:max-content;height:57px;margin-top:45px;padding:0 30px;border-radius:30px;font-weight:600;color:#fff;text-align:center;background:#181d62;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 25%);transition:0.2s}
#inc01 ul li .left a .icon{width:22px;height:22px}

/* img */
#inc01 ul li .right{position:relative;width:100%;height:456px;border:55px solid #e6f1f7;border-top:50px solid #e6f1f7;border-bottom:none;background:#fff}
#inc01 ul li .right img{display:block;position:absolute;left:50%;bottom:-25px;transform:translateX(-50%)}

/* 반응형 [s] */
@media (hover:hover){
#inc01 ul li .left a:hover{gap:10px}
}
@media (max-width:1580px){
#inc01 ul li .wrap{max-width:none;width:95%}
#inc01 ul li .left{width:calc(50% - 45px)}
#inc01 ul li .left b{font-size:17px}
#inc01 ul li .left p{padding:8px 0 18px;font-size:42px}
#inc01 ul li .left span{font-size:17px}
#inc01 ul li .left a{height:54px}
#inc01 ul li .right{width:620px;height:400px;border:50px solid #e6f1f7;border-top:45px solid #e6f1f7;border-bottom:none}
#inc01 ul li .right img{height:330px}
}
@media (max-width:1380px){
#inc01 ul li .wrap{gap:60px}
#inc01 ul li .left b{font-size:16px}
#inc01 ul li .left p{padding:6px 0 16px;font-size:38px}
#inc01 ul li .left span{font-size:16px}
#inc01 ul li .left span em{font-size:16px}
#inc01 ul li .left a{height:52px}
}
@media (max-width:1230px){
#inc01 ul li{padding:150px 0}
#inc01 ul li .wrap{gap:40px}
#inc01 ul li .left{width:100%}
#inc01 ul li .left p{font-size:35px}
#inc01 ul li .right{width:100%;height:350px;border:35px solid #e6f1f7;border-top:35px solid #e6f1f7;border-bottom:none}
#inc01 ul li .right img{height:280px}
}
@media (max-width:1024px){
#inc01 ul li{padding:130px 0}
#inc01 ul li .left b{font-size:14px}
#inc01 ul li .left p{font-size:25px}
#inc01 ul li .left span{font-size:15px}
#inc01 ul li .left span em{font-size:15px}
#inc01 ul li .right{height:300px;border:25px solid #e6f1f7;border-top:25px solid #e6f1f7;border-bottom:none}
#inc01 ul li .right img{height:220px}
}
@media (max-width:768px){
#inc01 ul li{padding:80px 0}
#inc01 ul li .wrap{flex-direction:column-reverse;gap:40px}
#inc01 ul li .mo_cont{display:flex}
#inc01 ul li .pc_cont{display:none}
#inc01 ul li:nth-child(2n) .wrap{flex-direction:column-reverse}
#inc01 ul li .left{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center}
#inc01 ul li .left p{padding:8px 0 16px;font-size:24px}
#inc01 ul li .left span{white-space:normal;width:90%}
#inc01 ul li .left span em{padding-left:0}
#inc01 ul li .left span em:before{display:none}
#inc01 ul li .left a{gap:15px;margin-top:30px}
#inc01 ul li .right{display:flex;justify-content:center;height:auto;border:none;background-color:transparent}
#inc01 ul li .right img{position:initial;transform:none;margin:0 auto}
}
@media (max-width:480px){
#inc01 ul li{padding:70px 0}
#inc01 ul li .wrap{gap:50px}
#inc01 ul li .left p{font-size:25px}
#inc01 ul li .left span{width:100%;font-size:14px}
#inc01 ul li .left span em{font-size:15px}
#inc01 ul li .left a{gap:10px;height:45px;font-size:16px}
#inc01 ul li .left a img{height:30px}
#inc01 ul li .left b{font-size:18px}
#inc01 ul li .right img{height:180px}
}
@media (max-width:380px){
#inc01 ul li{padding:60px 0}
#inc01 ul li .wrap{gap:45px}
#inc01 ul li .left p{padding:6px 0 12px}
}
/* 반응형 [e] */