@media (max-width: 1200px) {
    .karaplay_list {
        grid-template-columns:repeat(3,1fr); /* 3개 카드일 때 왼쪽, 가운데, 오른쪽 정렬 */
    }
    .input_title{
        width: 300px;
    }
}

@media (max-width: 982px) {
    .karaplay_list {
        grid-template-columns:repeat(2,1fr); /* 2개 카드일 때 가운데 정렬 */
    }
    .input_title{
        width: 360px;
    }
    .detail_container {
        width: auto;
        margin: 0px 25px;
    }
}

@media (max-width: 712px) {
    .karaplay_list {
        grid-template-columns:repeat(1,1fr); /* 1개 카드일 때 가운데 정렬 */
    }
    .input_title{
        width: 100%;
    }
    .main_txt {
        font-size: 30px;
    }
    .square {
        width: 13px;
        height: 13px;
        background-color: #FF9270;
        margin: 0 21px; /* 원하는 간격으로 변경하세요 */
    }
    .detail_title_sub {
        font-size: 16px;
    }
    .detail_image img {
        padding-top: 15px;
        max-width: 910px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        }
        .detail_title {
            padding-left: 15px;
            padding-right: 15px;
            }
}
@media (max-width: 620px) {
    .input_title{
        width:400px;
    }
}
@media (max-width: 440px) {
    .input_title{
        width:320px;
    }
}

@media (max-width: 420px) {
    .input_title{
        width:240px;
    }
}