@charset "utf-8";





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



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

	
	
	
	
	
	/*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:58%; }
    
    .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; }
    
    #secondDiv { width: 58%;}
    #thirdDiv {width: 36%;}
	
	.footer_text { width: 60%; }
	.footer_info { width: 40%; }

	.custom-header-title { font-size: 60%; }
}

@media all and (max-width :1380px)  {
	.sub_middle_box { width:55%; }
	#secondDiv { width: 56%;}
	#thirdDiv {width: 38%;}
}

@media all and (max-width :1280px)  {
	#main-search {width: 220px;}
	.custom-header-h1 { width: 50%; }
	.custom-header-title { font-size: 55%; }

	.sub_middle_box { width:52%; }
	#secondDiv { width: 52%;}
	#thirdDiv {width: 42%;}
}

@media all and (max-width :1200px)  {
	.sub_middle_box { width:48%; }
}

@media all and (max-width :1155px)  {
	.sub_middle_box {   width:46%; }
}

@media all and (max-width :1106px)  {
	.copyright_left { width: 55% !important; }
	.copyright_right { width: 45% !important; }
}


/*
mobile
================================================================*/
@media all and (max-width :1100px)  {

	#journal_info .owl-item { height: 310px;}
	#journal_info .owl-item img { height: 310px; }

	.footer_info_first { float: right !important; }
	.article_innerbox {display: block;}
/* 	.web-right-tab { display: none;} */
	.sr_data { padding: 10px 0; }

	.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;}
	
    #browse-list {display: none;}
	#firstDiv { width: 60px; margin-right: 10px;}
	#secondDiv {display: none;}
	#main-search {width: 380px; margin-top: 14px;}
	#thirdDiv { width: 50%;}
	.submission_box { margin-top: 13px;}
	

	#language_info { width: 90px; margin-top: 20px; }
	.issn_r_box ul { display: none; }

	.custom-header-h1 { width: 80%; }
	.custom-header-title { font-size: 55%; }

	.view_bt_box { margin: 5px 0 5px 0; padding: 0; }
	.top-pdf { display: inline; }
}

@media all and (max-width :760px) {
	#journal_info .owl-item { height: 275px; }
	#journal_info .owl-item img { height: 275px; }
}

@media all and (max-width :760px)  {
	.header_inner h1 {    margin: 15px 0 0 0;}
	.header_inner h1 a { width: 270px; background-size: 100% auto; }
    
   
    .sub_left { float: none; width:auto;}
	.as_link  {    margin: 22px 0 0 0;  }
	.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_box { float: left; width:50%;}
    .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; width: 65%;}
    .footer_info { float: none; }
	
	.banner_title {    float: none;  width: auto; margin-bottom: 10px; }
	.banner_title2 {    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; background: #ffffff;}
    .footer_text { padding: 20px; margin-bottom: 0px  }
    .footer_info { padding: 20px; }
    .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: left;
    /*border-bottom: 1px solid #ddd;*/
    /*padding-bottom: 8px;*/
    /*margin-bottom: 20px;*/
	}
	/*.vb_right { float: right; }*/
	.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;}

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


	.topLogo img { height: 45px;}

		
	.sub_contents {background: #fff repeat-y 202px 0;}

	.right_banner_base_layout {display: none !important;}
	
	.oai_con_box h5 {  float: none; width: auto; background:none;text-align: left; padding:10px 0 10px 20px;}
    .oai_con_box h5:after { width: 100%; }
    .oai_right_box { margin: 0; }

	.custom-header-h1 { width: 83%; }
	.custom-header-title { font-size: 50%; }
}

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

    
	#main-search {width: 350px;}
	#thirdDiv {width: 60%;}

	.right_banner_base_layout {display: none !important;}
	
	.oai_con_box h4 {  float: none; width: auto; background:none;text-align: left; padding:10px 0 10px 20px;}
    .oai_con_box h4:after { width: 100%; }
    .oai_right_box { margin: 0; }

	.custom-header-title { font-size: 45%; }
}

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

	#firstDiv { display: none; }
	#main-search { margin-left: 0px; }

	.m_journal_info {display: none;}
	.m_journal_info_r {display: block !important;}

	/*.btn-jep { display: none; }*/
	.top-pubreader, .p-citation, .p-share { display: none; }
	#language_info { width: 75px; margin-top: 25px; background-size: contain; }
	.searchBoard {display: none;}

	.article_thumbnail { position: initial; border: none; margin-right: 0; float: none; text-align: center; margin-bottom: 7px; }
	.il_bt_box .btn-jep {display: none;}
	.il_bt_box { padding-right: 0 !important; }
	.il_bottom { padding-right: 0 !important; }

	.custom-header-h1 { width: 73%; }


}

@media all and (max-width :560px)  {
	.contact_map { min-height: 350px; }
	
	.footer_text { width: 55%; }
	.footer_info { width: 45%; }

	#main-search {width: 300px;}

	.custom-header-title { font-size: 40%; }
}


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

	.top-info { display: none;}
	.as_link a { width: 24px; }

	#main-search {width: 210px;}

}

@media all and (max-width :450px)  {
	
	.copyright_left { width: 100% !important; }
	.copyright_right { width: 100% !important; }
	.copyright_right p { display: flex; }
	.footer_banner_img_left { margin-left: 0 !important; width: 135px; }
	.footer_banner_img_right { margin-top: -1px !important; margin-bottom: -15px !important; }
	
	.footer_content { display: block !important; }
	.footer_text { width: 100%; }
	.footer_info { width: 100%; display: flex;}

	#language_info { margin-top: 25px;}
	.head-logo-img { height: 25px; }

	.custom-header-h1 { width: 65%; }
	.custom-header-title { font-size: 35%; }
}