/*
Theme Name: Dodam
Version: 1.0
Author: Gwangwp
*/
/*@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');*/
@import url('./font/s-core-dream.css');

body, h1, h2, h3, h4, h5, h6, p, span, a, input,label,select,div,strong,button,th,td{
    font-family: 'Roboto', 's-core-dream', 'Noto Sans KR', sans-serif;
}
.detail_direct,.detail_tr{
	display: none;
}
.open_detail,
.open_direct{
	cursor: pointer;
}
.detail_tr{
	background: #f1f1f1;
}
.detail_direct.active,.detail_tr.active{
	display: table-row;
}
.hide{
	opacity: 0;
}
#detail_wrap{
	position: relative;
}
#direct_table > tbody > tr:nth-child(4n+1){
	background-color: #f9f9f9;
}
#detail_wrap .detail_content{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.nav-header{
	background: #4c6cb4;
	width: 17.1875rem !important;
}
.page-titles h4{
	color: #24695c;
    font-weight: bold;
    letter-spacing: -1px;
}
.deznav .nav-text {
    display: block !important;
}
.mobile_only{
	display: none;
}
[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav, [data-sibebarbg="color_2"] .deznav,
[data-nav-headerbg="color_2"][data-theme-version="dark"] .nav-header, [data-nav-headerbg="color_2"] .nav-header,
[data-layout="horizontal"][data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu > li, [data-sibebarbg="color_2"] .deznav .metismenu > li{
	background-color: #24695c;
}
.badge-outline-primary{
    border: 1px solid #24695c;
    color: #24695c;
}
.btn-primary,
.light.btn-primary,
.badge-primary,
body #my_contents input:checked + label {
	background-color: #24695c;
    border-color: #24695c;
    color: #fff;
}
.btn-danger,
.badge-danger,
.light.btn-danger{
    background-color: #d22d3d;
    border-color: #d22d3d;
    color: #fff;
}
.btn-info,
.light.btn-info,
.badge-info {
    background-color: #717171;
    border-color: #717171;
    color: #fff;
}
.badge-outline-secondary {
    border: 1px solid #ba895d;
    color: #ba895d;
}
.btn-secondary,
.badge-secondary {
    background-color: #ba895d;
    border-color: #ba895d;
}
.btn-warning,
.light.btn-warning{
	background-color: #e2c636;
    border-color: #e2c636;
    color: #fff;
}
@media only screen and (max-width: 1200px){
	.checkbox_wrap{
		position: relative;
	    height: 34px;
	    text-align: center !important;
	    padding: 0 !important;
	}
	#my_contents .checkbox_wrap input + label{
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    margin: 0;
	}
	.header{
		background-color: #24695c;
	}
	.header-right .header-profile > a.nav-link .header-info span,
	.header-right .header-profile > a.nav-link .header-info strong {
	    color: #fff;
	}
	.mobile_only{
		display: block;
	}
	th.mobile_only,td.mobile_only {
	    display: table-cell;
	    line-height: 28px;
	}
	.mobile_only > div{
		text-align: left;
    	padding: 1px 10px;
	}
	.content-body {
	    margin-left: 5rem !important;
	}
	.deznav{
    	width: 5rem !important;
	    left: 0 !important;
   	}
   	.nav-header {
	    left: 0 !important;
   	}
   	.deznav .metismenu > li {
	    padding: 5px 0 !important;
	}
   	.deznav .metismenu li a{
	    padding: 5px 0 !important;
    	text-align: center;
	}
	.deznav .metismenu li a:after{
		content: none;
	}
	.pc_only{
		display: none;
	}
	.dataTable{
		width: 100% !important;
	}
}
@media only screen and (max-width: 767px){
	
}
@media only screen and (max-width: 479px){
	.header-right .header-profile .dropdown-menu{
		top: 100px;
	}
	.content-body {
	    padding-top: 110px !important;
	}
	.deznav{
		width: 100% !important;
    	height: 50px !important;
	}
	.content-body {
	    margin-left: 0 !important;
	}
	.btn {
	    padding: 2px 10px;
	    font-size: 13px;
	}
	.deznav .deznav-scroll{
		height: auto;
	}
	.deznav .metismenu {
	    display: block;
	    text-align: center;
	    padding-top: 0;
	}
	.deznav .metismenu li{
		padding: 0 !important;
	    display: inline-block;
	    vertical-align: top;
	    width: 30%;
	}
	.deznav .metismenu li a{
		line-height: 50px;
	    height: 50px;
	    padding: 0 !important;
	}
	.deznav .metismenu ul{
		padding: 0;
	    background: #fff;
	    border: 1px solid #ededed !important;
	    width: 100%;
	}
	.deznav .metismenu ul li{
	    display: block;
    	width: 100%;
	}
	.deznav .metismenu ul li a{
		color: #333 !important;
	    display: block;
	    height: 40px;
	    line-height: 40px;
	    text-align: left;
	    padding: 0 0 0 25px !important;
	}
}