#main-award-section{
    background: #ffffff !important;
}

.m-version{
    display: none !important;
}

.p-version{
    display: block !important;
}

.example-aera .example-info-c .title{
    padding: 8px 16px;
}

a.btn, .btn{
    border-radius: 0 !important;
}

a.btn-category{
    background: #ccc;
}

.best-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.example-aera .example-desc-c .desc > div:first-child{
    padding-bottom: 6px;
}

div .star-point{
    color: #ef2626;
}

#main-award-section{
    background: #f0f0f0 !important;
}

#main-award-section .fs-2.text-white,
#main-award-section .fs-5.text-white,
#main-award-section .point{
    color: #000000 !important;
}

.example-aera{
    gap: 20px 0;
}

.example-aera .example-desc-c .desc{
    text-align: center !important;
    padding: 12px 16px;
    min-height: 102px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#example-A-section .container .tab-list,
#example-B-section .container .tab-list,
#example-C-section .container .tab-list {
    max-width: 1180px;
    margin: 0 auto 30px;
}

#example-A-section .container .col-4,
#example-B-section .container .col-4,
#example-C-section .container .col-4 {
 padding: 0 4px;
}

@media (max-width: 992px) {
    #main-online-section .mt-5{
        margin-top: 0px !important;
    }
    #example-list-section .container.py-5,
    #example-best-section .container.py-5{
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .example-aera .example-desc-c .desc {
        max-width: 60ch;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 768px) {
    .example-aera .example-info-c .title{
        font-size: .83rem;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #example-A-section .container.py-5,
    #example-B-section .container.py-5,
    #example-C-section .container.py-5{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #main-online-section .mt-5{
        margin-top: 0px !important;
    }

    #example-list-section .container.py-5,
    #example-best-section .container.py-5{
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #main-award-section .fs-6{
        font-size: .875rem !important;
    }

    .text-white.m-version,
    #main-award-section .point{
       color: #000000 !important;
    }
    .col-md-6.col-12.mt-md-0.mt-5{
        margin-top: 4px !important;
    }

    .container.py-5,
    .container.pt-5 {
        padding: 20px !important;
    }

    .row .col-7,
    .row .col-6,
    .row .col-5,
    .row .col-4,
    .row .col-3,
    .row .col-12 {
        padding: 0 !important;
    }

    #example-best-section .best-title {
        font-size: 0.875rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .best-area .best-img .badge {
        background: #3c7cdd !important;
        font-weight: 400;
        border-radius: 20px;
        border: 1px solid #fff;
    }

    #example-list-section .header.pb-5 {
        padding-bottom: 0 !important
    }

    #example-A-section .container .row,
    #example-B-section .container .row,
    #example-C-section .container .row {
        gap: 0px;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto 12px;
    }

    .mt-5,
    #main-award-section .fs-5.text-white{
        margin-top: 20px !important;
    }

    #example-A-section .container .row .col-4,
    #example-B-section .container .row .col-4,
    #example-C-section .container .row .col-4 {
        width: 33% !important;
        border-radius: 4px;
    }

    .example-aera .example-info,
    .example-aera .example-info-b {
        background: #3b7ddd !important;
        border-radius: 8px !important;
        left: 50% !important;
        bottom: 6px !important;
        padding: 4px 12px !important;
        width: 90% !important;
        border: none !important;
    }

    .example-aera .example-desc-c .desc,
    .example-aera .example-desc-c .desc > div:last-child{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        font-size: .775rem !important;
        min-height: 75px;
        height: 82px;
    }

    #main-service-section > .container > .row{
        display: block;
    }

    #main-service-section > .container > .row > .row{
        margin: 0 auto;
        padding: 0;
        display: flex !important;
    }

    #main-service-section > .container > .row > .row > .col{
        width: 50%;
    }

    #main-award-section{
        background: #ffffff !important;
    }

    .row .example-item{
        padding: 0;
    }

    a.btn-category {
       font-size: .7rem !important;
        padding: 0 3px;
        height: 31px;
        border-radius: 0;
    }

    a.btn-category.active{
        background: #3b7ddd !important;
        color: #ffffff !important;
    }

    .best-area.p-5 {
        padding: 20px !important;
        border-radius: 12px;
    }

    .best-area {
        border-radius: 8px;
    }

    .spot-bg img {
        width: 100%;
        margin-top: 23px;
    }

    .container {
        margin: 0 12px !important;
        width: calc(100% - 24px) !important;
    }

    .best-desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: .775rem;
    }

    .m-version{
        display: block !important;
    }

    .p-version{
        display: none !important;
    }

    .best-area .best-img img{
        min-width: 152px;
        min-height: 152px;
    }
}