@charset "UTF-8";

@media all and (max-width : 1400px) {
    .header{padding: 20px 50px;}
    .container{width: 1170px;padding: 0 20px;}
    .main_banner_popup .slide_popup .popup_inner{width: 1170px;padding: 0 20px;}
    .main_banner_popup .slide_popup .text_box{padding-top: 150px;}
    .main_banner_popup .slide_popup .text_box .txt_name{font-size: 50px;}
    .main_banner_popup .slide_popup .text_box .txt_name span{font-size: 22px;}
    .main_banner_popup .slide_popup .link_film{font-size: 18px;bottom: 20px;}
    .filmography_wrap .img_box{width: 400px;}
    .filmography_wrap .text_box{width: calc(100% - 400px);padding-top: 50px;padding-left: 30px;}
    .filmography_wrap .txt_name{font-size: 60px;margin-bottom: 40px;}
    .filmography_wrap .txt_name span{font-size: 22px;}
    .filmography_page .history_wrap{margin-bottom: 30px;}
    .gallery_page .gallery_tit{font-size: 50px;}
    .gallery_page .gallery_gnb span{font-size: 16px;}
    .gallery_page .gallery_slide p{font-size: 16px;}
    .news_page_title{font-size: 50px;}
    .news_list .news_box .txt_day{font-size: 50px;}
    .contact_page .contact_box{padding-top: 0;}
    .contact_page .contact_box .contact_txt1{font-size: 26px;}
    .contact_page .contact_box .contact_txt2{font-size: 22px;margin-top: 80px;}
    .contact_page .map_box .map_text{margin-bottom: 20px;}
    .contact_page .map_box .map_txt1{font-size: 32px;}
    .contact_page .map_box .map_txt2{font-size: 16px;}
}

@media all and (max-width : 1200px) {
    .menu_wrap{padding-left: 200px;}
    .menu_wrap::before{left: 200px;}
    .menu_wrap li a{font-size: 55px;}
    .container{width: 970px;padding: 0 15px;}
    .main_banner .name_box p{font-size: 30px;}
    .main_banner_popup .slide_popup .popup_inner{width: 970px;}
    .main_banner_popup .slide_popup .img_slide_wrap{width: 350px;}
    .main_banner_popup .slide_popup .text_box{width: calc(100% - 350px);}
    .main_banner_popup .slide_popup .text_box .txt_name{font-size: 50px;margin-bottom: 20px;}
    .main_banner_popup .slide_popup .text_box .txt_name span{font-size: 22px;}
    .main_banner_popup .slide_popup .text_box .txt_profile{font-size: 16px;}
    .main_banner_popup .slide_popup .text_box .txt_profile{right: 30px;}
    .main_banner_popup .slide_popup .text_box{padding-right: 50px;}
    .filmography_wrap{padding: 150px 0;}
    .filmography_page .txt_film{font-size: 16px;}
    .filmography_wrap .img_box{width: 300px;}
    .filmography_wrap .text_box{width: calc(100% - 300px);padding-top: 20px;margin-top: 30px;}
    .filmography_wrap .txt_name{font-size: 40px;}
    .filmography_wrap .txt_name span{font-size: 18px;}
    .filmography_page .history_tit{font-size: 20px;}
    .gallery_page .slide_wrap{width: calc(100% - 240px);padding-right: 30px;}
    .gallery_page .gallery_gnb{width: 240px;padding-left: 30px;}
    .gallery_page .slide_wrap .wrap2{width: calc(100% - 30px);top: 80px;}
    .news_page{padding: 150px 0;}
    .news_main .news_img{width: 400px;height: 0;padding-bottom: 28%;}
    .news_main .news_text{width: calc(100% - 400px);padding-left: 30px;}
    .news_main .news_text1{font-size: 22px;}
    .news_page_title{font-size: 40px;}
    .news_list .news_box .txt_day{font-size: 40px;}
    .news_list .news_box .txt_month{font-size: 16px;}
    .news_list .news_box .contents_tit{font-size: 16px;}
    .contact_page .contact_box{min-height: 500px;}
    .contact_page .contact_box > img{max-width: 150px;}
    .contact_page .contact_box .contact_txt1{font-size: 24px;}
    .contact_page .contact_box .contact_txt2{font-size: 20px;margin-top: 50px;}
    .contact_page .contact_box .contact_txt3{font-size: 16px;}
    .contact_page .bot_logo{max-width: 270px;}
}

@media all and (max-width : 991px) {
    .header{padding: 15px 30px;}
    .slide_up_btn.on{display: block;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);z-index: 105;cursor: pointer;}
    .slide_up_btn.on::before{display: inline-block;content: '<';font-size: 24px;transform: rotate(90deg);opacity: .3;animation: arrow_up 1s infinite normal;margin-top: 10px;}
    .header .logo_box{width: 70px;}
    .header .menu_btn{width: 30px;}
    .menu_wrap li + li{margin-top: 5px;}
    .menu_wrap li a{font-size: 40px;}
    .menu_wrap{padding-left: 140px;padding-top: 100px;}
    .menu_wrap::before{left: 140px;}
    .container{width: 100%;}
    .family_box{bottom: 15px;right: 30px;}
    .main_banner > .slick-prev{left: 30px;}
    .main_banner > .slick-prev::before{font-size: 14px;}
    .main_banner > .slick-next{right: 30px;}
    .main_banner > .slick-next::after{font-size: 14px;}
    .main_banner .name_box{padding-bottom: 0px;}
    .main_banner .name_box p{font-size: 24px;}
    .main_banner_popup .slide_popup .popup_inner{width: 100%;}
    .main_banner .name_box .name_bar{position: relative;background-color: rgba(0,0,0,0);padding-bottom: 0;}
    .main_banner .name_box .name_bar::after{display: inline-block;content: '<';font-size: 24px;transform: rotate(-90deg);color: #fff;animation: arrow_down 1s infinite normal;opacity: 0;}
    .main_banner_popup .slide_popup .img_slide_wrap{width: 300px;}
    .main_banner_popup .slide_popup .text_box{width: calc(100% - 300px);padding-left: 30px;}
    .main_banner_popup .slide_popup .text_box .txt_name{font-size: 38px;}
    .main_banner_popup .slide_popup .text_box .txt_name span{font-size: 18px;}
    .main_banner_popup .slide_popup .img_slide_num{font-size: 14px;}
    .main_banner_popup .slide_popup .link_film{font-size: 14px;right: 80px;bottom: 30px;}
    .main_banner_popup .slide_popup .text_box .txt_profile{font-size: 14px;}
    .filmography_wrap{flex-flow: column;}
    .filmography_wrap .img_box{margin: 0 auto;}
    .filmography_page .txt_film{top: -35%;right: -45%;}
    .filmography_wrap .text_box{width: 100%;padding-right: 50px;}
    .filmography_wrap .txt_name{text-align: center;}
    .filmography_wrap .txt_name span{margin-left: 5px;}
    .filmography_page .history_wrap{max-width: 350px;margin: 0 auto 30px;}
    .gallery_page{padding: 120px 0;}
    .gallery_page .gallery_wrap{flex-flow: wrap row;}
    .gallery_page .slide_wrap{width: 100%;order: 2;padding: 0;}
    .gallery_page .slide_wrap .wrap{margin-top: 20px;}
    .gallery_page .gallery_tit{padding: 0;font-size: 40px;}
    .gallery_page .gallery_tit2{font-size: 40px;}
    .gallery_page .slide_wrap .wrap2{width: 100%;top: 50px;}
    .gallery_video{padding: 0;}
    .gallery_page .gallery_gnb{width: 100%;order: 1;flex-flow: wrap row;align-items: center;padding: 0;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #191919;}
    .gallery_page .gallery_gnb>*{margin-right: 10px;}
    .gallery_page .gallery_gnb::before{display: none;}
    .news_main .news_img{width: 300px;padding-bottom: 26%;}
    .news_main .news_text{width: calc(100% - 300px);padding-left: 20px;}
    .news_list .news_box .news_date{width: 100px;}
    .news_list .news_box .news_contents{width: calc(100% - 100px);}
    .news_list .news_box .txt_day{font-size: 32px;}
    .news_list .news_box .txt_month{font-size: 14px;}
    .paging_box{margin-top: 30px;}
    .paging_box span{font-size: 14px;}
    .contact_page{padding: 100px 0;}
    .contact_page::after{display: none;}
    .contact_page .main_banner_popup::before{display: none;}
    .contact_page .slide_down_btn.on{display: block;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);z-index: 105;cursor: pointer;}
    .contact_page .slide_down_btn.on::after{display: inline-block;content: '<';font-size: 24px;transform: rotate(-90deg);color: #000;animation: arrow_down 1s infinite normal;width: auto;height: auto;background: none;opacity: 0;}
    .contact_page .container{display: flex;height: 100%;align-items: center;justify-content: center;}
    .contact_page .contact_box{min-height: auto;padding-right: 70px;}
    .contact_page .map_box .map_txt1{font-size: 28px;}
    .contact_page .contact_box .contact_txt1{font-size: 22px;}
    .contact_page .contact_box .contact_txt2{font-size: 16px;margin-top: 30px;}
    .contact_page .contact_box .contact_txt3{right: 30px;font-size: 14px;width: 515px;bottom: -30%;}
    .contact_page .bot_logo{max-width: 240px;}
    .contact_page .map_box{padding: 0 60px;}
    .copyright{font-size: 16px;}

}


@media all and (max-width : 767px) {
    .menu_wrap{padding-left: 50px;}
    .menu_wrap::before{left: 50px;}
    .menu_wrap li a{font-size: 30px;}
    .main_banner{height: calc(100svh);}
    .main_banner_popup{height: calc(100svh);}
    .menu_wrap::before{height: calc(100% - 70px);top: 70px;}
    .main_banner_popup .slide_popup .img_slide_wrap{width: 240px;margin: 0 auto;}
    .main_banner_popup .slide_popup .text_box{width: 100%;height: auto;text-align: center;padding: 20px 0 0;}
    .main_banner_popup .slide_popup .popup_inner{display: block;padding-top: 50px;}
    .main_banner .name_box p{font-size: 20px;}
    .main_banner_popup .slide_popup::before{height: 30px;display: none;}
    .filmography_page .txt_film{top: -30%; right: -440px;font-size: 12px;}
    .filmography_wrap .txt_name{font-size: 30px;}
    .filmography_wrap .txt_name span{display: block;margin-left: 0;margin-top: 5px;}
    .main_banner_popup .slide_popup .text_box .txt_name{font-size: 24px;margin-bottom: 10px;}
    .main_banner_popup .slide_popup .text_box .txt_name span{display: block;}
    .main_banner_popup .slide_popup .text_box .txt1{font-size: 12px;}
    .main_banner_popup .slide_popup .text_box .txt1 + .ic-insta{margin: 10px 0;}
    .main_banner_popup .slide_popup .text_box .txt1 + .ic-insta img{margin: 0 auto;}
    .main_banner_popup .slide_popup .text_box .txt_profile{display: none;}
    .main_banner_popup .slide_popup .link_film{display: block;position: relative;right: unset;bottom: unset;text-align: center;padding-bottom: 0;}
    .main_banner_popup .slide_popup .link_film::after{display: inline-block;position: relative;left: unset;bottom: unset;width: 11px;height: 11px;transform: none;margin-left: 5px;}
    .gallery_page .gallery_tit{width: 100%;font-size: 30px;}
    .gallery_page .gallery_tit2{width: 100%;font-size: 30px;}
    .gallery_page .gallery_gnb span{font-size: 14px;padding: 0 15px;}
    .gallery_page .slide_wrap .wrap2{top: 35px;}
    .news_main{flex-flow: wrap row;}
    .news_main .news_img{width: 100%;padding-bottom: 56%;}
    .news_main .news_text{width: 100%;padding-left: 0;padding-top: 20px;}
    .news_list{margin-top: 30px;}
    .news_list .news_box .news_date{width: 50px;}
    .news_list .news_box .txt_day{font-size: 24px;}
    .news_list .news_box .txt_month{font-size: 10px;margin-top: 5px;}
    .news_list .news_box .news_contents{width: calc(100% - 50px);padding-right: 50px;}
    .news_list .news_box .btn-more{right: 0;}
    .contact_page .contact_box > img{max-width: 100px;}
    .contact_page .contact_box{height: auto;}
    .contact_page .contact_box .contact_txt1{font-size: 20px;}
    .contact_page .contact_box .contact_txt2{font-size: 12px;}
    .contact_page .contact_box .contact_txt3{right: 15px;font-size: 12px;width: 450px;}
    .contact_page .contact_box .contact_txt3::after{width: 170px;}
    .contact_page .bot_logo{max-width: 180px;bottom: unset;left: unset;margin-top: 20px;}
    .contact_page .map_box .map_text{flex-flow: wrap row;}
    .contact_page .map_box .left_text{width: 100%;}
    .contact_page .map_box .right_text{width: 100%;margin-top: 10px;text-align: left;padding-top: 30px;}
    .contact_page .map_box .map_txt1{font-size: 24px;}
    .contact_page .map_box{padding: 0 30px;}
    .copyright{font-size: 12px;margin-top: 40px;}

    /* .main_banner .name_box{bottom: 30%;} */

}
