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

    /* about */
    .about_sec_top {height: 400px;}
    /* .about_sec_top .title .big {font-size: 2.5rem;} */

}

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

    /* main */
    .main_tit {margin-bottom: 50px;}
    .main_tit .big {font-size: 2.25rem;}
    .main_tit .small {font-size: 1.125rem;}
    .main_top {margin-top: 60px;}
    .main_top .soon_box {width: 100%; padding: 0 20px;}
    .main_bnn {min-height: unset;}
    .main_bnn .logo {width: 300px;}
    .main_bnn .tit .big {font-size: 2.25rem}
    .main_bnn .tit .small {font-size: 1.5rem}
    .main_bnn .text .big {font-size: 1rem}
    .main_bnn .text .small {font-size: 0.875rem}
    .main_ben .list {gap: 20px; flex-wrap:wrap}
    .main_ben .item:nth-child(1) {width: 100%; flex: none;}
    .main_ben .item:nth-child(2),
    .main_ben .item:nth-child(3) {width: calc(50% - 10px); flex: none;}
    .main_ben .item {padding: 20px; gap: 20px 40px;}
    .main_ben .item .box::after {right: -20px;}
    .main_ben .item .icon {width: 60px;}
    .main_cnt .item .text {padding: 20px;}
    .main_cnt .item .text .name {font-size: 1.25rem;}
    .main_cnt .item .text .descript {font-size: 0.875rem;}
    .main_app .main_tit .logo img {height: 29px;}

    /* about */
    .about_tab.fixed {top: 60px;}
    .about_tab {padding: 30px 0;}
	.about_tab a {font-size: 1.25rem;}
    .about_top .title .big {font-size: 3rem;}
    .about_sec_top .title .big {font-size: 3rem;}
    .about_cont .cont_box {gap: 40px;}
    .about_cont .cont_box .cont {font-size: 1.5rem;  max-width: 700px;}
    .about_crew .box_wrap {flex-direction: column;}

    /* press */
    .prs_list {gap: 20px;}
    .prs_list .item {width: calc(33.333% - 13.333px);}

    /* creators */
    .crd_list .item {font-size: 1rem;}
}

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

    /* main */
    .main_top .soon_box {bottom: 20px;}
    .main_top .soon {font-size: 0.875rem; padding: 5px; margin-right: 0;}
    .main_top .inner {gap: 40px;}
    .main_top .title {font-size: 2.75rem;} 
    .main_bnn {background: linear-gradient(to top, rgba(0,0,0,.5) 0%, rgba(0,0,0,.9) 100%)}

    .main_bnn .cont_box {flex-direction: column; gap: 20px; text-align: center}

    .main_cnt .item {width: 40%;}
    .main_app .cont_box {flex-direction: column;}
    .main_app .img {order: 2; max-width: 300px; width: 80%;}
    .main_app .cont {order: 1;}
    .main_app .main_tit {text-align: center; margin-bottom: 40px;}
    .main_app .btn_box {justify-content: center;}
    .main_gal .swiper_box {width: 180%;}
    .main_gal .swiper_box::after,
    .main_gal .swiper_box::before {width: 30%;}

    /* about */
    .about_tab {gap: 20px;}
	.about_tab a {font-size: 1rem; padding-bottom: 4px;}
    .about_top {padding: 100px 0 50px;}
    .about_top::before {display: none;}
    .about_top::after {left: 0; background-size: auto 100%; opacity: .5;}
    .about_top .title .big {font-size: 2.5rem;}
    .about_top .title .small {font-size: 1.125rem; margin-top: 5px;}
    .about_top .text {font-size: 1rem;}
    .about_top .cmnt {font-size: 0.875rem;}
    .about_sec_top {height: auto; padding: 90px 0;}
    .about_sec_top .bg::after { background: #000 !important; opacity: .7 !important;}
    .about_sec_top .title .big {font-size: 2.5rem;}
    .about_cont .cont_box {flex-direction: column;}
    .about_cont .cont_box .img {width: 100%; flex-direction: row;}
    .about_cont .cont_box .img > div {width: 100%;}
    .about_cont .cont_box .cont {font-size: 1.125rem;}
    .about_nar .list {gap: 20px;}
    .about_nar .item .cont {margin-top: 20px;}
    .about_nar .item .name {font-size: 1.5rem;}
    .about_nar .item .text {font-size: 1rem;}
    .about_crew .box_list {gap: 40px;}
    .about_crew .box_wrap {gap: 40px;}
    .about_crew .box_tit {font-size: 1.25rem;}
    .about_crew .box {gap: 20px; padding-top: 15px;}
    .about_crew .box .list {gap: 10px;}
    .about_crew .box .item {font-size: 0.875rem;}
    .about_crew .box1 .item .gu,
    .about_crew .box2 .item .gu {width: 330px;}
    .about_crew .box3 .item .gu {width: 150px;}
    .about_crew .box5 .item .gu {width: 220px;}
    


    /* press */
    .prs_list .item {width: calc(50% - 10px);}
    .prs_list .item .info {padding: 15px; gap: 10px;}
    .prs_list .item .subject {font-size: 1rem; height: 45px;}

    /* faq */
    .faq_sec {gap: 40px;}
    .faq_sec .supp_box {font-size: 1.125rem;}
	.faq_list .ask {font-size: 1rem; padding: 20px 30px 20px 45px;}
	.faq_list .ask::before {width: 32px; height: 32px; line-height: 32px; top: 15px;}
	.faq_list .ask::after {top: 26px; width: 6px; height: 6px;}
	.faq_list .answer {font-size: 0.94rem; padding: 15px; margin-bottom: 20px;}


    /* terms */
    .terms_box {font-size: 0.875rem; word-break: break-all;}
    .terms_box .tit {font-size: 1.125rem;}


}

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

    /* main */
    .main_tit .big {font-size: 1.5rem;}
    .main_tit .small {font-size: 1rem;}
    .main_top .title {font-size: 1.5rem;}
    .main_top .title .logo {margin-bottom: 10px;}
    .main_top .title .logo img {height: 45px;}
    .main_top .soon_box {bottom: 5px;}
    .main_top .soon {font-size: 0.75rem;}
    .main_top .btn  {font-size: 1rem; height: 48px;}
    .main_bnn {background:  linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,.9) 50%)}
    .main_bnn .logo {width: 200px;}
    .main_bnn .tit .big {font-size: 1.5rem}
    .main_bnn .tit .small {font-size: 1.25rem}
    .main_ben .item .text .small {margin-top: 10px; font-size: 0.875rem;}
    .main_ben .list {flex-direction: column;}
    .main_ben .item {flex-direction: column;}
    .main_ben .item:nth-child(2),
    .main_ben .item:nth-child(3) {width: 100%;}
    .main_ben .item .box {width: 100%;}
    .main_ben .item .box::after {width: 100%; height: 1px; right: unset; top: unset; left: 0; bottom: -20px;}
    .main_cnt .item {width: 80%;}
    .main_gal .swiper_box {width: 230%;}
    .main_gal .swiper_box::after,
    .main_gal .swiper_box::before {width: 33%;}
    .main_gal .swiper_btn {top: 55%;}
    .swiperMainGalNext {right: 8px;}
    .swiperMainGalPrev {left: 8px;}
    .main_app .main_tit .logo img {height: 18px;}

    /* about */
    .about_top {margin-bottom: 0;}
    .about_tab {flex-wrap: wrap; padding:30px 20px; gap: 10px;}
    .about_tab a {width: calc(50% - 5px); font-size: 0.8rem; padding-bottom: 5px;}
    .about_bra {margin-top: 0;}
    .about_sec_top {padding: 60px 0;}
    .about_sec_top .title .big {font-size: 1.5rem;}
    
    .about_nar {padding-bottom: 40px;}
    .about_crew {padding-top: 40px;}
    .about_crew .box .item {flex-direction: column; gap: 0;}
    .about_crew .box .item .gu {width: 100% !important;}
    .about_cont .cont_box .img {gap: 5px;}
    .about_cont .cont_box .cont {font-size: 1.125rem;}
    .about_nar .list {flex-direction: column; gap: 40px;}


    /* press */
    .prs_list .item {width: 100%;}
    .prs_view {gap: 40px;}
    .prs_view .title .subject {font-size: 1.25rem;}
    .prs_view .title .date {margin-top: 5px; font-size: 0.75rem;}

    /* creators */
    .crd_wrap .inner {width: 100%;}
    .crd_list .item {font-size: 0.875rem;}
    .crd_list .item .gu {width: 80px;}

}