/* BASIC css start */
/* 추가 230822 */
.content_box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.content_box > div{ width: 49%;}

.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;
}

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

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

.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; width: 98.75%; margin: 0 auto;}

.contentBox div a{position: absolute;}

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

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

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

.contentBox .widthBox a:nth-child(1){top: 11.2552%; left: 0;}
.contentBox .widthBox a:nth-child(2){top: 11.2552%; right: 0;}
.contentBox .widthBox a:nth-child(3){top: 27.942%; left: 0;}
.contentBox .widthBox a:nth-child(4){top: 27.942%; right: 0;}
.contentBox .widthBox a:nth-child(5){top: 44.6288%; left: 0;}
.contentBox .widthBox a:nth-child(6){top: 44.6288%; right: 0;}
.contentBox .widthBox a:nth-child(7){top: 61.3156%; left: 0;}
.contentBox .widthBox a:nth-child(8){top: 61.3156%; right: 0;}
.contentBox .widthBox a:nth-child(9){top: 78.0024%; left: 0;}
.contentBox .widthBox a:nth-child(10){top: 78.0024%; right: 0;}
.contentBox .widthBox a:nth-child(11){top: 94.6891%; left: 0;}
.contentBox .widthBox a:nth-child(12){top: 94.6891%; right: 0;}

.contentBox .lengthBox a:nth-child(1){top: 0; left: 0%;}
.contentBox .lengthBox a:nth-child(2){top: 0; left: 50%; transform: translateX(-50%);}
.contentBox .lengthBox a:nth-child(3){top: 0; right: 0;}
.contentBox .lengthBox a:nth-child(4){top: 16.6867%; left: 0%;}
.contentBox .lengthBox a:nth-child(5){top: 16.6867%; left: 50%; transform: translateX(-50%);}
.contentBox .lengthBox a:nth-child(6){top: 16.6867%; right: 0;}
.contentBox .lengthBox a:nth-child(7){top: 33.3735%; left: 0%;}
.contentBox .lengthBox a:nth-child(8){top: 33.3735%; left: 50%; transform: translateX(-50%);}
.contentBox .lengthBox a:nth-child(9){top: 33.3735%; right: 0;}
.contentBox .lengthBox a:nth-child(10){top: 50.0603%; left: 0%;}
.contentBox .lengthBox a:nth-child(11){top: 50.0603%; left: 50%; transform: translateX(-50%);}
.contentBox .lengthBox a:nth-child(12){top: 50.0603%; right: 0;}
.contentBox .lengthBox a:nth-child(13){top: 66.7471%; left: 0%;}
.contentBox .lengthBox a:nth-child(14){top: 66.7471%; left: 50%; transform: translateX(-50%);}
.contentBox .lengthBox a:nth-child(15){top: 66.7471%; right: 0;}
.contentBox .lengthBox a:nth-child(16){top: 83.4339%; left: 0%;}
.contentBox .lengthBox a:nth-child(17){top: 83.4339%; left: 50%; transform: translateX(-50%);}
.contentBox .lengthBox a:nth-child(18){top: 83.4339%; right: 0;}

.pageLink{
    display: block;
    margin: 12px auto 85px;
    padding: clamp(15px,4.687vw, 30px) 0;
    border: 1px solid black;
    width: 98%;
    text-align: center;
    font-size:clamp(12px,3.75vw, 24px);
}
/* BASIC css end */