/*=============================================================================
bootstrap.css 재정의
=============================================================================*/
/* 화면경로 '/' 앞뒤 간격 조정 */
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.2rem; }
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.2rem;
color: #c1c2c3;
content: "/"; }
/* bootstrap treeview 에 적용하기 위함 (시작) */
#treeview li.list-group-item {
border: 0px hidden;
}
@font-face {
font-family: "Glyphicons Halflings";
src: url("../vendor/bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.eot");
src: url("../vendor/bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../vendor/bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../vendor/bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../vendor/bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../vendor/bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
#treeview .glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#treeview .glyphicon-plus:before {
content: "\002b";
}
#treeview .glyphicon-minus:before {
content: "\2212";
}
/* bootstrap treeview 에 적용하기 위함 (끝) */
/*=============================================================================
app.css 재정의
=============================================================================*/
.btn-topmenu {
color: #fff;
background-color: transparent;
border-color: transparent;
}
.btn-topmenu:hover {
color: #fff;
background-color: #18a0ca;
border-color: #1797be;
}
.btn-topmenu:focus, .btn-topmenu.focus {
box-shadow: 0 0 0 #000;
}
.btn-topmenu.disabled, .btn-topmenu:disabled {
color: #fff;
background-color: #23b7e5;
border-color: #23b7e5;
}
.btn-topmenu:not(:disabled):not(.disabled):active, .btn-topmenu:not(:disabled):not(.disabled).active,
.show > .btn-topmenu.dropdown-toggle {
color: #fff;
background-color: #1797be;
border-color: #158eb3;
}
.btn-topmenu:not(:disabled):not(.disabled):active:focus, .btn-topmenu:not(:disabled):not(.disabled).active:focus,
.show > .btn-topmenu.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* Component: placeholder - 지저스온 추가. 브라우저별로 색상이 틀려서(크롬 연한회색, 엣지 진한회색, 익스 검정). 모든 브라우저에서 연한회색으로 나오도록 함 */
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
color:#c0c0c0;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
color:#c0c0c0;
}
::-webkit-input-placeholder { /*크롬 4-56 */
color:#c0c0c0;
}
:-moz-placeholder { /* 파이어폭스 4-18 */
color:#c0c0c0;
}
::moz-placeholder { /* 파이어폭스 19-50 */
color:#c0c0c0;
}
.content-wrapper {
padding: 15px; /* 타이틀 왼쪽과 상단 띄어지는 것 방지. 값 변경은 없는데 기술 해줘야 적용됨 */
}
/*메뉴 타이틀*/
.content-wrapper .content-heading {
display: flex;
align-items: center;
font-size: 1.2rem; /*원래값 : 1.5rem*/
line-height: 1.1;
color: #929292;
margin: -15px;
margin-bottom: 20px;
padding: 15px;
font-weight: bold; /*원래값 : normal*/
background-color: #fafbfc;
border-bottom: 1px solid #cfdbe2;
}
.content-wrapper .content-heading small {
display: block;
font-size: 12px;
color: #909FA7;
margin-top:10px; /*원래 없던 항목*/
}
.wrapper .footer-container {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60px; /*height: 60px; --> height: 26px; --> 프레임 스크롤 하단 화살표 가리는 문제로 0px로 조정*/
border-top: 1px solid #e4eaec;
margin-bottom:20px; /*추가함*/
/*padding: 20px;*/ /*주석 처리함*/
z-index: 109;
font-size: .875rem;
}
/* 추가 : 각 페이지 하단에 copyright를 넣을 경우 사용 */
.footer-container {
background-color:#ffffff;
margin-bottom : -5px
}
/*=============================================================================
추가 사항
=============================================================================*/
/*---------*/
/*스크롤바*/
/*---------*/
/*
화살표 있는 흰색바탕 회색라인
화살표 있는 흰색바탕 하늘색라인
화살표 없는 흰색바탕 오랜지라인
화살표 있는 흰색바탕 오랜지라인
화살표 있는 연두 라인
화살표 없는 회색 바탕
화살표 있는 갈색
화살표 있는 옅은 하늘색
화살표 없는 진한 하늘색 바
화살표 없는 옅은 분홍
화살표 없는 옅은 하늘색
*/
/* 스크롤바 (IE용) */
body {
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#0071BD;
scrollbar-face-color:#E8F5FF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#0071BD;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
}
/* 스크롤 바 (Chrome, Safari용) https://css-tricks.com/custom-scrollbars-in-webkit/ */
::-webkit-scrollbar {width: 15px; height: 15px;}
::-webkit-scrollbar-button {display: block; height: 10px; background:#ffffff;}
::-webkit-scrollbar-track {background:#ffffff;}
/*::-webkit-scrollbar-track-piece {}*/
/*::-webkit-scrollbar-thumb {height: 10px; width: 10px; background:#E8F5FF; -webkit-box-shadow:#ffc0cb;}*/ /* -webkit-border-radius: 17px; border-radius: 17px; */
::-webkit-scrollbar-thumb {height: 10px; width: 10px; background:#dedede; -webkit-box-shadow:#ffc0cb;} /*-webkit-border-radius: 17px; border-radius: 17px; */
/*::-webkit-scrollbar-corner {}*/
/*::-webkit-resizer {}*/
body {
background-color:white;
}
/* iframe */
.iframe_countsort{
position : relative;
width : 100%;
height : 100%;
/*padding-bottom : 50%;*/
}
/* iframe */
.iframe_full{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
/* iframe */
/*iframe내에서 사용하는 section-container*/
.wrapper .iframe-section-container {
/*position: relative;*/
/*height: 100%;*/
margin-left: 0; /* 내용영역 왼쪽의 빈영역(왼쪽메뉴공간) 간격 없애기. 값 변경은 없는데 써줘야 작동하고 있음 */
/*z-index: 111;*/
background-color: #ffffff; /* 배경 색상 변경 : #f5f7fa ---> #ffffff */
/*margin-bottom: 60px !important;*/ /*margin-bottom: 0px !important;*/ /*margin-bottom: 60px --> margin-bottom: 26px --> 프레임 스크롤 하단 화살표 가리는 문제로 0px로 조정*/
}
/* 아이폰, 아이패드 등에서 좌우, 상하 터치 스크롤이 안 되는 문제를 해결함 */
#bizbody_section, #bizbody_section_sub1, #bizbody_section_sub2, #BizBody {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
/* ========================================================================
좌측메뉴 - 각 메뉴간 상하 여백을 조정하기 위해 별도로 재정의 한 부분 (시작)
========================================================================== */
.sidebar .nav-heading {
padding: 12px 15px 3px 15px; /* 교적관리, 목회관리 등 step 1 의 여백 */
color: #919DA8;
font-size: 13px;
letter-spacing: .035em;
pointer-events: none; /* none : 이벤트 기능을 제거한다 , auto : 이벤트 기능을 다시 사용하게 한다 */
cursor: default; }
.sidebar-nav > li > a,
.sidebar-nav > li > .nav-item {
position: relative;
display: block;
padding: 3px 24px 3px 24px; /* 새가족, 교인 등 step 2 의 여백 */
color: #515253;
letter-spacing: .025em;
font-weight: normal;
cursor: pointer; }
.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
display: block;
position: relative;
padding: 2px 20px 2px 20px; /* 교인등록, 교인조회 등 step 3 의 여백 */
padding-left: 53px;
font-weight: normal;
background-color: transparent !important;
color: #515253; }
/* ========================================================================
좌측메뉴 - 각 메뉴간 상하 여백을 조정하기 위해 별도로 재정의 한 부분 (끝)
========================================================================== */
.margin-top-bottom-4 {
padding-top:4px;
padding-bottom:4px;
}
.margin-top-bottom-5 {
padding-top:5px;
padding-bottom:5px;
}
/* ========================================================================
메인(BODY) - 각 최상위 메뉴에 들어갔을 때 처음사용시, 간편설명서, 상세설명서를 클릭했을 때 글씨가 사라지는 문제 수정
========================================================================== */
.btn.btn-outline-warning:focus {
color: #ff902b; }
/* ========================================================================
버튼 추가
========================================================================== */
.btn-gray {
color: #fff;
/*background-color: #5d9cec;*/
background: linear-gradient(to bottom, #848484, #6c6c6c);
border-color: #7b7b7b; }
.btn-gray:hover {
color: #fff;
/*background-color: #3b87e8;*/
background: linear-gradient(to bottom, #848484, #6c6c6c);
border-color: #7b7b7b; }
.btn-gray:focus, .btn-gray.focus {
box-shadow: 0 0 0 0.2rem rgba(123, 123, 123, 0.5); }
.btn-gray.disabled, .btn-gray:disabled {
color: #fff;
background-color: #5d9cec;
border-color: #7b7b7b; }
.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
color: #fff;
background-color: #2f80e7;
border-color: #7b7b7b; }
.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(123, 123, 123, 0.5); }
/* ========================================================================
interface 용 버튼 추가
========================================================================== */
.top_menu {
width: 100%;
padding: 5px 0px !important;
}
.top_menu_logo {
width: 200px;
padding: 0px 15px;
margin: 0px;
height: 50px;
}
.top_submenu {
float: left;
}
.top_submenu_3words {
float: left;
max-width: 52px;
margin: 0px 1px !important;
}
.top_submenu_4words {
float: left;
max-width: 67px;
margin: 0px 1px !important;
}
.top_submenu_5words {
float: left;
max-width: 82px;
margin: 0px 1px !important;
}
.top_submenu_6words {
float: left;
max-width: 96px;
margin: 0px 1px !important;
}
.top_submenu_8words {
float: left;
max-width: 126px;
margin: 0px 1px !important;
}
.btn-topmenu-style {
font-size: 11pt !important;
font-weight: normal !important;
/*margin: -13px 3px 0px 10px !important;*/
margin: 4px 0px 0px 0px !important;
padding: 10px 3px !important;
/*height: 60px !important;*/
/*border: 1px solid yellow !important;*/
}
@media (max-width: 768px) {
.btn-topmenu-style-m {
color: #515253;
background-color: #ffffff;
border: 0px;
padding: 5px 3px !important;
}
.btn-topmenu-style-m:hover {
color: #22B6E9;
/*font-weight: bold !important;*/
background-color: #ffffff;
border: 0px;
padding: 5px 3px !important;
}
}