@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/LotteMartDreamMedium.eot');
  src: url('../fonts/LotteMartDreamMedium.woff2') format('woff2'), 
       url('../fonts/LotteMartDreamMedium.woff') format('woff');
}
@font-face {
  font-family: 'LotteMartDreamBold';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/LotteMartDreamBold.eot');
  src: url('../fonts/LotteMartDreamBold.woff2') format('woff2'), 
       url('../fonts/LotteMartDreamBold.woff') format('woff');
}

@font-face {
  font-family: 'LotteMartDreamLight';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/LotteMartDreamLight.eot');
  src: url('../fonts/LotteMartDreamLight.woff2') format('woff2'), 
       url('../fonts/LotteMartDreamLight.woff') format('woff');
}


body,
.topnav .navbar-nav .nav-link  { font-family:"LotteMartDreamLight" !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, b, strong { font-family:"LotteMartDreamBold" !important; }

.auth-brand { position:unset !important; }
.auth-fluid .auth-fluid-form-box { min-height:100vh; }
.bg-auto { background-size:auto !important; background-repeat:no-repeat; }
.max-800 {
    max-width: 800px !important;
}

p { word-break: keep-all; }

body.authentication-bg { background-color: #F94659 !important; }

.navbar-custom .topnav-menu .nav-link { color:#FFFFFF !important; }

.form-control:disabled,
.form-control[readonly],
.form-control.disabled {
    background-color: #EEE;
	font-weight:bold;
}
.preview-img { width: 64px; height: 64px; }
.preview-img img { max-height:100%; max-width:100%; }
.header-title { }
.custom-file-label { overflow:hidden; white-space:nowrap; }
.dm-uploader { border:dotted 2px #DDD; border-radius:5px; }
.yellow-bg { background-color:#FFD; }

.header-title { font-weight: bold; } 
.hr-5 { height:5px; background: #e5e8eb; }
.modal-header { border-bottom-width:1px; }
.modal-footer { border-top-width:1px; justify-content:center; }
.btn-group-sm>.btn, .btn-sm { padding: .4rem .5rem; }
.ribbon-light { color:#AAA !important; }
.mw100 { max-width:100%; }
.table-responsive table thead tr,
.table-responsive table tbody td { white-space:nowrap; }
.topnav .navbar-nav .nav-link { font-size: .9rem; }
.text-black { color:#000; }
.text-gray { color:#CCC; }

.ribbon-box .ribbon { font-weight:normal; }
.small, small { font-size:.85rem; }
.datepicker td, .datepicker th { text-align:center; }
.page-link { line-height:1.0em; }
select optgroup:disabled,
select optgroup option:disabled {
    background: #EEEEEE !important;
}

table.nowrap thead tr th,
table.nowrap tbody tr td { white-space:nowrap; }
table.dataTable>tbody>tr.child ul.dtr-details { display:block !important; }
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { top:15px !important; }
.comment-contents { line-height:1.5em; font-size:.875rem; font-family:none; }

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { font-family:inherit !important; }

.item-hover { cursor:pointer; }
.item-hover:hover { background:#FAFAFA; }

.w10 { width:10px !important; }
.w20 { width:20px !important; }
.w30 { width:30px !important; }
.w40 { width:40px !important; }
.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w130 { width:130px !important; }
.w140 { width:140px !important; }
.w150 { width:150px !important; }

.wp10 { width:10%; }
.wp20 { width:20%; }
.wp30 { width:30%; }
.wp40 { width:40%; }
.wp50 { width:50%; }
.wp60 { width:60%; }
.wp70 { width:70%; }
.wp80 { width:80%; }
.wp90 { width:90%; }
.wp100 { width:100%; }

.badge { padding: .4em .5em; }

.topnav { z-index:9 !important; }

.bg-pink1 { background-color:#FFF0F0; }
.bg-sky1 { background-color:#F0F0FF; }
.bg-grey { background-color:#FAFAFA; }
.black { color:#000; }
.red { color:#F00; }
.contents p { margin:0px 0px; padding:0px 0px; }

.contents .tbl { background-color:#EEE; }
.contents .tbl tr th { background-color:#DDD; border:solid 1px #EEE; padding:5px 5px; }
.contents .tbl tr td { background-color:#FFF; border:solid 1px #EEE; padding:5px 5px; }

.nowrap { white-space:nowrap; }

.display-none { display:none; }

.scroll-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 3px;
	background-color: #F5F5F5;
}

.scroll-1::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.scroll-1::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.3);
}

.highlight { background:#FFFF00; font-weight:bold; }
.lh-13 { line-height:1.3em; }
.lh-15 { line-height:1.5em; }
.pointer { cursor:pointer; }
.w100p { width:100%; }

.inbox-widget p.mb-0 label { margin-bottom:0px; }

.modal-dialog {
	-webkit-box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
}

.no-shadow {
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

.empty-border {
	border: 1px solid #ced4da;
    border-radius: .2rem;
	background-color:#FAFAFA;
	padding:.5rem .5rem;
	text-align:center;
}

.table-no-pd td { padding:.2rem; }

.list-group-sm .list-group-item { padding:.3rem .3rem; }
.list-group-sm .list-group-item .option-title { line-height:26px; }

.auth-fluid .auth-fluid-form-box { padding:2rem 1rem; }

.text-red { color:#F00; }
.clear { clear:both; }
.footer { position:inherit; }
.auth-user-testimonial { bottom:20rem; }

.label {
    padding: 0px 15px;
    border-radius: 10px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
}

.input-barcode { font-size:34px; letter-spacing: 5px; font-weight: bold; }

.btn-sns-login { display:block; border-radius:5px; background:#F0F0F0; height:40px; width:100%; margin-bottom:10px; line-height:40px; padding-left:45px; text-align:center; position:relative; font-weight:bold; color:#000000; }
.btn-sns-login .btn-header { position:absolute; left:0px; top:0px; display:block; height:100%; width:45px; text-align:center; line-height:45px; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-right:10px; }

.btn-sns-login .btn-header i { display:block; }

.btn-naver-login  .btn-header { background:#44ba2f; color:#FFFFFF; font-size:21px; }
.btn-naver-login  .btn-header i { margin-top:12px; }

.btn-kakao-login  .btn-header { background:#ebca12; color:#000000; font-size:29px; }
.btn-kakao-login  .btn-header i { margin-top:6px;}

.btn-google-login .btn-header { background:#d2281e; color:#FFFFFF; font-size:25px; }
.btn-google-login .btn-header i { margin-top:7px; }

.index-cash { position:relative; text-align:right; }
.index-cash h3 { display:inline-block; text-align:right; margin-top:0px; margin-bottom:0px; color:#3283f6; cursor:pointer; }
.index-cash span { float:left; line-height:26px; }


.form-group .checkbox-control {
    min-height: calc(1.5em + .9rem + 2px);
    padding: .45rem .9rem;
    padding-left: 1.5rem;
}

@media (max-width: 991.98px)
{
	body[data-layout-mode=horizontal] .navbar-toggle span { background:#FFFFFF !important; }
}

@media (max-width: 767.98px)
{
	.pro-user-name {
		display:inherit;
	}
	
	.footer { position:inherit !important; }
}
@media (max-width: 575px)
{
	.hide-phone { display:none !important; }
}