@charset "utf-8";
 #main .comMainBox {
max-width: 100%;
padding: 0.4rem 0 0;
}
#main .comMainBox .ancholBox {
width: 21rem;
top: 1.5rem;
height: calc(100% - 1.5rem);
}
#main .comMainBox .mainBox {
margin-left: 23.8rem;
}
#main .comMainBox .comWorkUl a {
border-bottom-color: #E9E9E9;
}
#main .comMainBox .comWorkUl .infoBox .tagUl li {
color: #fff;
background-color: #02af94;
}
#main .comMainBox .comWorkUl .infoBox {
color: #1c1e1d;
}
#main .comMainBox .comWorkUl .title {
color: #1c1e1d;
}
#main .comMainBox .comWorkUl .markUl li {
color: #02af94;
}
.comInnerUl {
margin-top: 18rem;
}
@media all and (min-width: 897px) and (max-width: 1380px) {
.comWorkUl > li {
width: calc((100% - 5rem) / 3);
}
}
@media all and (max-width: 896px) {
#main .comMainBox {
padding: 0;
}
#main .comMainBox .ancholBox {
width: auto;
height: fit-content;
}
#main .comMainBox .mainBox {
margin-left: 0;
}
#main .comMainBox .comWorkUl li:not(:last-child) {
margin-bottom: 2.9rem;
}
.comInnerUl {
margin-top: 6rem;
}
}