@charset 'utf-8';

@media all and (max-width:767px){
    .speaker-area{}
    .speaker-box{width: 100%}
}

@media all and (min-width:768px) and (max-width:1279px){
    .speaker-area{overflow: hidden}
    .speaker-box{float: left;width: 50%;height: 420px}
}

@media all and (min-width:1280px){
    .speaker-area{overflow: hidden}
    .speaker-box{float: left;width: 25%;height: 420px}
}

.nav-box ul li:nth-child(2){border-bottom: 2px solid #668ab0}
.nav-subbox ul li:nth-child(4){border-bottom: 2px solid #668ab0}

#speaker{}

.speaker-box{margin: 0 0 30px 0;}
.speaker-box p span{display: block;text-align: center}

/*img*/
.speaker-img{text-align: center;width: 60%;margin: 0 auto;box-shadow: 1px 5px 5px 5px rgba(0,0,0,0.1);}
.speaker-img span{width: 100%;display: inline-block;background: linear-gradient(#e6e6e6, #fff)}
.speaker-img span img{width: 100%;}

.category{font-weight: 700;font-size: 1.1em;line-height: 30px}
.title{
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 20px 0;
    color: #6284a9;
    letter-spacing: -0.4px;
    min-height: 50px;
}

/*speacker text*/
.speaker-box .speaker-text{margin: 20px 0 20px 0}
.speaker-box .speaker-text .name{line-height: 30px}
.speaker-box .speaker-text .name em{
    font-size: 18px;
    font-weight: 800;
    color: #000;
    line-height: 30px;
    margin: 0 0 4px 0;
}

/*profile-list*/
.speaker-text .profile-list{width: 72%;margin: 0 auto;font-weight: 400;letter-spacing: -1px}