@media screen and (max-width:1200px) {
    /* #service */
    #service .col-lg-3 .box a {
        padding:60px 20px;
    }
    
    /* #nft */
    #nft .cont {
        padding-left:30px;
    }
    
    /* #rewards */
    #rewards .cont {
        padding-left:30px;
    }
} 

@media screen and (max-width:992px) {
    /* header */
    header .gnb_pc {
        display:none;
    }
    
    header .side_menu {
        display:block;
    }
    
    header h1 {
        width:120px;
        margin:11px 0;
    }
    
    /* #home */
    #home .title {
        font-size:50px;
    }
    
    /* #service */
    #service .col-lg-3 {
        margin-top:30px;
    }
    
    /* #nft */
    #nft .cont {
        padding:30px 0 0;
    }
    
    /* #chatbot */
    #chatbot {
        background-color:rgba(19,23,37,0.6);
        background-blend-mode:darken;
    }
    
    /* #rewards */
    #rewards .cont {
        padding:30px 0 0;
    }
    
}

@media screen and (max-width:768px){
    .img_pc {
        display:none;
    }
    
    .img_m {
        display:block;
    }
    
    /* #popup */
    #popup .box {
        left:0%;
        top:50%;
        transform:translate(0%,-50%);
        padding:0 15px;
    }
    
    #popup .box .cont {
        padding:20px;
    }
    
    #popup .box h2 {
        font-size:20px;
        line-height:35px;
    }
    
    /* .sub_cont */
    .sub_cont h4 {
        font-size:35px;
        line-height:55px;
    }
    
    .sub_cont h4 span {
        font-size:45px;
    }
    
    /* #home */
    #home .title {
        font-size:35px;
        line-height:55px;
    }
    
    #home h3 {
        font-size:80px;
    }
    
    /* #service */
    #service h4 br {
        display:none;
    }
    
    /* #marketing */
    #marketing .rollingbanner > .wrap {
        height:560px;
    }
    
    #marketing .roller > ul > li img {
        width:350px;
    }
}

@media screen and (max-width:576px){
    /* footer */
    footer img {
        display:block;
        margin:0 auto 15px;
    }
    
    footer .copy {
        text-align:center;
    }
    
    footer .contact {
        text-align:center;
    }
    
    footer .col-lg-3 {
        display:block;
    }
    
    footer .sns {
        width:100%;
        max-width:130px;
        margin:15px auto 0;
    }
    
    .btn_top {
        right:20px;
        bottom:20px;
        width:40px;
        height:40px;
        line-height:40px;
        font-size:16px;
    }
    
    /* #popup */
    #popup .box .cont {
        padding:15px 15px 30px;
    }
    
    #popup .box h2 {
        font-size:22px;
        line-height:40px;
    }
    
    #popup .box .cont > p {
        font-size:13px;
    }
    
    #popup .box .prizes {
        padding:10px 5px;
    }
    
    #popup .box .prizes p {
        font-size:13px;
    }
    
    /* #home */
    #home {
        padding:180px 0;
    }
    
    #home .title {
        font-size:22px;
        line-height:42px;
    }
    
    #home h3 {
        font-size:50px;
        line-height:70px;
    }
    
    #home .text {
        font-size:14px;
    }
    
    #home .wp li {
        float:none;
        width:100%;
        padding:10px 0;
    }
    
    /* #service */
    #service .col-lg-3 {
        width:50%;
    }
    
    #service .col-lg-3 .box a {
        padding:50px 15px;
    }
    
    #service .col-lg-3 .box dl dt {
        font-size:20px;
    }
    
    /* #nft */
    #nft .cont .text br {
        display:none;
    }
    
    /* #chatbot */
    #chatbot .text br {
        display:none;
    }
    
    /* #partner */
    #partner .col-lg-3 {
        width:50%;    
    }
    
    /* #marketing */
    #marketing .rollingbanner > .wrap {
        height:520px;
    }
    
    #marketing .roller > ul > li img {
        width:320px;
    }
}

@media screen and (max-width:360px){
    /* #popup */
    #popup .box .cont {
        padding:10px 10px 20px;
    }
    
    #popup .box h2 {
        font-size:18px;
        line-height:25px;
    }
    
    #popup .box .cont > p {
        margin:5px 0;
    }
    
    /* .sub_cont */
    .sub_cont h4 {
        font-size:30px;
        line-height:50px;
    }
    
    .sub_cont h4 span {
        font-size:45px;
    }
    
    /* #home */
    #home {
        padding:120px 0;
    }
    
    #home .title {
        font-size:18px;
        line-height:30px;
    }
    
    #home h3 {
        font-size:40px;
        line-height:60px;
    }
    
    #kr #home .text br:last-child {
        display:none;
    }
    
    /* #service */
    #service .col-lg-3 .box a {
        padding:40px 10px;
    }
    
    #service .col-lg-3 .box dl dd {
        bottom:5px;
    }
    
    /* #roadmap */    
    #roadmap .roadmap_swiper .swiper-pagination .swiper-pagination-bullet {
        width:8px;
    }
    
    #roadmap .roadmap_swiper .swiper-pagination .swiper-pagination-bullet-active {
        width:15px;
    }
    
    /* #partner */
    #partner .col-lg-3 {
        width:100%;
    }
}

@media screen and (max-width:320px){
    #home .text br {
        display:none;
    }
    
    #kr #home .text br:first-child {
        display:block;
    }
    
    /* #service */
    #service .col-lg-3 {
        width:100%;
    }
    
    #service .col-lg-3 .box a {
        padding:20px 10px 40px;
    }
    
    /* #roadmap */
    #roadmap .roadmap_swiper .swiper-slide ul {
        width:200px;
    }
}