@charset "utf-8";


/* ==========================================================================
   글로벌 공통 테이블 스타일 (Soft Sky Blue + 균일한 가로/세로선)
   ========================================================================== */

/* 테이블을 감싸는 반응형 컨테이너 */
.g-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
}

/* 글로벌 테이블 기본 스타일 */
.g-clean-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
    text-align: left;
}

/* 테이블 헤더 - 세로선 및 본문과 통일된 가로선 적용 */
.g-clean-table th {
    background-color: #e0f2fe; 
    color: #1e293b;            
    font-weight: 600;
    padding: 14px 16px;
    font-size: 15px;
    white-space: nowrap;
    
    /* 세로줄과 동일한 두께(1px) 및 색상(#e2e8f0)으로 헤더 가로줄 수정 */
    border-bottom: 1px solid #ffffff; 
    
    /* 헤더 간 세로선: 흰색으로 부드럽게 구분 */
    border-right: 1px solid #ffffff; 
}

/* 테이블 헤더 마지막 칸은 세로선 제거 */
.g-clean-table th:last-child {
    border-right: none;
}

/* 테이블 본문 셀 - 가로/세로 구분선 */
.g-clean-table td {
    padding: 14px 16px;
    /* 본문 가로선 */
    border-bottom: 1px solid #f1f5f9; 
    /* 본문 세로선 */
    border-right: 1px solid #e2e8f0; 
    color: #334155;
    font-size: 14px;
}

/* 테이블 본문 마지막 열은 오른쪽 세로선 제거 */
.g-clean-table td:last-child {
    border-right: none;
}

/* 줄바꿈 하이라이트 (Zebra 패턴) */
.g-clean-table tbody tr:nth-child(even) {
    background-color: #f8fafc; 
}

/* 마우스 호버 효과 */
.g-clean-table tbody tr:hover {
    background-color: #f0f4f8;
    transition: background-color 0.15s ease-in-out;
}

/* 마지막 행 가로 테두리 제거 */
.g-clean-table tbody tr:last-child td {
    border-bottom: none;
}





/* ======== KNU STYLE  ======== */
#header, .menu .sub, .search_mo>.wrap {background:#008ad4;}
.tx_area .btnArea .btn_r_cc {background:#ee322d;}
.btn_side_open, .btn_side_close {background-color:#ee322d;}
.bnr_onlineSubmission, .bnr {background-color:#d7433f;}
.bnr.green {background:#66a046 !important;}
.srchWord, .xmlConTit.keyword, .list_tg li .srchTitle .num, .list_tg li .srchTitle em, .about_cnt h4.edi, .about_cnt h5 {color:#008ad4;}
.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:81px;}
#header h1>a>span {width:300px; padding-top:12px; font-size:17px;}
#header.sticky h1 {padding-top:7px;}
#header.sticky h1 img {height:50px;}
#header.sticky h1>a>span {margin-top:-4px; font-size:15px; width:210px;}
#footer .logo {top:34px; left:18px; width:300px;}
#footer .logo>em img {height:60px;}
#footer .logo>em>span {margin-top:19px; line-height:1.2; width:200px;}
#footer .info { margin-left:300px;}
.sort_type>a {background-image:url('../images/kwra/btn_sort_type.gif');}

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

@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:7px; 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:150px;}
	
	#footer .logo>em img {height:50px;}
	#footer .logo>em>span {display:inline-block; margin-left:10px; margin-top:9px; font-size:14px; line-height:1.2; width:150px;}
	#footer .info {margin-left:0;}
	#footer .family_combo {margin-left:0;}

}