section[data-v-5ebf61a4]{min-width:1280px}.roleBox[data-v-5ebf61a4]{width:100%;height:calc(34.58333vw - 4px);min-height:438px;background-repeat:no-repeat;background-position:50%;background-size:100%}.roleBox .roleDetail[data-v-5ebf61a4]{width:62.4%;margin:0 auto;height:87%;position:relative;padding:5% 5% 2%;background:url(../img/role-bg.42edf50f.png) no-repeat bottom;background-size:100%}.roleBox .roleDetail .avaBox[data-v-5ebf61a4]{width:420px;position:absolute;left:50%;top:18%;transform:translate(-50%)}.roleBox .roleDetail .avaBox ul[data-v-5ebf61a4]{display:flex;align-items:center;justify-content:space-around}.roleBox .roleDetail .avaBox ul li[data-v-5ebf61a4]{width:68px;height:68px;filter:grayscale(100%);background:url(../img/role-nav-h.e814845a.png) no-repeat;background-size:auto 100%;transition:.3s;cursor:pointer}.roleBox .roleDetail .avaBox ul li.active[data-v-5ebf61a4]{filter:grayscale(0)}.roleBox .roleDetail .avaBox ul li.role1[data-v-5ebf61a4]{background-position:-1px 1px}.roleBox .roleDetail .avaBox ul li.role2[data-v-5ebf61a4]{background-position:-78px 1px}.roleBox .roleDetail .avaBox ul li.role3[data-v-5ebf61a4]{background-position:-157px 0}.roleBox .roleDetail .avaBox ul li.role4[data-v-5ebf61a4]{background-position:-235px 0}.roleBox .roleDetail .avaBox ul li.role5[data-v-5ebf61a4]{background-position:-311px 1px}.roleBox .roleDetail .roleInfo[data-v-5ebf61a4]{display:flex;align-items:center;justify-content:space-between;height:100%;color:#5c432d;padding-top:10%;padding-bottom:3%;box-sizing:border-box}.roleBox .roleDetail .roleInfo .bigSkill[data-v-5ebf61a4]{text-align:center;width:25%;height:100%;padding:3% 2% 0;box-sizing:border-box}.roleBox .roleDetail .roleInfo .bigSkill h4[data-v-5ebf61a4]{border:1px solid #5c432d;border-radius:15px;text-align:center;font-size:.875rem;font-weight:500;display:inline-flex;padding:.125rem .75rem}.roleBox .roleDetail .roleInfo .bigSkill p[data-v-5ebf61a4]{text-align:left;margin-top:.625rem;font-size:.75rem}.roleBox .roleDetail .roleInfo .bigSkill img[data-v-5ebf61a4]{width:100%}.roleBox .roleDetail .roleInfo .skillList[data-v-5ebf61a4]{width:30%;padding-left:16px;box-sizing:border-box;padding-top:16px}.roleBox .roleDetail .roleInfo .skillList h4[data-v-5ebf61a4]{font-size:.875rem;margin-bottom:10px}.roleBox .roleDetail .roleInfo .skillList ul li[data-v-5ebf61a4]{display:flex;align-items:center;padding:5px 0}.roleBox .roleDetail .roleInfo .skillList ul li span[data-v-5ebf61a4]{margin-left:5px;font-size:.75rem}.roleBox .roleDetail .roleInfo .rolePerson[data-v-5ebf61a4]{width:45%;text-align:right;height:100%;padding:2% 2% 2% 0;box-sizing:border-box}.roleBox .roleDetail .roleInfo .rolePerson img[data-v-5ebf61a4]{max-width:100%;max-height:100%}