/*Table Content
 =================================================
 - GLOBLE STYLE
 - Padding and Margin Style
 - BASIC STYLE
 - Header
 - USer_DropDown
 - small_Header_side_bar
 - Side_bar
 - Right_side
 - breadcrumb
 - CHART_BOX
 - social-box
 - Footer
 - BUTTONS_PAGE
 - portlet-advanced_page
 - ICON_FONT_AWESOME
 - WIDGETS_BASE
 - WIDGETS_CHART
 - CALENDAR_BASIC
 - CALENDAR_EXTERNAL_EVENTS
 - CALENDAR_LIST
 - FORM_BASIC_INPUT
 - FORM_INPUT_GROUP
 - FORM_CHECKBOX_RADIO
 - FORM_VALIDATION_BASIC
 - form-wizard
 - Login_Register_Page
 - 404
 - Profile_page

 ================================================
 */
/***********************************************************************
 GLOBLE STYLE
 ***********************************************************************/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Poppins, sans-serif;
	margin: 0px;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	color: #444
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

a,
a:hover {
	text-decoration: none;
	color: #337ab7;
}

a {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

img {
	max-width: 100%;
}

.btn {
	cursor: pointer;
}

.btn,
body {
	font-size: 14px;
}

.bg-gold {
	background: #c1993f !important;
}

.bg-brown {
	background: #7a5449 !important;
}

.bg-beige {
	background: #f7ce99 !important;
}

.bg-light {
	background: #fff !important;
}

.bg-dark {
	background: #324148 !important;
}

.bg-twitter {
	background: #00aced !important;
}

.txt-dark {
	color: #324148 !important;
}

.txt-light {
	color: #fff !important;
}

.txt-grey {
	color: #727272 !important;
}

.txt-light-grey {
	color: #eee !important;
}

.txt-info,
.text-info {
	color: #ed1b60 !important;
}

.txt-warning,
.text-warning {
	color: #ffbf36 !important;
}

.txt-primary,
.text-primary {
	color: #0092ee !important;
}

.txt-success,
.text-success {
	color: #22af47 !important;
}

.txt-danger,
.text-danger {
	color: #f83f37 !important;
}

.txt-purple {
	color: #ab26aa !important;
}

.txt-violet {
	color: #6640b2 !important;
}

.txt-skyblue {
	color: #00acf0 !important;
}

.txt-beige {
	color: #f7ce99 !important;
}

.txt-gold {
	color: #c1993f !important;
}

.txt-brown {
	color: #7a5449 !important;
}

.txt-orange {
	color: #ff9528 !important;
}

.txt-orange-light-1 {
	color: #ffa344;
}

.txt-orange-light-2 {
	color: #ffb76d;
}

/*Labels*/
.label-default {
	background-color: #777;
}

.label,
.jvectormap-tip {
	padding: 3px 6px 3px;
	font-size: 11px;
	border-radius: 50px;
	text-transform: capitalize;
	font-weight: 400;
	color: #fff;
}

.label.label-info,
.label-info.jvectormap-tip {
	background: #ed1b60;
}

.label.label-primary,
.label-primary.jvectormap-tip {
	background: #0092ee;
}

.label.label-success,
.label-success.jvectormap-tip {
	background: #22af47;
}

.label.label-danger,
.label-danger.jvectormap-tip {
	background: #f83f37;
}

.label.label-warning,
.label-warning.jvectormap-tip {
	background: #ffbf36;
}

.label.text-warning,
.text-warning.jvectormap-tip {
	background: #ffbf36;
	color: #fff !important;
}

.label.label-outline,
.label-outline.jvectormap-tip {
	background: transparent;
	color: #727272;
	border: 1px solid;
}

.label.label-outline.label-info,
.label-outline.label-info.jvectormap-tip {
	border-color: #ed1b60;
}

.label.label-outline.label-primary,
.label-outline.label-primary.jvectormap-tip {
	border-color: #0092ee;
}

.label.label-outline.label-success,
.label-outline.label-success.jvectormap-tip {
	border-color: #22af47;
}

.label.label-outline.label-danger,
.label-outline.label-danger.jvectormap-tip {
	border-color: #f83f37;
}

.label.label-outline.label-warning,
.label-outline.label-warning.jvectormap-tip {
	border-color: #ffbf36;
}

.weight-300 {
	font-weight: 300 !important;
}

.weight-500 {
	font-weight: 500 !important;
}

.weight-600 {
	font-weight: 600 !important;
}

/*  Padding and Margin Style   ||-----------*/
.padding {
	padding-top: 90px;
	padding-bottom: 90px;
}

.ptb-20 {
	padding-bottom: 20px;
	padding-top: 20px;
}

.padding-20 {
	padding: 20px;
}

.padding-30 {
	padding: 30px;
}

.padding-40 {
	padding: 40px;
}

.padding-60 {
	padding: 60px;
}

.plr-0 {
	padding-left: 0;
	padding-right: 0;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.pr-30 {
	padding-right: 30px;
}

.pl-70 {
	padding-left: 70px;
}

.pr-70 {
	padding-right: 70px;
}

.plr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.ptb-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.pt-0 {
	padding-top: 0px;
}

.pb-0 {
	padding-bottom: 0px;
}

.pt-30 {
	padding-top: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

.ptb {
	padding-top: 80px;
	padding-bottom: 80px;
}

.pt {
	padding-top: 110px;
}

.pb {
	padding-bottom: 110px;
}

.ptb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.pt-15 {
	padding-top: 15px;
}

.pb-15 {
	padding-bottom: 15px;
}

.ptb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.pt-60 {
	padding-top: 60px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-40 {
	padding-bottom: 40px;
}

.ptb-40 {
	padding-bottom: 40px;
	padding-top: 40px;
}

.ptb-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.pt-80 {
	padding-top: 80px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pt-90 {
	padding-top: 80px;
}

.pb-90 {
	padding-bottom: 80px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pt-70 {
	padding-top: 70px;
}

.pb-38 {
	padding-bottom: 38px;
}

.mtb-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.mlr-0 {
	margin-left: 0px;
	margin-right: 0px;
}

.mt-0 {
	margin-top: 0px;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-10 {
	margin-bottom: 10px;
}

.ml-0 {
	margin-left: 0px;
}

.mr-0 {
	margin-right: 0px;
}

.mr-10 {
	margin-right: 10px;
}

.mtb-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mtb-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mtb-45 {
	margin-top: 45px;
	margin-bottom: 45px;
}

.mt-45 {
	margin-top: 45px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-40 {
	margin-bottom: 35px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.ml-15 {
	margin-left: 15px;
}

.mt-30 {
	margin-top: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}

.ml-30 {
	margin-left: 30px;
}

.mr-30 {
	margin-right: 30px;
}

.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.mt-25 {
	margin-top: 25px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mtb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-10 {
	margin-top: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.mt-up {
	margin-top: -100px;
}

.thumb-sm {
	display: inline-block;
	height: 40px;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 0px;
	width: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.up-80 {
		margin-top: 50px;
	}

	.mt-sm-30 {
		margin-top: 30px;
	}

	.mb-sm-30 {
		margin-bottom: 30px;
	}

	.float-none-sm {
		float: none;
	}

	.float-left-sm {
		float: left;
	}

	.float-right-sm {
		float: right;
	}

	.pl-sm-0 {
		padding-left: 0;
	}

	.plr-xs-15 {
		padding-right: 15px;
		padding-left: 15px;
	}

	.padding-sm-25 {
		padding: 25px;
	}
}

@media (max-width: 767px) {
	.text-xs-left {
		text-align: left;
	}

	.pr-xs-0 {
		padding-right: 0;
	}

	.pl-xs-0 {
		padding-left: 0;
	}

	.pr-xs-0 {
		padding-right: 0;
	}

	.plr-xs-15 {
		padding-right: 15px;
		padding-left: 15px;
	}

	.padding-sm-25 {
		padding: 25px;
	}

	.pb-xs-30 {
		padding-bottom: 30px;
	}

	.pt-xs-60 {
		padding-top: 60px;
	}

	.ptb-xs-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.pt-xs-40 {
		padding-top: 40px;
	}

	.pb-xs-40 {
		padding-bottom: 40px;
	}

	.pb-xs-60 {
		padding-bottom: 60px;
	}

	.ptb-xs-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.ml-xs-0 {
		margin-left: 0;
	}

	.mtb-xs-0 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.mt-xs-0 {
		margin-top: 0px;
	}

	.mb-xs-0 {
		margin-bottom: 0px;
	}

	.mtb-xs-15 {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.mt-xs-10 {
		margin-top: 10px;
	}

	.mt-xs-15 {
		margin-top: 15px;
	}

	.mb-xs-15 {
		margin-bottom: 15px;
	}

	.mtb-xs-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.mt-xs-30 {
		margin-top: 30px;
	}

	.mb-xs-30 {
		margin-bottom: 30px;
	}

	.float-none-xs {
		float: none;
	}

	.float-left-xs {
		float: left;
	}

	.float-right-xs {
		float: right;
	}

}


@font-face {
    font-family: 'AlibabaSansKR-Bold';
    src: url('../fonts/AlibabaSansKR-Bold.woff') format('woff'),
         url('../fonts/AlibabaSansKR-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AlibabaSansKR-Medium';
    src: url('../fonts/AlibabaSansKR-Medium.woff') format('woff'),
         url('../fonts/AlibabaSansKR-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AlibabaSansKR-Regular';
    src: url('../fonts/AlibabaSansKR-Regular.woff') format('woff'),
         url('../fonts/AlibabaSansKR-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DXUnigothic-40-KSCpc-EUC-H';
    src: url('../fonts/DXUnigothic-40-KSCpc-EUC-H.woff') format('woff'),
         url('../fonts/DXUnigothic-40-KSCpc-EUC-H.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DXUnigothic-70-KSCpc-EUC-H';
    src: url('../fonts/DXUnigothic-70-KSCpc-EUC-H.woff') format('woff'),
         url('../fonts/DXUnigothic-70-KSCpc-EUC-H.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'AlibabaSansKR-Regular', sans-serif;
}
.fBold{
    font-family: 'AlibabaSansKR-Bold', sans-serif;
}
.fMedium{
    font-family: 'AlibabaSansKR-Medium', sans-serif;
}