@charset "utf-8";
/* CSS Document */

html, body {
	position: relative;
	height: 100%;
	
      max-width: 100%;
      overflow-x: hidden;
}
body {
      font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans KR', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size:16px;
	margin: 0;
	padding: 0;
	letter-spacing: -0.03em;
	overflow-x:hidden;
	word-break: keep-all; 
	color: #222;
      background-color: #fbfbfb;
}


.bg-gradient-orange {
    background-color: #8c4b2d;
    background-image: linear-gradient(180deg,#8c4b2d 10%,#63321c 100%);
	background-size: cover;
}
a {
	text-decoration: none!important;
	color: #4e73df;
	cursor: pointer;
}

/*color*/
.fc_red {
	color: #fe6845;
}
.fc_red a {
	color: #fe6845;
}
.fc_orange {
	color: #ffa046;
}
.fc_orange a{
	color: #ffa046;
}
.fc_green {
	color: #92cb45;
}
.fc_green a {
	color: #92cb45;
}
.fc_gray {
	color: #9e9e9e;
}
.fc_gray a {
	color: #9e9e9e;
}
.fc222 a {
	color:#222;
}
.fc222 a:hover {
	color: #4e73df;
}
.bg-dark02 {
	 background: linear-gradient(to right, #4a62f9, #364bd0);
}
.bg-secondary {
	background-color: #ebeef1!important;
	border-bottom: 1px solid #DBDBDB;
}
.bg-dark {
	color: #fff;
}
.bg-fff {
	background-color: #fff;
}

.color_blue {
	color: #48a5ea;
}
.bg_3d4959 {
	background-color: #3d4959;
	color: #fff;	
}
.text_color_white {
	color: #fff;
}
.card-header {
	background-color: #fcfaf8!important;
	border-bottom: 1px solid #f0e8e3;
}

.f08{
	font-size: 0.8em;
}
.f09 {
	font-size: 0.9em;
}
.fs_23 {
	font-size: 2.0em;
}
.line_h_15 {
	line-height: 1.5em!important;
}
.line_h_2 {
	line-height: 2em;
}
.line_h_25 {
	line-height: 2.5em;
}
.line_h_3 {
	line-height: 3em;
}
.pd_le_1 {
	padding-left: 1em;
}
.pd_l_1 {
	padding-right: 1em;
}
.pd_r_1 {
	padding-right: 1em;
}
.pd_r_05 {
	padding-right: 0.5em;
}
.m_r_1 {
	margin-right: 1em;
}
.pd_t_04 {
	padding-top: 0.4em!important;
}
/*padding margin*/
	.pd_5 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.pd_9 {
		padding-left: 9px;
		padding-right: 9px;
	}

.pd_t_102 {
	padding-top: 1.2em;
}

.pd_t_1 {
	padding-top: 1em;
}
.pd_t_2 {
	padding-top: 2em;
}
.pd_t_3 {
	padding-top: 3em;
}
.pd_t_4 {
	padding-top: 4em;
}
.pd_t_5 {
	padding-top: 5em;
}
.pd_t_6 {
	padding-top: 6em;
}
.pd_t_7 {
	padding-top: 7em;
}
.pd_t_8 {
	padding-top: 8em;
}
.pd_t_9 {
	padding-top: 9em;
}
.pd_t_10 {
	padding-top: 10em;
}

.pd_t_11 {
	padding-top: 11em;
}
.pd_t_15 {
	padding-top: 15em;
}

.pd_t_200 {
	padding-top: 275px;
}


.pd_b_02{
	padding-bottom: 0.2em;
}
.pd_b_03{
	padding-bottom: 0.3em;
}
.pd_b_04{
	padding-bottom: 0.4em;
}
.pd_b_05 {
	padding-bottom: 0.5em;
}
.pd_b_06 {
	padding-bottom: 0.6em;
}.pd_b_07 {
	padding-bottom: 0.7em;
}.pd_b_08 {
	padding-bottom: 0.8em;
}.pd_b_09 {
	padding-bottom: 0.9em;
}
.pd_b_1 {
	padding-bottom: 1em;
}
.pd_b_13 {
	padding-bottom: 1.3em;
}
.pd_b_15 {
	padding-bottom: 1.5em;
}
.pd_b_2 {
	padding-bottom: 2em;
}
.pd_b_3 {
	padding-bottom: 3em;
}
.pd_b_4 {
	padding-bottom: 4em;
}
.pd_b_5 {
	padding-bottom: 5em;
}
.pd_b_6 {
	padding-bottom: 6em;
}
.pd_b_64 {
	padding-bottom: 6.4em;
}
.pd_b_7 {
	padding-bottom: 7em;
}
.pd_b_8 {
	padding-bottom: 8em;
}
.pd_b_9 {
	padding-bottom: 9em;
}
.pd_b_10 {
	padding-bottom: 10em;
}
.pd_b_11 {
	padding-bottom: 11em;
}

.pd_b_115 {
	padding-bottom: 15em;
}
.pd_b_28 {
	padding-bottom: 28em;
}


.pd_l_2 {
	padding-left: 2em;
}
	.m_t_5 {
		margin-top: 5em!important;
	}
	.m_t_4 {
		margin-top: 4em!important;
	}
	.m_t_3 {
		margin-top: 3em!important;
	}
	.m_t_2 {
		margin-top: 2em!important;
	}
	.m_t_1 {
		margin-top: 1em!important;
	}

.m_b_5 {
		margin-bottom: 5em!important;
	}
.m_b_4 {
		margin-bottom: 4em!important;
	}
	.m_b_3 {
		margin-bottom: 3em!important;
	}
	.m_b_2 {
		margin-bottom: 2em!important;
	}
	.m_b_1 {
		margin-bottom: 1em!important;
	}
	.m_b_05 {
		margin-bottom: 0.5em!important;
	}

.m_t_-8{
	margin-top: -0.8em;
}
.mg_-1 {
	margin-top:-5em!important;
}

.wd-1200 {
	max-width: 1200px;
	margin: 0 auto;
}
.wd-1140 {
	max-width: 1120px;
	margin: 0 auto;
}

.wd-1000 {
	max-width: 1000px;
	margin: 0 auto;
}
.wd-970 {
	max-width: 800px;
	margin: 0 auto;
}

/*menu*/


.navbar-expand-sm .navbar-nav .nav-link {
	padding-top: 1em;
	padding-left: 1.6em;
	padding-right: 1.6em;
	padding-bottom: 1em;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.75);
	font-weight: 700;
	font-size: 1.1em;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: #fff;
}	

.log_set_bt {
	border-radius: 0;
	padding: .2rem .4rem;
}

.navbar02 {
	padding:  0.5em 1rem;
}

.cs_0 {
	border: 0;
	border-radius: 0;
	margin-top: 1em;
}



.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}


.dropdown .dropdown-menu {
    font-size: 1.5rem;
}

.navbar .dropdown .dropdown-menu {
    font-size: 1rem;
}





.jumbotron {
	padding: 2rem 2rem;
	font-size: 0.8em;
}

.s05 {
	font-size: 1em;
	font-weight: 700;
}
.footer {
	width: 100%;
	bottom: 0;
}

.client_h:first-child {
    border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0!important;
}

.border-top-primary {
    border-top: .25rem solid #4e73df!important;
}
.border-top-black {
    border-top: .1rem solid #212121!important;
}




.table {
	color: #212121;
}
.text-primary {
	color: #6200ea!important;
}

.r0 {
	border-radius: 0!important;
	line-height: 1;
	padding: 0 0 .2rem 0;
}

.r0 .text {
	padding: .2rem .2rem;
	font-size: 0.8em;
	font-weight: 700;
}
.r1 {
	line-height: 1;
	padding: 0 0 .2rem 0;
}
.r1 .text {
	padding: .2rem .2rem;
	font-size: 0.8em;
	font-weight: 700;
}

.hr_c hr {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.textbox {
	overflow-y:scroll; 
	height:12em;
	border:1px solid #e3e6f0; 
	padding:1em;
}



  /* The radio_bt */
.radio_bt {
  display:inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	line-height: 1.5em;
}

/* Hide the browser's default radio button */
.radio_bt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
    border:1px solid #ced4da;
  background-color: #fff;
  border-radius: 50%;
}



/* When the radio button is checked, add a blue background */
.radio_bt input:checked ~ .checkmark {
  background-color: #eee;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_bt input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_bt .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #2e303f;
}


.logpd {
    padding: 1rem 1rem!important;
}

.logbtn {
	padding: 0.2rem 0.8rem!important;
}







	.hamburger-button {
			position: absolute;
			transition: .3s ease-in-out;
			width: 25px;
			height: 14px;
			display: block;
			top: 1.1rem;
			right: 1rem;
			z-index: 1031;
		top:2em;
		}

		.hamburger-button span {
			position: absolute;
			height: 4px;
			border-radius: 4px;
			width: 100%;
			background-color: #fff;
			top: 0;
			transition: transform .2s ease-in-out, opacity .2s ease-in-out;
		}

		.hamburger-button span:nth-child(1) {
			top: 0px;
		}

		.hamburger-button span:nth-child(2),
		.hamburger-button span:nth-child(3) {
			top: 8px;
		}

		.hamburger-button span:nth-child(4) {
			top: 16px;
		}

		.hamburger-button.active span {
			background-color: #fff;
		}

		.hamburger-button.active span:nth-child(1),
		.hamburger-button.active span:nth-child(4) {
			opacity: 0;
		}

		.hamburger-button.active span:nth-child(2) {
			transform: rotate(45deg);
		}

		.hamburger-button.active span:nth-child(3) {
			transform: rotate(-45deg);
		}

		.overlay{
		  position: fixed;
		  left: 0;
		  top: 5.8em;
		  right: 0;
		  bottom: 0;
		  display: flex;
		  background: #fff;
		  height: 0;
		  overflow:hidden;
		  opacity: 0;
			z-index: 1030;
		}

.hamburger_menu {
	width: 100%;
}

		.hamburger_menu ul {
		margin-left: -2em;
		}		

		.hamburger_menu ul li{
		  list-style:none;
		  opacity: 0;
			font-size: 1em;
			text-align: left;
			line-height: 4em;
			padding-left: 0.5em;
			margin-right: 0.5em;
			border-bottom: 1px solid #eaeaea;
		}
		@keyframes fadeInLeft{
		  from{
			opacity: 0;
			transform:translateX(-25%);
		  }
		  to{
			opacity: 1;
			transform:translateX(0);
		  }
		}
		.hamburger_menu ul a {
		  color: #222;
		  text-decoration: none;
		  opacity: 1;
		  transition:0.2s ease;
		}
		.hamburger_menu ul li:hover, .hamburger_menu ul li:active{
			cursor: pointer;
			background-color: #fbfbfd;
			font-weight: 700;
		}
		.overlay.visible{
		  height: 100%;
		  opacity:1;
		}
		.visible .hamburger_menu ul li{
		  animation:fadeInLeft 0.1s ease forwards;
		}
		

		
		 @media screen and (min-width:1001px){
			.hamburger-button{
				display: none;
			}
		}
		
		@media screen and (max-width:1000px){
			
			.navbar01 {
				display: none;
			}
		
	}	
	.collapse:not(.show) {
    display: block;
}
.va_t {
	vertical-align: top;
}

.va_t_s {
	padding-left: 0.3em;
	display: inline-block;
}

.v_a_bottom {
	vertical-align: bottom;
}
.c_detail_t {
	display: inline-table;
}
.w_26 {
	max-width: 26%;
}
.w_83 {
	width: 83%;
}

.custom-select {
	font-size: 0.8rem;
}
.pb-3, .py-3 {
    padding-bottom: 1.2rem!important;
}
.pt-3, .py-3 {
    padding-top: 1.2rem!important;
}


.pd_l_0 {
	padding-left: 0;
}
#wrapper #content-wrapper {
    background-color: rgba(0,0,0,0);
}

.sidebar .nav-item .nav-link {
    padding: 0.2rem 1rem;
    color:#fff;
}
.sidebar .nav-item .nav-link span {
    font-size: 1rem;
}
.sidebar .nav-item .nav-link:hover {
	font-weight: bold;
}

@media screen and (max-width:1080px) {
	.py-3 {
		padding-top: 0.5rem!important;
		padding-bottom: 0.5rem!important;
	}
	.fs_23 {
		font-size: 1.5em!important;
	}
	.m_b_3 {
		margin-bottom: 1em!important;
	}
	table .mx-auto {
		margin-left: 0!important;
		padding-left: 0!important;;
	}
	.card-body {
		padding: 0.5rem;
	}
}