/* BASIC css start */
body #contentWrapper {
    padding-top: 124px;
    margin: 0;
}

.contentBoxList {
    max-width: 912px;
    width: 100%;
    margin: 0 auto;
}

.contentBox::after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 363.04824%;
}

.contentLink {
    display: flex;
    justify-content: center;
    padding: 50px 0 33px;
}

.contentLink a {
    font-size: 18px;
    padding: 0 30px 7px;
}

.contentLink .act {
    border-bottom: 3px solid #512772;

}

.contentBox {
    position: relative;
}

.contentBox div a {
    position: absolute;
}

.contentBox div a img {
    display: block;
    border-radius: 12px;
    width: 100%;
}

.contentBox .widthBox a{width: 49.835%;}

.contentBox .lengthBox a{width: 24.5883%;}

/* 리스트 위치 */
.contentBox .widthBox a:nth-child(1){top: 0; left: 0;}
.contentBox .widthBox a:nth-child(2){top: 12.2017%; right: 0;}
.contentBox .widthBox a:nth-child(3){top: 20.0241%; left: 0;}
.contentBox .widthBox a:nth-child(4){top: 32.2259%; right: 0;}
.contentBox .widthBox a:nth-child(5){top: 40.0483%; left: 0;}
.contentBox .widthBox a:nth-child(6){top: 52.25%; right: 0;}
.contentBox .widthBox a:nth-child(7){top: 60.0724%; left: 0;}
.contentBox .widthBox a:nth-child(8){top: 72.2742%; right: 0;}
.contentBox .widthBox a:nth-child(9){top: 80.0966%; left: 0;}
.contentBox .widthBox a:nth-child(10){top: 92.2983%; right: 0;}

.contentBox .lengthBox a:nth-child(1){top: 0; right: 25.1096%;}
.contentBox .lengthBox a:nth-child(2){top: 0; right: 0;}
.contentBox .lengthBox a:nth-child(3){top: 7.8224%; left: 0;}
.contentBox .lengthBox a:nth-child(4){top: 7.8224%; left: 25.1096%;}
.contentBox .lengthBox a:nth-child(5){top: 20.0241%; right: 25.1096%;}
.contentBox .lengthBox a:nth-child(6){top: 20.0241%; right: 0;}
.contentBox .lengthBox a:nth-child(7){top: 27.8465%; left: 0;}
.contentBox .lengthBox a:nth-child(8){top: 27.8465%; left: 25.1096%;}
.contentBox .lengthBox a:nth-child(9){top: 40.0483%; right: 25.1096%;}
.contentBox .lengthBox a:nth-child(10){top: 40.0483%; right: 0;}
.contentBox .lengthBox a:nth-child(11){top: 47.8707%; left: 0;}
.contentBox .lengthBox a:nth-child(12){top: 47.8707%; left: 25.1096%;}
.contentBox .lengthBox a:nth-child(13){top: 60.0724%; right: 25.1096%;}
.contentBox .lengthBox a:nth-child(14){top: 60.0724%; right: 0;}
.contentBox .lengthBox a:nth-child(15){top: 67.8948%; left: 0;}
.contentBox .lengthBox a:nth-child(16){top: 67.8948%; left: 25.1096%;}
.contentBox .lengthBox a:nth-child(17){top: 80.0966%; right: 25.1096%;}
.contentBox .lengthBox a:nth-child(18){top: 80.0966%; right: 0;}
.contentBox .lengthBox a:nth-child(19){top: 87.919%; left: 0;}
.contentBox .lengthBox a:nth-child(20){top: 87.919%; left: 25.1096%;}

#content .pageLink{
    display: block;
    margin: 85px auto;
    padding: 24px 0;
    border: 1px solid black;
    width: 54.5353%;
    text-align: center;
}
/* BASIC css end */