@media screen and (max-width: 1290px){
  .wrapper{padding-left: 40px; padding-right: 40px;}
  .sub_title{padding: 0 20px;}

  /*연혁*/
  .history_list_in_l{width: 120px;}
  .history_list_in_r{width: calc(100% - 120px);}
  .history_year{width: 80px; height: 80px; line-height: 70px;}

  /*오시는길*/
  .map_box .wrap_map{height: 500px !important;}

  /*관련사이트*/
  .ptn_all{padding: 0;}
  .ptn_list{display: initial; margin: 0 auto;}

  /*이용안내*/
  .use_mem > ul > li{padding: 30px 20px 40px;}
  .use_contact_box > ul > li:nth-child(1){padding: 0 60px 0 20px;}
  .use_contact_box > ul > li:nth-child(2){padding: 0 60px 0 20px;}
  .use_contact_box > ul > li:nth-child(3){padding: 0 0 0 20px;}

  .use_step_box > ul > li:nth-child(4){clear: both; margin-left: 0;}

  /*새빛콜 앱 이용방법*/
  .useapp_tab > ul > li > a{font-size: 16px;}

  /*로그인*/
  .mb_midbox{text-align: center;}
  .mblog_box{float: none; width: 100%; height: auto; border-right: 0;}
  #mb_login .mbskin_box{display: inline-block; float: none; width: auto; height: auto; margin-top: 30px; padding: 0; text-align: left;}

  .login_ulbox{float: none; width: 100%; height: auto;}
  .login_ulbox2{float: none; width: 100%; height: 55px; margin: 10px auto 0;}
}

@media screen and (max-width: 1023px){
  .wrapper{padding-left: 30px; padding-right: 30px;}

  /*서브*/
  .sub_location ul li a{font-size: 16px;}
  .t_rp_tb{overflow-x: scroll;}
  .t_rp_tb > table{width: 1100px;}
  .scroll_drag_t{display: block;}

  .tb_st01 td{font-size: 14px; padding-left: 5px; padding-right: 5px;}

  /*기관소개*/
  .greeting{padding: 50px 60px}
  .greeting_img{display: block; width: 100%;}
  .greeting_txtbox{display: block; width: 100%; padding: 0;}
  .orgn_chart:after{display: none;}

  .tab_btn > ul > li{padding: 0 30px;}

  /*연혁*/
  .history_list{display: block; width: 100%;}
  .history_list_r{padding: 40px 0 0;}

  /*이용안내*/
  .use_link_box > ul > li{width: 33.333%;}
  .use_link_box > ul > li > a{width: 100%;}

  .use_contact_box{padding: 40px 20px;}
  .use_contact_box > ul > li:nth-child(1){padding: 0 10px;}
  .use_contact_box > ul > li:nth-child(2){padding: 0 10px;}
  .use_contact_box > ul > li:nth-child(3){padding: 0 0 0 10px;}
  .use_contact_box > ul > li .use_contact_txt02{font-size: 16px;}

  .use_area_box > ul > li:nth-child(1),
  .use_fare_add_box > ul > li:nth-child(1),
  .use_info_box > ul > li:nth-child(1){display: block; width: 100%;}
  .use_area_box > ul > li:nth-child(2),
  .use_fare_add_box > ul > li:nth-child(2),
  .use_info_box > ul > li:nth-child(2){display: block; width: 100%; margin-top: 5px; padding-left: 12px;}
  .use_mth_tb td.ta_l,
  .use_area_tb td.ta_l{padding-left: 10px;}

  /*새빛콜 앱 이용방법*/
    /*
    .useapp_tab > ul > li{width: 20%;}
    .useapp_tab > ul > li:nth-child(8n+1) > span{border-left: 1px solid #ddd;}
    .useapp_tab > ul > li:nth-child(5n+1) > span{border-left: 0;}
    */
  .use_app_comp_left{display: block; width: 100%; padding: 0;}
  .use_app_comp_right{display: block; width: 100%; margin-top: 20px; padding: 0;}

/*웹 접수방법*/
  .use_web_comp_left{display: block; width: 100%; padding: 0;}
  .use_web_comp_right{display: block; width: 100%; margin-top: 20px; padding: 0;}

  /*게시판*/
  .not_td.td_subject .bo_tit a{font-weight: 500;}

  /**/
  .mb_midbox{margin: 100px auto;}
  .goaway_box .goaway_li{width: 300px;}
  .goaway_box .goaway_li2{width: calc(100% - 307px);}

#hd_pops_19 {left: 5% !important;}
}

@media screen and (max-width: 767px){
  .wrapper{padding-left: 20px; padding-right: 20px;}
  
  #hd_pop{max-width: 90%; left: 5%; width:100%}
.hd_pops{font-size: 0;}
.hd_pops_con{width: 100% !important; height: 100% !important;}
.hd_pops_footer{padding: 5px; font-size: 14px;}

#hd_pops_17 {left: 5% !important; max-width: 90%;}
#hd_pops_19 {left: 5% !important; max-width: 90%; top: 350px !important;}

  /*푸터*/
	
	.ft_wa_mark {
	display: block;
		position: inherit;
		top: inherit;
		right: inherit;
		margin-top: 10px;
	}

  /*서브*/
  .sub_location{display: none;}
  .m_rp_tb{overflow-x: scroll;}
  .m_rp_tb > table{width: 800px;}
  .scroll_drag_m{display: block;}

  /*기관소개*/
  .greeting{padding: 50px 20px}
  .orgn_chart{overflow-x: scroll;}
  .orgn_chart_wr{width: 800px;}
  .mo_tab_sel{position: relative;}
  .mo_tab_sel_txt{display: block; position: relative; width: 100%; height: 40px; line-height: 40px; border: 1px solid #ddd; font-size: 18px; font-weight: 400; color: #E32424; cursor: pointer;}
  .mo_tab_sel_txt i{position: absolute; top: 13px; right: 20px; padding: 4px;}
  .mo_tab_sel ul{display: none; position: absolute; top: 40px; left: 0; z-index: 10; width: 100%; padding: 0; border: 1px solid #ddd; border-top: 0; background: #fff;}
  .mo_tab_sel ul li{display: block; width: 100%; padding: 5px 0; border: 0;}
  .mo_tab_sel ul li:first-child{padding-top: 10px;}
  .mo_tab_sel ul li:last-child{padding-bottom: 10px;}
  .mo_tab_sel ul li.on{font-weight: 300; color: #555;}

  /*연혁*/
  .history_all{padding: 0 20px;}
  .history_list_r{padding: 30px 0 0;}
  .history_list_in_l{display: block; width: 100%; padding-right: 0;}
  .history_list_in_r{display: block; width: 100%;}
  .history_year{margin: 0 auto;}

  /*센터 차량소개*/
  .car_cnt_detail > ul > li{display: block; width: 100%;}
  .car_cnt_detail > ul > li:nth-child(1){width: 100%;}
  .car_cnt_detail > ul > li:nth-child(2){width: 100%; margin-top: 10px;}

  .car_intro_comp{padding: 40px 20px;}
  .car_intro_comp_l{display: block; width: 100%; margin-bottom: 10px; text-align: center;}
  .car_intro_comp_r{display: block; width: 100%;}

  /*오시는길*/
  .map_expl{font-size: 16px;}
  .map_box .wrap_map{height: 300px !important;}
  .addr_box{padding: 30px 20px;}
  .addr_box > ul > li .addr_tit{display: block;}
  .addr_box > ul > li .addr_txt{display: block; padding-left: 12px;}

  /*이용안내*/
  .use_mem > ul > li{display: block; width: 100%; padding: 20px;}
  .use_mem_txt{margin-top: 5px; font-size: 16px;}

  .use_link_box > ul > li{display: block; width: 100%;}

  .use_contact_box > ul{margin: -10px 0;}
  .use_contact_box > ul > li{display: block; width: 100%; padding: 10px 0 !important; border: 0 !important;}

  .use_fare_txt02{font-size: 20px;}

  .use_caution_dep-1{padding: 0 20px;}
  .use_caution_dep-2{padding-left: 0;}
  .use_caution_txt01,
  .use_caution_txt01 b{font-size: 18px;}
  .use_caution_txt02,
  .use_caution_txt02 b,
  .use_caution_txt03{font-size: 14px;}

  .use_carry_box > ul > li{display: block; width: 100%;}
  .use_carry_add_dep-2{padding-left: 0;}

  /*새빛콜 앱 이용방법*/
  /* .useapp_tab{display: none;} */
  .app_down_box > ul{display: block; margin: -5px 0;}
  .app_down_box > ul > li{display:  block; width: 100%; padding: 5px 0;}
  .app_down_box > ul > li > a{width: 100%;}

  .app_down_add_box{padding: 20px;}
  .app_down_add_txt02{padding: 10px 0 0 0;}

  .use_app_step{margin: -20px 0;}
  .use_app_step > li{display: block; width: 100%; padding: 20px 0;}

  /*웹 접수방법*/
  .use_web_step{margin: -20px 0;}
  .use_web_step > li{display: block; width: 100%; padding: 20px 0;}

  /*게시판*/
  .bonmoon_txt{min-height: 150px;}
  .text_leftgo{margin-bottom: 10px; font-size: 16px; white-space: inherit;}
  .view_rightline,
  .view_pdx,
  .mot_text{font-size: 14px;}

  /*로그인*/
  .mb_midbox{padding: 30px 20px;}
  #mb_login .mbskin_box{width: 100%;}
  .log_bigtt{font-size: 30px;}
  .last_btbak{font-size: 14px;}
  .goaway_box .goaway_li{display: block; float: none; width: 100%;}
  .goaway_box .goaway_li2{display: block; float: none; width: 100%; margin: 7px 0 0;}
}
