@charset "utf-8";
/* CSS Document */

/********** pc **********/
@media only screen and (max-width:1099px){
    header,
    footer,
    .main_con section > div{width: 100% !important;box-sizing: border-box;}
    
    /* 메인 */
    header div.cb{padding: 20px;height: 100%;}    
    .scroll header div.cb{height: inherit;}
    header nav ul.main_menu{width: 600px;}
}


/********** tablet **********/
@media only screen and (max-width:1024px){
    /* 메인 */
    .visual .txt{background-size: 70%;}
    .main_con .peo .peo_box{width: 31.3%;margin: 1%;}
}


/********** mobile **********/
@media only screen and (max-width:768px){
    #wrap{overflow: hidden;}
    footer{padding: 0 10px}
    
    /* 팝업 */
    .popup_wrap {top: 73px !important;}
    .popup_wrap .popup .btn_down{width: 38%;}
    .popup_wrap .popup .btn_l{left: 28px !important;}
    .popup_wrap .popup .btn_r{right: 30px !important;}
    
    /* 메인 */
    .header_wrap{background-color: #fff;}
    header{padding: 10px;}
    header h1{float: inherit;}
    header h1 a{background-image: url(../img/common/logo_on.png);}
    .btn_side{position: absolute;top:5px;right: 0; display: block;padding: 18px;}
    header nav{float:inherit;}
    header nav .main_menu{display: none;}
    
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        bottom: 20px;
    }
    
    .main_con{padding-top: 72px;}
    .visual .txt{background-size: 80%;}
    .main_con .logo_wrap{padding: 0;}
    .main_con .logo_wrap div{width: 48%; margin: 1%}
    .main_con .logo_wrap div:first-child{margin: 1%;}
    .main_con .peo .peo_box{width: 48%;}
    .main_con .place > div{float: inherit;width: 100%;}
    
    .main_con .pp_wrap .txt_box{float: inherit;width: 100%;}
    .main_con .ps_wrap .ps{padding: 60px 10px;}
    
    .main_con .place h2{padding: 40px 0; text-align: center;}
    .main_con .place .r_div{padding: 10px;text-align: center;}
    .main_con .place .go_map{margin: 0 auto;}
    
    .main_con .fund .txt_box_wrap > div{float: inherit;width: 100%;}
}