.academe .tit {display: flex; align-items: center;}
.tit em.icon {width: 27px;}

.class-box .class-img {height: 123px;}
.class-box .class-txt {padding: 15px 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}
.class-box .class-txt h3 {font-size: 16px; color: #333; font-weight: bold;}
.class-box .class-txt span {font-size: 14px; color: #555; text-align: left;}
.class-txt .class-icon {display: flex; align-items: center; gap: 12px;}
.class-txt .class-icon li {display: flex; align-items: center; gap: 4px;}
.class-txt .class-icon li em {width: 11px;}
.class-txt .class-icon li p {font-size: 12px; color: #9b9b9b;}

.reso-con {display: flex; align-items: center; gap: 15px; padding: 15px 12px;}
.reso-con .reso-img {width: 56px;}
.reso-con .reso-txt {display: flex; flex-direction: column; align-items: flex-start; gap: 2px;}
.reso-con .reso-txt h3 {font-size: 17px; color: #222; font-weight: bold;}
.reso-con .reso-txt span {font-size: 14px; color: #555; font-weight: 500; text-align: left;}

.ac-tit-wrap { border-bottom: 6px solid #f8f8f8;}
.ac-tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px;}
.ac-tit em {width: 22px; height: 19px; background: url(../img/like.png) no-repeat center/cover;}
.ac-tit em.on {width: 22px; height: 19px; background: url(../img/like_on.png) no-repeat center/cover;}
.ac-tit h2 {font-size: 18px; font-weight: bold;}
.ac-tit-wrap .view {display: flex; align-items: center; gap: 5px;}
.ac-tit-wrap .view em {width: 11px;}
.ac-tit-wrap .view p {font-size: 12px; color: #9b9b9b;}

.ac-con h2 {font-size: 16px; font-weight: 500; margin-bottom: 7px;}
.ac-con .ac-con-txt {color: #555;}