/*****************************************************************
S-CoreDream
*****************************************************************/
.fontSC1 {
	font-family: 'S-Core1';
}
.fontSC2 {
	font-family: 'S-Core2';
}
.fontSC3 {
	font-family: 'S-Core3';
}
.fontSC4 {
	font-family: 'S-Core4';
}
.fontSC5 {
	font-family: 'S-Core5';
}
.fontSC6 {
	font-family: 'S-Core6';
}
.fontSC7 {
	font-family: 'S-Core7';
}
.fontSC8 {
	font-family: 'S-Core8';
}
@font-face {
	font-family: 'S-Core1';
	src: url('../font/S-Core1.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core2';
	src: font('../font/S-Core2.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core3';
	src: url('../font/S-Core3.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core4';
	src: url('../font/S-Core4.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core5';
	src: url('../font/S-Core5.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core6';
	src: url('../font/S-Core6.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core7';
	src: font('../font/S-Core7.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core';
	src: font('../font/S-Core8.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-Core';
	src: font('../font/S-Core9.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
     font-family: 'NanumSquareRoundEB';
     src: url('../font/NanumSquareRoundEB.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&display=swap');


*  { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family:'S-Core5'; color:#000; }

a { color:#000; }
a:hover { color:#0c6ed2; text-decoration:none }


/* bootstrap */
.bg-primary { background-color:#f6fafc !important }
.border { border: 1px solid #d8e5eb!important; }
.border2 { border: 1px solid #49778D!important; }

.nav-link { font-size:18px; font-family: 'S-Core6' ; }
h3 { background: url(../images/icon-h5.png) no-repeat; padding-left:18px ; font-size:20px; font-family: 'S-Core6'}
h4 { font-size:18px; font-family: 'S-Core6'}
h4 i { font-size:26px; }
h5 { font-size:1rem; }
.breadcrumb { background:transparent !important; padding:0 }
.breadcrumb-item { font-size:14px; font-family: 'S-Core4'}
.breadcrumb-item.active { font-size:14px; font-family: 'S-Core6'; color:#000; }
.breadcrumb-item i { color:#9c9c9c; }
.btn-primary { padding: 0.35rem 2rem; background:#2594ec; font-size: 15px; }
.form-control { color:#8d8d8d; font-family: 'S-Core4'; }
.form-control:disabled, .form-control[readonly] {  background-color: #fff; }
.btn-light { padding: 0.4rem 3rem; background:#fff; border:solid 1px #ced4da; min-width: 130px; }
.btn-light.active { color:#0c6ed2 !important; background-color: #eef8ff !important; }
.btn-light:hover { color:#0c6ed2 !important; background-color: #eef8ff !important; }
.rounded-bottom {  border-bottom-right-radius: 1rem!important;  border-bottom-left-radius: 1rem!important;}
.navbar-toggler { padding:0 !important;}

.nav-tabs .nav-link { font-family: 'S-Core5'; font-size:16px; padding: 0.5rem 2rem; border:solid 1px #ced4da;}
.nav-tabs .nav-link.active { color:#FFFFFF; background-color: #004080;}

.table td { font-size: 14px; font-family: 'S-Core4'; padding:0.75rem 0.3rem; vertical-align:middle;border-top:solid 1px #D0D0D0; }
.table {border-bottom:solid 2px #d6d6d6; }
.table thead th { font-size: 14px; font-family: 'S-Core5'; padding:0.75rem 0.3rem;vertical-align:top; border-bottom: 0; background: #BFD8F0; border-top:solid 3px #0062af; font-weight: normal; word-break: keep-all;}
.table-hover tbody tr:hover {  color: #212529;  background-color: rgba(0,0,0,.035);}

.page-link { color:#7f7f7f ; font-size:0.9rem; }
.page-link:hover { color:#000} 
.btn { word-break: keep-all;}
.rounded {border-radius: 0.5rem!important}
.text-primary { color: #0685e8 !important; }
.input-group-vertical>.form-control { width: 100%;}




.btn-logout { border-radius:30px; font-size: 12px; padding:3px 15px; }
.dotline-b { background: #f5f5f5 url(../images/dotline.png) bottom repeat-x }
.line-t { border-top: 2px solid #000}
.line-b { border-bottom: 2px solid #000}
.wrap { max-width:1560px; margin:0 auto; }
.line-light-b { border-bottom: solid 1px #dcdcdc; }
.login-wrap { width:100%; margin: 0 auto;height:100%; }
.login-text { font-size: 0.9rem; font-family: 'S-Core3'}
.login-btn { background: #4f78a7; width:100%; width: 300px; padding: 0.75rem; border-radius:0; border:0 }
.line-t-3 { border-top:solid 3px #0062af;}
.text-keep { word-break:keep-all}

.table-sum th { padding:0.75rem 1rem !important; } .table-sum td { padding:0.75rem 1rem; }
.table-sum { border-bottom:solid 2px #ccc !important }
.table-sum td input { text-align:right; font-size:0.9rem;padding:0.5rem; }

.text-9 { font-size:0.9rem }
.text-10 { font-size:1rem }
.d-md-block { display: block!important;}
.gap-1 { gap: 0.3rem!important; }
.gap-2 { gap: 0.5rem!important; }
.gap-3 {  gap: 1rem!important;}
.input-group-vertical { flex-direction:column !important}
.input-group-vertical .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-right-radius:0.25rem !important; width:100%; padding:0.25rem 0.1rem !important;word-break: keep-all;white-space: nowrap; }
.input-group-vertical .form-control { 
  border-bottom-right-radius: 0.25rem!important; border-bottom-left-radius: 0.25rem!important; border-top-right-radius:0 !important; border-top-left-radius:0 !important;
  padding:0.1rem 0.5rem; text-align: right; font-size: 0.9rem;
}
.input-group-vertical-sm { width: 80%; }
.input-group-vertical-sm .btn {  font-size: 0.8rem; background-color:#6c757d; color:#fff;word-break: keep-all; }
.input-group-vertical-sm .form-control {  font-size: 0.8rem; word-break: keep-all; }
.table-item { margin-bottom:0; border:0; margin-top:1.75rem; margin-bottom:1.75rem; }
.table-item td { border:0; border-right:solid 1px #ddd; padding:0 0.75rem }
.table-item td:last-child { border-right:0 }
.table-item th { border:0 ;border-right:solid 1px #ddd !important; padding:0 0.75rem; word-break: keep-all; }
.table-item th:last-child { border-right:0 !important }
.table-item .item { font-size: 1.3rem; border-right:0; text-align:center; width:25%; text-decoration: underline; text-underline-offset : 8px; }
.w-10 { width:10%; }
div.disabled { opacity: 1 !important; }


.btn_new { font-size: 134x; border:solid 1px #808080; background: #fff; padding: 5px 15px; line-height: 100%;  }
.btn_new:hover { background-color: #A8BBE3 }
.excel_new { background: url(/images/icon_excel.png) 10px 50% no-repeat; padding-left: 30px; }


/* The side navigation menu */
.sidebar {
     margin: 0;
     padding: 0;
     background-color: #f1f1f1;
     position: fixed;
     height: 100%;
     /* overflow: auto; */
     min-width: 40px;
     display: flex;
     flex-direction: column;
     font-size:0.9rem;
   }
   
   /* Sidebar links */
   .sidebar a {
     display: block;
     color: black;
     padding: 0 10px 0 0;
     text-decoration: none;
     writing-mode: vertical-rl;
     text-orientation: mixed;
     word-break: inherit;
     flex-grow: 1;
     text-align: center;
     cursor: pointer;
   }
   
	.sidebar a.m1 { background:#fff2cc; }
	.sidebar a.m2 { background:#e2f0d9; }
	.sidebar a.m3 { background:#deebf7; }


	.sidebar a.m1.active
	{
		background-color: #0062af;
		color: white;
		position: relative;			
		font-size:1.1rem;
	}

	.sidebar a.m2.active
	{
		background-color: #0062af;
		color: white;
		position: relative;			
		font-size:1.1rem;
	}

	.sidebar a.m3.active
	{
		background-color: #0062af;
		color: white;
		position: relative;			
		font-size:1.1rem;
	}

   /* Active/current link */
   .sidebar a.active {
		background-color: #0062af;
		color: white;
		position: relative;			
   }

   .sidebar a img { position: absolute; top: -100px; left: -100px;}
   .sidebar a.active img { position: absolute; top: 50%; left: 40px;}
   .sidebar a i { opacity: 0.3; font-size: 1.3em;}
   
   /* Links on mouse-over */
   .sidebar a:hover:not(.active) {
     background-color: rgba(0, 98, 175, 0.3);
     color: white;
   }
   
   /* Page content. The value of the margin-left property should match the value of the sidebar's width property */
   div.content {
     margin-left: 40px;
   }
   
   /* On screens that are less than 700px wide, make the sidebar into a topbar */
   @media screen and (max-width: 700px) {
     .sidebar {
       width: 100%;
       height: auto;
       position: relative;
       flex-direction: row;
     }
     .sidebar a {float: left; writing-mode:inherit;letter-spacing: -1px;}
     div.content {margin-left: 0;}
     .btn-light-group button { width: 100%; margin-bottom:0.5rem; }
     .breadcrumb { justify-content: flex-start!important;  }
     .navbar-brand { width: 70%;}
     .login-img { display:none}
     .d-grid { display: grid!important; }
     
   }
   
   /* On screens that are less than 400px, display the bar vertically, instead of horizontally */
   @media screen and (max-width: 400px) {
     .sidebar {
      display: flex;
      justify-content: space-between;     
    }
    .sidebar a {
      text-align: center;
      padding:0.8rem;
      font-size: 0.8rem;
    }
    .btn-light-group button { width: 100%; margin-bottom:0.5rem; }
    .breadcrumb { justify-content: flex-start!important;  }
   }