@charset "utf-8";





/*
tablet
================================================================*/



@media all and (max-width :1201px)  {

	
	
	
	
	
	/*main */
	.col_width { width:auto; }
	.header_inner { padding: 0 20px;}
	.mq_wrap { width: auto; padding: 0 20px;}
	.main_contents {     margin: 0;padding: 0 0px 50px 0px; float: right;  width: 72%; }
	.nav_contents { padding: 0 20px;}
	.nav_inner {padding: 0 20px;}
	.contents_wrap { padding: 40px 20px 40px 20px}
	.left_contents {  width:24%; }
	.footer_menu {  padding: 26px 20px 30px 20px; }
	.footer_copyright { padding: 24px 20px; }
	.footer_copyright h2  { display: none; }
    .footer_banner {     padding: 16px 20px; }
    
    
    .footer_slide_wrap .owl-theme .owl-controls .owl-page span { width:8px; height: 8px; background: #bcbcbc; margin: 0 3px; 
	-webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease; }
.footer_slide_wrap .owl-theme .owl-controls.clickable .owl-page:hover span { background: #7e7e7e }
.footer_slide_wrap .owl-theme .owl-controls .owl-page.active span { background: #f08200 !important;width:18px;}
.footer_slide_wrap .owl-theme .owl-controls {  margin-top: 10px; text-align: center;  }
.footer_slide_wrap .owl-carousel .owl-item  .slide_text { text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: auto;  color: #686868;}
    #toTop{width:39px;height:39px;background:url(../img/background/gotop_bt.png) no-repeat right 0; margin-left: 0; right:0;  }
    
    .sub_contents_wrap { padding: 0 20px;}
    .sub_middle_box {   width:48%; } 
    
    .responsive_tbl {overflow-x: scroll; width:100%; }
	
    .tbl01 thead th,
    .tbl01 tbody td{ position: relative; white-space: nowrap;  overflow: hidden; }
    .nav_box ul li { margin: 0 20px 0 0; }
	.nav_box ul li a { font-size: 15px;}
	.result_layout .sub_middle_box { width:69%;margin: 28px 0px 20px; }
    
    
	
	
	


}


@media all and (max-width :1100px)  {

.sub_middle_box {   width:41%; }

}


/*
mobile
================================================================*/




@media all and (max-width : 1050px)  {
	
	.nav_box { display: none;}
	.msearch_box { float: left;}
	.tablet_nav .tablet_nav_bt,
	.tablet_nav .tablet_nav_bt2 { display: block;}
	.btn-archives i.fa-th { font-size:30px;line-height: 38px; }
	.sub_contents_box{ background: none;}
	
	.sub_middle_box {     position: relative;
    margin: 28px 0px 30px 288px;
    float: none;
    width: auto;  }
	.sub_right_box {float: none;width:auto;    padding: 0px;  margin: 0px 0px 0 287px;   }
	
	.about_type .sc_inner { background: none;}
	.about_type .left_banner { display: none;}
	.left_nav_box { display: none; }
	.sub_second .sub_con_box {margin: 0px 0 0 0px; }
	 .about_type .sub_left { float: none; width:auto;}
	 
	
	.at_h3 { background: none; font-size: 20px;  padding: 0 0 0px 0; }
	.result_layout .sub_contents_box { background: #fff; }	
	.result_layout .sub_middle_box {  margin: 28px 0px 30px 0px;  float: none;  width:auto;}
	.result_layout .sub_right_box { float: none; width:auto; margin: 0; padding: 0px 0 0 0;}
	
	
	
	
    
    


	


    
    
	


		
	





}



@media all and (max-width :760px)  {
	.header_inner h1 {    margin: 28px 0 0 0;}
	.header_inner h1 a { width: 270px;height: 28px; background-size: 100% auto; }
    
   
    .sub_left { float: none; width:auto;}
	.as_link  {    margin: 22px 0 0 0; position:absolute; right:15px;  }
	.as_link a { width: 24px; height: 36px; background: url(../img/background/oa_mobile_icon.png) no-repeat 50% 50%;  background-size: 100% auto; }
	.issue_title { padding-bottom: 12px; border-bottom: 1px dashed #ddd; }
    .issue_title h4 { font-size: 16px; padding: 0; background: none; line-height: 24px;  float: none;}
    .issue_title .issue_date { }
    .right_bt .line_bt { float: right; }
    
    
	.left_contents {  width:auto; float: none;  }
	.top_gbox { margin: 0 20px 40px 20px; }
	#slide_wrap .item  img { width:100%; height: auto;}
	.main_contents {    padding: 0 0px 50px 0px;
    float: none;
    width: auto; }
    .fm_box { float: none; width:auto;}
    .fm_inner h4 { text-align: center; 
    background: url(../img/background/footer_t_line.png) no-repeat center bottom;}
    .fm_inner ul li a { text-align: center; }
    .fm_inner {margin: 0 11px 20px 11px ;  }
    .footer_text { float: none; margin-bottom: 20px;}
    .footer_info { float: none; }
	
	.banner_title {    float: none;  width: auto; margin-bottom: 10px; }
	.footer_slide_wrap { margin: 0 0 0 0px; }
	.banner_title:after {  display: none; }
	.issue_more a { width: auto;}
	
	.main_about_box {
    padding: 16px 20px 20px 20px;  }
    
    
    
    
	.main_about_box dl dt { float: none; margin-bottom: 20px }
	.main_about_box dl dd { margin: 0 0 0 0px; }
	.news_box { margin-bottom: 30px;}
	.footer_menu { padding: 26px 20px 0px 20px; }
	.footer_info .fi_box { float: none; margin:0 0 20px 0; border-left: 0px; text-align: center; }
	.fi_box span { height: 50px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
    width: 50px;
    border: 1px solid #ccc;
    border-radius: 50px;
    line-height: 50px; }
	.fi_box em,
	.fi_box a 	 { text-align: center; }
    .footer_copyright {  padding:  24px 0 0 0;}
    .footer_text { background: #595959; padding: 20px; color: #fff; margin-bottom: 0px  }
    .il_bottom span { float: none; margin-bottom: 10px; }
    .il_bottom .il_bt_box {  float: none; text-align: right;}
    .il_bottom .il_bt_box a em { text-align: left;}
    
    .left_banner { display: none;}
    
    .sc_inner { background: none; }
    
    .left_tree { display: none;}
    .sub_middle_box { margin: 28px 0px 30px 0px;  }
    .sub_right_box { margin: 0; } 
    .mobile_archive_box { display: block;  text-align: center; }
	.view_left { display: none; }
	.issue_title .right_bt {     overflow: hidden;
    background: #f9f9f9;
    float: none;
    padding: 4px 5px;  margin-top: 5px; }
	
	
	.vb_left {    float: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 20px;}
	.vb_right { float: none; }
	.view_inner_con dl dt { float: none; }
	.view_inner_con dl dd {    margin: 0 0 0 12px;  }
	.sub_location { display: none; }
	/* .download_bt em { display: none;  } */
	.view_inner_con .about_dl dd{  margin: 0 0 0 12px; } 
	.issue_title .page_num_box { float: none; }
	 


	
    #footer_slide { padding: 0;}
	#footer_slide  .owl-dots {  display: block; margin-top: 10px;}
	#footer_slide  .owl-nav {  display: none;}
	
    




		
	





}

@media all and (max-width :480px)  {

	.as_link a { width: 24px; }
    .msearch_box { width: 60% }
    



}