/*PC*/
.m_panel,.close,.navi_btn,.m_mainCon02{display: none;}

@media screen and (max-width:768px){
    /*모바일안보임*/
    .right_flow,.mainCon02 .slider{display: none;}

    /*모바일에서만보임*/
    .navi_btn,.m_mainCon02{display: block;}


    /*모바일용기본*/
    html,body{
        width:100%;
        overflow-x: hidden;
        min-width: auto;
    }
    .inner{width:auto;}
    .fz-60{font-size: 30px;}
    .fz-45{font-size: 28px;}
    .fz-40{font-size: 25px;}
    .fz-25{font-size: 20px;}
    .fz-22{font-size: 18px;}
    .fz-20{font-size: 14px;}



    /*ticket*/
    .ticket_btn{
        width:80px; 
        height:120px; 
        display: none;
    }
    .ticket_btn a{padding-top:30px;}
    /*header*/
    #header{
        height: 60px;
        z-index: 1001;
    }
    #header h1{
        width: 100%;
        left:20px;
    }
    #header h1 img{
        width: 40%;
    }
    


    /*sidebar*/
    .gnb{
        width: 100%;
        background:#fff;
        overflow: hidden;
        font-size:20px;
        line-height: 40px;
        height: auto;
        padding-top:50px;
    }
    .gnb li{
        width:25%;
        font-size:16px;
        margin:0;
    }
    .gnb li a{
        width: 100%;
        display: block;
    }

    /*util*/
    .util{
        right:20px;
        font-size: 14px;
    }
    .util li{margin-left:5px;}
    .util li:last-child{
        width:35px; 
        display: block;
    }
    .util li img{width:100%;}
    .util .fa-chevron-down{font-size:12px;}
    .util .fa-instagram{font-size:18px;}

    /*main*/
    .main_con h2 span.noc_txt,.mainCon01 h2,.con01_txt h2 span{
        font-size:35px;
        line-height: 45px;
    }
    .main_con h2 span.noc_txt span,.con01_txt h2 span:first-child{
        font-size:20px;
        vertical-align: top;
    }
    .con01_txt .txt_line{
        display: block;
        transform: translateY(0);
    }
    .main_con{
        padding-top:90px;
    }
    #main_video{
        width:250%;
        object-fit: cover;
    }
    .main_con h2{
        line-height: 25px;
        z-index: 1000;
    }
    .main_con .m_main_tit{
        width: 100%;
        text-align: center;
        position: fixed;
        z-index: 1000;
        top:auto;
        transform:translateY(300%);
    }
    foreignObject::after{
        width:100%;
    }
    foreignObject::after{
        background-image: url(/images/main/video_bg_m.png);
    }

    /*녹테마레소개*/
    .mainCon01{padding:100px 0 600px 0;}
    .con01_txt{line-height: 20px;}
    .con01_txt .fz-22{line-height: 25px;}
    
    /*전시소개*/

    /*인포메이션*/
    .mainCon03 h2{margin-bottom: 20px;}
    .infomaiton{padding-top:20px;}
    .infomaiton>div{
        width:100%;
        padding:50px 20px;
        height: auto;
    }
    .infomaiton ul{
        position: static;
        margin-top:20px;
        text-align: left;
        line-height: 18px;
    }
    .infomaiton>div>h3{
        font-size:20px;
        line-height: 25px;
    }
    .info_radius{width:80%;}
    div.info_pop{
        width:100%;
        padding:20px;
        box-sizing: border-box;
    }
    .infomaiton h4,.infomaiton p,.infomaiton .small_list h4,.info_pop p{font-size:14px}
    .infomaiton .sale_list h4{text-align: left;}
    .info_arrow{
        position: absolute;
        right:20px;
        top:20px;
        margin-top:0;
    }
    .faq_l, .faq_r{
        width:45px;
        height: 45px;
        top:20px;
    }
    .faq_r{right:20px;}
    .faq_l{right: 67px;}
    .faq p{
        font-size:12px;
        word-break: keep-all;
    }

    /*방역수칙추가*/
    .covid_btn{
        width:140px;
        margin:10px 0;
        font-size:12px;
        border-radius: 50px;
    }


    /*층별안내*/
    .mainCon04{
        height:auto; 
        padding-bottom:0;
    }
    .con04_list{
        width:100%; 
        padding:0; 
        overflow:scroll;
        white-space:nowrap;
    }
    .con04_list.fz-25{font-size:18px;}
    .con04_list li{
        width:auto;
        font-size:18px; 
        display: inline-block; 
        text-indent:0; 
        padding:0 20px;
        line-height: 60px;
        letter-spacing: -1px;
    }
    .con04_list li.flow_1f_li span{
        display: inline-block; 
        margin:0 10px;
    }
    .con04_list li.active h3::after{display: none;}
    .con04_list li.active::after{
        width:10px;
        height:10px;
        top:auto;
        margin-top:0;
        bottom:5px;
        right:auto;
        left:50%;
        margin-left:-5px;
        z-index: 10;
    }
    .con04_img{
        width:100%;
        height:auto;
        position:relative; 
        z-index: -1; 
        bottom:0;
        top: auto;
        right:0;
        transform: translate(0);
    }
    .con04_img>div{
        width:100%;
        position: relative;
    }
    .con04_img img,.flow_on,.flow_on img{width: 100%;}
    .flow_on img{left:5px;}
    .flow_on{height: 100%;}
    .on_2f{top:31%;}
    .on_1f{bottom:5%;}
    .flow_on .on_B1f{
        width: 170%;
        bottom: 3%;
    }
    
    /*오시는 길*/
    #map{
        height: 400px;
    }
    .navi_btn{
        height: 30px;
        line-height: 30px;
        background:#25247b;
        color:#fff;
        text-align: center;
        border-radius: 10px;
        margin-top:10px;
        border:2px solid #131258;
    }
    #map .map_box{height: 120px !important;}

    /*footer*/
    #footer img{width:180px;}
    .f_info span:first-child{display: block;}

    /*추가 그랜드오픈*/
    .open_txt{
        width:80%;
        font-size:18px;
    }
    .open_txt span{font-size:14px;}
    span.grand_open{
        font-size:20px;
        margin-left:10px;
    }

    /*모바일 레이아웃 전시회*/
    .mainCon02{margin-top:-600px;}
    .zone_area{
        background:none;
        margin-top:100px;
        padding-bottom:120px;
    }
    .zone_area img{
        display: block;
        width:100%;
    }
    .zone_area:nth-child(2n) img{
        margin:0 0 0 auto;
    }
    .zone_area:nth-child(2n) .zone_txt{
        right:auto;
        left:0;
        text-align: right;
    }
    .zone_area h3{
        font-size:60px;
        line-height: 50px;
        letter-spacing: -2px;
    }
    .zone_s_txt h4{
        font-size:16px;
        margin-bottom: 10px;
        margin-top:30px;
    }
    .zone_txt{
        width:90%;
        background:#fff;
        position: absolute;
        bottom:-30px;
        right:0;
        padding:25px;
        box-sizing: border-box;
        box-shadow: 0 30px 20px rgba(0,0,0,0.1);
        word-break: keep-all;
    }
    .zone_txt .zone_s_txt{
        position: static;
        font-size:12px;
    }
    .m_zone01 .zone_txt,.m_zone06 .zone_txt{bottom:-50px}
    .m_zone02 .zone_txt{bottom:-110px;}
    .m_zone03 .zone_txt,.m_zone04 .zone_txt{bottom:-80px;}
    .m_zone05 .zone_txt,.m_zone07 .zone_txt{bottom:-50px}
    .m_zone08 .zone_txt{bottom:-110px;}
    .m_zone02,.m_zone06,.m_zone07,.m_zone08{margin-top:150px;}
    .m_zone03{margin-top:170px;}
    .m_zone04,.m_zone05{margin-top:180px;}
    .m_zone09{margin-top:210px;}

    #menu3{margin-top:200px;}

    /*층별안내팝업추가*/
    .con04_flow_wrap{
        position: relative; 
        z-index: 0;
    }
    .flow_pop_wrap{
        width:90%; 
        height:auto; 
        padding:5px; 
        position:static; 
        margin:-70px 0 0 auto;
    }
    .flow_pop{
        width:100%;
        padding:20px;
        line-height: 16px;
        word-break: keep-all;
    }
    .flow_info h3, .flow_info h4{font-size:20px;}
    .flow_info h4{line-height:normal; margin-bottom:15px;}
    .flow_info h4 img{width:55px;}
    .flow_info p{font-size:12px; line-height:20px;}
    .flow_info p,.flow_info p span{
        display: inline;
    }
    .flow_pop .info_close{
        width:30px;
        height: 30px;
        right:10px;
        top:10px;
    }
    .flow_info .time{
        display:block;
        font-size:14px;
    }

    /*popuo추가*/
    .pop_wrap{
        position: fixed;
        width:100%;
        height:100%;
        left:0;
        top:0;
        z-index: 1000;
        background:rgba(0,0,0,0.3);
    }
    .pop_con_wrap{
        width:80%;
        background:#fff;
        position: absolute;
        left:50%;
        top:50%;
        transform: translate(-50%,-50%);
        border-radius: 15px 15px 0 0;
        border:1px solid #ddd;
        overflow: hidden;
    }
    .pop_con{height:400px;}
    .pop_con_wrap .slick-dots2{bottom:0px;}
    .pop_con_wrap .slick-dots2 li{width:auto; height: auto;}
    .pop_con_wrap .slick-dots2 li button{
        width:10px;
        height: 10px;
        border:1px solid #000;
        border-radius: 50%;
    }
    .pop_con_wrap .slick-dots2 li.slick-active button{background:#000;}
    .pop_con_wrap .slick-dots2 li button:before{display: none;}

    .pop_con_wrap .slick-list{overflow: hidden;}
    .pop_con>a{
        height:400px;
        overflow-y: auto;
        display: block;
        padding:30px;
    }
    .pop_btn{
        width:100%;
        height:50px;
        line-height:50px;
        font-size:11px;
        background:#fff;
        z-index: 1000;
    }
    .pop_btn li{
        width:50%;
        float:left;
        text-align: center;
        background:#eee;
        border:1px solid #ddd;
        border-right: 0;
    }
    .pop_btn li:first-child{border-left: 0;}
    .pop_btn li:last-child{
        background:#fff;
        box-sizing: border-box;
    }
    .pop_btn li a{display: block;}
}