@charset "utf-8";

/* ======== KNU STYLE  ======== */
#header, .menu .sub, .search_mo>.wrap {background:#3c3c3c;}
.tx_area .btnArea .btn_r_cc {background:#ee322d;}
.btn_side_open, .btn_side_close {background-color:#ee322d;}
.bnr_onlineSubmission, .bnr {background-color:#ee322d;}
.bnr.green {background:#6cb047 !important;}
.srchWord, .xmlConTit.keyword, .list_tg li .srchTitle .num, .list_tg li .srchTitle em, .about_cnt h4.edi, .about_cnt h5 {color:#72af2d;}
.journal_info>strong{color:#a4a4a4; font-weight:100; width:160px; text-align:center; margin:0 auto 25px;}
.tab_area>em>a, .fontRed {color:#ee322d;}
#header h1 {padding-top:7px; padding-left:20px;}
#header h1 img {height:80px;}
#header h1>a>span {width:240px; padding-top:10px; font-size:19px;}
#header.sticky h1 {padding-top:7px;}
#header.sticky h1 img {height:50px;}
#header.sticky h1>a>span {margin-top:-5px; font-size:15px; width:180px;}
#footer .logo {top:34px; left:18px; width:370px;}
#footer .logo>em img {height:60px;}
#footer .logo>em>span {margin-top:0; line-height:1.2; width:265px; font-size:14px;}
#footer .info { margin-left:380px;}
.sort_type>a {background-image:url('../images/kjoas/btn_sort_type.gif');}

@media all and (max-width:1201px) {
	
	#header h1 {padding-left:10px;}
	#footer .logo {width:370px;}
	#footer .logo>em>span {display:inline-block; margin-left:20px;}
	#footer .info {margin-left:380px;}
	#footer .family_combo {margin-left:280px;}
	
}

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

    #header h1 {padding-top:4px; padding-left:7px;}
    #header h1>a>img {height:40px; margin-right:8px;}
	#header h1>a>span {width:140px; padding-top:5px; font-size:11px;}
	#header.sticky h1 { padding-top:4px;}
	#header.sticky h1 img {height:40px;}
	#header.sticky h1>a>span {margin-top:0; font-size:11px; width:140px;}
	
	#footer .logo>em img {height:50px;}
	#footer .logo>em>span {display:inline-block; margin-left:10px; margin-top:6px; font-size:14px; line-height:1.2; width:150px;}
	#footer .info {margin-left:0;}
	#footer .family_combo {margin-left:0;}

}

#footer .logo > em > span,
#header h1>a>span .journal-title,
#header h1>a>span .journal-title-ko {display: none !important}
#header h1 > a > span {
  vertical-align: bottom;
}