.course-warp{background-color:#f8f8ff}.course-warp .container{padding:100px 50px}.course-warp .container .title{font-size:32px;font-weight:700;padding-bottom:10px}.course-warp .container .course-box{display:grid;grid-gap:30px;grid-template-columns:repeat(3,1fr);margin-top:15px}.course-warp .container .course-box .course-item{opacity:.9;position:relative}.course-warp .container .course-box .course-item .qr-warp{display:none;position:absolute;inset:0}.course-warp .container .course-box .course-item:hover{cursor:pointer;opacity:1}.course-warp .container .course-box .course-item:hover .qr-warp{display:block;background-color:#00000080}.course-warp .container .course-box .course-item:hover .qr-warp .qr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;width:200px;height:200px;display:flex;justify-content:center;align-items:center}