@charset "utf-8";

#inc02{margin-top:100px}
#inc02 h2{text-align:center}
#inc02 .list{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 30px;width:780px;margin:0 auto 100px;padding-top:50px}
#inc02 .list>li{border-top:1px solid #111}
#inc02 .list li div{display:flex;padding-top:20px}
#inc02 .list .half li{display:flex;gap:10px}
#inc02 .list .half li+li{margin-top:5px}
#inc02 .list .half li span{display:flex;align-items:center;justify-content:center;width:55px;padding:3px 0;border-radius:50px;font-size:13px;font-weight:13px;font-weight:700;color:var(--primary);background:#111}
#inc02 .list div>p{font-size:18px;font-weight:700;font-family:var(--e-font)}
#inc02 .list div>p span{display:block;font-size:15px;font-weight:500;font-style:normal;color:#777;font-family:var(--k-font)}
#inc02 h3{width:100px;font-size:16px;font-weight:700;color:#111}

#inc02 .course{position:relative;overflow:hidden;height:100vh}
#inc02 .course .wrap{position:absolute;z-index:10;top:50%;left:50%;color:#fff;text-align:center;transform:translate(-50%, -50%)}
#inc02 .course h2{color:#fff}
#inc02 .course .tabs{position:relative;display:inline-flex;justify-content:center;margin:30px 0;padding:10px 15px;border-radius:50px;cursor:pointer;background:var(--primary)}
#inc02 .course .tabs li{width:100px;padding:5px 0;font-size:18px;font-weight:700;text-align:center;color:#111}
#inc02 .course .tabs li.on{border-radius:50px;color:var(--primary);background:#111}
#inc02 .course p{margin-top:20px}
#inc02 .course .tab_cont{overflow:hidden;display:none;border-radius:13px}
#inc02 .course .bg{position:relative}
#inc02 .course .bg:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}