.character{padding-top:50px}.character *{line-height:1}.character ::-moz-selection{background:rgba(45,140,237,.1568627450980392)}.character ::selection{background:rgba(45,140,237,.1568627450980392)}.character h1{margin-bottom:15px;padding-bottom:10px;line-height:1;font-size:24px;font-weight:400;color:#080809;justify-content:space-between;align-items:flex-end}.character h1,.character ul.nav-list{border-top:none;border-left:none;border-right:none;display:flex;flex-wrap:wrap}.character ul.nav-list{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:20px;padding:0}.character ul.nav-list li{margin-top:10px;margin-right:20px}.character ul.nav-list li p{padding:0 2px;font-size:15px;font-weight:500;border-top:none;border-left:none;border-right:none;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.character ul.nav-list li p:not([class*=role]){font-weight:400;color:hsla(0,0%,60%,.5019607843137255)}.character ul.nav-list li p:not([class*=role]):hover{color:rgba(0,0,0,.5019607843137255)}.character ul.nav-list li:last-of-type{margin-left:10px;margin-right:0}.character .character-content{display:flex;justify-content:space-between;align-items:flex-start}.character .character-content .content-left{width:220px;min-width:220px;height:520px;min-height:520px;display:grid;align-content:space-between;overflow-x:hidden}.character .character-content .content-left .title{width:100%;height:420px;padding:36px 15px 5px 15px;position:relative;display:grid;align-content:space-between}.character .character-content .content-left .title h2{font-size:18px;font-weight:400;color:#fff;line-height:28px}.character .character-content .content-left .title h2:before{content:"";display:block;width:71px;height:4px;margin-bottom:8px;background:#fff}.character .character-content .content-left .title h3{margin-top:20px;padding-left:30px;line-height:1.6;font-size:13px;color:#fff;transform:translateX(5px);opacity:.6}.character .character-content .content-left .title h3.role3,.character .character-content .content-left .title h3.role5,.character .character-content .content-left .title h3.role6{padding-left:0;padding-right:35px;transform:none}.character .character-content .content-left .title div{color:#fff;position:absolute;bottom:5px;left:auto;right:15px;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start;opacity:.3}.character .character-content .content-left .title div p{width:-webkit-min-content;width:-moz-min-content;width:min-content;line-height:1.25;font-size:15px;text-align:center;margin-left:10px;margin-right:0;display:grid;justify-content:center;align-content:flex-start;align-items:flex-start}.character .character-content .content-left .title div p span{font-size:32px;margin-top:-6px}.character .character-content .content-left .title div.role3,.character .character-content .content-left .title div.role5,.character .character-content .content-left .title div.role6{left:15px;right:auto;flex-direction:row-reverse}.character .character-content .content-left .title div.role3 p,.character .character-content .content-left .title div.role5 p,.character .character-content .content-left .title div.role6 p{margin-left:0;margin-right:10px}.character .character-content .content-left .title span[class*=role]{width:100%;display:block;line-height:1;text-align:left;transform:translateX(-25%);opacity:.6}.character .character-content .content-left .title span[class*=role] i{font-size:170px}.character .character-content .content-left .title span[class*=role].role3,.character .character-content .content-left .title span[class*=role].role5,.character .character-content .content-left .title span[class*=role].role6{text-align:right;transform:translateX(25%)}.character .character-content .content-left .desc{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:97px;display:flex;align-items:center;justify-content:flex-start;padding:11px 11px 18px;line-height:22px;font-size:14px;font-weight:400;color:#fff;background-color:hsla(0,0%,100%,.1568627450980392)}.character .character-content .content-right{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;align-items:flex-start}.character .character-content .content-right ul.course-list{width:100%;height:520px;min-height:520px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.character .character-content .content-right ul.course-list li{width:33.33%;height:50%;padding:10px 0 10px 20px}@media(max-width:960px){.character .character-content .content-right ul.course-list li{padding-left:10px;padding-top:5px;padding-bottom:5px}}@media(max-width:800px){.character .character-content .content-right ul.course-list li{padding-left:8px}}@media(max-width:767px){.character{padding-top:25px}.character h1{font-size:20px}.character ul.nav-list li{margin-right:0;font-size:15px;position:relative}.character ul.nav-list li:last-of-type{margin-left:0}.character ul.nav-list li.nav-btn{margin-right:10px}.character ul.nav-list li.nav-btn p.nav-btn-text{padding-right:14px;position:relative}.character ul.nav-list li.nav-btn p.nav-btn-text:after{content:"";display:block;width:0;height:0;position:absolute;top:50%;right:0;transform:rotate(135deg) translateX(25%) translateY(100%);transform-origin:center right;border:5px solid #e0e0e0;border-left-color:transparent;border-bottom-color:transparent}.character ul.nav-list li.nav-btn:before{content:"";display:block;width:0;height:10px;position:absolute;top:21px;right:8px;z-index:2;background-color:#eee;transform:rotateY(45deg) rotate(45deg);transition:width .15s linear}.character ul.nav-list li.nav-btn.isspread:before{width:10px}.character ul.nav-list li.nav-btn.isspread ul.nav-list{height:140px;top:26px;border-color:#eee}.character ul.nav-list li ul.nav-list{width:auto;height:0;padding:0;align-content:flex-start;position:absolute;top:21px;right:0;z-index:3;margin-top:0;border-radius:4px;border:1px solid transparent;background-color:#fff;overflow:auto;transition:all .15s linear}.character ul.nav-list li ul.nav-list li{width:100%;margin-left:0;padding:0}.character ul.nav-list li ul.nav-list li:before{display:none}.character ul.nav-list li ul.nav-list li p{width:100%;padding:8px;white-space:nowrap;justify-content:flex-start;border-bottom:1px solid #eee}.character ul.nav-list li ul.nav-list li p[class*=role]{background-color:hsla(0,0%,93.3%,.5019607843137255)}.character .character-content .content-right ul.course-list{height:auto;min-height:auto}.character .character-content .content-right ul.course-list li{width:100%;height:auto;padding-left:0}}@media(max-width:365px){.character ul.nav-list li ul.nav-list{left:0;right:auto}}