/* [CSS]Lib.StepsV5.6(기본양식) */

 .skin-blue .main-header .navbar {
	/*background-image: linear-gradient(-20deg, rgb(62,99,148) 0px, rgb(57,90,133) 45%);*/
	background-image: linear-gradient(to right, #f96b8b, #e3cc83, #88c9b5, #60c8e7);
	background-position-x: initial;
	background-position-y: initial;
	background-size: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
} 

/*
 * Skin: Blue
 * ----------
 */
 
 @charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .tooltip, .popover {
    font-family: "Noto Sans", sans-serif !important;
}

.bs-article-dbname {color:#616161 !important}

.logo-lg{font-family: "Noto Sans", sans-serif !important;}

/* 상단 메뉴바 배경색 
.skin-blue .main-header .navbar {
background-color: #60c8e7 ;
}
*/
.skin-blue .main-header .navbar .nav > li > a {
color: #FFFFFF;
}

/* 상단 우측 메뉴 */
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav > .active > a {
color: #FFFFFF;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus {
/* background-color: #C4262B; */
background: rgba(0, 0, 0, 0.1);
color: #FFFFFF;
}

/* 상단 죄측 메뉴 토글 버튼 */
.skin-blue .main-header .navbar .sidebar-toggle {
color: #FFFFFF;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
/* background-color: #C4262B; */
background: rgba(0, 0, 0, 0.1);
color: #FFFFFF;
}

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #FFFFFF;
    }
    .skin-blue .main-header .navbar .dropdown-menu li a:hover {
        background: #60c8e7;
    }
}

/* 기관 이름 */
.skin-blue .main-header .logo {
/*background-color: #60c8e7 !important;*/
background-image: linear-gradient(to right, #00af96, #0093c0) !important;
color: #FFFFFF;
border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
/*background-color: #60c8e7 !important;*/
background-image: linear-gradient(to right, #0093c0, #00af96) !important;
background: rgba(0, 0, 0, 0.1);
color: #FFFFFF;
}

.skin-blue .main-header li.user-header {
background-color: #091B2C;
}
.skin-blue .content-header {
background: transparent;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
background-color: #222d32;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
color: #fff;
}
.skin-blue .sidebar-menu > li.header {
color: #105284;
background: #1a2226;
}
.skin-blue .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
color: #f2f2f2;
background: #1e282c;
}

/* 사이드바 선택 테두리 색 */
.skin-blue .sidebar-menu > li.active > a {
border-left-color: #60c8e7;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #0F3443;
}
.skin-blue .sidebar a {
color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
text-decoration: none;
}
.skin-blue .sidebar-menu .treeview-menu > li > a {
color: #1965A6;
}
.skin-blue .sidebar-menu .treeview-menu > li.active > a,
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
color: #f2f2f2;
}
.skin-blue .sidebar-form {
border-radius: 3px;
border: 1px solid #0D384C;
margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
box-shadow: none;
background-color: #0D3649;
border: 1px solid transparent;
height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #091B2C;
color: #f2f2f2;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #60c8e7;
}

/* "검색 대상 정보원 목록" 안내 문구 */
.bs-search-target-db-list-header {
    background-color: #FFFFFF;
    color: #313131;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/* a태그, 링크버튼 텍스트 색 */
a,
.btn-link {color: #000000;}
a:hover,
a:active,
a:focus,
.btn-link:hover,
.btn-link:active,
.btn-link:focus {color:#000000;}
.r-tabs .r-tabs-tab.r-tabs-state-active,
.r-tabs .r-tabs-accordion-title.r-tabs-state-active,
.nav-tabs-custom > .nav-tabs > li.active,
.box.box-primary {border-top-color:#60c8e7 ;}

/* 검색 버튼 */
.btn-primary {background-color:#60c8e7  !important;border-color:#60c8e7  !important;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color:#60c8e7;
    /* border-color:#C4262B; */
    /* color:#FFFFFF; */
}

/* .dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {color:#f2f2f2;} */

/* 검색창 테두리 */
.form-control:focus {border-color:#60c8e7 ;}

/* 맨 위로 버튼 */
#scrollUp {background:#60c8e7 ;color:#FFFFFF;}
#scrollUp:hover {
    background: #60c8e7 ;
    color:#FFFFFF;}

.spinner div {background-color: #2a2660 !important;}
.text-primary {color:#000000 !important;}
.bs-btn-tool.text-primary:focus {color: #000000;}
.btn-flat:focus,
.bs-btn-link:focus,
.bs-btn-tool:focus,
.bs-btn-icon:focus,
a:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: 5px auto #60c8e7 ;} /* 반응형 페이지 "필터", "검색결과" 박스 액티브 테두리 색*/

/* 검색대상 */
/*
#facetDbBox {border:2px solid #fff ;}
#facetDbBox .box-header.with-border {border-bottom:1px solid #fff ;background-color:#fff ;}
#facetDbBox .box-header.with-border,
#facetDbBox .box-header.with-border .bs-btn-more,
#facetDbBox .box-header.with-border .btn-link {color: #60c8e7;}
*/
#facetDbBox {border:0px solid #ffffff ;}
#facetDbBox .box-header.with-border {border-bottom:1px solid #E6E6E6;background-color:#fff;}
#facetDbBox .box-header.with-border,
#facetDbBox .box-header.with-border .bs-btn-more,
#facetDbBox .box-header.with-border .btn-link {color: #60c8e7;}
#facetDbBox .box-header.with-border .box-title {color: #444!important;}

#facetTypeBox .box-header, #facetGradeBox .box-header, #facetJournalBox .box-header, #facetYearBox .box-header, #facetKeywordBox .box-header, #facetAuthorBox .box-header, #facetSiteBox .box-header{background-color:#fff !important;}

.Directtxt{
    height : 40px;
    width : 760PX;
    border: 1px solid #091B2C!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 20px;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.Directbtn{
    height : 40px;
    width : 100PX;
    border: 1px solid #091B2C!important;
    background: #091B2C;
    padding: 6px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #f2f2f2;
    font-size: 20px;
    position: absolute;
    box-sizing: border-box;
    margin-left:-10px;
}


/* 선택된 DB 박스 좌측 테두리 선 */
.callout.callout-success{
    border-color: #60c8e7 ;
}

/* 검색 결과 내 이미지 크기 조절 */
/* .bs-image img{
	height : 100px;
	width : 100%;
	max-width: 250px;
}     */


@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #67becf;
  }

}

h1.custom{padding:10px 25px 10px 25px;margin:0;}
.logoM{display:none;}

@media (max-width: 767px){
h1.custom{display:none}
.logoM{display:block;text-align:center}
.logoM {padding:10px 25px 0px 25px;}
.logoM img{width:350px;vertical-align:top}

}

button.bs-active{border-bottom:3px solid #60c8e7  !important}

/*span.highlight {background-color:#60c8e7  !important; color:#fff !important;}*/

span.highlight {background-color:#fff !important; font-weight:bold; color:#f75100  !important;}

/*링크 강조*/
.list-inline>li>a{color:#f96b8b; font-weight:bold !important; font-size:14px !important;}

/*.box{border-top:3px solid #60c8e7 !important;}*/

/*가로 테스트*/
/*
.bs-article-main-data-wrap{
	display: flex; 
	flex-wrap: wrap;
}
.bs-article-main-data-wrap div {
 padding : 5px
}

.bs-article-extra-data-wrap{
	display: flex; 
	flex-wrap: wrap;
}
.bs-article-extra-data-wrap div {
 padding : 5px
}
*/

/*속성 값 제거*/
/*.box-body .bs-article-main-data-wrap div strong, .box-body .bs-article-extra-data-wrap div strong{	display:none;}*/

/*속성값 색상*/
/*.bs-article-main-data-wrap div, .bs-article-extra-data-wrap div{color: #006621; !important}*/