@media screen and (max-width:1440px) {



    /* about */
    .about_ser .item {gap: 40px;}
    .about_ser .cont .title .top {font-size:1.125rem }
    .about_ser .cont .title .big {font-size: 2.25rem}
    .about_ser .cont .text {font-size: 1.125rem; margin-top: 25px;}



    /* creator */
    .crt_list .item {width: calc(25% - 30px);}    


}
@media screen and (max-width:1199px) {


    /* main */
    .main_tit {margin-bottom: 40px;}
    .main_tit .tit .big {font-size: 3rem;}
    .main_tit .tit .small {font-size: 1.125rem;}
    .main_top .title .big {font-size: 4.5rem;}
    .main_top .title .small {font-size: 1.125rem;}
    .main_top .btn {height: 45px; font-size: 1rem; margin-top: 40px;}
    .main_top .btn::after {width: 14px;}
    .main_val .item {padding: 20px 40px;}
    .main_val .item .box {gap: 10px; }
    .main_val .item .small {font-size: 1rem}
    .main_val .item .big {font-size: 1.5rem}
    .main_val .item .descript {font-size: 0.875rem}



    /* about */
    .about_top .title .big {font-size: 5rem}
    .about_top .title .small {font-size: 1.125rem}


    /* business */    
    .biz_top .title .big {font-size: 4rem}
    .biz_top .title .small {font-size: 2.5rem; margin-top: 10px;}
    .biz_int .title .big {font-size: 2.5rem}
    .biz_int .title .small {font-size: 1.25rem;}
    .biz_info .list {gap: 20px;}
    .biz_info .item {padding: 30px; width: calc(50% - 10px);}
    .biz_info .item .name {font-size: 1.5rem;}
    .biz_info .item .key {margin-top: 10px;}
    .biz_info .item .icon {width: 60px;}



    /* creator */
    .crt_list .list {gap:40px 20px;}
    .crt_list .item {width: calc(33.333% - 13.333px);}  



}


@media screen and (max-width:899px) {


    /* main */
.main_top::after {background-position: 70% center;}
    .main_tit .tit .big {font-size: 2rem;}
    .main_tit .tit .small {font-size: 1rem;}
    .main_val .list {position: relative; aspect-ratio: 1/0.94}
    .main_val .item {margin-right: 0; width: 52%;}
    .main_val .item.logo {position: absolute; left: 50%; top: 0; transform: translateX(-50%)}
    .main_val .item.cont {position: absolute; bottom: 0;}
    .main_val .item.cont:first-child {left: 0}
    .main_val .item.cont:last-child {right: 0;}



    /* about */
    .about_top .title .big {font-size: 4rem}
    .about_top .title .small {font-size: 1rem}
    .about_ser .item {flex-direction: column;}
    .about_ser .item .img {order: 2}
    .about_ser .item .cont {order: 1}
    .about_ser .cont .text {font-size: 1rem; margin-top: 15px;}



    /* business */   
    .biz_top .title .big {font-size: 2.5rem}
    .biz_top .title .small {font-size: 1.5rem}
    .biz_int .title {margin-bottom: 60px;}
    .biz_int .title .big {font-size: 2rem}
    .biz_int .title .small {font-size: 1.125rem; margin-top: 30px;}
    /* .biz_info .list {gap: 40px 20px;}
    .biz_info .item {width: calc(50% - 10px);}
    .biz_info .item .name {font-size: 1.25rem}
    .biz_info .item .key {gap: 5px;}
    .biz_info .item .key p {font-size: 0.875rem; height: 32px;} */
    .biz_info .item .name {font-size: 1.25rem}
    .biz_info .item .key {gap: 5px;}
    .biz_info .item .key p {font-size: 0.875rem;}



    /* faq */
    .faq_list .ask {padding: 0 20px; font-size: 1rem; height: 80px;}
    .faq_list .answer {padding: 0 54px 20px; font-size: 0.875rem;}



    /* creator */
    .crt_list .title {font-size: 1.75rem; margin-bottom: 20px;}
    .crt_list .item {width: calc(50% - 10px);}  




}


@media screen and (max-width:599px) {


    /* main */
    .main_top .title .big {font-size: 3rem;}
    .main_top .scroll {font-size: 0.875rem; margin-top: 40px;}
    .main_val .list {aspect-ratio: unset; display: flex; flex-direction: column; gap: 0px; justify-content: center; align-items: center}
    .main_val .item {width: 100%; padding: 10px 20px; max-width: 350px; margin-top: -5%;}
    .main_val .item.logo {position: relative; top: unset; left: unset; transform: unset; order: 1}
    .main_val .item.cont {position: unset; order: 2;}



    /* about */
    .about_tit {margin-bottom: 20px;}
    .about_tit .big {font-size: 1.25rem;}
    .about_top .title .big {font-size: 3rem}
    .about_top .title .small br {display: none}
    .about_ser .list {gap: 60px;}
    .about_ser .item {gap: 20px;}
    .about_ser .cont .title .top {font-size: 1rem}
    .about_ser .cont .title .big {font-size: 1.5rem}


    /* business */
    .biz_top .title .big {font-size: 2rem}
    .biz_top .title .small {font-size: 1.25rem}
    .biz_int .inner::after {height: auto; width: 70%; }
    .biz_int .title {margin-bottom: 40px;}
    .biz_int .title .big {font-size: 1.25rem}
    .biz_int .title .small {font-size: 1rem; margin-top: 20px;}
    .biz_info .item {width: 100%;}
    


    /* faq */
    .faq_list .ask::before {width: 20px; height: 20px;}


    /* creator */
    .crt_list .item {width: 100%;}  



}