@charset "utf-8";

/* ======== KNU STYLE  ======== */
#header, .menu .sub, .search_mo>.wrap {background:#194387;}
.tx_area .btnArea .btn_r_cc {background:#e24e45;}
.btn_side_open, .btn_side_close {background-color:#e24e45;}
.bnr_onlineSubmission, .bnr {background-color:#e24e45;}
.bnr.green {background:#4cb848 !important;}
.srchWord, .xmlConTit.keyword, .list_tg li .srchTitle .num, .list_tg li .srchTitle em, .about_cnt h4.edi, .about_cnt h5 {color:#194387;}
.journal_info>strong{color:#a4a4a4; font-weight:100; width:160px; text-align:center; margin:0 auto 25px;}
.journal_info>img {border:6px solid #fff;}
.tab_area>em>a, .fontRed {color:#e24e45;}
#header h1 {padding-top:8px;padding-left:20px;}
#header h1 img {height:70px; padding-top:5px;}
#header h1>a>img {margin-right:14px;}
#header h1>a>span {width:320px;padding-top:3px; font-size:19px;}
#header.sticky h1 {padding-top:0; padding-left:10px;}
#header.sticky h1 img {height:45px; padding-top:9px;}
#header.sticky h1>a>span {margin-top:12px; font-size:14px; width:200px;}
#footer .logo {top:38px; left:18px; width:410px;}
#footer .logo>em>a>img {height:60px;}
#footer .logo>em>span {margin-top:0; line-height:1.2; width:260px; margin-left:15px;}
#footer .logo>em>span .kr {padding-top:6px; line-height:1.2; display:block; font-size:.8em;}
#footer .info { margin-left:410px;}
.sort_type>a {background-image:url('/static/site/images/ksarc/btn_sort_type.gif');}

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

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

    #header h1 {padding-top:5px; padding-left:7px;}
    #header h1>a>img {height:30px; margin-right:8px; padding-top:4px;}
	#header h1>a>span {width:170px; padding-top:5px; font-size:12px;}
	#header.sticky h1 {padding-top:5px; padding-left:7px;}
	#header.sticky h1 img {height:30px; padding-top:4px;}
	#header.sticky h1>a>span {margin-top:0; font-size:12px; width:170px;}
	
	#footer .logo {width:auto;}
	#footer .logo>em>a>img {height:40px;}
	#footer .logo>em>span {display:block; margin-left:0; margin-top:2px; font-size:14px; line-height:1.2; width:auto;}
	#footer .logo>em>span .kr {padding-top:3px;}
	#footer .info {margin-left:0;}
	#footer .family_combo {margin-left:0;}

}