/*# sourceURL=../css/content.css */
/*@ sourceURL=../css/content.css */
/* CONTENT CSS - add CSS (header, footer : com.css) */

/* ----- Responsive ----- */

/* -- 1150px -- */
@media screen and (max-width:1150px) {  
    
    /*common*/
    body{min-width:100%; word-break: keep-all;}


    
    .form_l, .form_r{width:100%;}
    .form_r{margin-top:20px;}
    
    /*mainImg*/
    
    .mainImg{padding:150px 0 200px; background:url("/img/bg_visua2l.jpg") no-repeat left -150px top; background-size:cover}
    .mainImg > div{/*width:100%;*/width:80%;text-align:center;}
    .mainImg .bkbox{background: rgba(0,0,0,0.5); margin:0 auto; padding:5%; box-sizing: border-box; float:none !important;}
    .mainImg .bkbox .call_info{background:rgba(0,0,0,0.5);}
    .mainImg .bkbox .call_info p{color:#fff;}
    .mainImg .bkbox .main_slo_pc{width:90%;}
    .call_info{margin: 0 auto 37px;}
    
    .btn_grp li a{width: 150px;height: 150px;font-size:18px;line-height:22px;}
    .btn_grp li:nth-child(2) {margin:0 10px;}
    
    /*middle : 중간 이미지*/
    #middle{padding:130px; background-attachment:inherit; background-size:cover!important;}
    #middle .f40{font-weight:500 !important; margin-bottom:30px;line-height:38px;}    
    #middle .mid_ul{margin-top:30px;}
    #middle .mid_ul li .m_res{margin-right:20px;}

    
    /*board_box*/
    .board_box{width:94%; margin:0 auto;}
    .privacy_box{padding:30px !important;}
}


/* -- 800px -- */
@media screen and (max-width:800px) {    
    /*common*/
    .f19{font-size:17px!important;}
    .f27{font-size:22px;}
    .f25{font-size:20px;}
    #contact .f30, .f30 a{font-size:15px;}
    .f20{font-size:18px;}
    
    .f40, .f40 li{font-size:30px !important; word-break:keep-all;}

    .btn_bk{width: 100%}
    
    .form_box input[type='button'].btn_bk{height:60px; line-height:60px; font-size:16px;}
    /*header*/
    .menu_btn a{right:20px; top:20px; width:50px; height:50px; background-size:100%; }
    .close_btn{background-position:center !important;}
    .gnb{width:75%;}
    .gnb>ul{margin-top:70px;}
    
    /*mainImg*/
    .btn_grp li a{width: 120px;height: 120px;font-size:16px;line-height:22px;}
    /*.mainImg .bkbox .call_info p{width: 90%;}*/
    
    /*form_box*/
    .form_box form{padding:40px;}
    .res_box1 .tab_bar{top:-88px;}
    .res_box1 .tab_bar li{min-width:50%;width:50%;float: left; border-bottom:0;}
    .res_box1 .tab_bar li a{padding:15px; font-size:20px !important; }
    .res_box1 .tab_bar li:nth-child(1){margin-right:0px;}
    
    .res_box2{padding: 0;}

    .stat_box{padding:50px 40px;max-width: 100%;}

    /*본사지사안내*/
    .add_box > div {display:block; width:100%;}
    .add_info{padding:50px 40px;}
    .add_box, .add_con {max-width:100%;}

    .res_box4{padding:50px 0;}

    #middle{padding:50px 40px;}
    #middle .mid_ul li a{ padding:10px 30px; font-size:14px; }
    #partner{padding:50px 0}
    .prt_ul li p{font-size:16px; word-break: keep-all;}
    #middle .mid_ul li .m_res{background:none;}
    #middle .mid_ul li .m_res:hover, #middle .mid_ul li .m_call:hover{background:#fff;}
    #middle .mid_ul li .m_call{background:none;}

    /*fixed_icon*/
    .fixed_icon{bottom:15px; right:15px;}
    .fixed_icon a{width:50px; height:50px;}
    .fixed_icon a:last-child{margin-right:5px;}
    
    
    /*tour_confirm*/
    .sign_box{width:90%}
    .address ul .f25{font-size:25px!important;}
    .address ul li .ft_tel, .address ul li a{font-size:25px;}
     .ft_info li{ width:100%;}

}
/* -- 700px -- */
@media screen and (max-width:700px) {
    
/*mainImg*/
    .mainImg{padding:100px 0 200px;
        background:url("/img/bg_visua2l.jpg") no-repeat 30% -85px;
        background-size:300%;
    }


    .col3.radio_bx1, .col2.radio_bx1{width:100%;}
    /*예약현황*/
    .table thead{display: none;}
    .table tr{display:block; width: 100%; overflow:hidden; padding:15px 0;}
    .table td{display:block; float:left; border-bottom:none !important; line-height:0px; text-align: left;}
    .table td.num{width:5%; float:left;}
    .table td.u_name{width:30%;}
    .table td.r_date{width:50%; float:left;}
    .table td.stat{width:15%; text-align: right; padding:0px;} 
    .table .s_date,.table .e_date{width:35%;}
    .table .s_location, .table .e_location{width:65%;  }
    .table .m_th{display: inline-block;}
    
    .table td.r_kind{width:20%;}
    .table td.r_hour{width:35%;}
    .table td.r_type{width:30%;}
    .table td.r_day{width:15%; text-align: right}


    /*viewpage*/
    #resv_cont{padding: 0px; border:none; width:94%;}
    #resv_cont p{margin:40px 0 20px; text-align:center;}
    #resv_cont th, #resv_cont td{font-size:13px;}
    
    #footer2{padding-top:30px; }
    .address ul{margin:0 0 20px 0;}
    
    .address ul li .ft_tel, .address ul li a{font-size:20px;}
    .ft_logo{display:none;}
    .ft_info{width:100%; }
    .ft_info li{ width:100%;}
}

/* -- 420px -- */
@media screen and (max-width:420px) {
    /*common*/
    .f19{font-size:15px!important;}
    .f27, .f25{font-size:20px;}
    .f20{font-size:16px;}
    .add_info{font-size:26px !important; line-height:33px;}
    /*.f40, .f40 li{font-size:25px !important; }*/
    /*.tit .f30{font-size:20px !important; }*/

    .mainImg > div{width:950%;text-align:center;}
    .mainImg .bkbox{width:90%; padding:5%; 
        background:rgba(0,0,0,0.2);
    }
    .mainImg .bkbox .call_info p, .bkbox .call_info span{font-size:15px !important;}
    .mainImg .bkbox .main_slo_pc{display:none;}
    .mainImg .bkbox .main_slo_mob{display:block; width:95%;}
   

    .btn_grp li{width:33.33%;}
    .btn_grp li:nth-child(2){margin:0;}
    .btn_grp li a{width:95px; height: 95px; font-size:14px;}
    
    .res_box1 .tab_bar li a, .res_box1 .tab_bar li.sel a{font-size:15px!important; min-height:80px;}
    
    /*예약현황*/
    .table td.num{width:5%; float:left;}
    .table td.u_name{width:25%;}
    .table td.r_date{width:50%; float:left;}
    .table td.stat{width:15%; text-align: right; padding:0px;} 
    .privacy{padding:10px; font-size:12px;}
    
    .table .s_date,.table .e_date, .table .s_location, .table .e_location{width:100%;}
    
    /*form_box*/
    .form_box form{padding:25px;}

    /*예약현황*/  
    .stat_box{padding:50px 25px;}

    /*본사지사*/
/*    .add_con dt{padding-right:50px}*/
    .add_con dt{padding-right:0; width:100%;display:block;}
    .add_cont dt{display:block;}
    .add_con dd{font-size:15px;}
    
    /*차량보유현황*/
    #vehicleStatus .tabs{margin:30px 0;}
    .bus_pic{padding-top:0;}
    .bus_pic ul li{padding:0;}

    /*middle*/
    /*#middle{padding:40px;}*/
    
    /*partner*/
    #partner .tit{padding-bottom:30px;}
    .prt_ul{padding:0 20px;}
	.prt_ul li{width:50%; padding:0px 10px}
	.prt_ul li:nth-child(2n-1){clear: both;}
    .prt_ul li:nth-child(5n-1){clear: none;}
    .prt_ul li p{font-size:14px; line-height:20px;}
    .prt_ul li p br{display: none;}


    /*tour_confirm*/    
    .sign_box{padding:25px; word-break: keep-all;}

    .address ul li{margin-right:0; display:block;}
}