/* Global Styles */

body {
	position: relative;
	height: 100% !important;
	width: 100%;
	font-family: 'NanumGothic', 'Open Sans', sans-serif;
	font-size: 13px;
	background: #fff;
	color: #4E5E6A;
}

html {
	height: 100% !important;
	position: relative;
}

*:hover,
*:active,
*:focus {
	outline: none !important;
}

table tr td {
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
/* 	white-space: pre-wrap; */
}


/* Typography */

p {
	display: block;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 22px;
	margin: 0px 0px 10px 0px;
	font-style: normal;
	white-space: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 15px;
    font-family: 'NotoSansR';
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

h3,
h4,
h5 {
	font-weight: 600;
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.triangle-border {
		margin: -30px auto 0 !important;
	}
	
	.basic .btn-sm {
		padding: 6px 25px 8px !important;
	}
	.box04 ul li a strong{
		padding: 0 !important;
		line-height: 34px;
	}
	.verticalCarouselGroup.vc_list > li {
		margin: 16px 0 15px !important;
	}
	.page-login-user .triangle-border {
		left: 48% !important;
	}
	.page-login-user .logo {
		bottom: 3% !important;
	}
	.box05 ul li a strong {
		padding: 5px 0px 7px !important;
	}
	.purchaseItems {
	    padding: 21px 25px 21px !important;
	}
	.purchaseItems ul li {
		padding: 11px 10px 11px !important;
	}
}

input::-ms-clear,
input::-ms-reveal{
	width: 20px;
	height: 20px;
}


.f-thin {
	font-weight: 300;
}

.f-normal {
	font-weight: normal !important;
}

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

.fs-normal {
	font-style: normal !important;
}

.fw-R {
	font-family: 'NotoSansR' !important;
}

.fw-b {
	font-family: 'NotoSansB';
}

.f-s-10 {
	font-size: 10px;
}

.f-s-11 {
	font-size: 11px;
}

.f-s-12 {
	font-size: 12px !important;
}

.f-s-13 {
	font-size: 13px !important;
}

.f-s-14 {
	font-size: 14px !important;
}

.f-s-15 {
	font-size: 15px !important;
}

.f-s-16 {
	font-size: 16px !important;
}

.f-s-17 {
	font-size: 17px !important;
}

.f-s-18 {
	font-size: 18px;
}

.f-s-20 {
	font-size: 20px;
}

.f-s-22 {
	font-size: 22px;
}

.f-s-24 {
	font-size: 24px;
}

.f-s-26 {
	font-size: 26px;
}

.f-s-28 {
	font-size: 28px;
}

.f-s-30 {
	font-size: 30px;
}

.f-s-32 {
	font-size: 32px;
}

.text-xs {
	font-size: 10px;
}

.text-sm {
	font-size: 12px;
}

.text-md {
	font-size: 16px;
}

.text-lg {
	font-size: 32px;
}

.text-xl {
	font-size: 52px;
}

.text-xxl {
	font-size: 80px;
}

.f-white {
	color: #fff;
}

.f-gray {
	color: #ccc;
}

.f-gray-dark {
	color: #a2a2a2;
}
.f-gray-dark:hover,
.f-gray-dark:focus {
	color: #a2a2a2;
}

.f-black {
	color: #333 !important;
}
.f-black:hover,
.f-black:focus {
	color: #333;
}

.f-green {
	color: #22BAA0;
}

.f-blue {
	color: #127acb !important;
}

.f-lblue {
	color: #12AFCB;
}

.f-purple {
	color: #7a6fbe;
}

.f-red {
	color: #f25656;
}

.f-yellow {
	color: #f6d433;
}

.f-orange {
	color: #e79b2f;
}

.text-default {
	color: #ccc;
}
.text-default:hover,
.text-default:focus {
	color: #ccc;
}

.text-primary {
	color: #7a6fbe;
}

.text-success {
	color: #22BAA0;
}

.text-info {
	color: #12AFCB;
}

.text-warning {
	color: #f6d433;
}

.text-danger {
	color: #f25656;
}
.text-danger:hover,
.text-danger:focus {
	color: #f25656;
}

.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}

.vertical-top {vertical-align: top !important;}
.vertical-middle {vertical-align: middle !important;}
.vertical-bottom {vertical-align: bottom !important;}

.decoration-none {text-decoration: none !important;}

/* Float */

.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.float-none {
	float: none !important;
}
.clear-both {
	clear: both;
}


.scr-auto {
    overflow-y: auto !important;
    display: inline-block;
}


/* Icons */

.icon-xs {
	font-size: 12px;
}

.icon-sm {
	font-size: 14px;
}

.icon-md {
	font-size: 16px;
}

.icon-lg {
	font-size: 18px;
}

.icon-state-default {
	color: #ccc;
}

.icon-state-primary {
	color: #7a6fbe;
}

.icon-state-success {
	color: #22BAA0;
}

.icon-state-info {
	color: #12AFCB;
}

.icon-state-warning {
	color: #f6d433;
}

.icon-state-danger {
	color: #f25656;
}


/* Alert */

.alert {
	border-radius: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
}

.alert-success {
	background: #e5f3df;
}

.alert-info {
	background: #d3e6f0;
}

.alert-warning {
	background: #f6f2dd;
}

.alert-danger {
	background: #f1d9d9;
}

.alert-defult {
	background: #fafafa;
}

/* Custom Badges */

.badge {
	-webkit-border-radius: 12px !important;
	   -moz-border-radius: 12px !important;
			border-radius: 12px !important;
			border-radius: 0px;
	font-weight: 300;
	font-size: 11px !important;
	text-align: center;
	vertical-align: middle;
	line-height: 11px !important;
	height: 18px;
	padding: 3px 6px 3px 6px;
	text-shadow: none !important;
}

.badge.badge-roundless {
	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
			border-radius: 0 !important;
}

.badge.badge-default {
	background: #f1f1f1;
	color: #aaa;
}

.badge.badge-primary {
	background: #7a6fbe;
	color: #FFF;
}

.badge.badge-info {
	background: #12AFCB;
	color: #FFF;
}

.badge.badge-success {
	background: #22BAA0;
	color: #FFF;
}

.badge.badge-danger {
	background: #febc2b;
	color: #FFF;
}

.badge.badge-warning {
	background: #f6d433;
	color: #FFF;
}

.badge.badge-gray {
	background: #666;
	color: #fff;
}

.badge.badge-blue {
    background: #516edf;
    color: #FFF;
}


/* Switchery */

.switch-sm .switchery {
	height: 15px;
	width: 25px;
}

.switch-sm .switchery > small {
	height: 15px;
	width: 15px;
}

.switch-md .switchery {
	height: 20px;
	width: 35px;
}

.switch-md .switchery > small {
	height: 20px;
	width: 20px;
}

.switch-lg .switchery {
	height: 25px;
	width: 40px;
}

.switch-lg .switchery > small {
	height: 25px;
	width: 25px;
}


/* CSS Utilities */
/* Margins & Paddings */

.no-s {
	margin: 0px !important;
	padding: 0px !important;
}

.no-m {
	margin: 0 !important;
}

.no-m-t {
    margin-top: 0!important;
}

.no-m-r {
    margin-right: 0!important;
}

.no-m-b {
    margin-bottom: 0!important;
}

.no-m-l {
    margin-left: 0!important;
}

.m {
    margin: 15px;
}

.m-t-n-xxl {
    margin-top: -36px !important;
}

.m-t-n-xl {
    margin-top: -30px !important;
}

.m-t-n-lg {
    margin-top: -25px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-sm {
    margin-top: -15px;
}

.m-t-n-xs {
    margin-top: -10px !important;
}

.m-t-n-xxs {
    margin-top: -5px;
}

.m-t-n-xxxs {
    margin-top: -3px;
}

.m-t-xxxxs {
    margin-top: 1px !important;
}

.m-t-xxxs {
    margin-top: 3px !important;
}

.m-t-xxs {
    margin-top: 5px !important;
}

.m-t-xs {
    margin-top: 10px !important;
}

.m-t-sm {
    margin-top: 15px !important;
}

.m-t-md {
    margin-top: 20px !important;
}

.m-t-lg {
    margin-top: 25px !important;
}

.m-t-xl {
    margin-top: 30px !important;
}

.m-t-xxl {
    margin-top: 40px !important;
}

.m-t-xxxl {
    margin-top: 50px !important;
}

.m-t-xxxxl {
    margin-top: 90px !important;
}

.m-t-50per {
    margin-top: 50% !important;
}

.m-r-n-xl {
    margin-right: -30px;
}

.m-r-n-lg {
    margin-right: -25px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-sm {
    margin-right: -15px;
}

.m-r-n-xs {
    margin-right: -10px;
}

.m-r-n-xxs {
    margin-right: -5px;
}

.m-r-xxxs {
    margin-right: 3px !important;
}

.m-r-xxs {
    margin-right: 5px !important;
}

.m-r-xs {
    margin-right: 10px !important;
}

.m-r-sm {
    margin-right: 15px !important;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 25px;
}

.m-r-xl {
    margin-right: 30px;
}

.m-r-xxl {
    margin-right: 40px;
}

.m-r-xxxl {
    margin-right: 50px !important;
}

.m-b-n-xl {
    margin-bottom: -30px;
}

.m-b-n-lg {
    margin-bottom: -25px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-sm {
    margin-bottom: -15px;
}

.m-b-n-xs {
    margin-bottom: -10px;
}

.m-b-n-xxs {
    margin-bottom: -5px;
}

.m-b-xxxxs {
    margin-bottom: 2px;
}

.m-b-xxxs {
    margin-bottom: 3px !important;
}

.m-b-xxs {
    margin-bottom: 5px;
}

.m-b-xs {
    margin-bottom: 10px !important;
}

.m-b-sm {
    margin-bottom: 15px !important;
}

.m-b-md {
    margin-bottom: 20px !important;
}

.m-b-lg {
    margin-bottom: 25px;
}

.m-b-lgg {
    margin-bottom: 26px !important;
}

.m-b-xl {
    margin-bottom: 30px !important;
}

.m-b-xxl {
    margin-bottom: 40px;
}

.m-b-xxxl {
    margin-bottom: 50px !important;
}

.m-b-xxxxl {
    margin-bottom: 60px !important;
}

.m-b-xxxxxl {
    margin-bottom: 70px !important;
}

.m-b-xxxxxxl {
    margin-bottom: 80px !important;
}

.m-b-xxxxxxxl {
    margin-bottom: 90px !important;
}

.m-b-xxxxxxxxl {
    margin-bottom: 100px !important;
}

.m-l-n-xl {
    margin-left: -30px;
}

.m-l-n-lg {
    margin-left: -25px;
}

.m-l-n-md {
    margin-left: -20px !important;
}

.m-l-n-sm {
    margin-left: -15px;
}

.m-l-n-xs {
    margin-left: -10px;
}

.m-l-n-xxs {
    margin-left: -5px;
}

.m-l-n-xxxs {
    margin-left: -3px !important;
}

.m-l-xxxxs {
    margin-left: 1px;
}
.m-l-xxxs {
    margin-left: 3px !important;
}
.m-l-xxs {
    margin-left: 5px !important;
}

.m-l-xs {
    margin-left: 10px;
}

.m-l-xms {
    margin-left: 12px;
}

.m-l-sm {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 25px;
}

.m-l-xl {
    margin-left: 30px;
}

.m-l-xxl {
    margin-left: 40px;
}

.m-l-xxxl {
    margin-left: 50px;
}

.no-p {
    padding: 0!important;
}

.no-p-t {
    padding-top: 0!important;
}

.no-p-r {
    padding-right: 0!important;
}

.no-p-b {
    padding-bottom: 0!important;
}

.no-p-l {
    padding-left: 0!important;
}

.p-t-xxs {
    padding-top: 5px !important;
}

.p-t-xs {
    padding-top: 10px !important;
}

.p-t-sm {
    padding-top: 15px !important;
}

.p-t-md {
    padding-top: 30px !important;
}

.p-t-lg {
    padding-top: 40px !important;
}

.p-t-xl {
    padding-top: 50px !important;
}

.p-t-xxxxl {
    padding-top: 160px !important;
}

.p-r-xxs {
    padding-right: 5px !important;
}

.p-r-xs {
    padding-right: 10px !important;
}

.p-r-sm {
    padding-right: 15px !important;
}

.p-r-md {
    padding-right: 30px !important;
}

.p-r-lg {
    padding-right: 40px !important;
}

.p-r-xl {
    padding-right: 50px !important;
}

.p-b-xxs {
    padding-bottom: 5px;
}

.p-b-xs {
    padding-bottom: 10px !important;
}

.p-b-sm {
    padding-bottom: 15px;
}

.p-b-md {
    padding-bottom: 30px;
}

.p-b-lg {
    padding-bottom: 40px;
}

.p-b-xl {
    padding-bottom: 50px !important;
}

.p-l-xxs {
    padding-left: 5px !important;
}

.p-l-xs {
    padding-left: 10px !important;
}

.p-l-sm {
    padding-left: 15px !important;
}

.p-l-md {
    padding-left: 30px !important;
}

.p-l-lg {
    padding-left: 40px !important;
}

.p-l-xl {
    padding-left: 50px !important;
}

.p {
    padding: 15px;
}

.p-xxs {
	padding: 5px !important;
}

.no-p-h {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-p-v {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-h-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.p-h-xxs2 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.p-h-xs {
    padding-left: 10px;
    padding-right: 10px;
}

.p-h-sm {
    padding-left: 15px;
    padding-right: 15px;
}

.p-h-md {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.p-h-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.p-h-xl {
    padding-left: 30px;
    padding-right: 30px;
}

.p-h-xxl {
    padding-left: 50px;
    padding-right: 50px;
}

.p-h-xxxl {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.p-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-v-sm {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.p-v-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-v-lg {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.p-v-xl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-v-xxl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.p-v-xxxl {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}


/* Borders */

.no-b {
	border: 0 !important;
}

.no-b-t {
	border-top: 0 !important;
}

.no-b-r {
	border-right: 0 !important;
}

.no-b-b {
	border-bottom: 0 !important;
}

.no-b-l {
	border-left: 0 !important;
}

.b {
	border: 1px solid #f1f1f1;
}

.b-e5 {
	border: 1px solid #e5e5e5 !important;
	border-bottom: none !important;
}

.b-tb-1 {
	border-top: 1px solid #111 !important;
	border-bottom: 1px solid #111 !important;
	margin: 0 20px 20px;
}


.b-t {
	border-top: 1px solid #f1f1f1;
}
.b-t-1 {
	border-top: 1px solid #111 !important;
}
.b-t-d {
	border-top: 1px solid #ddd !important;
}

.b-r {
	border-right: 1px solid #f1f1f1;
}
.b-r-d {
	border-right: 1px solid #ddd !important;
}

.b-b {
	border-bottom: 1px solid #f1f1f1 !important;
}
.b-b-d {
	border-bottom: 1px solid #ddd !important;
}

.b-l {
	border-left: 1px solid #f1f1f1;
}
.b-l-d {
	border-left: 1px solid #ddd !important;
}

.b-default {
	border-color: #f1f1f1;
}

.b-primary {
	border-color: #7a6fbe;
}

.b-info {
	border-color: #12AFCB;
}

.b-success {
	border-color: #22BAA0;
}

.b-warning {
	border-color: #f6d433;
}

.b-danger {
	border-color: #f25656;
}

.b-gray {
	border-color: #555;
}

.b-light-gray {
	border-color: #ddd;
}

.b-black {
	border-color: #111;
}

.b-2 {
	border-size: 2px;
}

.b-3 {
	border-size: 3px;
}

.b-4 {
	border-size: 4px;
}


/* Radius */

.no-r {
	border-radius: 0 !important;
}

.r {
	border-radius: 2px;
}

.r-t-l {
	border-top-left-radius: 2px;
}

.r-t-r {
	border-top-right-radius: 2px;
}

.r-b-l {
	border-bottom-left-radius: 2px;
}

.r-b-r {
	border-bottom-right-radius: 2px;
}

.no-r-t-l {
	border-top-left-radius: 0 !important;
}

.no-r-t-r {
	border-top-right-radius: 0 !important;
}

.no-r-b-l {
	border-bottom-left-radius: 0 !important;
}

.no-r-b-r {
	border-bottom-right-radius: 0 !important;
}

/* Backgrounds */

.bg-n {
	background: transparent !important;
}

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

.bg-primary {
	background-color: #7a6fbe;
	color: #fff;
}

.bg-primary.dark {
	background-color: #6e63b4;
	color: #fff;
}

.bg-primary.light {
	background-color: #877cc7;
	color: #fff;
}

.bg-success {
	background-color: #22BAA0;
	color: #fff;
}

.bg-success.dark {
	background-color: #1da890;
	color: #fff;
}

.bg-success.light  {
	background-color: #32c6ad;
	color: #fff;
}

.bg-info {
	background-color: #12AFCB;
	color: #fff;
}

.bg-info.dark {
	background-color: #0ba0bb;
	color: #fff;
}

.bg-info.light {
	background-color: #20beda;
	color: #fff;
}

.bg-warning {
	background-color: #f6d433;
	color: #fff;
}

.bg-warning.dark {
	background-color: #f1ca11;
	color: #fff;
}

.bg-warning.light {
	background-color: #fada44;
	color: #fff;
}

.bg-danger {
	background-color: #f25656;
	color: #fff;
}

.bg-danger.dark {
	background-color: #e54f4f;
	color: #fff;
}

.bg-danger.light {
	background-color: #f66d6d;
	color: #fff;
}

.bg-dark {
	background-color: #333;
	color: #fff;
}

.bg-dark.dark {
	background-color: #2b2b2b;
	color: #fff;
}

.bg-dark.light {
	background-color: #3b3b3b;
	color: #fff;
}

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

.bg-light.dark {
	background-color: #e5e5e5 !important;
}

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

.bg-gray {
	background-color: #ccc !important;
}

.bg-gray.dark {
	background-color: #b9b9b9 !important;
}

.bg-gray.light {
	background-color: #d7d7d7 !important;
}
.bg-emart2 {
	color: #fff !important;
	background-color: #484c55 !important;
}


/* Buttons */

.btn {
	font-size: 12px;
	line-height: 1.5em;
	outline: none !important;
	border: 1px solid transparent;
	border-radius: 0;
}

.btn-emart1 {
    color: #fff;
    background-color: #fcb416;
    border-color: transparent;
}

.btn-emart1:focus,
.btn-emart1:hover {
    color: #fff;
    background-color: #f2a600;
    border-color: transparent;
}

.btn-emart2 {
    color: #fff;
    background-color: #484c55;
    border-color: transparent;
}

.btn-emart2:focus,
.btn-emart2:hover {
    color: #fff;
    background-color: #35383f;
    border-color: transparent;
}

.btn-addon i {
	position: relative;
	float: left;
	width: 32px;
	height: 32px;
	margin: -7px -13px;
	margin-right: 12px;
	line-height: 33px;
	text-align: center;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: rgba(0,0,0, 0.1);
}

.btn-rounded.btn-addon i {
	margin: -7px -16px;
	margin-right: 15px;
	border-radius: 50px;
}

.btn-rounded.btn-addon.btn-sm i {
	margin: -7px -16px;
	margin-right: 10px;
	border-radius: 50px;
}

.btn-lg {
	line-height: inherit;
}

.btn-lg.btn-addon i {
	width: 45px;
	height: 45px;
	margin: -11px -17px;
	margin-right: 16px;
	line-height: 45px;
}

.btn-sm.btn-addon i {
	width: 30px;
	height: 30px;
	margin: -6px -11px;
	margin-right: 10px;
	line-height: 30px;
}

.btn-xs.btn-addon i {
	width: 22px;
	height: 22px;
	margin: -2px -6px;
	margin-right: 5px;
	line-height: 22px;
	font-size: 10px;
}

.btn-rounded {
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 50px;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.btn-default {
	background-color: #fff;
	color: #333;
	border: 1px solid #dce1e4;
}

.btn-default:focus,
.btn-default.focus {
	color: #333;
	background-color: #f1f1f1;
	border-color: #e5e5e5;
}

.btn-default:hover {
	color: #333;
	background-color: #f1f1f1;
	border-color: #e5e5e5;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #333;
	background-color: #f1f1f1;
	border-color: #e5e5e5;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color: #333;
	background-color: #f1f1f1;
	border-color: #e5e5e5;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #fff;
	border-color: #ccc;
}

.btn-default .badge {
	color: #fff;
	background-color: #333;
}

.btn-primary {
	color: #fff;
	background-color: #7a6fbe;
	border-color: transparent;
}

.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: #6a5fac;
	border-color: transparent;
}

.btn-primary:hover {
	color: #fff;
	background-color: #6a5fac;
	border-color: transparent;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #6a5fac;
	border-color: transparent;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: #6a5fac;
	border-color: transparent;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #6a5fac;
	border-color: transparent;
}

.btn-primary .badge {
	color: #6a5fac;
	background-color: #fff;
}

.btn-success {
	color: #fff;
	background-color: #22BAA0;
	border-color: transparent;
}

.btn-success:focus,
.btn-success.focus {
	color: #fff;
	background-color: #1DB198;
	border-color: transparent;
}

.btn-success:hover {
	color: #fff;
	background-color: #1DB198;
	border-color: transparent;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #1DB198;
	border-color: transparent;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
	color: #fff;
	background-color: #1DB198;
	border-color: transparent;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #1DB198;
	border-color: transparent;
}

.btn-success .badge {
	color: #1DB198;
	background-color: #fff;
}

.btn-info {
	color: #fff;
	background-color: #12AFCB;
	border-color: transparent;
}

.btn-info:focus,
.btn-info.focus {
	color: #fff;
	background-color: #08A7C3;
	border-color: transparent;
}

.btn-info:hover {
	color: #fff;
	background-color: #08A7C3;
	border-color: transparent;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #08A7C3;
	border-color: transparent;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
	color: #fff;
	background-color: #08A7C3;
	border-color: transparent;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
	background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #08A7C3;
	border-color: transparent;
}

.btn-info .badge {
	color: #12AFCB;
	background-color: #fff;
}

.btn-warning {
	color: #fff;
	background-color: #f0c001;
	border-color: transparent;
}

.btn-warning:focus,
.btn-warning.focus {
	color: #fff;
	background-color: #e1b736;
	border-color: transparent;
}

.btn-warning:hover {
	color: #fff;
	background-color: #e1b736;
	border-color: transparent;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #e8bf40;
	border-color: transparent;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
	color: #fff;
	background-color: #e8bf40;
	border-color: transparent;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
	background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #e8bf40;
	border-color: transparent;
}

.btn-warning .badge {
	color: #f2ca4c;
	background-color: #fff;
}

.btn-danger {
	color: #fff;
	background-color: #f25656;
	border-color: transparent;
}

.btn-danger:focus,
.btn-danger.focus {
	color: #fff;
	background-color: #e14444;
	border-color: transparent;
}

.btn-danger:hover {
	color: #fff;
	background-color: #e14444;
	border-color: transparent;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #e14444;
	border-color: transparent;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
	color: #fff;
	background-color: #e14444;
	border-color: transparent;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
	background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #e14444;
	border-color: transparent;
}

.btn-danger .badge {
	color: #f25656;
	background-color: #fff;
}

.btn-facebook {
	background: #627AAC;
	color: #fff;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
	background: #3B5998;
	color: #fff;
}

.btn-twitter {
	background: #33BBF3;
	color: #fff;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
	background: #00ABF0;
	color: #fff;
}

.btn-google {
	background: #E0745B;
	color: #fff;
}

.btn-google:hover,
.btn-google:focus,
.btn-google:active {
	background: #D95232;
	color: #fff;
}

.btn-youtube {
	background: #D6464B;
	color: #fff;
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active {
	background: #CC181E;
	color: #fff;
}

.btn-vimeo {
	background: #69C8FF;
	color: #fff;
}

.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active {
	background: #44BBFF;
	color: #fff;
}

.btn-dribbble {
	background: #E094B7;
	color: #fff;
}

.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active {
	background: #D97AA5;
	color: #fff;
}

.btn-github {
	color: #fff;
	background: #848484;
	border-color: transparent;
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active {
	background: #666666;
	color: #fff;
}

.btn-instagram {
	background: #658EAF;
	color: #fff;
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active {
	background: #3F729B;
	color: #fff;
}

.btn-pinterest {
	background: #BE464B;
	color: #fff;
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active {
	background: #AE181F;
	color: #fff;
}

.btn-vk {
	background: #7D9BBB;
	color: #fff;
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active {
	background: #5D83AA;
	color: #fff;
}

.btn-rss {
	background: #F19958;
	color: #fff;
}

.btn-rss:hover,
.btn-rss:focus,
.btn-rss:active {
	background: #EE802F;
	color: #fff;
}

.btn-flickr {
	background: #3395C4;
	color: #fff;
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active {
	background: #007BB6;
	color: #fff;
}

.buttonArea {float: left; margin: 20px 0 70px; width: 100%; text-align: center;}
.buttonArea .btn {
	display: inline-block;
	margin: 0;
	padding: 18px 0 15px;
	width: 180px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border-radius: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	white-space: nowrap;
	line-height: 1.42857143;
}
.btn-blue {
	background-color: #0b47be;
	color: #fff;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
	background-color: #023190;
	color: #fff;
}
.btn-dark-gray {
	background-color: #555;
	color: #fff;
}
.btn-dark-gray:hover,
.btn-dark-gray:active,
.btn-dark-gray:focus {
	background-color: #434242;
	color: #fff;
}
.btn-green {
    background-color: #7faf57;
}
.btn-green:hover {
    background-color: #6d954b;
    color: #fff;
}
.btn-sky {
    background-color: #1bb7fb;
}
.btn-sky:hover {
    background-color: #0190ce;
    color: #fff;
}
.btn-dark {
    background-color: #555;
    font-family: 'NotosansR',NanumGothic, Dotum,sans-serif;
}
.btn-dark:hover {
    background-color: #222;
    color: #fff;
}
.btn-gray {
    color: #fff;
    background-color: #696969;
    border-color: transparent;
}
.btn-gray:focus,
.btn-gray.focus {
    color: #fff;
    background-color: #595959;
    border-color: transparent;
}
.btn-gray:hover {
    color: #fff;
    background-color: #595959;
    border-color: transparent;
}
.btn-gray-l {
    background-color: #ccc;
    color: #fff;
}
.btn-gray-l:hover {
    color: #fff;
    background-color: #acacac;
}
.btn-gray-d {
    background-color: #888888;
    color: #fff;
}
.btn-gray-d:focus,
.btn-gray-d.focus {
    color: #fff;
    background-color: #595959;
    border-color: transparent;
}
.btn-gray-d:hover {
    color: #fff;
    background-color: #595959;
    border-color: transparent;
}
.btn-purple {
    color: #fff;
    background-color: #d8137f;
}
.btn-purple:hover {
    color: #fff;
    background-color: #c3026c;
}
.btn-lg {
    display: inline-block;
    padding: 10px 100px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
}
.btn-md {
    display: inline-block;
    padding: 10px 68px 9px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
}
.btn-sm {
    display: inline-block;
    margin-bottom: 0;
    font-family: 'NotosansR',NanumGothic, Dotum,sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 25px 6px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-ssm {
    display: inline-block;
    margin-bottom: 0;
    font-family: 'NotosansR',NanumGothic, Dotum,sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 10px 1px;
    margin-top: -12px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-line {
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
}

.btn-line:hover,
.btn-line:focus,
.btn-line:active {
	background: #fff;
	border: 1px solid #ccc;
}

.ui-jqgrid tr.ui-row-ltr td .btn-line {
	min-width: 34px;
	color: #363636;
	background: #fff;
	border: 1px solid #ccc;
}
.ui-jqgrid tr.ui-row-ltr td .btn-line:hover,
/* .ui-jqgrid tr.ui-row-ltr td .btn-line:focus, */
.ui-jqgrid tr.ui-row-ltr td .btn-line:active {
	background: #484c55;
	border: 1px solid #484c55;
	color: #fff !important;
}
.marB5 {
    margin-bottom: 5px !important;
}

.emptyData {
	width: 100%;
	color: #919191 !important;
    text-align: center !important;
    padding: 70px 0 15px !important;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    background: url(../images/common/icon_nodata_s.png) #fff no-repeat top 15px center;
	background-size: 50px 50px;
}
.emptyData span.empty {
	display: inline-block;
    font-size: 13px;
    color: #555 !important;
    text-align: center;
    margin: 5px 0 0;
}

.emptyCart {
	width: 100%;
	color: #919191 !important;
    text-align: center !important;
    padding: 70px 0 15px !important;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    background: url(../images/common/icon_nocart.png) #fff no-repeat top 15px center;
	background-size: 50px 50px;
}
.emptyCart span.empty {
	display: inline-block;
    font-size: 13px;
    color: #555 !important;
    text-align: center;
    margin: 5px 0 0;
}


/* Box Shadow */

.bs-n {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.bs-dark {
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
			box-shadow: 0 0 3px rgba(0, 0, 0, .6);
}

.bs-light {
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
			box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.bs-t {
	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
	   -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
			box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
}

.bs-r {
	-webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
	   -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
			box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
}

.bs-b {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
			box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.bs-l {
	-webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
	   -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
			box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
}

@media (max-width: 991px) {
	.full-desktop {
		display: none !important;
	}
}
.full-desktop {
	display: block;
}


/* Width & Height */

.full-height {
	height: 100% !important;
}

.full-width {
	width: 100% !important;
}

.w-auto {
	width: auto !important;
}

.h-auto {
	height: auto !important;
}

.w-11 {
	width: 11% !important;
}

.w-149 {
	width: 14.9% !important;
}

.w-16 {
	width: 16.316% !important;
}

.w-17 {
	width: 17% !important;
}

.w-20 {
	width: 20% !important;
}

.w-22 {
	width: 22.25% !important;
}

.w-239 {
	width: 23.9% !important;
}

.w-24 {
	width: 24.6% !important;
}

.w-25 {
	width: 25.92% !important;
}

.w-30 {
	width: 30% !important;
}

.w-32 {
	width: 32.2% !important;
}

.w-33 {
	width: 33.1% !important;
}

.w-34 {
	width: 34.15% !important;
}

.w-35 {
	width: 35% !important;
}

.w-37 {
	width: 37% !important;
}

.w-38 {
	width: 38% !important;
}

.w-39 {
	width: 39% !important;
}

.w-40 {
	width: 40% !important;
}

.w-41 {
	width: 40.29% !important;
}

.w-42 {
	width: 42.15% !important;
}

.w-43 {
	width: 43.2% !important;
}

.w-45 {
	width: 45% !important;
}

.w-47 {
	width: 47% !important;
}

.w-50 {
	width: 50% !important;
}

.w-52 {
	width: 52.14% !important;
}

.w-55 {
	width: 55% !important;
}

.w-59 {
	width: 58.88% !important;
}

.w-60 {
	width: 60% !important;
}

.w-61 {
	width: 61% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-75 {
	width: 75.4% !important;
}

.w-80 {
	width: 80% !important;
}

.w-81 {
	width: 81% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95.3% !important;
}

.w-98 {
	width: 98.4% !important;
}

.w-l49 {
    width: 49% !important;
}

.h-p60 {
	height: 60px !important;
}

.w-xxxs {
	width: 40px !important;
}

.w-xxs {
	width: 53.2px !important;
}

.w-xs {
	width: 100px !important;
}

.w-s {
	width: 125px !important;
}

.w-sm {
	width: 139.3px !important;
}

.w {
	width: 200px !important;
}

.w-md {
	width: 240px !important;
}

.w-lg {
	width: 280px !important;
}

.w-xl {
	width: 330px !important;
}

.w-xxl {
	width: 370px !important;
}

@media (max-width: 1120px) {
	.w-xxs { width: 20% !important; }
}

.min-h-150 {min-height: 150px;}
.min-h-250 {min-height: 250px;}


/* Cursor */

.cursor-pointer {
	cursor: pointer;
}

.cursor-inherit {
	cursor: inherit !important;
}


/* Tooltip */

.tooltip-inner {
	border-radius: 0;
}


/* Panel */

.panel {
/* 	margin-bottom: 25px; */
/* 	padding-bottom: 25px; */
	border: 0 !important;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
			box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
}
#main-wrapper .panel {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

@media (min-width: 768px) {
	.panel > .row > div:first-child {
		padding-left: 15px;
		padding-right: 0;
	}

	.panel > .row > div:last-child {
		padding-left: 0;
		padding-right: 15px;
	}
}

.panel .panel-heading {
	margin-top: 0px;
	padding: 26px 20px 8px 20px;
	overflow: hidden;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 0 !important;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-size: 14px;
	letter-spacing: -.8px;
	color: #333;
}

.panel .panel-heading.clearfix {
	margin-top: 3px;
	padding-top: 20px;
	padding-bottom: 9px;
}

.panel .panel-heading.heH {
    padding: 21px 20px 19px;
    height: 55px;
    font-family: 'NotosansB', NanumGothic, Dotum, sans-serif;
}

.panel .panel-heading .panel-title {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: 'NotoSansL', NanumGothic, Dotum, sans-serif;
	font-size: 15px !important;
	color: #121212;
	text-align: center;
}

.panel .panel-heading .panel-title .form-control {
	margin-top: -10px;
	width: 100px;
	height: 30px;
}
.panel .panel-heading.clearfix .panel-title .form-control {
	margin-top: -18px;
}

.panel .panel-heading .panel-title small {
	font-size: 80%;
}

.panel .panel-heading .panel-control {
	float: right;
	height: auto;
}

.panel .panel-heading .panel-control a {
	text-decoration: none;
	color: #ccc;
	margin-left: 5px;
	font-size: 14px;
	float: left;
}

.panel .panel-heading .panel-control a:hover {
	color: #a2a2a2;
}

.panel .panel-body {
	position: relative;
	padding: 0 20px 20px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.panel .panel-body {
	padding: 0 20px;
}

.panel-default .panel-heading {
	background: #f1f1f1;
	border-color: #e7e7e7;
}

.panel-default .panel-heading .panel-control a {
	color: #bbb;
}

.panel-default .panel-heading .panel-control a:hover {
	color: #a2a2a2;
}

.panel-primary .panel-heading {
	background: #7a6fbe;
	color: #fff;
}

.panel-primary .panel-heading .panel-control a {
	color: #fff;
}

.panel-primary .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-success .panel-heading {
	background: #22BAA0;
	color: #fff;
}

.panel-success .panel-heading .panel-control a {
	color: #fff;
}

.panel-success .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-info .panel-heading {
	background: #12AFCB;
	color: #fff;
}

.panel-info .panel-heading .panel-control a {
	color: #fff;
}

.panel-info .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-warning .panel-heading {
	background: #f6d433;
	color: #fff;
}

.panel-warning .panel-heading .panel-control a {
	color: #fff;
}

.panel-warning .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-danger .panel-heading {
	background: #f25656;
	color: #fff;
}

.panel-danger .panel-heading .panel-control a {
	color: #fff;
}

.panel-danger .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-transparent {
	background: transparent;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.panel-transparent .panel-heading .panel-control a {
	color: #ccc;
}

.panel-transparent .panel-heading .panel-control a:hover {
	color: #a2a2a2;
}

.panel-white {
	background: #fff;
}

.panel-white .panel-heading .panel-control a {
	color: #ccc;
}

.panel-white .panel-heading .panel-control a:hover {
	color: #a2a2a2;
}

.panel-purple {
	background: #7a6fbe;
}

.panel-purple .panel-heading {
	color: #fff;
}

.panel-purple .panel-body {
	color: #fff;
}

.panel-purple .panel-heading .panel-control a {
	color: #fff;
}

.panel-purple .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-green {
	background: #22BAA0;
}

.panel-green .panel-heading {
	color: #fff;
}

.panel-green .panel-body {
	color: #fff;
}

.panel-green .panel-heading .panel-control a {
	color: #fff;
}

.panel-green .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-blue {
	background: #12AFCB;
}

.panel-blue .panel-heading {
	color: #fff;
}

.panel-blue .panel-body {
	color: #fff;
}

.panel-blue .panel-heading .panel-control a {
	color: #fff;
}

.panel-blue .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-yellow {
	background: #f6d433;
}

.panel-yellow .panel-heading {
	color: #fff;
}

.panel-yellow .panel-body {
	color: #fff;
}

.panel-yellow .panel-heading .panel-control a {
	color: #fff;
}

.panel-yellow .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-red {
	background: #f25656;
}

.panel-red .panel-heading {
	color: #fff;
}

.panel-red .panel-body {
	color: #fff;
}

.panel-red .panel-heading .panel-control a {
	color: #fff;
}

.panel-red .panel-heading .panel-control a:hover {
	color: #f1f1f1;
}

.panel-placeholder {
	border: 2px dashed #ddd;
	margin-bottom: 20px;
}


/* Wells */

.well {
	background-color: #F6F6F6;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}


/* Modals */

.modal {
	z-index: 99999;
}

.modal.show {
	z-index: 9999 !important;
}

.modal-content {
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
			box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
}
.show .modal-content {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.modal-header {
	padding: 17px 20px 5px 20px;
	overflow: hidden;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 0 !important;
	font-size: 13px;
	font-weight: 600;
}
.modal-title {
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
    font-weight: normal;
	line-height: 2;
	color: #121212;
}

.modal-body {
	position: relative;
	padding: 20px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.modal-body h5 {
	float: left;
	margin: 20px 0 6px;
	font-family: 'NotoSansL';
	font-size: 15px;
	color: #121212;
}

.modal-body .table th {
    background: #f9f9f9 !important;
    text-align: left;
    font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
    font-weight: normal;
}

.modal-footer {
	position: relative;
	padding: 20px;
	border: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.modal-header + .modal-body {
	padding: 0 20px 20px 20px;
}

.modal-content .modalBtnArea {
	float: right;
}

.modal-content .modalBtnArea a {
	position: relative;
	margin: 0 3px;
	padding: 0 4px;
}
.modal-content .modalBtnArea a:last-child {
	margin-right: -4px;
}
.modal-content .modalBtnArea a:after {
	content: '';
	position: absolute;
	top: 1px;
	right: -4px;
	width: 1px;
	height: 13px;
	background-color: #ddd;
}
.modal-content .modalBtnArea a:last-child:after {
	display: none;
}

.modal-body + .modal-footer {
	padding: 0 20px 20px 20px;
}

.monthDateH {
	height: 298px;
	overflow-y: auto;
}

.modal-open {
	overflow-y: auto !important;
}

.modal-open {
	padding: 0 !important;
}

.modal-backdrop {
	z-index: 9999;
}

.modalOther {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999 !important;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modalOther .btnList {
    margin-top: -9px !important;
    margin-right: 0;
    right: 0 !important;
}
.modalOther .modal-header {
	height: auto;
	padding: 40px 20px 0px;
}

.modalOther .modal-header .close {
	margin-top: -37px;
	margin-right: -12px;
}
.modalOther .modal-body {
    display: inline-block;
    background: #fff;
    margin: 5px auto 25px;
}

/* Pagination */

.pagination > li > a {
	color: #5B5B5B;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background: #22BAA0;
	border-color: #22BAA0;
}


/* Progress Bars */

.progress {
	border-radius: 2px;
}

.progress-squared {
	border-radius: 0;
}

.progress-xs {
	height: 5px;
}

.progress-sm {
	height: 10px;
}

.progress-md {
	height: 15px;
}

.progress-lg {
	height: 25px;
}

.progress-bar {
	background-color: #7a6fbe;
}

.progress-bar-success {
	background-color: #22BAA0;
}

.progress-bar-info {
	background-color: #12AFCB;
}

.progress-bar-warning {
	background-color: #f6d433;
}

.progress-bar-danger {
	background-color: #f25656;
}


/* Tabs */

.tab-content {
	padding: 15px;
	background: #fff;
	
}

.nav-tabs > li > a {
	border-radius: 0 !important;
	font-family: 'NotoSansL', NanumGothic, Dotum, sans-serif;
	color: #ccc;
	border-bottom: 3px solid #DDDDDD;
	font-size: 15px;
}

.nav-tabs > li > a:hover {
	background: #f5f5f5;
	border-top-color: #f3f3f3;
	border-left-color: #f3f3f3;
	border-right-color: #f3f3f3;
	color: #bbb;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	font-family: 'NotoSansM', NanumGothic, Dotum, sans-serif;
	color: #484c55;
	cursor: default;
	background-color: #fff;
	border-bottom: 3px solid #484c55;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

.nav-pills {
	margin-top: 10px;
	width: 100%;
}
.nav-pills > li > a {
	color: #777;
	border-radius: 0 !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #7a6fbe;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
	border-bottom: 0;
}

.tab-pane {
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
/* 	white-space: pre-wrap; */
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: none;
}

.tab-content > .active,
.pill-content > .active {
	display: block;
}

.tabs-below > .nav-tabs {
	border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #ddd;
	border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
	border-color: #fff #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
	float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
	border-bottom: 0;
}

.tabs-left > .nav-tabs {
	float: left;
	margin-right: 19px;
	border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
	margin-right: -1px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: #ddd transparent #ddd #ddd;
	border-right-color: #ffffff;
	border-bottom: 1px solid #DDDDDD;
}

.tabs-right > .nav-tabs {
	float: right;
	margin-left: 19px;
	border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
	margin-left: -1px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
	border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
	border-color: #ddd #ddd #ddd transparent;
	border-left-color: #ffffff;
	border-bottom: 1px solid #DDDDDD;
}

@media (min-width: 768px) {
	.nav-pills > li {
		display: table-cell;
		float: none;
		width: 1%;
	}
	.nav-pills > li > a {
		margin-bottom: 0;
		text-align: center;
	}
}

.middleCate-tab {
	float: left; 
	margin: 25px 0 1px; 
	width: 100%;
}
.middleCate-tab ul {
	float: left; 
	width: 100%; 
	padding: 0; 
	border-top: 1px solid #111; 
	border-bottom: 1px solid #dce1e4;
    background: #f0f0f0;
}
.middleCate-tab ul:after {display: block; clear: both; content:'';}
.middleCate-tab li {
	float: left;
	width: 16.66666667%;
	background-color: #fff;
}
.middleCate-tab li a {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	margin: 0 -1px -1px 0;
	border: 1px solid #dce1e4;
	border-top: none;
	font-size: 14px;
	color: #333;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.middleCate-tab li a:hover {
	text-decoration: none;
	border-color: #111;
	background: #fff;
	color: #444;
	cursor: pointer;
	z-index: 11;
}
.middleCate-tab li a:focus {text-decoration: none; color: #666; outline: none;}
.middleCate-tab li.active > a {border-color: #111; background: #323237; color: #fff; z-index: 10; cursor: default;}
.middleCate-tab li.blank a:hover {
/* 	text-decoration: none; */
/* 	border-color: #ccc; */
/* 	background: #fff; */
/* 	color: #444; */
/* 	cursor: default; */
/* 	z-index: 11; */
}

@media (max-width: 991px) {
	.middleCate-tab li {
		width: 33.33333333%;
	}
}
@media (max-width: 639px) {
	.middleCate-tab li {
		width: 50%;
	}
}

.modal .middleCate-tab li a {
	line-height: 38px;
}


.middleCate-tab2 {float: left; margin: 17px 0 1px; width: 100%;}
.middleCate-tab2 ul {float: left; width: 100%; padding: 0;}
.middleCate-tab2 ul:after {display: block; clear: both; content:'';}
.middleCate-tab2 li {
	float: left;
	width: 25%;
	background-color: #fff;
}
.middleCate-tab2 li a,
.middleCate-tab2 li span {
	position: relative;
	display: block;
	height: 37px;
	line-height: 35px;
	padding: 0 10px;
	margin: 0 -1px -1px 0;
	border: 1px solid #dce1e4;
	font-size: 13px;
	color: #333;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.middleCate-tab2 li a:hover {
	text-decoration: none;
	border-color: #111;
	background: #f9f9f9;
	color: #444;
	cursor: pointer;
	z-index: 11;
}
.middleCate-tab2 li a:focus {text-decoration: none; color: #666; outline: none;}
.middleCate-tab2 li a strong {
	float: right;
	font-size: 13px;
	color: #7a6fbe;
}
.middleCate-tab2 li.active > a {
	border-color: #111;
	background: #484c55;
	color: #fff;
	z-index: 10;
	cursor: default;
}
.middleCate-tab2 li.active > a strong {
	color: #ffd909;
}
.middleCate-tab2 li.blank {
	display: none;
}

@media (max-width: 991px) {
	.middleCate-tab2 li {
		width: 33.33333333%;
	}
}
@media (min-width: 640px) and (max-width: 991px) {
	.middleCate-tab2 li.blank {
		display: block;
	}
	.middleCate-tab2 li.blank a:hover {
		z-index: 9;
		border-color: #dce1e4;
		background: #fff;
		cursor: default;
	}
}
@media (max-width: 639px) {
	.middleCate-tab2 li {
		width: 50%;
	}
}


.middleCate-tab3 {float: left; margin: 17px 0 1px; width: 100%;}
.middleCate-tab3 ul {float: left; width: 100%; padding: 0;}
.middleCate-tab3 ul:after {display: block; clear: both; content:'';}
.middleCate-tab3 li {
	float: left;
	width: 20%;
	background-color: #fff;
}
.middleCate-tab3 li a,
.middleCate-tab3 li span {
	position: relative;
	display: block;
	height: 37px;
	line-height: 35px;
	padding: 0 10px;
	margin: 0 -1px -1px 0;
	border: 1px solid #dce1e4;
	font-size: 13px;
	color: #333;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.middleCate-tab3 li a:hover {
	text-decoration: none;
	border-color: #111;
	background: #f9f9f9;
	color: #444;
	cursor: pointer;
	z-index: 11;
}
.middleCate-tab3 li a:focus {text-decoration: none; color: #666; outline: none;}
.middleCate-tab3 li a strong {
	float: right;
	font-size: 13px;
	color: #7a6fbe;
}
.middleCate-tab3 li.active > a {
	border-color: #111;
	background: #484c55;
	color: #fff;
	z-index: 10;
	cursor: default;
}
.middleCate-tab3 li.active > a strong {
	color: #ffd909;
}
.middleCate-tab3 li.blank {
	display: none;
}

@media (max-width: 991px) {
	.middleCate-tab3 li {
		width: 33.33333333%;
	}
}
@media (min-width: 640px) and (max-width: 991px) {
	.middleCate-tab3 li.blank {
		display: block;
	}
	.middleCate-tab3 li.blank a:hover {
		z-index: 9;
		border-color: #dce1e4;
		background: #fff;
		cursor: default;
	}
}
@media (max-width: 639px) {
	.middleCate-tab3 li {
		width: 50%;
	}
}



/* Accordions */

.panel-group .panel-heading .panel-title > a {
	font-size: 14px;
}

.panel-group .panel-heading {
	font-size: 14px;
	height: auto !important;
}

.panel-group .panel-heading  .panel-title > a {
	text-decoration: none;
}

.panel-group  .panel-heading {
	border-bottom: 0 !important;
}

.panel > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}

.panel-group .panel-heading .panel-title {
	position: relative;
	width: 100%;
}


/* jsTree */

.jstree-default .jstree-clicked {
	background: #f1f1f1;
	border-radius: 0;
			box-shadow: inset 0 0 1px #999;
}

.jstree-default li a:hover {
	background: #f1f1f1;
	border-radius: 0;
			box-shadow: inset 0 0 1px #999;
}



/* Labels */

.label.label-default {
	background: #fff;
	border: 1px solid #e5e5e5;
}

.label.label-success {
	background: #22BAA0;
}

.label.label-primary {
	background: #7a6fbe;
}

.label.label-info {
	background: #12AFCB;
}

.label.label-danger {
	background: #f25656;
}

.label.label-warning {
	background: #f6d433;
}


/* Forms */

label {
	margin-bottom: 0;
	font-size: 1.24rem;
	font-weight: normal;
}

.controls label {
	display: block;
}

.form-control {
	display: inline-block;
	padding: 3px 10px !important;
	width: 100%;
	min-width: 35px;
	height: 32px;
	font-size: 1.24rem;
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4;
			box-shadow: none !important;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

input[disabled],
input[readonly],
input[readonly]:focus {
	background-color: #f7f7f7;
	opacity: 1;
}
input[disabled] {
	background: #f7f7f7;
	border-color: #dce1e4;
}

.form-control:focus {
	border: 1px solid #bdc5c9;
	background: #fff;
}

.help-block {
	margin-bottom: 5px;
}

.form-group.has-success .form-control,
.form-group.has-warning .form-control,
.form-group.has-error .form-control {
			box-shadow: none;
}

.form-group.has-success .form-control:focus {
	border: 1px solid #22BAA0;
	background: #fff;
}

.form-group.has-warning .form-control:focus {
	border: 1px solid #f6d433;
	background: #fff;
}

.form-group.has-error .form-control:focus {
	border: 1px solid #f25656;
	background: #fff;
}

.form-group.has-success label {
	color: #22BAA0;
}

.form-group.has-warning label {
	color: #f6d433;
}

.form-group.has-error label {
	color: #f25656;
}

label.error {
	color: #a94442;
	font-weight: bold;
	margin-top: 5px;
	float: left;
	font-size: 12px;
}

input.form-control.input-rounded {
	border-radius: 30px;
}

.input-group .btn {
	padding: 7px 12px;
}

ol.linenums {
	margin: 0;
}

.select2-selection {
	background: #fff !important;
	border-radius: 0 !important;
	border: 1px solid #dce1e4 !important;
			box-shadow: none !important;
	font-size: 13px !important;
	padding: 6px 10px !important;
	height: 34px !important;
	-webkit-transition: all 0.2s ease-in-out !important;
	   -moz-transition: all 0.2s ease-in-out !important;
		 -o-transition: all 0.2s ease-in-out !important;
			transition: all 0.2s ease-in-out !important;
}

.select2-dropdown {
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4;
	border-top: 0;
			box-shadow: none !important;
	font-size: 13px;
	padding: 6px 10px !important;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
	z-index: 9999;
}

.select2-dropdown.select2-dropdown--above {
	border: 1px solid #dce1e4;
	border-bottom: 0;
}

.select2-selection--multiple .select2-selection__choice {
	background: #f1f1f1 !important;
	border-radius: 0 !important;
	border: 1px solid #ccc !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	line-height: inherit !important;
	padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0 !important;
}

.popover {
	border: 1px solid #ebebeb;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}

.popover-title {
	border-radius: 0;
}

.popover.top > .arrow {
	border-top-color: #ebebeb;
}

.popover.left > .arrow {
	border-left-color: #ebebeb;
}

.popover.right > .arrow {
	border-right-color: #ebebeb;
}

.popover.bottom > .arrow {
	border-bottom-color: #ebebeb;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
	border-radius: 0 !important;
}

.bootstrap-tagsinput {
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4;
			box-shadow: none !important;
	font-size: 13px;
	padding: 6px 10px !important;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
	width: 100%;
	margin: 0;
}

.bootstrap-tagsinput .tag {
	line-height: inherit;
}

.input-group-addon {
	border-radius: 0 !important;
	background: #f1f1f1;
	border-color: #dce1e4;
}

.bootstrap-timepicker-widget input {
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4;
			box-shadow: none !important;
	font-size: 13px;
	padding: 6px 10px !important;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
	width: 45px !important;
}

.bootstrap-timepicker-widget input:focus {
	border: 1px solid #bdc5c9;
	background: #fff;
}

.bootstrap-timepicker-widget .icon-chevron-up:before {
	font-family: FontAwesome;
	content: "\f106";
	font-style: normal;
}

.bootstrap-timepicker-widget .icon-chevron-down:before {
	font-family: FontAwesome;
	content: "\f107";
	font-style: normal;
}

.bootstrap-timepicker-widget a {
	text-decoration: none;
}

/* Tables */

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
	font-family: 'NotosansM',NanumGothic, Dotum,sans-serif;
	font-weight: normal;
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table td {
	padding: 5px 10px;
	height: 37px;
	font-size: 1.24rem;
	line-height: 1.42857143;
	vertical-align: middle;
	letter-spacing: -0.04em;
	color: #333;
}
.table td strong {
	font-family: 'NotosansB', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4;
	box-shadow: none !important;
	font-size: 13px;
	padding: 6px 10px !important;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

.dataTables_wrapper .dataTables_filter input:focus {
	border: 1px solid #bdc5c9;
	background: #fff;
	outline: 0;
}

.dataTables_wrapper .dataTables_length select:focus {
	outline: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #5f5f5f !important;
	border: 1px solid #ebebeb;
	background: #f1f1f1 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
	color: #5f5f5f !important;
	border: 1px solid transparent;
	background: #f7f7f7 !important;
			box-shadow: none;
}

tr.group,
tr.group:hover {
	background-color: #ddd !important;
}


/* Wysiwyg */

.note-editor {
	border: 1px solid #DCE1E4;
	border-radius: 0;
}

.note-dialog .note-modal-form {
	margin: 0 15px 0 15px;
}

.note-editor .note-toolbar {
	border-bottom: 0;
	background: #fff;
	padding: 10px;
}

.note-popover .popover .popover-content>.btn-group,
.note-toolbar>.btn-group {
	margin-top: 0;
}

.note-editor .note-editable {
	padding: 15px;
	padding-top: 10px;
	overflow: auto;
	outline: 0;
}

.note-editor .note-statusbar {
	background: transparent;
}

.note-editor .note-statusbar .note-resizebar {
	border: 0;
}


/* Position */

.position-relative {
	position: relative;
	z-index: 9;
}


/* Center */

.center {
	margin: 0 auto;
	float: none !important;
	display: block;
}


/* Display */

.display-block {
	display: block !important;
}

.display-inline {
	display: inline-block;
}

.desktop {display: block;}
.mobile {display: none;}

@media (max-width: 992px) {
	.desktop {display: none;}
	.mobile {display: block;}
}


/* Middle Box */

.box-middle {
	position: absolute;
	height: 400px;
	width: 400px;
	top: 50%;
	left: 50%;
	margin-left: -200px !important;
	margin-top: -200px !important;
}


/* Date Picker */

.datepicker {
	padding: 10px !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
	   -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
			box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
}

.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span {
	border-radius: 0 !important;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
	color: #ffffff;
	background-color: #7a6fbe;
	border: 0;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
	color: #ffffff;
	background-color: #7a6fbe;
	border: 0;
}


/* Colorpicker */

.colorpicker {
	padding: 10px !important;
}


/* Dropzone */

.dropzone {
	background: #f9f9f9 !important;
	border: 1px solid #f1f1f1 !important;
	border-radius: 0;
}


/* Image Cropper */

.img-preview {
	height: 150px;
	width: 220px;
	overflow: hidden;
	text-align: center;
}


/* Sparkline Charts */

.jqstooltip {
	box-sizing: content-box;
}


/* Flot Chart */

#flot1 {
	width: 100%;
	height: 250px;
}

#flot2 {
	width: 100%;
	height: 250px;
}

#flot3 {
	margin: 0 auto;
	width: 250px;
	height: 250px;
}

#flot3 .pie-chart-legend {
	padding: 5px;
}

#flot4 {
	width: 100%;
	height: 250px;
}

#flotTip {
	border-radius: 0;
	background: rgba(51,51,51,0.8);
	color: #fff;
	padding: 5px;
	font-size: 13px !important;
}


/* Vector Maps */

.jqvmap-zoomin,
.jqvmap-zoomout {
	background-color: #7a6fbe;
	color: #fff;
	border: 1px solid transparent;
	font-size: 13px;
	border-radius: 0;
	outline: none !important;
	padding: 3px 5px;
	height: auto;
	width: auto;
	margin-left: 7px;
}

.jqvmap-zoomin:hover,
.jqvmap-zoomin:focus,
.jqvmap-zoomin:active,
.jqvmap-zoomout:hover,
.jqvmap-zoomout:focus,
.jqvmap-zoomout:active {
	background-color: #6a5fac;
	border: 1px solid transparent;
}


/* Gritter Notifications */

.gritter-item {
	font-size: 13px;
	background: rgba(0,0,0, 0.7);
	background-image: none !important;
	padding: 15px;
}

.gritter-top {
	background: none !important;
}

.gritter-bottom {
	background: none !important;
}

.gritter-close {
	top: 15px;
	left: auto;
	right: 5px;
}

.gritter-image {
	width: 50px;
	height: 50px;
	border-radius: 100%;
}

.gritter-with-image {
	padding-left: 10px;
}

/* Calendar */


.fc button {
	height: auto;
	padding: 4px 12px 6px;
	height: 32px;
	font-size: 13px;
}


.fc button::   -moz-focus-inner { 
	margin: 0; 
	padding: 0; 
}
	
.fc-state-default {
	border: 1px solid;
}

.fc-state-default.fc-corner-left {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.fc-state-default.fc-corner-right {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.fc-state-default {
	background-color: #fff;
	background-image: none;
	border-color: #e5e5e5;
	color: #333;
	text-shadow: 0;
			box-shadow: 0;
	outline: 0 !important;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: none;
	   -moz-transition: none;
		 -o-transition: none;
			transition: none;
}

.fc-state-down,
.fc-state-active {
	background-color: #f1f1f1;
	border: 1px solid #e5e5e5;
			box-shadow: 0 !important;
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
			box-shadow: none;
}

.fc-day-grid-event {
	padding: 5px;
	background: #22BAA0;
	border: 0;
}


/* List Groups */

.list-group-item.active {
	background: #f1f1f1;
	border-color: #DDDDDD;
	color: #333;
}

.list-group-item.active:hover {
	background: #e7e7e7;
	border-color: #DDDDDD;
	color: #333;
}


/* Header */

.navbar {
	border: none;
	background: transparent;
	padding: 0px;
	height: 65px;
	margin: 0px;
	z-index: 9999;
	border-radius: 0px;
	border: none;
	margin: auto;
	position: relative;
/* 	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1); */
/* 	   -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1); */
/* 			box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1); */
}

.page-header-fixed .navbar {
	position: fixed;
	right: 0;
	left: 0;
}

@media (min-width: 768px) {
	.page-content.container .navbar {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.page-content.container .navbar {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.page-content.container .navbar {
		width: 1170px;
	}
}

.topmenu-outer {
	height: 65px;
	background: #fff;
	margin-left: 190px;
/* 	border-bottom: 1px solid #febc2b; */
/* 	-webkit-transition: all 300ms ease; */
/* 	   -moz-transition: all 300ms ease; */
/* 		-ms-transition: all 300ms ease; */
/* 		 -o-transition: all 300ms ease; */
/* 			transition: all 300ms ease; */
}

.small-sidebar .topmenu-outer {
	margin-left: 65px;
}

.pace .pace-progress {
	background: #22BAA0;
}

.pace .pace-progress-inner {
	box-shadow: 0 0 10px #22BAA0, 0 0 5px #22BAA0;
}

.pace .pace-activity {
	border-top-color: #22BAA0;
	border-left-color: #22BAA0;
	margin-top: 60px;
}


/* logo */

.navbar .logo-box {
	position: relative;
	padding: 17px 17px 18px 20px;
	width: 190px;
	height: 65px;
	float: left;
	display: table;
/* 	background: transparent !important; */
/* 	-webkit-transition: all 300ms ease; */
/* 	   -moz-transition: all 300ms ease; */
/* 		-ms-transition: all 300ms ease; */
/* 		 -o-transition: all 300ms ease; */
/* 			transition: all 300ms ease; */
}

.navbar .logo-box .logo-text {
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
	padding: 0 15px 0 15px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.navbar .logo-box a {
	margin: 0 auto;
	padding: 9px 0 0;
	font-size: 14px;
	color: #9ba2af;
}
.navbar .logo-box a:first-child {
	padding-left: 0;
}
.navbar .logo-box a.show-search {
	display: none;
	position: absolute;
	top: 13px;
	right: 27px;
	float: right;
}
.navbar .logo-box a:last-child {
	padding-right: 0;
}
.navbar .logo-box a:last-child i {
	padding-right: 9px;
}
.navbar .logo-box a:last-child span {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 5.5px;
}
.navbar .logo-box .search-box {
	float: right;
/* 	padding-bottom: 5px; */
	width: 100%;
	border-bottom: 0px solid #9ba2af;
}
.navbar .logo-box .search-box .form-control {
	float: left;
	padding: 7px 0px 7px !important;
	width: 130px;
	height: 30px;
	color: #fff;
	background: none;
	border: none;
/* 	border-bottom: 1px solid rgba(255, 255, 255, 0.6); */
}
.navbar .logo-box .search-box .btn-search {
	position: absolute;
	right: 20px;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
}
.navbar .logo-box .search-box .btn-search i {
	padding: 0;
}

.small-sidebar .navbar .logo-box .search-box {
	display: none;
}
.small-sidebar .navbar .logo-box a.show-search {
	display: block;
	padding: 9px 0 0;
}
.small-sidebar .navbar .logo-box a.show-search i {
/* 	padding-right: 11px; */
}



.top-menu .navbar-nav > li:first-child > a {
	padding: 23px 20px;
}
.navbar .logo-box a:hover,
.navbar .logo-box a:focus {
	color: #fff;
	text-decoration: none;
}

.small-sidebar .navbar .logo-box {
	display: grid;
 	padding-left: 15px;
	padding-bottom: 9px;
	width: 65px;
}
.small-sidebar .navbar .logo-box a {
	padding: 9px 0 0 7px;
}
.small-sidebar .navbar .logo-box a:nth-child(2) {
/* 	padding-top: 0; */
}

.navbar .top-menu .navbar-nav .logo {
	padding: 12px 20px 13px 10px;
}
.navbar .top-menu .navbar-nav .logo img {
/* 	width: 90px; */
	height: 40px;
}

@media all and (max-width: 767px) {
	.navbar .logo-box .search-box {
		display: none;
	}
	.navbar .logo-box a.show-search {
		display: block;
		position: initial;
		float: left;
		margin-top: -3px;
		margin-left: 30px;
	}
	.navbar .logo-box a.logo {display: block !important; padding: 0;}
	.navbar .logo-box a.logo img {margin-left: -30px !important; /* margin-top: 7px; */ height: 30px;}
	.open > .dropdown-menu {margin-left: 10px; width: 170px;}
	.open > .dropdown-menu li a {padding-left: 10px !important;}

	.menu.accordion-menu > li:first-child {display: none;}
}

.navbar .logo-box a.logo {display: none;}


/* Top Menu */

.navbar-nav.navbar-right {
	margin-right: 0;
}

.top-menu .navbar-nav > li {
	height: 65px;
}

.top-menu .navbar-nav > li > a {
	display: block;
	padding: 20px 18px;
	color: #5f5f5f;
	border: none;
	position: relative;
	line-height: 20px;
} 

.top-menu .nav > li > a:hover,
.top-menu .nav > li > a:focus,
.top-menu .nav > li > a:active,
.top-menu .nav .open > a,
.top-menu .nav .open > a:hover,
.top-menu .nav .open > a:focus {
	background: transparent;
}

.top-menu .nav .open > a,
.top-menu .nav .open > a:hover,
.top-menu .nav .open > a:focus {
	background: transparent;
	border-color: none;
}

.top-menu .navbar-nav > li > a > i {
	font-size: 14px;
}

.top-menu .navbar-nav > li > a > .badge {
	font-family: "Open Sans", sans-serif;
	position: absolute;
	top: 12px;
	right: 7px;
	padding: 3px 6px;
	font-size: 11px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

.top-menu .navbar-nav > li > a > .user-name {
	padding: 0 10px 0 0;
	line-height: 20px;
}

.top-menu .navbar-nav > li > a > .user-name {
	padding: 0 10px 0 0;
	line-height: 20px;
}

@media (max-width: 991px) {
	.top-menu .navbar-nav > li > a > .user-name {
		display: none;
	}
}

.top-menu .navbar-nav > li > a > .user-name > i {
	margin-left: 5px;
}

.avatar {
	padding: 0px;
	margin: -19px 0 -15px 0;
	position: relative;
	display: inline-block;
}


/* Dropdowns */

.dropdown-menu {
	position: absolute;
	top: 100%;
	z-index: 1000;
	display: none;
	float: left;
	list-style: none;
	text-shadow: none;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	background-color: #fffff;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	border: 1px solid #d8dee4;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
		-ms-border-radius: 0px;
		 -o-border-radius: 0px;
			border-radius: 0px;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
			box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
}

.dropdown-menu li {
	font-size: 13px;
	background-color: transparent;
}

.dropdown-menu li a:hover {
	background: #f7f7f7;
}

.navbar-nav > li > .dropdown-menu {
	margin-top: 25px !important;
}

.page-dc-user .dropdown-menu:before,
.page-dc-user .dropdown-menu:after {
	display: none !important;
}
.page-dc-user .datepicker.dropdown-menu {
	margin: 6px 0 0;
}
.dropdown-menu:before {
	position: absolute;
	top: -8px;
	left: 9px;
	right: auto;
	display: inline-block !important;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #d8dee4;
	border-left: 8px solid transparent;
	content: '';
}

.dropdown-menu:after {
	position: absolute;
	top: -7px;
	right: auto;
	left: 10px;
	display: inline-block !important;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
	border-left: 7px solid transparent;
	content: '';
}

.dropdown.dropup > .dropdown-menu:after,
.dropdown.dropup > .dropdown-menu:before,
.btn-group.dropup > .dropdown-menu:after,
.btn-group.dropup > .dropdown-menu:before,
.dropdown-toggle.dropup > .dropdown-menu:after,
.dropdown-toggle.dropup > .dropdown-menu:before {
	display: none !important;
}

.navbar-left .dropdown-menu:before,
.dropdown-menu.dropdown-menu-left:before {
	left: 16px;
	right: auto;
}

.navbar-left .dropdown-menu:after,
.dropdown-menu.dropdown-menu-left:after {
	left: 17px;
	right: auto;
}

.navbar-right .dropdown-menu:before,
.dropdown-menu.dropdown-menu-right:before {
	right: 16px;
	left: auto;
}

.navbar-right .dropdown-menu:after,
.dropdown-menu.dropdown-menu-right:after {
	right: 17px;
	left: auto;
}

.dropdown-menu.title-caret:after {
	border-bottom: 7px solid #fff;
}

.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > a:active,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus {
	background: #F7F7F7;
	color: #333;
} 

.drop-title {
	display: block;
	border-bottom: 1px solid #F3F3F3;
	font-size: 12px;
	background: #fff;
	padding: 5px 12px;
	color: #6a6a6a;
	margin: 0px;
}

.dropdown-menu li.drop-all a {
	padding: 10px;
	color: #707070;
	background: #FFF;
	font-size: 14px;
}

.dropdown-menu li.drop-all a:hover {
	background: #f7f7f7;
}

.dropdown-sm {
	width: 190px;
}

.dropdown-md {
	width: 230px;
}

.dropdown-lg {
	width: 280px;
}

.dropdown-menu li a {
	padding: 7px 10px 7px 10px;
	color: #5f5f5f;
	font-size: 12px;
	background-color: #fff;
}

.dropdown-menu li a i {
	margin-right: 10px;
}

.dropdown-menu li.no-link {
	padding: 7px 10px 7px 10px;
}

.dropdown-menu li.li-group {
	border-bottom: 1px solid #f1f1f1;
	padding: 5px 0px 5px 0px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: #eee;
	border-color: transparent;
}

.navbar .dropdown .dropdown-menu {
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
	margin-top: 40px !important;
}

.navbar .open .dropdown-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 7px !important;
}

.navbar .dropdown {
	display: inline-block;
}



/* Messages */

.messages {
	max-height: 300px;
}

.messages li a {
	position: relative;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-size: 13px;
	color: #bababa;
	text-decoration: none;
}

.messages li a:hover {
	background: #f7f7f7;
}

.messages li {
	border-bottom: 1px solid #f3f3f3;
}

.messages li a .msg-img {
	height: 100%;
	display: block;
	float: left;
	position: relative;
}

.online {
	position: absolute;
	top: 1px;
	right: 1px;
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #FFF;
	border-radius: 50%;
	background: #ccc;
}

.online.on {
	background: #44AEA1;
}

.online.off {
	background: #f3565d;
}

.messages li a img {
	width: 40px;
	height: 40px;
}

.messages li a .msg-name {
	display: block;
	font-size: 14px;
	color: #707070;
	padding: 0 0 0 10px;
	margin: 0px;
	float: left;
}

.messages li a .msg-text {
	display: block;
	width: 210px;
	text-overflow: ellipsis;
	white-space: nowrap;   
	color: #a0a0a0;
	margin: 0px;
	float: left;
	padding: 0 0 0 10px;
}

.messages li a .msg-time {
	font-size: 11px;
	display: block;
	width: 210px;
	padding: 0 4px 0 8px;
	margin: 0px;
	float: right;
}


/* Tasks */

.tasks {
	max-height: 300px;
}

.tasks li {
	border-bottom: 1px solid #f3f3f3;
}

.tasks li:last-child {
	border-bottom: none;
}

.tasks li a {
	color: #bababa;
	font-size: 13px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
	padding-top: 2px;
	padding-bottom: 4px;
	position: relative;
}

.tasks li a:hover {
	background: #f7f7f7;
}

.task-icon.badge {
	height: 18px;
	width: 18px;
	display: block;
	float: left;
	position: relative;
	margin-right: 10px;
	padding-top: 3px;
	padding-left: 5px;
}

.task-icon i {
	text-align: center;
	font-size: 12px;
}

.tasks li a span {
	float: left;
	padding: 7px 7px 0 0;
	font-size: 12px;
	color: #5f5f5f;
}
.tasks li a .task-details {
	display: block;
	font-size: 12px;
	color: #868686;
	padding: 3px 0 0 0;
	margin: 0px;
	float: left;
/* 	width: 148px; */
}

.tasks li a .badge {
	float: right;
	margin: 3px 5px 0 0;
	max-width: 85px;
}


/* Page Content */

.page-content {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	background: #f7f8f8;
	min-height: 100%;
}

.page-content.container {
	padding-left: 0px;
	padding-right: 0px;
}


/* Sidebar */

.page-sidebar {
	width: 190px;
	display: block;
	z-index: 998;
	float: left;
/* 	height: auto !important; */
	overflow: visible !important;
/* 	-webkit-transition: all 300ms ease; */
/* 	   -moz-transition: all 300ms ease; */
/* 		-ms-transition: all 300ms ease; */
/* 		 -o-transition: all 300ms ease; */
/* 			transition: all 300ms ease; */
}
.page-sidebar:before {
/* 	content: ''; */
/* 	position: fixed; */
/* 	bottom: 0; */
/* 	left: 0; */
/* 	width: 190px; */
/* 	height: 2px; */
/* 	background-color: #fc8a03; */
}

.sidebar .sidebar-title {
	display: block;
	margin: 0 0 10px 0;
}

.page-sidebar-fixed:not(.page-header-fixed) .logo-box {
	position: fixed;
	display: block;
}

.page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
	margin-left: 190px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
	margin-left: 65px;
}

.page-header-fixed .page-sidebar {
	padding-top: 65px;
}


.page-sidebar-fixed .sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	padding-top: 60px;
}

.page-sidebar-fixed .page-sidebar-inner {
	height: 100%;
}

.page-sidebar .page-sidebar-inner {
	height: 100% !important;
}

.small-sidebar .page-sidebar {
	width: 65px;
}

.small-sidebar .page-sidebar-inner {
	width: 255px !important;
	min-height: 542px;
/* 	overflow: visible !important; */
}

.sidebar-header {
	overflow: hidden;
	clear: both;
	position: relative;
	padding: 20px;
}

.sidebar-profile-image {
	display: block;
}

.sidebar-profile {
	overflow: hidden;
	position: relative;
	display: block;
}

.sidebar-profile a {
	text-decoration: none;
}

.sidebar-profile img {
	width: 60px;
	display: block;
	margin: 0 auto;
}

.sidebar-profile span {
	color: #fff;
	font-weight: 600;
	display: block;
	padding: 8px 0 0 0;
	text-align: center;
}

.sidebar-profile span small {
	color: #90999c;
	padding: 5px 0;
}

.profile {
	line-height: 60px;
	margin-left: 5px;
	font-size: 14px;
}

.small-sidebar .sidebar-header,
.page-horizontal-bar .sidebar-header {
	display: none;
}


/* Horizontal Bar */

.horizontal-bar {
	width: 100%;
	display: block;
	z-index: 9998;
	float: none;
	height: auto !important;
	left: 0;
	right: 0;
	bottom: 0;
	height: 74px;
}


@media (min-width: 768px) {
	.page-sidebar-fixed.page-horizontal-bar .sidebar {
		position: fixed;
		top: 0;
		bottom: auto;
		padding-top: 60px;
	}
}

.small-sidebar .horizontal-bar .slimScrollDiv {
	overflow: visible !important;
}

.page-horizontal-bar.page-header-fixed .horizontal-bar {
	padding-top: 60px;
}

.page-horizontal-bar.page-sidebar-fixed .navbar {
	z-index: 9999;
}

@media (min-width: 768px) {
	.page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
		width: 750px;
		margin: 0 auto;
	}
}

@media (min-width: 992px) {
	.page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
		width: 970px;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) {
	.page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
		width: 1170px;
		margin: 0 auto;
	}
}

@media (max-width: 1200px) {
	.horizontal-bar .accordion-menu > li > a > p {
		display: none;
	}
	
	.compact-menu .horizontal-bar .accordion-menu > li > a > p {
		display: none !important;
	}
	
	body:not(.small-sidebar) .horizontal-bar .accordion-menu > li > a > .menu-icon {
		float: none !important;
		margin: 0 !important;
	}
	
	.horizontal-bar .accordion-menu ul {
		top: 50px !important;
	}
}


.horizontal-bar .page-sidebar-inner {
	overflow: visible !important;
}

.horizontal-bar .accordion-menu {
	text-align: center;
	font-size: 0;
	width: 100% !important;
	overflow: visible !important;
}

.horizontal-bar .accordion-menu li {
	display: inline-block;
	margin: 0px !important;
	padding: 0px !important;
	position: relative;
}

.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
.horizontal-bar .accordion-menu > li > a {
	padding: 16px !important;
}

.small-sidebar .horizontal-bar .accordion-menu li a span.menu-icon {
	font-size: 15px;
}

.horizontal-bar .accordion-menu > li > a > p {
	font-size: 13px;
}

.compact-menu .horizontal-bar .accordion-menu li a p {
	display: inline;
}

.horizontal-bar .accordion-menu .sub-menu li a {
	font-size: 13px;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.page-horizontal-bar.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a {
	width: auto;
}

.horizontal-bar .accordion-menu > li > a > span.arrow:before {
	display: none;
}

body:not(.small-sidebar) .horizontal-bar .menu.accordion-menu > li > a > .menu-icon {
	font-size: 14px;
}

.small-sidebar.page-horizontal-bar .menu.accordion-menu > li > a > span.menu-icon {
	margin: 0 !important;
}

.horizontal-bar .accordion-menu > li > ul {
	left: 0 !important;
	top: 74px;
	width: 200px;
	position: absolute;
}

.horizontal-bar .accordion-menu ul li {
	display: block;
	text-align: left;
}

.horizontal-bar .accordion-menu li.menu-title {
	display: none;
}

.small-sidebar .horizontal-bar .accordion-menu > li > a > p {
	display: none !important;
}

.small-sidebar .horizontal-bar .accordion-menu > li > ul {
	top: 44px !important;
}

.small-sidebar.page-horizontal-bar.page-sidebar-fixed .page-inner {
	padding-left: 0px;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed.page-horizontal-bar .page-inner {
	padding: 110px 0 50px 0;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed .page-inner {
	padding: 60px 0 50px 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
	padding: 0 0 50px 65px;
}

.small-sidebar.page-header-fixed.page-horizontal-bar:not(.page-sidebar-fixed) .page-inner {
	padding: 0 0 50px 0;
}

.page-horizontal-bar:not(.page-sidebar-fixed) .checkout {
	top: 0;
}

.page-horizontal-bar.page-sidebar-fixed:not(.compact-menu) .checkout {
	top: 134px;
}

.page-horizontal-bar.page-sidebar-fixed.compact-menu .checkout {
	top: 111px;
}

/* Search */

.search-form {
	display: block;
	width: 100%;
	height: 65px;
	z-index: 99999;
	position: fixed;
	background: #fff;
	margin-top: -65px;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

.search-form .input-group {
	height: 65px;
}

.search-form .input-group input {
	color: #5f5f5f;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	background: none;
	height: 65px;
	line-height: 65px;
	font-size: 16px;
	padding: 0 20px !important;
}

.search-form .input-group button,
.search-form .input-group button:hover,
.search-form .input-group button:focus {
	background: none;
	box-shadow: none;
	border: none;
	outline: none;
	color: #5f5f5f;
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 46px;
}


/* Menu */

.menu li a .badge {
	margin-left: 10px;
}

.menu.accordion-menu {
	padding: 0px;
	margin: 0px;
	width: 190px;
	color: white;
	position: relative;
	display: block;
}

.menu.accordion-menu a {
	display: block;
	padding: 16px 20px 15px 10px;
	background: transparent;
	text-decoration: none;
	font-size: 13px;
/* 	-webkit-transition: all 300ms ease; */
/* 	   -moz-transition: all 300ms ease; */
/* 		-ms-transition: all 300ms ease; */
/* 		 -o-transition: all 300ms ease; */
/* 			transition: all 300ms ease; */
}
 
.menu.accordion-menu > li > a {
	width: 190px;
	height: 50px;
	text-align: center;
	background-color: #323237;
}

body:not(.page-horizontal-bar):not(.small-sidebar) .menu.accordion-menu a {
	text-align: center;
}

.menu.accordion-menu a p {
	line-height: 1.42857143 !important;
	margin: 0;
}

.menu.accordion-menu a span.menu-icon {
	display: inline-block;
	font-size: 20px;
	margin-bottom: 10px;
}

.menu.accordion-menu li > a > .arrow:before {
	width: 10px;
	float: right;
	display: block;
	margin-top: -20px;
	font-size: 16px;
	font-family: FontAwesome;
	height: auto;
	content: "\f104";
	font-weight: 300;
}

.menu.accordion-menu > li > a > .arrow:before {
	margin-top: -39px;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		 -o-transform: rotate(-90deg);
			transform: rotate(-90deg);
}

.menu.accordion-menu li.open > a > .arrow:before {
	margin-right: -2px;
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		 -o-transform: rotate(90deg);
			transform: rotate(90deg);
}

.menu.accordion-menu li {
	list-style-type: none;
/* 	float: left; */
/* 	width: 100%; */
	background: transparent;
}
.menu.accordion-menu > li:first-child {
	width: 190px;
	height: 50px;
	overflow: hidden;
}
.menu.accordion-menu > li:first-child img {
	width: 100%;
	margin: 0;
/* 	-webkit-transition: all 300ms ease; */
/* 	   -moz-transition: all 300ms ease; */
/* 		-ms-transition: all 300ms ease; */
/* 		 -o-transition: all 300ms ease; */
/* 			transition: all 300ms ease; */
}

.menu.accordion-menu li a .badge {
	float: right;
	margin-top: 1px;
	margin-right: -5px;
	margin-left: 0px;
	display: block;
}

.menu.accordion-menu ul {
	z-index: 9999;
/* 	float: left; */
/* 	width: 100%; */
}

.menu.accordion-menu ul li a {
	display: block;
	padding: 5px 10px 5px 24px;
	background: transparent;
	text-decoration: none;
	font-size: 13px;
}
.menu.accordion-menu ul li a div {
	margin-right: 0 !important;
}

.menu.accordion-menu ul li ul {
	padding: 2px 0 2px 0;
}

.compact-menu .menu.accordion-menu li.droplink .sub-menu li.droplink .sub-menu li a {
	padding-left: 29px !important;
	letter-spacing: -.5px;
}

.compact-menu .menu.accordion-menu li.droplink .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li a {
	padding-left: 26px !important;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a {
	padding-left: 31px;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a {
	padding-left: 36px;
}

.menu ul {
	z-index: 99;
	padding: 10px;
	width: 190px;
}

.compact-menu:not(.small-sidebar) .menu.accordion-menu li a {
	text-align: left !important;
}

.compact-menu:not(.page-horizontal-bar) .menu.accordion-menu > li > a > p {
	display: inline !important;
}

.compact-menu .menu.accordion-menu a span.menu-icon {
	display: inline-block;
	top: 3px;
	font-size: 14px;
	margin-bottom: 0;
	margin-right: 10px;
/* 	-webkit-transition: all 300ms ease; */
/* 	   -moz-transition: all 300ms ease; */
/* 		-ms-transition: all 300ms ease; */
/* 		 -o-transition: all 300ms ease; */
/* 			transition: all 300ms ease; */
}
.compact-menu .menu.accordion-menu li:first-child a span.menu-icon {
	margin-right: 9px;
	margin-left: -1px;
}

.compact-menu .menu.accordion-menu li a .arrow:before {
	margin-top: -2px;
}

.page-horizontal-bar.compact-menu .menu.accordion-menu ul {
	top: 50px;
}

.page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu ul {
	top: 46px !important;
}

.hover-menu:not(.page-horizontal-bar) .menu.accordion-menu > li > a > span.arrow {
	display: none;
}

.hover-menu .menu.accordion-menu > li:hover > ul,
.hover-menu .menu.accordion-menu > li.open:hover > ul {
	display: inline-block !important;
}

.hover-menu .accordion-menu li {
	position: relative;
}

.hover-menu .accordion-menu > li > ul {
	position: absolute;
	left: 160px;
	width: 200px;
}

.hover-menu:not(.page-horizontal-bar) .accordion-menu > li > ul {
	position: absolute;
	top: 0;
	left: 160px;
	width: 200px;
}

.hover-menu .sidebar,
.hover-menu .sidebar .page-sidebar-inner,
.hover-menu .sidebar .menu,
.hover-menu .sidebar .slimScrollDiv {
	overflow: visible !important;
}

.hover-menu .accordion-menu ul li a {
	text-align: left !important;
}

.compact-menu .accordion-menu li a p {
	display: inline;
}
.compact-menu .accordion-menu li a .arrow:before {
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		 -o-transform: rotate(-90deg);
			transform: rotate(-90deg);
}

.hover-menu .sidebar .slimScrollBar,
.hover-menu .slimScrollBar {
	display: none !important;
}


/* Small Menu */

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu {
	width: 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .page-sidebar-inner {
	overflow: hidden !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu {
	width: 160px !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu > li > a {
	padding: 15px;
	text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a {
	padding: 15px;
	padding-left: 18px;
	padding-right: 18px;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a {
	text-align: left;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a > .menu-icon {
	margin-right: 10px !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu ul li a {
	text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .menu-icon {
	float: none;
	margin: 0 !important;
	font-size: 14px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .menu-icon {
	font-size: 20px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .arrow,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.menu-title,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .badge {
	display: none !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p {
	margin: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.open .sub-menu {
	visibility: hidden;
	height: 0 !important;
	padding: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-widget,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-header {
	display: block !important;
}
	
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
	display: block !important;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p,
.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
	display: inline !important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.open .sub-menu  {
	visibility: visible;
	height: auto !important;
	padding: 10px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .arrow {
	display: block !important;
	float: right;
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar,
.small-sidebar:not(.page-sidebar-fixed) .sidebar > *,
.horizontal-bar,
.horizontal-bar > * {
	overflow: visible !important;
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar {
/* 	margin-top: 0; */
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar .slimScrollBar,
.horizontal-bar .slimScrollBar {
	display: none !important;
}

.small-sidebar:not(.page-sidebar-fixed) .menu.accordion-menu {
	width: auto;
/* 	overflow: visible !important; */
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
	padding:0;
	margin:0;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
	list-style: none;
	position: relative;
	width: 100%;
}
.small-sidebar:not(.page-sidebar-fixed) .menu.accordion-menu > li:first-child {
	position: fixed;
/* 	top: 0; */
	width: 65px;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li img {
/* 	margin-left: -62px; */
	width: auto;
	min-width: 65px;
	height: 100%;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a {
	text-align: left;
}

@media (min-width: 768px) {
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a {
		text-decoration: none;
		display: block;
	}
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a {
		padding: 15px 25px 15px 25px;
		text-align: center;
		position: relative;
		width: 255px;
	}
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a span.menu-icon {
		font-size: 14px;
		margin: 0 50px 0 0 !important;
		float: left;
	}
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.dashboard a span.menu-icon {
		margin-left: -1px !important;
	}
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
		margin: 0;
		float: left;
	}
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a + .sub-menu {
		padding-top: 0;
	}
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a .arrow:before {
	width: 10px;
	float: right;
	margin-left: 15px;
	margin-top: -2px;
	display: inline;
	font-size: 16px;
	font-family: FontAwesome;
	height: auto;
	content: "\f104";
	font-weight: 300;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li:hover > a {
	z-index: 9999;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li a {
	display: block;
	padding: 7px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	background: transparent;
	font-size: 13px;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li.active a {
/* 	color: #fff !important; */
}
.accordion-menu > li.blank {
	display: none;
}
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.blank > a {
	width: 65px;
}
@media (max-width: 1536px) {
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.blank {
		display: block;
	}
}

.small-sidebar:not(.page-sidebar-fixed).compact-menu .menu.accordion-menu ul li.droplink .sub-menu li a {
	padding-right: 0 !important;
	padding-left: 26px !important;
}

@media (min-width: 768px) {
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > ul {
		position: absolute;
		left: 65px;
		top: 48px;
		width: 190px;
	}
}
@media (max-width: 768px) {
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li a {
		padding: 5px 15px !important;
	}
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li > a {
		overflow: inherit;
	}
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li span.menu-icon {
	margin-right: 15px;
}

@media (min-width: 768px) {
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a > span.arrow {
		display: none;
	}
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
	display: block;
	text-align: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.menu-title {
	display: none;
}

.page-horizontal-bar .accordion-menu > li:hover > ul,
.page-horizontal-bar .accordion-menu > li.open:hover > ul {
	display: inline-block !important;
}

.page-horizontal-bar .accordion-menu > li.open > ul {
	display: none !important;
}

@media (min-width: 768px) {
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li:hover > ul,
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.open:hover > ul {
		display: inline-block !important;
	}
	.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.open > ul {
		display: none !important;
	}
}


/* Page Inner */

.page-inner {
	padding: 0 0 15px 0;
	background: #fff;
	position: relative;
}
.page-inner:after {
/* 	content: ''; */
/* 	position: fixed; */
/* 	bottom: 0; */
/* 	left: 0; */
/* 	z-index: 99; */
/* 	width: 190px; */
/* 	height: 2px; */
/* 	background-color: #fc8a03; */
}
.small-sidebar .page-inner:after {
/* 	width: 65px; */
}

.page-header-fixed:not(.page-sidebar-fixed):not(.page-horizontal-bar) .page-inner {
	padding: 0;
}

.page-sidebar-fixed.page-header-fixed .page-inner {
	padding: 60px 0 50px 160px;
}

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed .page-inner {
	padding: 134px 0 50px 0;
}

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed.compact-menu .page-inner {
  padding: 111px 0 50px 0;
}

.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
	padding: 0px 0 50px 160px;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed .page-inner {
	padding: 60px 0 50px 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
	padding: 0 0 50px 65px;
}

.small-sidebar.page-header-fixed:not(.page-sidebar-fixed) .page-inner {
	padding: 65px 0 50px 0;
}

@media (max-width: 767px) {
	.page-header-fixed:not(.page-sidebar-fixed):not(.page-horizontal-bar) .page-inner {
/* 		padding-top: 18px; */
	}
}



.page-index .page-inner {
	padding-bottom: 20px !important;
}
.page-index .table-responsive:after {
	background-color: transparent;
}
.page-index .table-responsive.narrow {
	min-height: 211px;
}


/* Page Title */

.page-title {
	display: none;
	position: relative;
	z-index: 9;
	padding: 0 20px;
/* 	background: #f0f0f0; */
/* 	border-bottom: 1px solid transparent; */
}

.page-title h3 {
	display: inline-block;
	width: 100%;
	margin: -3px 0 5px;
	padding: 0px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-size: 15px;
	color: #121212;
	line-height: 32px;
	font-weight: normal;
}

.page-title h3.index {color: transparent;}

.page-title h3 a.tip-box {
	display: none;
	float: left;
	font-size: 13px;
	margin-right: 25px;
	margin-top: 7px;
	line-height: 14px;
}
.page-title h3 span.ti {
	float: left;
}

.page-title h3 > a.btn.btn-github {
	float: left;
	margin: 1px 5px 0 0;
	padding: 4px 12px 5px;
	font-size: 13px;
	cursor: default;
	border-radius: 8px;
	border-bottom-left-radius: 0;
}
.page-title h3 > .btn.btn-github:hover,
.page-title h3 > .btn.btn-github:active,
.page-title h3 > .btn.btn-github:focus {
	background: #848484;
	box-shadow: none;
}
.page-title h3 > .btn.btn-info {
	margin: -10px 0 -7px 5px;
	cursor: pointer;
}

.page-right,
.page-right2 {
	float: right;
	margin-top: 10px;
	margin-bottom: 5px;
}
.page-right button,
.page-right2 button {
	float: left;
	margin: -10px 4px 0 0;
	margin: -10px -1px 0;
	padding: 6px 10px 5px;
	width: 35px;
	font-size: 14px;
	letter-spacing: -0.02em;
}
.page-right2 button:hover {
	background: #eee;
}
.page-right2 button {
	margin: 0px 4px 0 0;
}
.page-right button:last-child,
.page-right2 button:last-child {
	margin-right: 0;
}

.page-right button.btn {
    font-size: 13px;
    font-weight: bold;
    padding: 6px 10px 6px;;
    margin-right: 5px;
    font-family: inherit;
    font-weight: normal;
    line-height: 1.5em;
    border-radius: 0;
}
.page-right button.btn:last-child {
	margin-right: 0;
}
.page-right button.btn-sm {
    width: 80px;
}
.page-right button.btn-md {
    width: 100px;
}
.page-right button.btn-lg {
    width: 125px;
}
.page-right button.btn-xl {
    width: 140px;
}
.page-right button.btn-line {
	padding: 6px 10px 5px;
	font-size: 14px;
}
.page-right button.btn-line:hover {
	background: #eee;
}
.page-right button.btn-default,
.page-right2 button.btn-default {
	color: #777;
	background-color: #ccc;
	cursor: default;
}
.page-right button.btn-default:hover,
.page-right button.btn-default:active,
.page-right button.btn-default:focus,
.page-right2 button.btn-default:hover,
.page-right2 button.btn-default:active,
.page-right2 button.btn-default:focus {
	color: #777;
	background-color: #ccc;
	-webkit-box-shadow: none;
			box-shadow: none;
}
.page-right button.text-default,
.page-right2 button.text-default {
	cursor: default;
}
.page-right button.text-default:hover,
.page-right button.text-default:active,
.page-right button.text-default:focus,
.page-right2 button.text-default:hover,
.page-right2 button.text-default:active,
.page-right2 button.text-default:focus {
	color: #ccc;
	background-color: #fff;
	-webkit-box-shadow: none;
			box-shadow: none;
}

@media all and (min-width: 640px) {
	.page-title {
		padding: 0 20px;
/* 		display: inline-block; */
	    width: 100%;
/* 	    float: left; */
	}
	.page-title h3 {
		display: block;
	}
	.page-right,
	.page-right2 {
		float: right;
/* 		margin-top: -4px; */
	}
	.page-right button,
	.page-right2 button {
		margin: 0 -1px 1px;
	}
}

@media all and (max-width: 767px) {
	.page-right,
	.page-right2 {
		margin-top: 10px;
	}
}
@media all and (max-width: 639px) {
	.page-title h3 {
		letter-spacing: -.04em;
	}
	.page-title h3 .btn.btn-github {
/* 		margin-bottom: 10px; */
		padding-right: 5px;
		padding-left: 5px;
	}
	.page-right2 {
		float: left;
		width: 100%;
	}
}
@media all and (max-width: 413px) {
	.page-title h3 {
		font-size: 14px;
		letter-spacing: -.07em;
	}
	.page-right button,
	.page-right2 button {
		padding: 5px 9px 4px;
		width: 32px;
	}
}
@media all and (max-width: 360px) {
	.page-title h3 {
		letter-spacing: -.08em;
	}
	.page-right button,
	.page-right2 button {
		margin-top: -8px;
		padding: 4px 8px 3px;
		width: 30px;
	}
}


/* Page Settings */

.page-breadcrumb .breadcrumb {
	float: left;
	background: transparent;
	padding: 0px;
	margin-top: 30px;
}

.page-breadcrumb ol.breadcrumb {
	margin: 0px;
}

.page-breadcrumb ol.breadcrumb li a {
	font-size: 13px;
	color: #90999c;
}

.page-breadcrumb ol.breadcrumb li.active {
	font-size: 13px;
	color: #90999c;
}

.page-breadcrumb ul {
	margin: 0px;
}

.page-breadcrumb ul li {
	float: left;
	display: inline;
}

.page-breadcrumb ul li a {
	font-size: 13px;
	color: #90999c;
}


/* Main Wrapper */

#main-wrapper {
	margin: 0px;
	padding: 0 0 20px;
}


/* Footer */

.page-footer {
	background: #fff;
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	bottom: 0;
	padding-left: 25px;
	padding-right: 25px;
/* 	padding-top: 10px; */
/* 	padding-bottom: 10px; */
}


/* Sidebar Pusher */

.sidebar-pusher {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	z-index: 9999;
	display: none;
}

.push-sidebar {
	display: inline-block !important;
	padding: 20px 18px;
	color: #5F5F5F;
	border: none;
	position: relative;
	line-height: 20px;
	float: left;
	font-size: 17px;
	text-decoration: none;
}

.push-sidebar:hover {
	color: #5F5F5F;
}

/* Search Button */

.search-button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	z-index: 9999;
	display: none;
	right: 0;
}

.search-button a {
	display: inline-block !important;
	padding: 20px 18px;
	color: #5F5F5F;
	border: none;
	position: relative;
	line-height: 20px;
	float: right;
	font-size: 17px;
	text-decoration: none;
}


/* Icons */
/* FontAwesome */

.fontawesome-icon-list .fa-item {
	padding: 10px 20px 10px 20px;
	color: #333;
}

.fontawesome-icon-list .fa-item i {
	margin-right: 5px;
}

.fontawesome-icon-list .fa-item:hover {
	background: #f1f1f1;
}

.line-icons .line-icon-item {
	padding: 10px 20px 10px 20px;
	color: #333;
	display: block;
}

.line-icons .line-icon-item:hover {
	background: #f1f1f1;
}

.bs-glyphicons-list li span.glyphicon {
	margin: 5px 0 10px 0;
	float: none;
	font-size: 24px;
}

.bs-glyphicons-list li span {
	text-align: center;
	display: block;
}

.bs-glyphicons-list li {
	display: block;
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	background-color: #f9f9f9;
	border: 1px solid #fff;
	list-style-type: none;
}

@media (min-width: 768px) {
	.bs-glyphicons-list li {
		width: 12.5%;
		font-size: 13px;
	}
}

@media (min-width: 768px) {
	.bs-glyphicons-list li {
		width: 12.5%;
		font-size: 13px;
	}
}


/* Calendar */

.calendar-event {
	padding: 7px 10px;
	color: #5B5B5B;
	background: #FCF8E3;
	margin-bottom: 5px;
	overflow: hidden;
}

.calendar-event p {
	float: left;
	margin: 0;
}

.calendar-event .remove-calendar-event {
	float: right;
	color: #5B5B5B;
}


/* FAQ */

.faq-link:hover {
	text-decoration: none;
}

.faq-popular {
	padding: 0;
}

.faq-popular li a {
	padding: 8px 10px;
	font-size: 14px;
	display: inline-block;
}


/* Todo */

.todo-nav {
	margin-top: 10px;
}

.todo-list .todo-item {
	padding: 10px;
	margin: 5px 0;
	border: 1px solid #e9e9e9;
	background: #f9f9f9;
}

.todo-list {
	margin: 10px 0;
}

.todo-list.only-active .todo-item.complete {
	display: none;
}

.todo-list.only-active .todo-item:not(.complete) {
	display: block;
}

.todo-list.only-complete .todo-item:not(.complete) {
	display: none;
}

.todo-list.only-complete .todo-item.complete {
	display: block;
}

.todo-list .todo-item.complete span {
	text-decoration: line-through;
}

.remove-todo-item {
	color: #ccc;
	visibility: hidden;
}

.remove-todo-item:hover {
	color: #5f5f5f;
}

.todo-item:hover .remove-todo-item {
	visibility: visible;
}

#uniform-all-complete {
	margin-left: 11px;
}


/* Dashboard */

.info-box .progress {
	margin: 0;
}

.info-box .info-box-icon {
	float: right;
}

.info-box .info-box-icon i {
	font-size: 31px;
	color: #B0B0B0;
}

.info-box .info-box-stats {
	float: left;
	margin-top: 5px;
}

.info-box .info-box-stats p {
	font-size: 28px;
	margin-bottom: 14px;
	color: #374051;
	font-weight: 300;
}

.info-box .info-box-stats span.info-box-title {
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
	color: #B0B0B0;
}

.info-box .info-box-progress {
	clear: both;
}

@media (min-width: 768px) {
	.visitors-chart {
		border-right: 1px solid #eee;
	}
}

.stats-info ul {
	margin: 0;
}

.stats-info ul li {
	border-bottom: 1px solid #eee;
	padding: 12px 0;
}

.stats-info ul li:last-child {
	border-bottom: 0;
}

.stats-info ul li i {
	margin-left: 5px;
}

#flotchart1 {
	height: 340px;
	width: 100%;
}

#flotchart2 {
	height: 278px;
	width: 100%;
}

#flotchart3 {
	height: 200px;
	width: 100%;
}

.server-load > .server-stat {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 20px;
}

.server-load .server-stat span {
	font-size: 11px;
	margin-bottom: 3px;
}

.server-load .server-stat p {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 3px;
}

.weather-current {
	overflow: hidden;
}

.weather-current p {
	font-size: 12px;
	margin: 5px 0 0 0;
	float: left;
	color: #8e8e8e;
}

.weather-current p span {
	font-size: 42px;
	clear: both;
	margin-top: 15px;
	display: block;
	color: #4E5E6A;
	font-weight: 300;
}

.weather-current p span sup {
	font-size: 25px;
}

.weather-current .weather-icon {
	font-size: 40px;
	display: block;
	float: left;
	margin: 15px 15px 0 0;
}

.weather-day {
	margin: 0;
	font-weight: 600;
	text-align: right;
	font-size: 22px;
}

.weather-day small {
	font-size: 11px;
	color: #8e8e8e;
	margin: 0;
}

.weather-info {
	width: 100%;
	display: block;
	overflow: hidden;
}

.weather-info li {
	padding: 8px 0;
}

.weather-top {
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.weather-days {
	margin: 15px 0 0 0 ;
	padding: 15px 0 0 0;
	border-top: 1px solid #f1f1f1;
}

.weather-days li span {
	display: block;
	text-align: center;
}

.weather-days li i {
	display: block;
	font-size: 22px;
	text-align: center;
	margin: 10px 0 10px 0;
}

@media (max-width: 768px) {
	.weather-days li {
		margin-bottom: 15px;
	}
}

.live-tile {
	width: 100%;
	margin: 0;
	height: 155.5px;
}

.twitter-box {
	background: #5EA9DD;
}

.facebook-box {
	background: #3B5998;
}

.twitter-box i,
.facebook-box i {
	position: absolute;
	right: 10px;
	bottom: 0;
	font-size: 50px;
	color: rgba(255,255,255,0.3);
}

.tile-date {
	display: block;
	margin-top: 15px;
	color: rgba(255,255,255,0.7);
}

.inbox-widget {
	height: 341px !important;
}

.inbox-widget a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.inbox-widget .inbox-item {
	padding: 10px 0;
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
	position: relative;
}

.inbox-widget a:last-child >.inbox-item {
	border-bottom: 0;
}

.inbox-widget .inbox-item .inbox-item-img {
	display: block;
	float: left;
	margin-right: 15px;
	width: 40px;
	color: #b0b0b0;
}

.inbox-widget .inbox-item img {
	width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
	display: block;
	margin: 0;
	font-size: 11px;
	color: #a0a0a0;
}

.inbox-widget .inbox-item .inbox-item-text {
	display: block;
	margin: 0;
	font-weight: 600;
	color: #333;
}

.inbox-widget .inbox-item .inbox-item-date {
	position: absolute; 
	top: 2px;
	right: 7px;
	color: #a9a9a9;
	font-size: 11px;
}

#rickshaw-chart {
	margin: 0 -22px -25px -20px;
	height: 100px;
}

.project-stats .table {
	margin-bottom: 0;
}
.project-stats .progress {
	margin: 3px 0 0 0;
}


/* Profile */

.profile-cover {
	background: url('../images/profile-cover.png');
	background-size: cover;
	width: 100%;
	height: 300px;
	position: relative;
}

.profile-image {
	position: absolute;
	margin: 200px 20px 20px 20px;
}

.profile-image img {
	display: block;
	margin: 0 auto;
	width: 150px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 5px #fff;
	   -moz-box-shadow: 0 0 0 5px #fff;
		 -o-box-shadow: 0 0 0 5px #fff;
			box-shadow: 0 0 0 5px #fff;
}

.profile-info {
	position: absolute;
	bottom: 10px;
	right: 20px;
	padding: 0;
	margin: 0;
	text-align: right;
}

.profile-info-value {
	color: #fff;
	display: inline-block;
	margin-left: 40px;
}

.user-profile {
	margin-top: 60px;
}

.team .team-member {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
	position: relative;
}

.team .team-member .online {
	top: 5px;
	right: 5px;
}

.team .team-member img {
	width: 40px;
	float: left;
	border-radius: 50%;
	margin: 0 5px 0 5px;
}

.team .more-members a {
	display: block;
	text-align: center;
}

.profile-timeline ul li .timeline-item-header {
	width: 100%;
	overflow: hidden;
}

.profile-timeline ul li .timeline-item-header img {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
	border-radius: 50%;
}

.profile-timeline ul li .timeline-item-header p {
	margin: 0;
	color: #000;
	font-weight: bold;
}

.profile-timeline ul li .timeline-item-header p span {
	margin: 0;
	color: #8E8E8E;
	font-weight: normal;
}

.profile-timeline ul li .timeline-item-header small {
	margin: 0;
	color: #8E8E8E;
}

.profile-timeline ul li .timeline-item-post {
	padding: 20px 0 0 0;
	position: relative;
}

.profile-timeline ul li .timeline-item-post > img {
	width: 100%;
}

.timeline-options {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
	padding: 10px 0 10px 0;
}

.timeline-options a {
	display: block;
	margin-right: 20px;
	float: left;
	color: #333;
	text-decoration: none;
}

.timeline-options a i {
	margin-right: 3px;
}

.timeline-options a:hover {
	color: #22BAA0;
}

.timeline-comment {
	overflow: hidden;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 5px;
}

.timeline-comment .timeline-comment-header {
	overflow: hidden;
}

.timeline-comment .timeline-comment-header img {
	width: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}

.timeline-comment .timeline-comment-header p {
	color: #000;
	float: left;
	margin: 0;
	font-weight: bold;
}

.timeline-comment .timeline-comment-header small {
	font-weight: normal;
	color: #8E8E8E;
}

.timeline-comment p.timeline-comment-text {
	display: block;
	color: #333;
	font-size: 12px;
	padding-left: 40px;
}

.post-options {
	overflow: hidden;
	margin-top: 15px;
	margin-left: 15px;
}

.post-options a {
	display: block;
	margin-top: 5px;
	margin-right: 20px;
	float: left;
	color: #333;
	text-decoration: none;
	font-size: 17px;
}

.post-options a:hover {
	color: #22BAA0;
}

#gallery .mix {
	display: none;
}


/* Mailbox */

.mailbox-nav li a {
	display: block;
	padding: 10px 7px;
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #E7EAEC;
	overflow: hidden;
}

.mailbox-nav li a:hover,
.mailbox-nav .active a { 
	color: #333;
}

.mailbox-nav li a i {
	margin-right: 5px;
}

.mailbox-content {
	background: #fff;
	padding: 15px;
}

.mailbox-header {
	margin-bottom: 20px;
}

.mailbox-header h2 {
	margin: 3px 0;
}

.mailbox-content {
	overflow: hidden;
}

.mailbox-content table thead tr th {
	border-bottom: 1px solid #ddd;
}

.mailbox-content table tbody tr td {
	cursor: pointer;
}

.mailbox-content table tbody tr:hover {
	background: #FAFAFA; 
}

.mailbox-content table tbody tr.read {
	background: #F9F9F9;
	color: #7F7F7F;
}

.mailbox-content table tbody tr.checked {
	background: #FFFFCC;
}

.mail-hidden-options {
	display: none;
}

.message-header {
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
	padding: 5px 0 15px 0;
	margin-bottom: 10px;
}

.message-header h3 {
	float: left;
	font-size: 18px;
	margin: 0;
	color: #666;
}

.message-header p {
	float: right;
	margin: 0;
}

.message-sender {
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

.message-sender img {
	width: 30px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.message-sender p {
	display: inline-block;
}

.message-sender span {
	color: #7F7F7F;
}

.message-content {
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

.message-attachments {
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
	padding: 0 0 15px 0;
	margin-bottom: 10px;
}

.message-attachment {
	position: relative;
	width: 200px;
	float: left;
	margin-right: 10px;
	border: 1px solid #f1f1f1;
}

.message-attachment a {
	text-decoration: none;
}

.message-attachment img {
	display: block;
	width: 100%;
}

.attachment-info {
	background: #f9f9f9;
	padding: 10px;
}

.attachment-info p {
	margin: 0;
}

.attachment-info span {
	font-size: 11px;
	color: #aaa;
}

.compose-message {
	overflow: hidden;
	padding: 0 0 10px 0;
}

.compose-options {
	width: 100%;
	overflow: hidden;
	display: block;
}


/* Shop */




/* Notifications */

.box-notifications {
	max-height: 312px;
	overflow-y: scroll;
}

.box-notifications ul li {
	display: block;
	padding: 11px 0 11px 0;
	border-bottom: 1px solid #f1f1f1;
}

.box-notifications ul li:first-child {
	padding: 0 0 11px 0;
}

.box-notifications ul li:last-child {
	padding: 11px 0 0 0;
	border-bottom: 0;
}

.box-notifications ul li p {
	margin: 0;
}


/* Extra */

.page-error #main-wrapper {
	margin: 15% 5% 5%;
}

.page-error .details {
	margin-bottom: 20px;
	text-align: center;
} 

.coming-soon .page-inner {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('../images/coming-soon.jpg');
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
	background-size: cover;
}


/* Login */

.page-login .page-content {
	background: #fbfbfb;
}
.page-login #main-wrapper,
.page-register #main-wrapper,
.page-forgot #main-wrapper,
.page-lock-screen #main-wrapper {
	margin: 10% 5% 5%;
}

.page-login .page-content .page-inner {
	background-image: url('../images/user/bg_login.jpg');
	background-size: cover;
	background-position: top center;
}

.login-box {
	margin: 10px auto 0;
	max-width: 400px;
}

.login-box .logo img {
/* 	width: 120px; */
	height: 40px;
}

.login-box .logo-name {
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #6c6c6c;
}

.login-box .user-box {
	display: block;
	clear: both;
	overflow: hidden;
}

.login-box .user-box img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
}

.login-box .user-box form {
	overflow: hidden;
}

.login-box form {
	margin-top: 30px;
}

.form-control-login {
	padding: 15px 10px !important;
	width: 100%;
	height: 45px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #dce1e4;
	border-radius: 0;
	box-shadow: none!important;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.login-box button {
	color: #fff;
	background-color: #fc8a03;
	border-color: transparent;
}
.login-box button:hover,
.login-box button:active,
.login-box button:focus {
	color: #fff;
	background-color: #fe8007;
	border-color: transparent;
}

@media all and (max-width: 1280px) {
	.page-login .page-content .page-inner {
		background-position: center;
	}
}
@media all and (max-width: 812px) {
	.page-login .page-content .page-inner {
		background-position-y: 14%;
		background-size: 250%;
		background-color: #fbfbfb;
		background-repeat: no-repeat;
	}
}
@media all and (max-width: 767px) {
	.page-login .page-content .page-inner {
		background-position-y: 120px;
	}
}



/* user Login */

.page-login-user {
	width: 100%;
	background: #fff;
}
.page-login-user .page-content {
	background: #ffffff;
}
.page-login-user #main-wrapper {
	margin: 6.5% 0 0;
    padding: 0 80px;
    background-image: linear-gradient(to bottom right, #b721ff, #21d4fd 75%);
    box-sizing: border-box;
    /*height: 100%;
    width: 100%;
    float: left;
    position: absolute;*/
}

.page-login-user .page-content .page-inner {
/* 	background-image: url('../images/user/bg_login.jpg'); */
	background-size: cover;
	background-position: top center;
	/*position: relative;*/
}

.page-login-user .logo {
    position: absolute;
    bottom: 4%;
    text-align: center;
    width: 100%;
}

.triangle-border {
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff;
	border-left: 15px solid transparent;
	margin: -30px auto 0;
}
.page-login-user .logo img {
/* 	width: 140px; */
	height: 40px;
}

.page-login-user .center h1 ul {
	float: left;
	width: auto;
	position: absolute;
    top: -75px;
    right: 0;
}
.page-login-user .center h1 ul li {
	float: left;
	margin-left: 40px;
}
.page-login-user .center h1 ul li a {
	font-size: 20px;
	color: #333;
	font-family: 'NotoSansM';
}

.footerArea.user {
    letter-spacing: 0;
    bottom: -55px;
}

.page-login-user .logo-name {
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #6c6c6c;
}

.page-login-user .left {
    margin: 135px auto 135px;
    float: left;
    width: 51%;
    display: block;
    background-color: rgba(255,255,255,.9);
    border-radius: 15px;
    -webkit-box-shadow: 0px 10px 47px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 47px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -20px 40px 2px rgba(0, 0, 0, 0.2);
}

.login-box-user {
	margin: 55px auto;
	max-width: 250px;
}

@media (min-width: 1680px) {
	.login-box-user {
		max-width: 375px;
		margin: 60px auto 65px;
	}
}

.login-box-user h3 {
	color: #fff;
	font-size: 26px;
}



.login-box-user .user-box {
	display: block;
	clear: both;
	overflow: hidden;
}

.login-box-user .user-box img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
}

.login-box-user .user-box form {
	overflow: hidden;
}

.login-box-user form {
	margin-top: 25px;
}

.login-box-user form .btns {
	float: left;
	width: 100%;
}

.login-box-user .form-control-login {
	padding: 15px 10px !important;
	width: 100%;
	height: 45px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #dce1e4;
	border-radius: 5px;
	box-shadow: none!important;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.login-box-user button.login {
	width: 100%;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	background-color: #3f34bf;
	border-color: transparent;
	border-radius: 5px;
	margin: 0 0 15px !important;
}
.login-box-user button.login:hover,
.login-box-user button.login:active,
.login-box-user button.login:focus {
	color: #fff;
	background-color: #4c3fe5;
	border-color: transparent;
}

.login-box-user .btns button {
	float: left;
	width: 49%;
	font-size: 13px;
	color: #fff;
	background-color: #1bb7fb;
	border-color: transparent;
	border-radius: 5px;
	margin: 10px 0 40px !important;
}
.login-box-user .btns button:nth-child(2) {float:right;}
.login-box-user .btns button:hover,
.login-box-user .btns button:active,
.login-box-user .btns button:focus {
	color: #fff;
	background-color: #1671e2;
	border-color: transparent;
}

.login-box-user span {
	font-size: 12px;
	color: #333;
}
.login-box-user a.idpw {
	float: right;
	color: #fff;
	opacity: .7;
}
.login-box-user a.idpw i {font-style: normal;}
.login-box-user a:hover.idpw {
	opacity: 1;
}

@media (max-height: 790px) {
	.page-login-user {min-height: 700px;}
	.page-login-user .layer {min-height: 110vh;}
	.page-login-user h1 {
		position: relative;
		bottom: 0;
		z-index: 1;
		height: 100px;
		background: #fff;
	}
	.page-login-user .triangle-border {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -15px;
	}
	.page-login-user .logo {
		position: relative;
		float: left;
		bottom: -30px;
	}
}

@media (min-height: 701px) and (max-height: 789px) {
	.page-login-user .layer {min-height: 90vh;}
}

@media (min-height: 651px) and (max-height: 700px) {
	.page-login-user .layer {min-height: 95vh;}
}

@media (min-height: 601px) and (max-height: 650px) {
	.page-login-user .layer {min-height: 100vh;}
}

@media (min-height: 571px) and (max-height: 600px) {
	.page-login-user .layer {min-height: 110vh;}
}

@media (min-height: 501px) and (max-height: 570px) {
	.page-login-user .layer {min-height: 120vh;}
}

@media (max-height: 500px) {
	.page-login-user .layer {min-height: 130vh;}
}


/* Supply Login */

.page-login-supply {
	width: 100%;
}
.page-login-supply .page-content {
	background: #ffffff;
}
.page-login-supply #main-wrapper {
	margin: 6.5% 0 0;
    padding: 0 80px;
    background-image: linear-gradient(to bottom right, #2e3797, #18b4e6);
    box-sizing: border-box;
    /*height: 100%;
    width: 100%;
    float: left;
    position: absolute;*/
}

.page-login-supply .page-content .page-inner {
/* 	background-image: url('../images/user/bg_login.jpg'); */
	background-size: cover;
	background-position: top center;
	/*position: relative;*/
}

.page-login-supply .logo {
	float: left;
	width: auto;
	position: absolute;
    top: -77px;
}

.page-login-supply .logo img {
/* 	width: 140px; */
	height: 45px;
}

.page-login-supply .center h1 ul {
	float: left;
	width: auto;
	position: absolute;
    top: -75px;
    right: 0;
}
.page-login-supply .center h1 ul li {
	float: left;
	margin-left: 40px;
}
.page-login-supply .center h1 ul li a {
	font-size: 20px;
	color: #333;
	font-family: 'NotoSansM';
}

.footerArea {
	width: 100%;
    font-size: 13px;
    color: #19357d;
    opacity: .9;
    bottom: -45px;
    position: absolute;
    font-family: Dotum;
    letter-spacing: -1px;
    text-align: right;
    right: 0; 
    padding: 0; 
}

.page-login-supply .logo-name {
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #6c6c6c;
}

.page-login-supply .left {
    margin: 155px auto 165px;
    float: left;
    width: 33.333%;
    display: block;
    background-color: rgba(255,255,255,0.3);
    border-radius: 15px;
}

.login-box-supply {
	margin: 55px auto 40px;
	max-width: 250px;
}

@media (min-width: 1680px) {
	.login-box-supply {
		max-width: 280px;
	}
}

.login-box-supply h3 {
	color: #fff;
	font-size: 26px;
}



.login-box-supply .user-box {
	display: block;
	clear: both;
	overflow: hidden;
}

.login-box-supply .user-box img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
}

.login-box-supply .user-box form {
	overflow: hidden;
}

.login-box-supply form {
	margin-top: 30px;
}

.login-box-supply form .btns {
	float: left;
	width: 100%;
}

.login-box-supply .form-control-login {
	padding: 15px 10px !important;
	width: 100%;
	height: 45px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #dce1e4;
	border-radius: 5px;
	box-shadow: none!important;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.login-box-supply button.login {
	width: 100%;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	background-color: #0b47be;
	border-color: transparent;
	border-radius: 5px;
	margin: 0 0 15px !important;
}
.login-box-supply button.login:hover,
.login-box-supply button.login:active,
.login-box-supply button.login:focus {
	color: #fff;
	background-color: #093997;
	border-color: transparent;
}

.login-box-supply .btns button {
	float: left;
	width: 49%;
	font-size: 13px;
	color: #fff;
	background-color: #1bb7fb;
	border-color: transparent;
	border-radius: 5px;
	margin: 10px 0 40px !important;
}
.login-box-supply .btns button:nth-child(2) {float:right;}
.login-box-supply .btns button:hover,
.login-box-supply .btns button:active,
.login-box-supply .btns button:focus {
	color: #fff;
	background-color: #1671e2;
	border-color: transparent;
}

.login-box-supply span {
	font-size: 12px;
	color: #fff;
}
.login-box-supply a.idpw {
	float: right;
	color: #fff;
	opacity: .7;
}
.login-box-supply a.idpw i {font-style: normal;}
.login-box-supply a:hover.idpw {
	opacity: 1;
}
.col-md-12.bottom {
	margin: 0 auto;
	float: none !important;
	display: block;
	 bottom: -60px; 
	 text-align: center;
	 color: #fff;
	 opacity: .8;
}
.col-md-12.bottom.user {
	 color: #665fbe;
	 text-align: left;
	 font-size: 12px;
     line-height: 19px;
	 bottom: 0;
	 padding: 15px 0 20px;
	 opacity: .9;
}
.login-box-supply h4,
.login-box-user h4 {
	color: #fff;
	font-family: 'NotoSansM';
    font-size: 24px;
    font-weight: 500;
}
.login-box-user h4 {
	font-family: 'NotoSansB';
    font-size: 36px !important;
    color: #3f34bf;
}
.col-md-9.center {display: table;}
.col-md-9.center h1 {width: 100%; float: left;}
@media (min-width: 1760px) {
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {margin: 5.8% 0 0;}
}
@media (min-width: 1600px) {
	.col-md-9.center {width: 65% !important;}
	.col-md-9.bottom {width: 65% !important; bottom: -60px; text-align: center;}
	.page-login-supply .right img,
	.page-login-user .right img {width: 86% !important;}
	.page-login-supply .right,
	.page-login-user .right {top: 130px !important;}
}
@media (min-width: 1140px) and (max-width: 1599px) {
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {margin: 8% 0 0;}
}
@media all and (max-width: 1600px) {
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {margin: 6.5% 0 9%;}
	.login-box-supply,
	.login-box-user {max-width: 80% !important;}
	.page-login-supply .left {width: 40%;}
	.page-login-user .left {width: 55%;}
	.page-login-supply .right,
	.page-login-user .right {width: 60% !important; text-align: right; top: 200px !important;}
	.page-login-supply .right img,
	.page-login-user .right img {width: 95% !important;}
	.page-login-supply .logo {top: -65px;}
	.page-login-supply .center h1 ul,
	.page-login-user .center h1 ul {top: -65px;}
}

@media all and (max-width: 1280px) {
	.page-login-supply .page-content .page-inner,
	.page-login-user .page-content .page-inner {
		background-position: center;
	}
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {padding: 0 20px !important; margin: 8% 0 9%;}
}

@media all and (max-width: 1000px) {
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {padding: 0 20px !important; margin: 10% 0 9%;}
}

@media all and (max-width: 920px) {
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {padding: 0 20px !important; margin: 12% 0 9%;}
}

@media all and (max-width: 812px) {
	.page-login-supply .page-content .page-inner,
	.page-login-user .page-content .page-inner {
		background-position-y: 14%;
		background-size: 250%;
		background-color: #fbfbfb;
		background-repeat: no-repeat;
	}
}
@media all and (max-width: 767px) {
	.page-login-supply .page-content .page-inner,
	.page-login-user .page-content .page-inner {
		background-position-y: 120px;
		background: #fff;
	}
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {margin: 9% 0 9%; padding: 0 30px !important;}
	.page-login-supply .left,
	.page-login-user .left {width: 100%; margin: 70px auto 90px;}
	.page-login-supply .right,
	.page-login-user .right {display: none !important;}

	.page-login-supply .logo {top: -50px;}
	.page-login-supply .center h1 ul,
	.page-login-user .center h1 ul {top: -55px;}
	
	.page-login-supply .logo {
		width: 100% !important;
	}
	.page-login-supply .logo img {height: 30px;}
	.page-login-supply h1 span,
	.page-login-user h1 span {
		width: 100% !important;
		top: 20px;
		color: #fff;
		padding: 0 15px;
	}
	.page-login-supply .center h1 ul li,
	.page-login-user .center h1 ul li {margin-left: 12px;}
	.page-login-supply .center h1 ul li a,
	.page-login-user .center h1 ul li a {font-size: 14px;}
	.footerArea {bottom: 20px; left: 0; padding: 0 30px; line-height: 18px;}
	.footerArea.user {
	    text-align: center;
	}
	.layer {padding: 0 7%;}
}
@media all and (max-width: 600px) {
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {margin: 13% 0 9%;}
}
@media all and (max-width: 499px) {
	.page-login-supply #main-wrapper,
	.page-login-user #main-wrapper {margin-top: 66px; margin-bottom: 16%; padding: 0 30px !important;}
	.col-md-12.bottom {bottom: -55px;}
	.page-login-supply .logo {top: -50px;}
	.page-login-supply .center h1 ul,
	.page-login-user .center h1 ul {float: left; width: 100%; top: 10px; position: relative;}
	.page-login-supply .center h1 ul li:first-child,
	.page-login-user .center h1 ul li:first-child {margin-left: 0px;}
	.page-login-supply .center h1 ul li a,
	.page-login-user .center h1 ul li a {font-size: 13px; color: #fff;}
	.page-login-supply .left,
	.page-login-user .left {margin: 40px auto 70px;}
	.login-box-supply .btns button,
	.login-box-user .btns button {margin: 10px 0 0px !important;}
	.footerArea {bottom: -55px; font-size: 12px; left: 0; padding: 0 30px 5px; line-height: 18px; text-align: center;}
	.login-box-supply h4,
	.login-box-user h4 {font-size: 20px;}
	.login-box-supply,
	.login-box-user {margin: 45px auto 40px;}
}

.page-login-supply .right,
.page-login-user .right {
    float: right;
    display: block;
    width: 70%;
    position: absolute;
    right: -50px;
    top: -130px;
    text-align: right;
}
.page-login-supply .right img,
.page-login-user .right img {width: 90%;}



/* Login alt */

.login-alt .login-box {
	max-width: 100%;
}

.login-info {
	margin-top: 19px;
}


/* Search Results */

.search-item {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
}

.search-item p {
	margin: 0;
}

.search-item a {
	text-decoration: none;
}

.search-item a.search-link {
	color: #22BAA0;
}


/* Chat */

.chat {
	position: relative;
	padding-bottom: 100px;
}

.chat .chat-item {
	display: block;
	padding: 10px 15px;
	width: 100%;
	overflow: hidden;
}

.chat .chat-item-right .chat-message {
	float: right;
}

.chat .chat-item .chat-image {
	float: left;
	display: inline-block;
}

.chat-item-left .chat-message {
	margin-top: 5px;
}

.chat .chat-item .chat-message {
	position: relative;
	border-radius: 12px;
	padding: 4px 12px;
	max-width: 75%;
	background: #f1f1f1;
	display: inline-block;
}

.chat .chat-item img {
	display: block;
	width: 40px;
	border-radius: 50%;
	margin-right: 5px;
}

.chat .chat-item-right .chat-message {
	background: #22BAA0;
	float: right;
	color: #fff;
}

.chat-write {
	padding: 5px;
	background: #fff;
	position: absolute;
	bottom: 0;
	width: 240px;
}

.chat-write input {
	width: 100%;
}


/* Transitions */

.top-menu .navbar-nav > li > a > .badge,
.menu li a .arrow:before,
.menu li.open > a > .arrow:before {
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		 -o-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
}


/* Overflow */

.navbar .logo-box,
.navbar .logo-box a,
.top-menu .navbar-nav > li > a > img,
.info,
.messages li a,
.messages li a .msg-img,
.messages li a .msg-text,
.messages li a .msg-time,
.tasks li a,
.tasks li a .task-icon,
.search-form,
body:not(.small-sidebar):not(.page-horizontal-bar) .menu.accordion-menu,
.page-inner,
.small-sidebar .page-sidebar-fixed .page-inner,
.page-breadcrumb,
.page-breadcrumb .breadcrumb,
.page-breadcrumb ul,
.info-box,
.text-box,
.small-sidebar .accordion-menu li a,
.page-footer,
.color-switcher {
	overflow: hidden;
}


/* Settings */

.color-switcher {
	display: block;
	width: 100%;
	margin: 10px 0 5px 0;
}

.color-switcher .colorbox {
	dipslay: block;
	width: 28px;
	height: 28px;
	margin: 0 5px 0 0;
	padding: 0px;
	border: 2px solid #f1f1f1;
	cursor: pointer;
	float: left;
	border-radius: 50%;
}

.color-switcher .colorbox:hover {
	border: 2px solid #dedede;
}


/* Blue */
.color-switcher .colorbox.color-blue { 
	background-color: #12afcb;
}


/* Red */
.color-switcher .colorbox.color-red { 
	background-color: #F25656;
}


/* Green  */
.color-switcher .colorbox.color-green { 
	background-color: #22baa0;
}


/* Purple  */
.color-switcher .colorbox.color-purple { 
	background-color: #7a6fbe;
}


/* Black  */
.color-switcher .colorbox.color-dark { 
	background-color: #34425A;
}


/* White  */
.color-switcher .colorbox.color-white { 
	background-color: #fff;
}


/* Media Queries */

@media (max-width: 991px) {
	.profile-image {
		right: 0;
		left: 0;
	}
	
	.profile-info {
		top: 10px;
		right: 0;
		left: 0;
		bottom: auto;
		text-align: center;
	}

	.profile-info-value {
		color: #fff;
		float: none;
		margin: 0 10px 0 10px;
		display: inline-block;
	}
	
	.mailbox-header h2 {
		margin: 20px 0;
		text-align: center;
	}
}

@media (max-width: 767px) {
	
	.sidebar {
		opacity: 0;
		visibility: hidden;
		display: none;
		width: 0;
		-webkit-transition: opacity 0.3s ease-in-out;
		   -moz-transition: opacity 0.3s ease-in-out;
			 -o-transition: opacity 0.3s ease-in-out;
				transition: opacity 0.3s ease-in-out;
	}
	
	body:not(.page-header-fixed) .sidebar {
		padding-top: 0 !important;
	}
	
	.small-sidebar .sidebar.visible,
	.page-horizontal-bar .sidebar.visible {
		margin-right: -65px;
		opacity: 1;
		visibility: visible;
		width: 190px;
		display: block;
		-webkit-transition: opacity 0.3s ease-in-out;
		   -moz-transition: opacity 0.3s ease-in-out;
			 -o-transition: opacity 0.3s ease-in-out;
				transition: opacity 0.3s ease-in-out;
	}
	
	body:not(.small-sidebar) .sidebar.visible {
		margin-right: -160px;
		opacity: 1;
		visibility: visible;
		display: block;
		width: 190px;
		-webkit-transition: opacity 0.3s ease-in-out;
		   -moz-transition: opacity 0.3s ease-in-out;
			 -o-transition: opacity 0.3s ease-in-out;
				transition: opacity 0.3s ease-in-out;
	}
	
	.small-sidebar .sidebar,
	.horizontal-bar {
		-webkit-transition: opacity 0.3s ease-in-out;
		   -moz-transition: opacity 0.3s ease-in-out;
			 -o-transition: opacity 0.3s ease-in-out;
				transition: opacity 0.3s ease-in-out;
	}
	
	.navbar .logo-box {
		margin: 0 auto;
		background: transparent !important;
		text-align: center;
		width: 100% !important;
		border: 0 !important;
	}
	
	.navbar .logo-box a {
		color: #5F5F5F !important;
	}
	
	.navbar .logo-box .logo-text {
		width: 100%;
		display: inline-block !important;
	}
	
	.page-sidebar-fixed:not(.page-header-fixed) .logo-box {
		position: relative;
		display: block;
	}
	
	.small-sidebar .navbar .logo-box a span {
		display: inline-block;
	}
	
	.sidebar-pusher {
		display: block;
	}
	
	.search-button {
		display: block;
	}
	
	.topmenu-outer,
	.small-sidebar .topmenu-outer,
	.page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
		margin: 0;
	}
	
	.top-menu {
		display: none;
	}
	
	.page-inner {
		-webkit-transition: all 0.1s ease-in-out;
		   -moz-transition: all 0.1s ease-in-out;
			 -o-transition: all 0.1s ease-in-out;
				transition: all 0.1s ease-in-out;
	}
	
	.page-inner.sidebar-visible {
		-webkit-transform: translate3d(160px, 0, 0);
				transform: translate3d(160px, 0, 0);
	}
	
	.small-sidebar .page-inner.sidebar-visible,
	.page-horizontal-bar .page-inner.sidebar-visible {
		-webkit-transform: translate3d(65px, 0, 0);
				transform: translate3d(65px, 0, 0);
	}
	
	.page-sidebar-fixed.page-header-fixed .page-inner {
		padding: 60px 0 50px 0 !important;
	}
	
	.horizontal-bar {
		float: left;
		height: auto !important;
		display: block;
		z-index: 1029;
		overflow: visible !important;
	}
	
	.small-sidebar .horizontal-bar {
		height: auto !important;
	}
	
	.horizontal-bar .menu li {
		float: none;
		display: block;
	}
	
	.horizontal-bar .accordion-menu li > ul,
	.small-sidebar .horizontal-bar .accordion-menu li > ul {
		left: 65px !important;
		top: 0 !important;
	}
	
	.small-sidebar.page-horizontal-bar .accordion-menu > li > a,
	.small-sidebar.page-horizontal-bar:not(.page-sidebar-fixed) .accordion-menu > li > a {
		padding: 15px !important;
		text-align: center;
		width: 65px;
	}
	
	.horizontal-bar .menu li a p {
		display: none;
	}
	
	.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a > .menu-icon {
		margin-right: 0 !important;
		font-size: 16px;
		float: none !important;
	}
	
	.horizontal-bar .accordion-menu > li > a,
	.page-horizontal-bar.compact-menu:not(.small-sidebar) .menu.accordion-menu > li > a {
		padding: 15px !important;
		text-align: center !important;
		width: 65px;
	}
	
	.page-horizontal-bar .page-inner {
		padding: 60px 0 50px 0;
	}
	
	.page-horizontal-bar.page-sidebar-fixed.page-header-fixed .page-inner {
		padding: 60px 0 50px 0;
	}
	
	.small-sidebar.page-sidebar-fixed.page-header-fixed.page-horizontal-bar .page-inner {
		padding: 60px 0 50px 0;
	}
	
	.small-sidebar.page-header-fixed.page-horizontal-bar:not(.page-sidebar-fixed) .page-inner {
		padding: 60px 0 50px 0;
	}
	
	body:not(.page-header-fixed) .page-inner {
		padding: 0 0 50px 0;
	}  
	
	.page-horizontal-bar:not(.page-sidebar-fixed) .checkout,
	.page-horizontal-bar.page-sidebar-fixed.compact-menu .checkout,
	.page-horizontal-bar.page-sidebar-fixed:not(.compact-menu) .checkout {
		top: 60px;
	}
	.menu.accordion-menu,
	.menu.accordion-menu > li > a {
		width: 190px;
	}
}

.overlay {
	background: rgba(0,0,0,0.4);
	z-index: 1000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}

.show-menu .overlay {
	display: block;
}



/* 추가 */
.panel .panel-heading.index {
	height: auto;
	margin-top: 0;
	padding: 20px 0px 15px;
	margin: 0;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-size: 15px;
	letter-spacing: -.5px;
}
.col-md-12:first-child .panel div:nth-of-type(1) div:first-child .panel-heading.index,
.col-md-12:first-child .panel div:nth-of-type(2) div:first-child .panel-heading.index {
/* 	padding-top: 0; */
}
.panel .panel-heading.index.no-title {
	height: 57px;
}
.panel .panel-heading.index button {
	float: right;
	background: none;
	border: none;
	opacity: .3;
}
.panel .panel-heading.index button:hover {
	opacity: .9;
}
.panel .panel-heading.index button img {width: 14px; height: 14px;}



.box01 ul,
.box02 ul {float: left; width: 100%;}

.box01 ul li,
.box02 ul li {
	float: left; 
	width: 24.25%;
	margin-left: 1%;
}
.box01 ul li:nth-child(1),
.box01 ul li:nth-child(5),
.box02 ul li:nth-child(1) {
	margin-left: 0;
}
.box01 ul li:nth-child(5),
.box01 ul li:nth-child(6),
.box01 ul li:nth-child(7),
.box01 ul li:nth-child(8) {
	margin-top: 15px;
}
.box01 ul li a,
.box02 ul li a {
	float: left; 
	width: 100%;
	color: #121212;
	font-size: 13px;
	border: 0 !important;
    border-radius: 3px;
    	-webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.2);
    padding: 23px 20px;
    cursor: pointer;
}
.box01 ul li a:hover,
.box02 ul li a:hover {
	color: #121212;
    	-webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.12);
}
.box01 ul li a i,
.box02 ul li a i {
	float: left;
	font-style: normal;
}
.box01 ul li a strong,
.box02 ul li a strong {
	float: right;
	font-size: 15px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
}
.box02 ul li a i ins {
	color: #22baa0;
	text-decoration: none;
}

@media (max-width: 1435px) {
	.box01 ul li a,
	.box02 ul li a {
		padding: 25px 15px !important;
	}
	.box-color ul li a {
		font-size: 14px !important;
		padding: 25px 10px 23px 10px !important;
	}
	.box03 ul li a {padding: 15px 15px !important;}
	.box03 ul li a strong {width: 35px !important; height: 35px !important; padding: 5px !important;}
}
@media (max-width: 767px) {
	.box01 ul li,
	.box02 ul li {width: 49.5% !important; margin-left: 0;}
	.box01 ul li:nth-child(2n),
	.box02 ul li:nth-child(2n) {margin-left: 1%}
	
	.box01 ul li:nth-child(1),
	.box01 ul li:nth-child(2),
	.box02 ul li:nth-child(1),
	.box02 ul li:nth-child(2) {
		margin-bottom: 15px;
	}
}

.supply .box01 .panel-heading span,
.supply .box02 .panel-heading span {
/* 	float: right; */
	margin-top: 2px;
	margin-left: 5px;
	font-family: 'NotosansL', NanumGothic, Dotum, sans-serif;
	font-size: 13px;
/* 	color: #c9c9c9; */
}

/* supply index (입고완료 hidden) */
.supply .box01 ul {
	float: left; 
	width: 100%;
	color: #121212;
	font-size: 13px;
	border: 0 !important;
    border-radius: 3px;
    	-webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.2);
    	-moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.2);
    padding: 23px 20px 23px;
    margin-top: 1px;
}
.supply .box01 ul li {
	float: left; 
	width: 32.6%;
}
.supply .box01 ul li:nth-child(1) {
	padding-right: 15px;
}
.supply .box01 ul li:nth-child(2) {
	padding-left: 25px;
	padding-right: 25px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.supply .box01 ul li:nth-child(3) {
	padding-left: 15px;
}
.supply .box01 ul li a {
	display: inline-block;
    width: 100%;
	color: #121212;
	box-shadow: none;
	padding: 0 !important;
}
.supply .box01 ul li a:hover {
	color: #34bac7;
}



.supply .box02 {
	float: left;
	width: 50%;
}
.supply .box02 ul li {
	margin-left: 2%;
	width: 48.5%;
}
.supply .box02 ul li:first-child {
	margin-left: 0;
}
.supply .box02:nth-last-of-type(1) ul li:first-child {
	margin-left: 1%;
}

@media (max-width: 1435px) {
	.supply .box01 ul li a,
	.supply .box02 ul li a {
/* 		padding: 15px 10px !important; */
	}
	.supply .box-color ul li a {padding: 88px 20px 84px !important;}
}


.box-color ul li {
	float: left; 
	width: 49.5%;
	margin-left: 1%;
}
.box-color ul li:nth-child(1) {
	margin-left: 0;
	background: #34bac7;
}
.box-color ul li:nth-child(2) {
	background: #516edf;
}
.supply .box-color ul li:hover {
	opacity: .92;
}

.box-color ul li a {
	float: left; 
	width: 100%;
	font-family: 'NotoSansR';
	color: #fafafa;
	font-size: 20px;
	font-weight: 500;
	padding: 37px 30px 33px 30px;
	border: 0 !important;
	border-radius: 3px;
}
.supply .box-color ul li a {
	padding: 120px 0px 45px 35px;
}

.supply .noticeIndex ul li a {
	margin-bottom: 7px;
	padding: 14px 30px 13px;
}


.box03 {width: 100%;}

.box03 ul {
	float: left; 
	width: 100%; 
	background: #fff;
	padding: 0;
}

.box03 ul li {
	float: left; 
	width: 49.5%;
	margin-left: 1%;
	margin-top: 6px;
}
.box03 ul li:nth-child(1),
.box03 ul li:nth-child(3),
.box03 ul li:nth-child(5),
.box03 ul li:nth-child(7) {
	margin-left: 0;
}
.box03 ul li:nth-child(1),
.box03 ul li:nth-child(2) {
	margin-top: 0;
}
.box03 ul li a {
	float: left;
	width: 100%;
	color: #121212;
	font-size: 13px;
	background: #fafafa;
	border: 1px solid transparent;
		-webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0);
	   -moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0);
	padding: 15px 20px;
	cursor: pointer;
}
.box03 ul li a:hover {
	background: #ffffff;
	border: 1px solid transparent;
		-webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.12);
	   -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.12);
}
.box03 ul li a i {
	position: absolute;
	margin-top: 9px;
	font-style: normal;
}
.box03 ul li a i ins {text-decoration: none;}
	
.box03 ul li:nth-child(1) a i ins,
.box03 ul li:nth-child(3) a i ins,
.box03 ul li:nth-child(5) a i ins,
.box03 ul li:nth-child(7) a i ins {
	color: #898989;
}
.box03 ul li:nth-child(2) a i ins,
.box03 ul li:nth-child(4) a i ins,
.box03 ul li:nth-child(6) a i ins,
.box03 ul li:nth-child(8) a i ins {
	color: #898989;
}

.box03 ul li a strong {
	float: right;
	width: 36px;
	height: 36px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	padding: 6px 0px;
	border-radius: 50%;
	background: #c1c1c1;
}

.box03 ul li:nth-child(1) a:hover strong,
.box03 ul li:nth-child(3) a:hover strong,
.box03 ul li:nth-child(5) a:hover strong,
.box03 ul li:nth-child(7) a:hover strong {
	background: #febc2b;
}

.box03 ul li:nth-child(2) a:hover strong,
.box03 ul li:nth-child(4) a:hover strong,
.box03 ul li:nth-child(6) a:hover strong,
.box03 ul li:nth-child(8) a:hover strong {
	background: #febc2b;
}

.box04 ul {
	float: left;
	width: 100%;

}
.box04 ul li {
	float: left;
	width: 32.93333333%;
/* 	width: 33.05%; */
	margin-left: .6%;
}
.box04 ul li:nth-child(1) {
	margin-left: 0;
}
.box04 ul li:nth-child(3) {
/* 	width: 33.9%; */
}
.box04 ul li a {
	position: relative;
	float: left;
	width: 100%;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #383838;
	background: #f1f3f9;
	border: 1px solid transparent;
/* 	-webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.2); */
/* 	   -moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.2); */
/* 			box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.2); */
	padding: 25px 25px;
	cursor: pointer;
}
.box04 ul li a:hover {
	background: #ffffff;
	border: 1px solid #f7f7f7;
		-webkit-box-shadow: 0px 0px 12px -1px rgb(0, 0, 0, 0.12);
	   -moz-box-shadow: 0px 0px 12px -1px rgb(0, 0, 0, 0.12);
	box-shadow: 0px 0px 12px -1px rgb(0, 0, 0, 0.12);
}
.box04 ul li a:hover strong {
	background: #febc2b;
}
/* .box04 ul li:nth-of-type(2) a {
	background: #c5c5c5;
}
.box04 ul li:nth-of-type(2) a:hover {
	background: #5298d2;
}
.box04 ul li:nth-of-type(3) a {
	background: #848c9d;
}
.box04 ul li:nth-of-type(3) a:hover {
	background: #7764ac;
} */
.box04 ul li a i {
/* 	position: absolute; */
	font-style: normal;
}
.box04 ul li a i ins {
	float: left;
	margin-top: 2px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #848484;
	text-decoration: none;
}
.box04 ul li a strong {
	float: right;
	margin-top: -15px;
	width: 36px;
	height: 36px;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	letter-spacing: -.6px;
	padding: 6px 0px;
	border-radius: 50%;
	background: #516edf;
}
@media (max-width: 1435px) {
	.box04 ul li a {
		padding: 25px 15px;
	}
}
@media (max-width: 991px) {
	.box04 ul li {
		width: 49.5%;
	}
	.box04 ul li:nth-child(3) {
		margin-top: 7px;
		margin-left: 0;
	}
}
@media (max-width: 767px) {
	.box04 ul li {
		margin-top: 7px;
		margin-left: 0 !important;
		width: 100%;
	}
	.box04 ul li:nth-child(1) {
		margin-top: 0;
	}
}


.box05 {width: 100%;}

.box05 ul {
	float: left; 
	width: 100%; 
	background: #fff;
	padding: 0;
}

.box05 ul li {
	float: left; 
	width: 49.5%;
	margin-left: 1%;
	margin-top: 6px;
}
.box05 ul li:nth-child(1),
.box05 ul li:nth-child(3),
.box05 ul li:nth-child(5),
.box05 ul li:nth-child(7) {
	margin-left: 0;
}
.box05 ul li:nth-child(1),
.box05 ul li:nth-child(2) {
	margin-top: 0;
}
.box05 ul li a {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #383838;
	background: #f1f3f9;
	border: 1px solid transparent;
/* 		-webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0); */
/* 	   -moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0); */
/* 	box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0); */
	padding: 15px 20px;
	cursor: pointer;
}
.box05 ul li a:hover {
	background: #ffffff;
	border: 1px solid #f7f7f7;
		-webkit-box-shadow: 0px 0px 12px -1px rgb(0, 0, 0, 0.12);
	   -moz-box-shadow: 0px 0px 12px -1px rgb(0, 0, 0, 0.12);
	box-shadow: 0px 0px 12px -1px rgb(0, 0, 0, 0.12);
}
.box05 ul li a i {
	position: absolute;
	margin-top: 9px;
	font-style: normal;
}
.box05 ul li a i ins {text-decoration: none;}
	

.box05 ul li a strong {
	float: right;
	width: 36px;
	height: 36px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	padding: 6px 0px;
	border-radius: 50%;
	background: #516edf;
}
.box05 ul li a:hover strong {
	background: #febc2b;
}



table.tableList thead.index th {padding: 5px 10px 5px; height: 35px;}
table.tableList tbody.index td {padding: 5px 10px; height: 35px;}
table.tableList tbody.index td span {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px;
    float: left;
    cursor: pointer;
}
table.tableList tbody.index td span:hover {
	text-decoration: underline;
}

.schedule {
	background: #fafafa;
	border-radius: 3px;
	padding: 25px 5px 23px;
}
.schedule .fc {
	padding: 0;
}
.schedule img {
	width: 100%;
	max-width: 100%;
}

.fc-toolbar.fc-header-toolbar {margin-bottom: 0 !important;}
.fc-head td.fc-widget-header {padding-top: 3px !important; padding-bottom: 4px !important;}
.fc-widget-content {padding: 0 !important;}

.schedule .fc-toolbar.fc-header-toolbar {margin: 0;}
.schedule .fc-toolbar h2 {margin: 0;}
.schedule .fc button {
    height: auto;
    padding: 3px 6px 5px;
    font-size: 12px;
}
.schedule .fc td {border-left: 0;}
.schedule .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
	font-size: 11px;
	letter-spacing: -.5px;
}
.schedule tr:first-child > td > .fc-day-grid-event {
	margin: -5px auto 0;
}

.schedule h5 {
	font-family: NotosansM;
	font-size: 15px;
	font-weight: normal;
	margin-top: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #111111;
}
.schedule .scheduleTxt {
	display: inline-block;
	width: 100%;
	height: 350px;
	overflow-y: auto;
	border-bottom: 1px solid #ddd;
}
.schedule .scheduleTxt span {
	float: left;
	width: 100%;
	font-size: 13px;
	border-bottom: 1px solid #e5e5e5;
	padding: 9px 10px;
}

@media (min-width: 992px) {
	.schedule {
		min-height: 434px;
	}
}
@media (min-width: 1200px) {
	.schedule {
		min-height: 438px;
	}
}


.bgFa,
.bgFa2 {
	background: #fafafa;
	padding: 25px 20px;
}
.bgFa table tbody td,
.bgFa2 table tbody td {
	background: #fff;
}

@media (min-width: 992px) {
	.bgFa {
		min-height: 211px;
	}
	.bgFa2 {
		min-height: 438px;
	}
	.bgFa .table-responsive.narrow {
		min-height: 141px;
	}
	.bgFa2 .table-responsive.narrow {
		min-height: 379px;
		margin-bottom: 3px;
	}
}
@media (min-width: 1200px) {
	.bgFa {
		min-height: 211px;
	}
	.bgFa2 {
		min-height: 438px;
	}
}


/*
.noticeIndex ul {width: 100%;}
.noticeIndex ul li {
	width: 100%; 
}
.noticeIndex ul li a {
	float: left;
	width: 100%;
	color: #121212;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 15px 30px;
	margin-bottom: 10px;
}
.noticeIndex ul li a:hover {
	-webkit-box-shadow: 4px 2px 7px -3px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 4px 2px 7px -3px rgba(0, 0, 0, 0.2);
			box-shadow: 4px 2px 7px -3px rgba(0, 0, 0, 0.2);
}
.noticeIndex ul li a strong {
	float: left;
	margin-right: 20px;
}
.noticeIndex ul li a span {
	float: left;
	margin: 2px 0 -2px;
	width: 90%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.noticeIndex ul li a button {
	float: right;
	background: none;
	border: none;
	opacity: .4;
}
.noticeIndex ul li a:hover button {
	opacity: .9;
}

.noticeIndexS ul {width: 100%;}
.noticeIndexS ul li {
	width: 100%; 
}
.noticeIndexS ul li a {
	float: left;
	width: 100%;
	color: #121212;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 13px 30px 12px;
	margin-bottom: 10px;
}
.noticeIndexS ul li a:hover {
	-webkit-box-shadow: 4px 2px 7px -3px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 4px 2px 7px -3px rgba(0, 0, 0, 0.2);
			box-shadow: 4px 2px 7px -3px rgba(0, 0, 0, 0.2);
}
.noticeIndexS ul li a strong {
	margin-right: 20px;
}
.noticeIndexS ul li a button {
	float: right;
	background: none;
	border: none;
	opacity: .4;
}
.noticeIndexS ul li a:hover button {
	opacity: .9;
}

@media all and (min-width: 1400px) {
	.supply .noticeIndex ul li a span {
		width: 80%;
	}
}
@media all and (max-width: 1399px) {
	.noticeIndex ul li a span {
		width: 87%;
	}
	.supply .noticeIndex ul li a span {
		width: 75%;
	}
}
@media all and (max-width: 1199px) {
	.noticeIndex ul li a span {
		width: 85%;
	}
	.supply .noticeIndex ul li a span {
		width: 67%;
	}
}
@media all and (max-width: 991px) {
	.noticeIndex ul li a span,
	.supply .noticeIndex ul li a span {
		width: 85%;
	}
}
@media all and (max-width: 499px) {
	.noticeIndex ul li a span,
	.supply .noticeIndex ul li a span {
		width: 75%;
	}
}
*/


.bannerIndex {width: 100%; background: #f0f7fe;}
.bannerIndex button {
	border: none;
	background: #f0f7ff;
}
.bannerIndex img {width: 100%;}

@media (min-width: 992px) {
	.bannerIndex {height: 211px; box-sizing: border-box; overflow: hidden;}
}
@media (min-width: 1700px) {
	.bannerIndex img {
		-webkit-transform: translate(0, -10%);
		-ms-transform: translate(0, -10%);
		transform: translate(0, -10%);
	}
}

.bannerIndex2 {
	width: 100%;
	background: #dfebe9;
	text-align: center;
}
.bannerIndex2 button {
	border: none;
	background: #dfebe9;
}
.bannerIndex2 img {
	width: 100%;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

@media (min-width: 992px) {
	.bannerIndex2 {height: 211px; box-sizing: border-box; overflow: hidden;}
}
@media (max-width: 1800px) {
	.bannerIndex2 img {
		-webkit-transform: translate(0, 3%);
		-ms-transform: translate(0, 3%);
		transform: translate(0, 3%);
	}
}
@media (max-width: 1180px) {
	.bannerIndex2 img {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}





.topSearch2 {
	position: relative;
	float: left;
	margin: 0 0 0;
	padding: 19px 20px 15px 20px;
	width: 100%;
	background-color: #f5f5f5;
	border-bottom: 1px solid #f1f1f1;
}
.topSearch2 ul {
	width: 70%;
	margin: 0 auto;
}
@media (max-width: 1481px) {
	.topSearch2 ul {
		width: 100%;
	}
}
@media (max-width: 1199px) {
	.topSearch2 li {
		float: left;
		width: 100% !important;
		text-align: center !important;
	}
	.topSearch2 li:nth-child(3) {
		float: left;
		width: 100% !important;
		text-align: center !important;
	}
	.topSearch2 li:nth-child(3) button {
		margin: 0 auto;
	}
	.topSearch2 li:nth-child(1) {
		width: 100% !important;
		text-align: center !important;
	}
}
.topSearch2 li {
	float: left;
	width: 45%;
}
.topSearch2 li:nth-child(3) {
	float: left;
	width: 10%;
}
.topSearch2 li:nth-child(1) {
	width: 34%;
	text-align: right;
}

.topSearch2 a {color: #4E5E6A;}
.topSearch2 .search-h {
	float: left;
	margin-bottom: 0;
	width: 20%;
	height: 32px;
	line-height: 2.2em;
}
.topSearch2 .search-c {
	float: left;
	margin: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	line-height: 2.5em;
}
.topSearch2 .search-c i {margin: 8px 0 0 -25px; -webkit-margin-before: 9px;}
.topSearch2 .topBtn {float: left;}
.topSearch2 .topBtn i {
	margin: 0 -5px 0 5px;
}
.topSearch2 .search-c .form-control {
	padding: 3px 10px;
	width: 100%;
	height: 25px;
	vertical-align: top;
}
.topSearch2 .search-c .form-sm {
	width: 30.2% !important;
	padding: 3px 7px !important;
}
.topSearch2 .search-c .form-sm-d {
	width: 44.08% !important;
}
.topSearch2 .search-c .search-input {
	float: left;
	margin-right: 3px;
	padding: 0 23px 3px 10px;
	-webkit-padding-before: 3px;
	width: 70%;
	height: 32px;
	font-size: 12px;
	border: 1px solid #dce1e4;
}
.topSearch2 .search-c .checkbox div.checker {
	margin-top: -1px;
}
/*
.modal .topSearch2 .search-h {
	width: 30%;
}
.modal .topSearch2 .search-c {
	width: 70%;
}
.modal .topSearch2 .search-c .search-input {width: 95.8%;}
.modal .topSearch2 .search-c .form-control {width: 90%;}
.modal .topSearch2 .search-c .form-sm {width: 31% !important;}
.modal .topSearch2 .search-c .form-sm-d {width: 40% !important;}
.modal .topSearch2 .search-c .form-md {width: 47% !important;}
.modal .topSearch2 .search-c .form-lg-d {width: 90%;}
*/

.page-supply .topSearch2 li:nth-child(1) {
	width: 45%;
}

@media (max-width: 1199px) {
	.topSearch2 .search-c .search-input {
		display: inline-block;
		float: none;
		margin: 10px 0;
	}
	.topSearch2 .search-c i {
		display: inline-block;
		float: none;
	}
	.topSearch2 .topBtn {
		float: none;
		margin: -3px 0 0 10px;
	}
	.page-supply .topSearch2 .topBtn {
		margin-left: 0;
	}
}
@media (max-width: 499px) {
	.topSearch2 .search-c.checkbox label {
		float: left;
		padding-right: 10px;
		letter-spacing: -0.03em;
	}
	.topSearch2 .search-c.checkbox label:last-child {
		padding-right: 0;
	}
	.topSearch2 .search-c .search-input {
		width: 76.6%;
	}
	.searchHidden .topSearch2 .topBtn {
		float: right;
		margin-top: 10px;
	}
}

.page-rightBtn {float: left;}
.page-rightBtn button {
	float: left;
	padding: 5px 5px 4px;
	-webkit-padding-after: 5px;
	margin: 0 0 0-1px;
	width: 32px;
	font-size: 14px;
}
.page-rightBtn button.active {
	position: relative;
	z-index: 9;
	background-color: #fff;
	border-color: #484c55;
}
@media (max-width: 360px) {
	.page-rightBtn button {padding: 4px 5px 3px; width: 31px;}
}



/* 추가 */
@media (max-width: 991px) {
	.idpwsearch .col-md-3,
	.idpwsearch .col-md-4 {
		float: left;
		width: 30% !important;
	}
}
.idpwsearch .col-md-6 {
	width: 63% !important;
}
.idpwsearch {
/* 	margin: 30px 20px; */
}
.idpwsearch .btn {width: 45%; font-size: 15px; padding: 13px 12px; margin: 0 auto; /* border-radius: 5px; */}
.idpwsearch .idpw-form td span {float: left;}
.idpwsearch .nav-tabs > li {
	width: 50%;
}

.idpwsearch .id-info,
.idpwsearch .pw-info {
	margin: 20px 0 0;
	padding: 40px 0;
	text-align: center;
	font-size: 13px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	line-height: 28px;
}

.idpwsearch .id-info em {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	color: #fff;
	padding: 7px 25px 8px;
	background: #333;
	border-radius: 50px;
}

.idpwsearch .pw-info em {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	color: #fff;
	padding: 5px 15px 7px;
	background: #f25656;
	border-radius: 50px;
}

.idpwsearch .id-info.none,
.idpwsearch .pw-info.none {
    line-height: 20px;
}

.idpwsearch .id-info.none img,
.idpwsearch .pw-info.none img {
    width: 50px;
    margin: 0 0 15px;
}

@media all and (max-width: 499px) {
	.idpwsearch {margin: 30px 0px;}
	.idpwsearch .tab-content {padding: 15px 0;}
	.tab-content > .tab-pane form.idpw-form {padding: 30px 0px 30px;}
	.tab-content > .tab-pane form.idpw-form th {min-width: 100px;}
	.idpwsearch .col-md-6 {width: 95.5% !important;}
	.tab-content > .tab-pane form.idpw-form tr:nth-child(2) td .col-md-3:first-child {width: 35.2% !important;}
	.tab-content > .tab-pane form.idpw-form tr:nth-child(3) td .col-md-3:first-child {width: 47.8% !important;}
	.tab-content > .tab-pane form.idpw-form tr:nth-child(3) td .col-md-4 {width: 42% !important;}
	.tab-content > .tab-pane form.idpw-form tr:nth-child(3) td .col-md-4:last-child {margin-top: 10px; width: 95.1% !important;}
}


.tab-content > .tab-pane form.idpw-form .col-md-3,
.tab-content > .tab-pane form.idpw-form .col-md-4,
.tab-content > .tab-pane form.idpw-form .col-md-6 {
	padding: 0 3px !important;
}

.tab-content > .tab-pane form.idpw-form {
	display: inline-block;
    width: 100%;
	padding: 20px 0px 30px;
	text-align: center;
}

.tab-content > .tab-pane form.idpw-form tr {
	border-bottom: 1px solid #eee;
}

.tab-content > .tab-pane form.idpw-form th,
.tab-content > .tab-pane form.idpw-form td {
	padding: 10px 0;
	font-weight: normal;
	font-size: 13px;
}

.idpwsearch .captcha {
   float: left;
   width: 100%;
   margin-top: 0.5em;
}
.idpwsearch .captcha img,
.idpwsearch .captcha button {float: left;}
.idpwsearch .captcha img {
/*    width: 170px; */
/*    height: 51px; */
/*    border-top-left-radius: 3px; */
/*    border-bottom-left-radius: 3px; */
}
.idpwsearch .captcha button {
   margin-left: 3px;
   padding: 0.5em 0 !important;
   width: 48px !important;
   height: 48px;
   background-color: #333 !important;
}
.idpwsearch .captcha button:hover {background-color: #111 !important;}
.idpwsearch .captcha button i {
   font-size: 17px;
   color: #fff;
}
.idpwsearch .captcha input[type="text"] {
   display: inline-block;
   float: left;
   margin-left: 20px;
   padding: 1.056em 1em;
   width: 80%;
   font-size: 13px;
   letter-spacing: 1px;
   color: #888;
   text-align: center;
   background: #fff;
   border: 1px solid #dce1e4;
   outline: none;
/*    border-radius: 3px; */
}

@media (max-width: 599px) {
	.idpwsearch .captcha input[type="text"] {width: 79%;}
}





.middleCate-tabMem {float: left; margin: 10px 0 1px; width: 100%;}
.middleCate-tabMem ul {float: left; width: 100%; padding: 0;}
.middleCate-tabMem ul:after {display: block; clear: both; content:'';}
.middleCate-tabMem li {
	float: left;
	width: 25%;
	background-color: #fff;
}
.middleCate-tabMem li a {
	position: relative;
	display: block;
	height: 37px;
	line-height: 35px;
	padding: 0 10px;
	margin: 0 -1px -1px 0;
	border: 1px solid #dce1e4;
	font-size: 13px;
	color: #333;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.middleCate-tabMem li a:hover {
	text-decoration: none;
	border-color: #111;
	background: #fff;
	color: #444;
	cursor: pointer;
	z-index: 11;
}
.middleCate-tabMem li a:focus {text-decoration: none; color: #666; outline: none;}
.middleCate-tabMem li a strong {
	float: right;
	font-size: 13px;
	color: #22baa0;
}
.middleCate-tabMem li.active > a {border-color: #111;background: #fff;color: #444;z-index: 10;}
.middleCate-tabMem li.blank a:hover {
	z-index: 9;
	border-color: #dce1e4;
	background: #fff;
	cursor: default;
}

@media (max-width: 1199px) {
	.middleCate-tabMem li {
		width: 25%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.middleCate-tabMem li.blank {
		display: none;
	}
}
@media (max-width: 991px) {
	.middleCate-tab li {
		width: 33.33333333%;
	}
	.middleCate-tabMem li {
		width: 33.33333333%;
	}
}
@media (min-width: 640px) and (max-width: 991px) {
	.middleCate-tabMem li.blank:last-child {
		display: none;
	}
}
@media (max-width: 639px) {
	.middleCate-tabMem li {
		width: 50%;
	}
	.middleCate-tabMem li.blank {
		display: none;
	}
}



/* Panel */

.panel {
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    border: 0!important;
    margin-bottom: 0;
    border-radius: 0;
}
.basketlist .panel {
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
    border: 0!important;
    margin-bottom: 0px;
    border-radius: 0;
}

@media (min-width: 768px) {
    .panel > .row > div:first-child {
        padding-left: 15px;
        padding-right: 0;
    }

    .panel > .row > div:last-child {
        padding-left: 0;
        padding-right: 15px;
    }
}

.pro-heading {
    padding: 15px 0 20px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    font-size: 14px;
    font-weight: 600;
}
.pro-heading .panel-title {
    font-size: 18px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-weight: 400;
}

h4.panel-title {color: #5f5f5f; text-align: left !important;}

.panel .panel-heading .panel-control {
    float: right;
    height: auto;
}

.panel .panel-heading .panel-control a {
    text-decoration: none;
    color: #ccc;
    margin-left: 5px;
    font-size: 14px;
    float: left;
}

.panel .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel .panel-body2 {
    position: relative;
    padding: 26px 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.panel .panel-body-sub {
    position: relative;
    padding: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel .panel-body-bg {
    position: relative;
    padding: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	background: #f9f9f9;
}

.panel .panel-heading + .panel-body {
	width: 100%;
    padding: 0 20px 0 20px;
}

.panel-default2 .panel-heading {
    background: #f1f1f1;
    border-color: #e7e7e7;
}
.panel-default3 .panel-heading {
    background: #f1f1f1;
    border-color: #e7e7e7;
}

@media all and (max-width: 499px){
	.panel .panel-heading.heH {padding: 21px 15px 19px;}
}



.memcontainer .page-title {
	display: block;
}

.memcontainer .col-md-3 {
	float: left;
    width: 25%;
    padding: 0;
}
.memcontainerTop .page-right {float: right; width: 20%; margin-top: 0px; margin-bottom: 0; padding: 16px 0;}

.memcontainerTop .tabA {float: left; width: 60%;}
@media all and (max-width: 1364px){
	.memcontainerTop span,
	.memcontainerTop .page-right {width: 25% !important;}
	.memcontainerTop .tabA {width: 50% !important;}
	.memcontainerTop .tabA ul {width: 80% !important;}
}
.memcontainerTop .tabA ul {
	width: 60%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.memcontainerTop .tabA ul li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 30px 0;
	color: #c5c5c5;
	font-weight: normal;
}
.memcontainerTop .tabA ul li.active {
	color: #333;
	border-bottom: 2px solid #333;
	font-weight: 600;
}
.memcontainerTop .tabA ul li.active i {color: #333;}
.memcontainerTop .tabA ul li i {font-style: normal; color: #c5c5c5;}

.memcontainerTop .tabB {float: left; width: 50%;}
.memcontainerTop .tabB ul {
	width: 60%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.memcontainerTop .tabB ul li {
	float: left;
	width: 50%;
	text-align: center;
	padding: 30px 0;
	color: #c5c5c5;
	font-family: 'NotoSansR', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
}
.memcontainerTop .tabB ul li.active {
	color: #333;
	border-bottom: 2px solid #333;
	font-family: 'NotoSansM', NanumGothic, Dotum, sans-serif;
}
.memcontainerTop .tabB ul li.active i {color: #333;}
.memcontainerTop .tabB ul li i {font-style: normal; color: #c5c5c5;}

.memcontainerTop span {float: left; width: 20%;}
.memcontainerTop .logo img {
	width: auto;
    max-height: 40px;
    margin: 20px 0;
}

@media (max-width: 1650px) {
	.memcontainerTop {
	    padding-right: 3em !important;
	    padding-left: 3em !important;
	}
}
.memcontainerTop {
    padding-right: 5em;
    padding-left: 5em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}
.memcontainer h3 {
	width: 100%; 
	font-size: 24px; 
	color: #333; 
	font-weight: 300;
	padding: 0 0 30px;
	font-family: 'NotosansR','NanumGothic', Dotum,sans-serif;
}
.memcontainer h3 strong {
	font-family: 'NotosansB', NanumGothic, Dotum, sans-serif;
	color: #333;
	font-weight: normal;
}
.memcontainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 170px;
    z-index: 1;
    position: relative;
    top: 140px;
}
.memcontainer .page-title {background: #fff !important; padding: 25px 0 20px;}
.memcontainer .page-title h4 {
	color: #333;
	font-size: 17px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
    font-weight: normal;
}
@media (max-width: 992px) {
	.memcontainerTop .page-right button {font-size: 13px !important;}
}
.memcontainerTop .page-right button {
	float: right;
	margin: 0 0 0 5px;
	width: auto; 
	font-size: 15px;
	padding: 11px 22px 12px;
/* 	background: #1bb7fb; */
/* 	border: 1px solid #1bb7fb; */
	color: #fff;
	border-radius: 4px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
}
.memcontainerTop .page-right button:hover,
.memcontainerTop .page-right button:focus,
.memcontainerTop .page-right button:active,
.memcontainerTop .page-right button:visited {
/* 	background-color: #0190ce; */
/* 	border: 1px solid #0190ce; */
	color: #fff !important;
}
.memcontainerTop .page-right button:last-child {
	margin-left: 0;
}

a.btn-dark:focus,
a.btn-dark:active,
a.btn-dark:visited {
	background-color: #222;
	color: #fff !important;
}

.memcontainer .panel-primary .panel-heading {
	background: #0b47be;
	color: #fff;
}

.page-join .memcontainerTop .page-right {width: 25%;}
.page-join .memcontainerTop span {width: 25%;}

@media (min-width: 1200px) {
	.memcontainer {
	    width: 1200px;
	}
}
@media (max-width: 500px	) {
	.memcontainer .col-md-3 {
		float: left;
	    width: 50%;
	    padding: 0;
	}
}

@media (max-width: 1200px) {
	.memcontainerTop {
	    padding-right: 1em !important;
	    padding-left: 1em !important;
	}
	.memcontainerTop span,
	.memcontainerTop .page-right {width: 10% !important;}
	.memcontainerTop .logo img {max-height: 35px !important; margin: 21px 0 !important;}
	
	.memcontainerTop .tabA {width: 80% !important;}
	.memcontainerTop .tabA.mobile {width: 100% !important;}
	.memcontainerTop .tabA ul li {font-size: 15px !important; font-family: 'NotosansR', 'NanumGothic', Dotum, sans-serif;}
	.memcontainerTop .tabA.mobile ul li {padding: 0px 0 15px;}
	.memcontainerTop .tabA.mobile ul {width: 100%;}
	
	.page-join .memcontainerTop span {width: 40% !important;}
	.page-join .memcontainerTop .page-right {width: 60% !important;}
	.page-join .memcontainerTop .page-right button {padding: 9px 15px 10px;}
	.memcontainerTop .tabB {width: 80% !important;}
	.memcontainerTop .tabB.mobile {width: 100% !important;}
	.memcontainerTop .tabB ul li {font-size: 15px !important; font-family: 'NotosansR', 'NanumGothic', sans-serif;}
	.memcontainerTop .tabB.mobile ul li {padding: 0px 0 15px;}
	.memcontainerTop .tabB.mobile ul {width: 100%;}
}
@media (max-width: 639px) {
	.memcontainerTop .page-right {padding: 24px 0 0 !important;}
	.memcontainer {top: 120px !important;}
	
	.memcontainerTop .tabA ul li {font-size: 13px !important;}
	.memcontainerTop .tabB ul li {font-size: 13px !important;}
}
@media (max-width: 360px) {
	.page-join .memcontainerTop span,
	.page-join .memcontainerTop .page-right {width: 50% !important;}
	.page-join .memcontainerTop .page-right button {padding: 6px 4px 7px;}
}



#header {
	width: 100%;
	padding: 0;
	margin-bottom: 50px;
	color: #333;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.07);
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.07);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.07);
	background: #fff;
	position: fixed;
	z-index:9000;
    overflow: auto;
}
#header.active {
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.12);
}
#header span {float: left; display: block; padding: 0;}

.basic-wrap {
	margin-top: 0px;
}
.basic {
	border-top: 1px solid #d3d3d3;
}
.basic tr {
	border-bottom: 1px solid #d3d3d3;
}

.basic tr th {
	padding: 16px 5px 13px 15px;
	min-width: 138px;
	color: #555;
	vertical-align: top;
	background-color: #f7f7f7;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
    font-weight: normal;
}

.basic tr td {
	padding: 8px 20px 7px;
	font-family: "Dotum";
	font-size: 12px;
	color: #555;
}
.basic tr td .rest {
    float: left;
    margin-top: 4px;
    margin-right: 8px;
    padding: 0;
    font-family: 'NotosansR',NanumGothic, Dotum,sans-serif;
    color: #333;
    text-align: left;
}
.basic tr td textarea.form-control {
    height: auto;
    font-family: "Dotum";
    border-radius: 0;
}
.basic tr td .form-control {
    display: inline-block;
    height: 34px;
    padding: 6px 12px !important;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}
.basic tr td .checkbox {
	float: left;
	padding: 5px 0;
}
.basic tr td .checkbox label {
	display: inline-block;
	margin-top: 9px;
}
.basic tr td .file_input_div {
    position: relative;
    float: left;
    width: auto;
    height: 34px;
    overflow: hidden;
}
.basic tr td .file_input_hidden {
    width: auto;
    height: 34px;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor: pointer;
} 
.basic tr td .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
}
.basic tr td .file_input_textbox {
    float: left;
    width: 49.22222223%;
    margin-right: 2%;
    background: #f1f1f1;
}
.basic thead.other tr td {
	padding: 16px 20px 13px;
	font-family: 'NotosansR', 'NanumGothic', Dotum, sans-serif;
	font-size: 14px;
	color: #666;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	border-left: 1px solid #d3d3d3;
}
.basic tbody.other tr td {
	padding: 8px 20px 7px;
	font-family: "Dotum";
	font-size: 12px;
	color: #555;
	text-align: center;
	border-left: 1px solid #d3d3d3;
}
.basic tbody.other tr td input[type="text"] {
	text-align: right !important;
	width: 80%;
	float: right;
}
.basic select {
    height: 34px;
    font-family: 'Dotum';
    color: #555;
    border: 1px solid #d3d3d3;
    padding: 7px 10px;
    vertical-align: middle;
    border-radius: 4px;
}
.basic tfoot tr td {
	padding: 16px 20px 13px;
	min-width: 138px;
	color: #555;
	vertical-align: top;
	background-color: #f7f7f7;
	border-left: 1px solid #d3d3d3;
	text-align: right;
	font-weight: bold;
}
.basic tfoot tr td strong {
	color: #2d71c4;
	font-size: 16px;
	font-weight: bold;
	margin-right: 5px;
}

.basic thead.other tr td:first-child,
.basic tbody.other tr td:first-child,
.basic tfoot tr td:first-child {
	border: none;
	font-family: 'NotosansR', 'NanumGothic', Dotum, sans-serif;
	font-size: 14px;
	text-align: center;
}
.basic .btn-line {
    padding: 7px 25px 7px;
    font-size: 13px;
    color: #666;
    text-decoration: none !important;
    border: 1px solid #bbb;
}
.basic .btn-line:hover {
	color: #333;
    background: #f7f7f7;
}
.basic .btn-sm {
	width: 98px;
	height: 34px;
	padding: 7px 25px;
}

@media (min-width: 768px){
	.basic tr td .file_input_textbox {
	    margin-right: 1%;
	    width: 49.5%;
	}
}
@media (min-width: 992px){
	.basic tr th {padding: 16px 20px 13px;}
	.basic tr td .file_input_textbox {
	    margin-right: 8px;
	    width: 49.66666667%;
	}
}

@media (max-width: 767px) {
	.basic tr td .form-control.t-col-xs-1 {
		padding-right: 9px !important;
		padding-left: 9px !important;
		min-width: 20px;
	}
}
@media (max-width: 499px) {
	.basic .btn-sm {
		padding: 8px 14px 6px;
		width: 81px;
	}
}
@media (max-width: 360px) {
	.basic .btn-sm {
		padding: 8px 11px 6px;
		width: 74px;
	}
}

.boardArea1 {float: left; width: 100%; margin: 20px 0 0;}
.boardArea1 h2 {font-size: 14px; font-weight: 600; margin: 0 0 8px;}
.boardArea1 h2 span em {float: left; font-family: 'NotosansM', NanumGothic, Dotum, sans-serif; font-weight: normal; color: #1bb7fb; font-style: normal; margin-top: -2px; margin-right: 20px;}
.boardArea1 h2 strong {font-size: 18px; font-weight: bold;}
.boardArea1 h2 a {float: right; margin-left: 4px; padding-top: 4px; width: 35px; height: 35px;}
.boardArea1 table {width: 100%; border-top: 2px solid #666;}
.boardArea1 table th {font-size: 14px; font-weight: normal; background: #f7f7f7; padding: 15px 15px 13px;}
.boardArea1 table th em {color: #d54127;}
.boardArea1 table th,
.boardArea1 table td {border-bottom: 1px solid #d3d3d3; text-align: center;}
.boardArea1 table td {font-family: Dotum, 돋움; font-size: 13px; position: relative; padding: 16px 15px 15px;}
.boardArea1 table td a {text-decoration: underline;}
.boardArea1 table td strong {font-weight: bold;}
.boardArea1 table td input[type="text"] {
	width: 100%;
	font-size: 12px; 
	padding: 2px 5px;
}
.boardArea1 table td .nowrap {
	position: absolute;
	width: 90%;
	overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    margin-top: -9px;
}

.boardArea1 .boardList .ui-widget-content {border-top: 0;}
.boardList .ui-jqgrid .ui-jqgrid-bdiv {
	height: auto !important;
}
.boardList .ui-jqgrid-view.scrollbar:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999999;
	width: 17px !important;
	height: 38px;
	background: red;
	border-top: 2px solid #666;
	border-bottom: 1px solid #ddd;
}

.boardArea1 .boardList tr th {
	font-size: 13px;
	font-weight: normal;
	border-left: 1px solid #ddd;
}
.boardArea1 .boardList tr td {
	padding: 0px 10px;
	line-height: normal;
	border-left: 1px solid #ddd;
}
.boardArea1 .boardList tr th:first-child,
.boardArea1 .boardList tr td:first-child {
	border-left: none;
}
.boardArea1 .boardList .form-control {
	padding: 8px 10px !important;
	height: 34px;
	border-radius: 4px;
}

@media all and (max-width: 1199px) {
	.boardArea1 .boardList {
		width: 100%;
		overflow-x: auto;
	}
	.boardArea1 table {
		width: 1200px;
	}
}
@media all and (max-width: 991px) {
	.boardArea1 table {
		width: 1100px;
	}
}



.confirm {
	float: left;
	width: 100%;
	border: 5px solid #f1f1f1;
	margin-bottom: 10px;
}
.confirm table tr {
/* 	display: block; */
	padding: 0 140px 0 170px;
}
.confirm table tr th {
	padding-right: 40px;
	color: #555;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
    font-weight: normal;
}
.confirm table tr th.joinFin {
	display: block;
	text-align: center;
    padding: 50px 0 80px;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 26px;
}
.confirm table tr th.joinFin i {
	font-weight: 600;
	font-style: normal;
	color: #333;
}
.confirm table tr th.joinFin strong {
	display: block;
	text-align: center;
	width: 100%;
    padding: 20px 0 30px;
    font-size: 24px;
    font-weight: 400;
    color: #121212;
}
.confirm table tr th.joinFin strong em {
    font-weight: bold;
    font-style: normal;
}
.confirm table tr td {
	padding: 28px 0 26px;
	font-size: 16px;
	color: #555;
}
.memcontainer .confirm .form-control {
	float: left;
	margin-right: 6px;
	width: 143px;
	height: 40px;
	border-color: #d3d3d3;
}
.memcontainer .confirm .form-control:nth-child(2) {
	width: 123px;
}
.memcontainer .confirm .form-control:nth-child(3) {
	width: 182px;
}
.confirm p {
	margin: 45px 0 1px;
	font-size: 25px;
	line-height: 1.56em;
	text-align: center;
}
.confirm strong {
	font-size: 26px;
	color: #2d71c4;
}

@media all and (max-width: 1199px) {
	.confirm table tr {
		padding: 0 150px;
	}
	.confirm table tr th {
		padding: 0 20px;
		min-width: 110px;
	}
	.memcontainer .confirm .form-control,
	.memcontainer .confirm .form-control:nth-child(2),
	.memcontainer .confirm .form-control:nth-child(3) {
		width: 20%;
	}
}
@media all and (max-width: 991px) {
	.confirm table tr {
		padding: 0;
	}
	.confirm table tr td {
		width: 100%;
	}
	.confirm .btn-md {
		padding-right: 30px;
		padding-left: 30px;
	}
	.memcontainer .confirm .form-control,
	.memcontainer .confirm .form-control:nth-child(2),
	.memcontainer .confirm .form-control:nth-child(3) {
		width: 26%;
	}
}
@media all and (max-width: 800px) {
	.memcontainer .confirm .form-control,
	.memcontainer .confirm .form-control:nth-child(2),
	.memcontainer .confirm .form-control:nth-child(3) {
		width: 20%;
	}
}
@media all and (max-width: 500px) {
	.memcontainer .confirm .form-control,
	.memcontainer .confirm .form-control:nth-child(2),
	.memcontainer .confirm .form-control:nth-child(3) {
		width: 19%;
	}
}

.agreementArea {
	display: block;
}
.agreement {
	margin: 0 0 11px;
	padding: 20px;
	width: 100%;
	height: 240px;
	font-family: 'Dotum';
	font-size: 13px;
	color: #555;
	border: 1px solid #d3d3d3;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	overflow-y: scroll;
}
.agreement strong {
	font-weight: bold;
}


.t-col-1,
.t-col-2,
.t-col-3,
.t-col-4,
.t-col-5,
.t-col-6,
.t-col-8,
.t-col-11 {
	float: left;
	margin-right: 2%;
}

.t-col-xs-12 {
	margin-bottom: 5px;
	width: 100%;
}
.t-col-xs-11 {
	width: 90.66666667%;
}
.t-col-xs-10 {
	width: 82.33333333%;
}
.t-col-xs-9 {
	width: 74%;
}
.t-col-xs-8 {
	width: 65.66666667%;
}
.t-col-xs-7 {
	width: 57.33333333%;
}
.t-col-xs-6 {
	width: 49%;
}
.t-col-xs-5 {
	width: 40.66666667%;
}
.t-col-xs-4 {
	width: 32.33333333%;
}
.t-col-xs-3 {
	width: 24%;
}
.t-col-xs-2 {
	width: 15.66666667%;
}
.t-col-xs-1 {
	width: 7.33333333%;
}

.t-col-sm-1 + .rest,
.t-col-sm-3 + .rest {
	display: none;
	color: #888;
}
@media (max-width: 500px) {
	.t-col-1,
	.t-col-2,
	.t-col-3,
	.t-col-4 {
		margin-bottom: 5px;
	}
}
@media (min-width: 501px) {
	.t-col-sm-6 {
/* 		width: 49%; */
	}
	.t-col-sm-5 {
/* 		width: 32%; */
	}
	.t-col-sm-3 {
/* 		width: 32%; */
	}
	.t-col-sm-1 {
/* 		width: 32%; */
	}
}
@media (min-width: 768px) {
	.t-col-1,
	.t-col-2,
	.t-col-3,
	.t-col-4,
	.t-col-5,
	.t-col-6,
	.t-col-8,
	.t-col-11 {
		margin-right: 1%;
	}
	
	.t-col-sm-12 {
		width: 100%;
	}
	.t-col-sm-11 {
		width: 91.16666667%;
	}
	.t-col-sm-10 {
		width: 82.83333333%;
	}
	.t-col-sm-9 {
		width: 74.5%;
	}
	.t-col-sm-8 {
		width: 66.16666667%;
	}
	.t-col-sm-7 {
		width: 57.83333333%;
	}
	.t-col-sm-6 {
		width: 49.5%;
	}
	.t-col-sm-5 {
		width: 41.16666667%;
	}
	.t-col-sm-4 {
		width: 32.83333333%;
	}
	.t-col-sm-3 {
		width: 24.5%;
	}
	.t-col-sm-2 {
		width: 16.16666667%;
	}
	.t-col-sm-1 {
		width: 7.83333333%;
	}
	
	.t-col-sm-1 + .rest,
	.t-col-sm-3 + .rest {
		display: block;
	}
	.t-col-sm-1 + .rest, .t-col-sm-3 + .rest {
	    display: block;
	}
}
@media (min-width: 992px) {
	.t-col-12 {
		width: 100%;
	}
	.t-col-11 {
		width: 91.16666667%;
	}
	.t-col-10 {
		width: 82.83333333%;
	}
	.t-col-9 {
		width: 74.5%;
	}
	.t-col-8 {
		width: 66.16666667%;
	}
	.t-col-7 {
		width: 57.83333333%;
	}
	.t-col-6 {
		width: 49.5%;
	}
	.t-col-5 {
		width: 41.16666667%;
	}
	.t-col-4 {
		width: 32.83333333%;
	}
	.t-col-3 {
		width: 24.5%;
	}
	.t-col-2 {
		width: 16.16666667%;
	}
	.t-col-1 {
		width: 7.83333333%;
	}
}
@media (min-width: 1200px) {
	.t-col-1,
	.t-col-2,
	.t-col-3,
	.t-col-4,
	.t-col-5,
	.t-col-6,
	.t-col-8,
	.t-col-11 {
		margin-right: 8px;
	}
	
	.t-col-11 {
		width: 91.4%;
	}
	.t-col-10 {
		width: 82.99%;
	}
	.t-col-7 {
		width: 58.22%;
	}
	.t-col-2 {
		width: 15.96%;
	}
	.t-col-1 {
		width: 7.52%;
	}
}


.form-login {
	background: url(../images/user/userlogin_right.jpg) no-repeat center center;
	background-size: cover;
}
.layer{
	background: url(../images/user/layer.png) no-repeat 0px 0px;
	background-size: cover;
	min-height: 88vh;
}
.layer .wrapper {
	min-height: 88vh;
}
.forms-login-info h2 {
	font-size: 46px;
	line-height: 40px;
	color: #fff;
	font-family: 'NotoSansM';
	letter-spacing: -2px;
	margin-bottom: 50px;
}
.forms-login-info p {
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	margin: 40px 0 40px;
}

.forms-gds {
	display: inline-block;
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
}
.forms-gds .form-input {float: left; width: 100%;}
.forms-gds .form-input:nth-child(1) {margin-bottom: 5px;}
.forms-gds .form-input:nth-child(2) {margin-bottom: 3px;}
.forms-gds .form-input-btn {width: 100%; margin-top: 20px;}

h6.already {
	margin: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	text-align: left;
}
h6.already .lol-text-checkbox {vertical-align: top;}
h6.already .form-group > a {
	position: relative;
	float: right;
	font-size: 13px;
	font-weight: normal;
	margin: 3px 0 0;
}
h6.already .form-group > a:hover {
	color: #fff;
	text-decoration: underline;
}
/* h6.already .form-group > a:nth-of-type(1) { */
/* 	margin-left: 15px; */
/* } */
/* h6.already .form-group > a:nth-of-type(1):after { */
/* 	content: ''; */
/* 	position: absolute; */
/* 	top: 6px; */
/* 	left: -7px; */
/* 	width: 1px; */
/* 	height: 12px; */
/* 	background-color: #fff; */
/* } */

h6.already .form-group > span {
	position: relative;
	float: right;
	font-size: 13px;
	font-weight: normal;
	margin: 3px 0 0;
	line-height: 18px;
}

h6.already .form-group > button {
	position: relative;
	float: left;
	width: 49%;
	height: 125px;
	font-family: 'NotoSansM';
	font-size: 15px;
	border-radius: 3px;
	padding: 8px 20px;
	border: 0;
}

h6.already .form-group > button:nth-child(1) {
	margin-right: 1%;
	background: rgba(255, 255, 255, .3);
}
h6.already .form-group > button:nth-child(1):hover {
	background: rgba(255, 255, 255, .1);
	border: 1px solid #e1e1e1;
}
h6.already .form-group > button:nth-child(2) {
	margin-left: 1%;
	background: rgba(252, 180, 22, 1);
}
h6.already .form-group > button:nth-child(2):hover {
	background: rgba(252, 180, 22, .9);
	border: 1px solid #ffd543;
}
h6.already .form-group > button i {
	font-size: 38px;
	margin-bottom: 10px;
}

@media (max-width: 499px) {
	.forms-gds .form-input {float: left; width: 100%; margin-bottom: 7px;}
	.forms-gds .form-input:nth-child(2) {float: left; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 12px;}
}

.form-right-inf input[type="text"],
.form-right-inf input[type="password"] {
	background-color: #f6f6f6;
	border: 1px solid #eee;
	border-radius: 3px;
	border: none;
	outline: none;
	width: 100%;
	font-size: 15px;
	padding: 0px 18px !important;
	color: #304659;
	height: 52px;
	 text-align:left;
	-webkit-appearance: none;
}
.form-input-btn button.btn {
	background: #0264d3;
	color: #fff;
	text-decoration: none;
	padding:0px 30px;
	text-align: center;
	font-size: 17px;
	display: inline-block;
	width: 100%;
	border: none;
	cursor:pointer;
	height: 52px;
	margin-top: 20px;
	margin-bottom: 0px;
	 -webkit-appearance: none;
	border-radius: 3px;
}
.form-input-btn button.btn:hover {
	background: rgba(2, 100, 211, 0.9);
	color: #fff;
	border: 1px solid #0188fa;
}
.form-inner-cont {
	text-align: center;
	margin: 0 auto;
	max-width: 440px;
	padding: 13em 0 0 0;
}

@media (max-width: 1600px) {
	.form-inner-cont {
		padding: 6em 0 0 0 !important;
	}
	.copyright p {
	    margin: 10px 0 40px !important;
	}
}

p.action-link{
	 text-align:left;
	 padding:0;
}
 .form-inner-cont a {
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 10px;
	display: inline-block;
}
.form-inner-cont a:hover {
   text-decoration: underline;
}
.copyright p {
	float: left;
	width: 100%;
    color: #ffffff;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   line-height: 25px;
   margin: 10px 0 50px;
}
.form-login .copyright p {
	float: left;
	width: 100%;
    color: #ffffff;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   line-height: 18px;
   margin: 20px 0 50px;
}
.bottom-text {
	position: absolute;
    right: 12px;
    bottom: 12px;
    color: #555;
}
@media (max-width:992px) {
	.bottom-text {
	    bottom: 2px;
	}
}
/*-- //forms-26 --*/
/*-- /responsive-start --*/
@media all and (max-width:992px) {
	 .form-inner-cont {
		padding: 12em 0 0 0;
	}
}
@media all and (max-width:736px) {
	.form-inner-cont {
		padding: 12em 0 0 0;
	}
}
@media all and (max-width:568px) {
 	.forms-login-info h2 {
		font-size: 45px;
		line-height: 55px;
	}
}
@media all and (max-width: 600px) {
	.forms-login-info h2 {
		font-size: 43px;
		line-height: 60px;
	}
	 .form-inner-cont {
		padding: 8em 0 0 0;
	}
}
@media all and (max-width: 480px) {
	.forms-login-info h2 {
		font-size: 32px;
		line-height: 50px;
	}
	.forms-gds {
		grid-template-columns: 1fr;
	}
	.copyright p {
    	margin-top: 60px;
		font-size: 12px;
		line-height: 14px;
	}
	.layer {padding: 0 10%; min-height: 80vh; position: relative;}
	.layer .wrapper {
		min-height: 80vh;
	}
	.layer h1 {
    	width: 100%;
	    position: relative;
	    right: 0;
	    margin: 0 auto;
	}
	body.supplyA a.navbar-brand2 img {max-height: 35px !important;}
	.triangle-border {
	    text-align: center;
	}
	.page-login-user .logo {bottom: -65px;}
}

@media all and (max-width: 414px) { 
	.forms-login-info p {
		font-size: 13px;
		line-height: 20px;
		margin: 30px 0;
	}
}
@media all and (max-width:384px) { 
	.forms-login-info p {
		font-size: 13px;
		line-height: 20px;
		margin: 25px 0;
	}
	.form-inner-cont {
		padding: 6em 0 0 0;
	}
	 .forms-login-info h2 {
		font-size: 26px;
		line-height: 45px;
	}
}
/*-- //responsive-end --*/



body.supplyA {
	font-family: 'NotoSansL' !important;
	background: #fff;
}
body.supplyA div {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body.supplyA div.links input[type="checkbox"] {
    margin-top: 0 !important;
}
body.supplyA header,
body.supplyA h1 {
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body.supplyA h1 {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    padding: 15px 0;
}

/*-- slide --*/

@keyframes slideleft {
    from {
        background-position: 0%;
    }

    to {
        background-position: 90000%;
    }
}

@-webkit-keyframes slideleft {
    from {
        background-position: 0%;
    }

   to {
        background-position: 90000%;
    }
}

body.supplyA .main-top-intro {
    background-image: url('../images/supply/banner.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
    position: relative;
    min-height: 100vh;
}

body.supplyA .bg-layer {
    background: rgba(11, 71, 190, 0.3);
    min-height: 100vh;
}

/*-- //slide --*/

/*--header start here--*/
@media (max-width: 1540px) {
	body.supplyA header {
	    padding: 2.5em 0 4em !important;
	}
}

body.supplyA header {
    padding: 4em 0 4em;
    display: inline-block;
    width: 100%;
}

/* header */
body.supplyA .wrapper {
    margin: 0 auto;
    width: 90%;
}

body.supplyA .header-w3layouts {
    float: left;
}

body.supplyA .nav_w3pvt {
    float: right;
    width: 60%;
}

body.supplyA .buttons {
    float: right;
}

body.supplyA a.navbar-brand2 {
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}
body.supplyA a.navbar-brand2 img {
	min-height: 30px;
	max-height: 40px;
}

body.supplyA a.navbar-brand2.logo span.fa {
    color: #fff;
}

body.supplyA .buttons a {
    background: #00BCD4;
    padding: 10px 25px;
    color: #fff;
    display: block;
    border-radius: 0px;
    letter-spacing: .5px;
    border: 2px solid #00BCD4;
}


/* CSS Document */


.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
body.supplyA nav {
    margin: 0;
    padding: 0;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

body.supplyA nav:after {
    content: "";
    display: table;
    clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
body.supplyA nav ul {
    float: right;
    padding: 0;
    margin: 11px 0 0;
    list-style: none;
    position: relative;
    background: none;
}

/* Positioning the navigation items inline */
body.supplyA nav ul li {
    margin: 0 0 0 30px;
    display: inline-block;
    float: left;
    transform: translate(0%, 0%);
}

/* Styling the links */

body.supplyA nav a {
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	border: 1px solid rgba(255,255,255,.8);
	border-radius: 3px;
	color: #fff;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 19px;
	padding: 15px 55px 16px;
	overflow: hidden;
	background: transparent;
	text-transform: uppercase;
	transition: all .2s;
}

body.supplyA nav a:before,
body.supplyA nav a:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: -100%;
	left: 0;
	background: #ffc61c;
	z-index: -1;
	transition: all .2s;
}

body.supplyA nav a:before {
	opacity: .5;
}

body.supplyA nav a:after {
	transition-delay: .15s;
}

body.supplyA nav a:hover {
	color: #fff;
	border: 1px solid rgba(255,198,28,1);
}

body.supplyA nav a:hover:before,
body.supplyA nav a:hover:after {
	top: 0;
}


body.supplyA nav a i {
    font-style: normal;
}
body.supplyA nav ul li ul li:hover {
    background: #f8f9fa;
}



body.supplyA .menu li.active a {
    color: #00BCD4;
    background: transparent;
}

body.supplyA .inner-dropdown li a {
    color: #333 !important;
}

body.supplyA .inner-dropdown li.active a {
    color: #00BCD4 !important;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
body.supplyA nav ul ul {
    display: none;
    position: absolute;
    /* has to be the same number as the "line-height" of "nav a" */
    top: 30px;
    background: #fff;
    padding: 10px;
}

body.supplyA ul.inner-dropdown a:hover {
    color: #333;
}

/* Display Dropdowns on Hover */
body.supplyA nav ul li:hover > ul {
    display: inherit;
}

/* Fisrt Tier Dropdown */
body.supplyA nav ul ul li {
    width: 160px;
    float: none;
    display: list-item;
    position: relative;
}

body.supplyA nav ul ul li a {
    padding: 5px 10px;
    display: block;
    font-size: 13px;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
body.supplyA nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}


/* Change ' +' in order to change the Dropdown symbol */
body.supplyA li > a:only-child:after {
    content: '';
}


/* Media Queries
--------------------------------------------- */
@media (min-width : 1760px) {
	body.supplyA .wrapper {
	    margin: 0 auto;
	    width: 82%;
	}
}
@media (max-width : 1100px) {
	body.supplyA .commentArea {width: 100%;}
}
@media all and (max-width : 992px) {

    body.supplyA #logo {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none;
    }

    body.supplyA nav {
        margin: 0;
    }

    body.supplyA .header-w3layouts {
        float: left;
    }

    body.supplyA nav ul {
        width: 100%;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a,
    .menu {
        display: none;
    }

    /* Stylinf the toggle lable */
    .toggle {
        display: block;
        padding: 8px 18px;
        font-size: 20px;
        text-decoration: none;
        border: none;
        float: right;
        background-color: #f7f7f7;
        color: #00BCD4;
        cursor: pointer !important;
    }

    .menu .toggle {
        float: none;
        text-align: center;
        margin: auto;
        width: 25%;
        padding: 5px;
        font-weight: normal;
        font-size: 15px;
        letter-spacing: 1px;
    }

    .toggle:hover {
        color: #333;
        background-color: #fff;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul {
        display: block;
        background: #f7f7f7;
        padding: 15px 0;
        text-align: center;
    }



   nav ul ul .toggle,
    body.supplyA nav ul ul a {
        padding: 0 40px;
    }

    body.supplyA nav ul ul ul a {
        padding: 0 80px;
    }

    body.supplyA nav a:hover,
    body.supplyA nav ul ul ul a {
        background-color: transparent;
    }

    nav ul li ul li .toggle,
    body.supplyA nav ul ul a,
    body.supplyA nav ul ul ul a {
        padding: 14px 20px;
        color: #FFF;
        font-size: 17px;
    }

    /* Hide Dropdowns by Default */
    body.supplyA nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    body.supplyA nav ul ul li:hover > ul,
    body.supplyA nav ul li:hover > ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    body.supplyA nav ul ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    body.supplyA nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */

    }

    body.supplyA nav a {
        color: #fff;
        font-size: 1.2em;
        padding: 15px 10px;
    }

    body.supplyA nav a:hover {
        color: #fff;
    }

    body.supplyA .menu li.active a {
        color: #fff;
    }

    body.supplyA nav ul ul li a {
        display: inline-block;
        font-size: 15px;
    }

    body.supplyA ul.inner-dropdown {
        padding-bottom: 0 !important;
        padding-top: 8px !important;
    }

}

@media all and (max-width : 330px) {

    body.supplyA nav ul li {
        display: block;
    }
    body.supplyA nav a {padding: 5px !important;}

}

body.supplyA form.newsletter {

    background: transparent;
    padding: 0.3em;
    border: 2px solid #fff;
}

body.supplyA .form-w3layouts-grid .search {
    outline: none;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    width: 85%;
    background: transparent;
    text-transform: capitalize;
    border: none;
    letter-spacing: 2px;
    float: left;
}

body.supplyA .form-w3layouts-grid button.btn {
    color: #fff;
    border: none;
    padding: 10px 0px;
    text-transform: uppercase;
    text-decoration: none;
    background: transparent;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    float: right;
    cursor: pointer;
    width: 15%;
    font-size: 14px;
    text-align: center;
}

/*-- //header --*/

body.supplyA h2 {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
    font-size: 3.2em;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0;
    margin: .5em 0 .5em;
}

body.supplyA .lineA {display: inline-block; width: 100%; height: 1px; background: #999;}

body.supplyA .main-icon {
    text-align: center;
}

@media (max-width: 1540px) {
	body.supplyA h2 {margin: 0 0 .4em !important;}
	body.supplyA .content-inner-info {
	    padding: 0 !important;
	}
		body.supplyA h2 {
	    font-size: 2.5em !important;
	    font-family: 'NotosansM', NanumGothic, Dotum, sans-serif !important;
	}
	body.supplyA .content-w3layouts-main {
	    padding: 1em 0em !important;
	}
	body.supplyA .form-w3ls-left-info span {
	    margin: 0px 0 5px !important;
	}
	body.supplyA .form-w3ls-left-info p {
	    margin: 0px 0 12px !important;
	}
	body.supplyA .form-w3ls-left-info input[type="password"] {
	    margin: 0 0 1.8em !important;
	}

}

body.supplyA .content-inner-info {
    padding: 0 0 10em;
    display: inline-block;
    width: 100%;
}


body.supplyA a {
    color: #585858;
    margin: 0em;
}

body.supplyA .bottom {
    margin: 1em 0 0;
}

body.supplyA .captcha {
    float: left;
    width: 100%;
    margin-top: 0.5em;
}
body.supplyA .captcha img,
body.supplyA .captcha button {
    float: left;
}
body.supplyA .captcha img {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
body.supplyA .captcha button {
    width: 48px !important;
    height: 48px;
    background-color: #333 !important;
    padding: 0.5em 0 !important;
}
body.supplyA .captcha button:hover {
    background-color: #111 !important;
}
body.supplyA .captcha button i {
    font-size: 17px;
}
body.supplyA .captcha input[type="text"] {
	float: right;
    width: 160px !important;
    text-align: center;
    margin: 0 !important;
}



body.supplyA .content-w3layouts-main {
	float: left;
    max-width: 380px;
    position: relative;
    padding: 37px 0;
}

body.supplyA .header-left {
    background: #fff;
    padding: 0px;
}

::-webkit-input-placeholder {
    color: #888 !important;
}

body.supplyA .form-w3ls-left-info input[type="text"] {
    outline: none;
    font-size: 13px;
    color: #888;
    border: none;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
    letter-spacing: 1px;
    margin: 0 0 0.5em;
    padding: 1.133em 1em;
    background: #fff;
}

body.supplyA .form-w3ls-left-info input[type="password"] {
    outline: none;
    font-size: 13px;
    color: #888;
    border: none;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
    letter-spacing: 1px;
    margin: 0 0 .7em;
    padding: 1.2em 1em;
    background: #fff;

}

body.supplyA .form-w3ls-left-info button.btn {
	width: 49%;
    background: #1bb7fb;
    color: #fff;
    font-family: 'NotoSansR';
    font-size: 15px;
    text-transform: uppercase;
    padding: 1em 1em;
    letter-spacing: 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: none;
	border-radius: 3px;
    float: left;
}
body.supplyA .form-w3ls-left-info button.btn:hover {
	background: #0190ce;
}
@media (max-width: 1540px) {
	body.supplyA .form-w3ls-left-info button:nth-child(1).btn {
		padding: 0.88em 1em !important;
	}
}

body.supplyA .form-w3ls-left-info button:nth-child(1).btn {
	width: 100%;
	background: #fcd000;
	margin-top: 11px;
	margin-bottom: 0.5em;
	padding: 0.7em 1em;
    font-size: 18px;
    font-family: 'NotoSansM;
}
body.supplyA .form-w3ls-left-info button:nth-child(1).btn:hover {
	background: #d3ae00;
}
body.supplyA .form-w3ls-left-info button:nth-child(3).btn {
	float: right;
	background: #777d88;
}
body.supplyA .form-w3ls-left-info button:nth-child(3).btn:hover {
	background: #585e6a;
}
body.supplyA button.btn.reg {
    margin-left: 2%;
    background: #4cc2c4;
}

/*--  --*/
body.supplyA .form-w3ls-left-info span {
    color: #fff;
    display: inline-block;
    margin: 2px 0 14px;
	font-size: 13px;
    letter-spacing: 0;
    vertical-align: sub;
    line-height: 21px;
}
body.supplyA .form-w3ls-left-info p {
	float: right;
    color: #fff;
    display: inline-block;
    margin: 3px 0 15px;
    letter-spacing: 1px;
}

body.supplyA .form-w3ls-left-info p.right {
    text-align: right;
}

body.supplyA .form-w3ls-left-info p a {
    font-size: 13px;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
}
body.supplyA .form-w3ls-left-info p a:hover {
    text-decoration: underline;
}
body.supplyA .form-w3ls-left-info p a i {font-style: normal;}
body.supplyA .heading h5 {
    color: #c5c5c5;
    color: #000000;
    margin-top: 8px;
    font-size: 20px;
}

/*-- header end here --*/

/*-- copyright --*/
body.supplyA .copy-w3layouts-inf {
    margin-top: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

body.supplyA .copy-w3layouts-inf p {
    font-size: 1.1em;
    letter-spacing: .6px;
    color: #fff;
    line-height: 22px;
    float: left;
}

body.supplyA .copy-w3layouts-inf p a {
    color: #fff;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

body.supplyA .commentArea {
	display: inline-block;
    margin: 0;
    color: #eee;
    font-size: 13px;
    float: right;
    width: 50%;
    border: 1px solid #ccc;
    padding: 15px 25px;
    background: rgba(0, 0, 0, 0.16);
}
@media (max-width: 1540px) {
	body.supplyA .copy-w3layouts-inf {
	    padding: 4em 0 2em !important;
	}
}
body.supplyA .commentArea1 {
    display: inline-block;
    margin: 0;
    color: #eee;
    font-size: 13px;
    float: left;
    width: 50%;
    max-width: 380px;
    text-align: center;
}
body.supplyA .commentArea1 button {
    position: relative;
    display: block;
    float: left;
    width: 49%;
    text-decoration: none;
    text-align: center;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
    font-size: 15px;
    line-height: 42px;
    padding: 0;
    overflow: hidden;
    text-transform: uppercase;
    transition: all .2s;
}
body.supplyA .commentArea1 button:hover {
	border: 1px solid rgba(255,255,255, .6);
	background-color: rgba(255, 255, 255, 0);
}

body.supplyA .commentArea1 button:nth-child(1) {
	border: 1px solid rgba(27, 111, 251, 1);
    background-color: rgba(27, 111, 251, .8);
    color: #fff;
}
body.supplyA .commentArea1 button:nth-child(1):hover {
	background-color: rgba(27, 111, 251, 1);
}
body.supplyA .commentArea1 button:nth-child(2) {float: right;}

body.supplyA .commentArea2 {
    display: inline-block;
    margin: 0;
    color: #eee;
    font-size: 13px;
    float: right;
    width: 50%;
    padding: 0;
    text-align: center;
}
@media (max-width: 1240px) {
	body.supplyA .commentArea3,
	body.supplyA .commentArea2 p {
		font-size: 12px !important;
		letter-spacing: -.2px;
	}
}
body.supplyA .commentArea2 p {
    display: inline-block;
    padding: 0;
    float: none;
    width: 100%;
    border: 1px solid rgba(255,255,255,.7);
    font-size: 13px;
    line-height: 42px;
}
body.supplyA .commentArea3 {
    display: inline-block;
    position: relative;
    margin: 12px 0 0;
    color: #eee;
    font-size: 13px;
    float: right;
    width: 100%;
    text-align: center;
}

/* social-icons footer */
body.supplyA ul.w3layouts-icons {
    float: right;
}

body.supplyA ul.w3layouts-icons li {
    display: inline-block;
    margin: 0 0.3em;
}

body.supplyA ul.w3layouts-icons li a {
    height: 40px;
    width: 40px;
    line-height: 2.5;
    background: none;
    background: transparent;
    color: #fff;
    text-align: center;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    display: inline-block;
}

body.supplyA ul.w3layouts-icons li a.face-b:hover {
    background: #3b5998;
    color: #fff;
    border-color: #3b5998;
}

body.supplyA ul.w3layouts-icons li a.twit:hover {
    background: #55acee;
    color: #fff;
    border-color: #55acee;
}

body.supplyA ul.w3layouts-icons li a.dribble:hover {
    background: #f26522;
    color: #fff;
    border-color: #f26522;
}

body.supplyA ul.w3layouts-icons li a.vk:hover {
    background: #45668e;
    color: #fff;
    border-color: #45668e;
}

/* //social-icons footer */
/*-- //copyright --*/
/*-- //main --*/

/*-- responsive-design --*/

@media(max-width:992px) {
    body.supplyA header {
        padding: 2em 0;
        width: 100%;
        z-index: 999;
    }
}

@media(max-width:800px) {
    body.supplyA .nav_w3pvt {
        float: left;
        width: 100%;
    }
    body.supplyA nav a {padding: 50px 25px;}
}

@media(max-width:736px) {
    body.supplyA .copy-w3layouts-inf p {
        float: none;
        text-align: center;
        font-size: .9em;
    }

    body.supplyA ul.w3layouts-icons {
        float: none;
        text-align: center;
        margin-top: 1em;
    }

    body.supplyA .nav_w3pvt {
        float: left;
        width: 100%;
    }

    body.supplyA .buttons {
        float: right;
        width: 40%;
    }

    body.supplyA .header-w3layouts {
        float: none;
        text-align: center;
    }
    
    body.supplyA .content-inner-info {padding: 0;}
    

    .toggle {
        border: none;
        float: left;
    }

    body.supplyA .form-w3layouts-grid {
        margin-top: 0.5em;
    }

    body.supplyA h2 {
        font-size: 2.6em;
        margin: 0;
    }

}


@media(max-width:600px) {

    body.supplyA .form-w3layouts-grid .search {
        outline: none;
        padding: 10px 10px;
    }

    body.supplyA .copy-w3layouts-inf {
        margin-top: 1em;
        padding: 1em 0;
    }
     body.supplyA .content-w3layouts-main {max-width: 100% !important;}
     body.supplyA nav a {padding: 20px 15px 20px; font-size: 1.3em; letter-spacing: -.5px;}
}

@media(max-width:480px) {
   body.supplyA header {
        padding: 1em 0;
    }

    .menu .toggle {
        width: 62%;
    }
    body.supplyA nav a {padding: 20px 5px 20px; font-size: 16px; letter-spacing: -.5px;}
}

@media(max-width:441px) {

    body.supplyA .form-w3ls-left-info input[type="text"],
    body.supplyA .form-w3ls-left-info input[type="password"] {
        width: 100%;
    }

    body.supplyA .nav_w3pvt {
        float: left;
        width: 100%;
        margin: 2em 0 0 0;
    }
}

@media(max-width:384px) {
    body.supplyA h2 {
        font-size: 1.75em;
        margin: 0;
    }

    body.supplyA .content-w3layouts-main {
        max-width: 350px;
        padding: 2em 0em;
    }

    body.supplyA .content-inner-info {
        padding-top: 2em;
    }
}

@media(max-width:350px) {
    body.supplyA h2 {
        font-size: 1.6em;
    }
}
.wid25 img {
	width: 25px;
}





.mainSearchArea {
	position: relative;
	width: 100%;
	height: 205px;
	background: url(../images/user/mainsearch_bg.jpg) #9cd8e2 no-repeat top -170px left -85px;
	background-size: 626px 626px;
	padding: 40px 0 0;
}

.mainSearchArea .search-main {
	width: 570px;
	text-align: center;
	margin: 0 auto;
}
.mainSearchArea .search-main strong {
	display: block;
	font-weight: 500;
	font-size: 25px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	color: #212121;
	letter-spacing: -1px;
}
.mainSearchArea .search-main span.text {
	display: inline-block;
	position: relative;
	margin: 12px auto 0;
	width: 100%;
	text-align: center;
}
.mainSearchArea .search-main span.text a {
	padding: 0 3px;
	font-size: 15px;
	color: #212121;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
}

.mainSearchArea .search-main form {
	position: relative;
	z-index: 98;
	margin: 0 auto;
	width: 100%;
}
.mainSearchArea .search-main .input-group {
	display: block;
	float: left;
	margin-top: 10px;
	width: 100%;
}
.mainSearchArea .search-main .input-group .input-search {
	padding-left: 15px !important;
	padding-right: 40px !important;
	height: 45px;
	font-size: 15px;
	border-radius: 5px;
}
.mainSearchArea .search-main .input-group .input-group-btn {
	position: absolute;
	right: 0;
	width: 53px;
}
.mainSearchArea .search-main .input-group .btn-default {
	padding-right: 18px;
	padding-left: 18px;
	height: 45px;
	color: #555;
	background: none;
	border: 1px solid transparent;
	border-right: none;
	border-left: none;
}
.mainSearchArea .search-main .input-group .btn-default:active:hover {
	background-color: none;
}
.mainSearchArea .search-main .input-group .btn-default .fa {
	font-size: 18px;
}
.mainSearchArea .search-main select.form-control {
	float: left;
	margin-top: 34px;
	padding: 4px 4px 4px 15px !important;
	width: 130px;
	height: 45px;
	font-size: 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}



.noticeLine {
	float: left;
	width: 100%;
	background: #f7f7f7;
	padding: 13px 0 13px 90px;
}
@media (max-width: 1670px) {
	.noticeLine em {width: 91.2% !important;}
}
.noticeLine em {
	float: left;
	width: 70.8%;
	font-size: 15px;
	color: #212121;
	font-style: normal;
}
.noticeLine em i {
	font-size: 18px;
	line-height: 20px;
	margin-right: 15px;
}
.noticeLine em a {
	float: left;
	color: #212121;
	letter-spacing: -.2px;
}
.noticeLine em > a {
	line-height: 24px;
}
.noticeLine span {
	float: left;
	width: 75%;
	display: inline-block;
    border-left: 1px solid #e2e2e2;
	font-size: 15px;
	color: #212121;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	line-height: 23px;
	margin-left: 60px;
}
.noticeLine span img {
	float: left;
	width: 35px;
	margin-right: 10px;
	padding-left: 20px;
}
.noticeLine span a {
	width: 90%;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 24px;
}
.noticeLine .dropdown-menu {
	width: 100%;
	padding: 12px;
	margin: 13px 0 0;
	-webkit-box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
			box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
	border: 1px solid #febc2b;
}
.noticeLine .dropdown-menu:before {
	left: 54px;
	border-bottom: 8px solid #febc2b;
}
.noticeLine .dropdown-menu:after {
	left: 55px;
}
.noticeLine .dropdown-menu li {
	float: left;
	width: 20%;
}
.noticeLine .dropdown-menu li a {
	width: 100%;
	font-size: 15px;
	color: #555;
}
.noticeLine .dropdown-menu li a:hover {
	color: #212121;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
}



.twoContentsM {
	display: inline-block;
	width: 65.5%;
	margin: 0 90px;
}
.twoContentsM .pro-heading .panel-title {
	color: #212121;
	font-size: 20px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	letter-spacing: -1px;
}
.twoContentsM .basket-buttons div button {
	width: 33.33333333%;
	font-size: 16px !important;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	padding: 10px 0;
}
.twoContents {
	display: inline-block;
	width: 80%;
	margin: 0 10%;
}
.twoContents .pro-heading .panel-title {
	color: #212121;
	font-size: 20px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	letter-spacing: -1px;
}
.twoContents .basket-buttons div button {
	width: 33.33333333%;
	font-size: 16px !important;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	margin-left: 0 !important;
	padding: 10px 0;
}

.infoBox {
	width: 100%;
	border: 0!important;
    margin: 43px 0 20px;
    padding: 35px 20px 32px;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 22px -3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 22px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 22px -3px rgba(0, 0, 0, 0.1);	
}

@media(max-width:1479px) {
	.infoBox div span img {width: 80% !important;}
	.infoBox div ul li:nth-child(3) {font-size: 11px !important;}
}
.infoBox div {
	display: inline-block;
	width: 17.4%;
	margin: 0 .6%;
}
.infoBox div:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 66px;
	background-color: #efefef;
}
.infoBox div:nth-child(4) {
	width: 23%;
}
.infoBox div:nth-child(4) span {
	width: 30%;
}
.infoBox div:nth-child(4) ul {
	width: 70%;
}
.infoBox div:last-child:after {
	content: '';
	width: 0;
}
.infoBox div span {
	float: left;
	width: 40%;
}
.infoBox div ul {
	float: left;
	width: 60%;
}
.infoBox div ul:hover {
	cursor: pointer;
}
.infoBox div ul:hover li:first-child {
	text-decoration: underline;
}
.infoBox div ul li:nth-child(1) {
	font-size: 17px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	color: #333;
}
.infoBox div ul li:nth-child(3) {
	font-size: 13px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	color: #a5a5a5;
}
.infoBox div ul li:nth-child(2) {
	font-size: 28px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: bold;
	color: #212121;
}

.purchaseItems {
	position: fixed;
	width: 22.4%;
	border: 0!important;
    margin: 0;
    padding: 21px 25px 20px;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.1);
    right: 0;
    bottom: 0;
    z-index: 99999;
}
.purchaseItems h4 {
	color: #212121;
    font-size: 20px;
    font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
    font-weight: 500;
    margin: 0 0 25px;
    letter-spacing: -1px;
}
.purchaseItems h4 button {
	float: right;
	background: none;
	border: none;
	opacity: .3;
}
.purchaseItems h4 button:hover {
	opacity: .9;
}
.purchaseItems h4 button img {width: 14px; height: 14px;}
.purchaseItems ul {
 	min-height: 430px;
}
@media (min-width: 1670px) {
	.twoContentsM {
		width: 67%;
	}
}
.purchaseItems ul li {
	float: left;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	border-bottom: 1px solid #f1f1f1;
	padding: 11px 10px 11px 0;
}
.purchaseItems ul li:first-child {
	padding: 8px 10px 12px 0;
}
.purchaseItems ul li:last-child {
	border: none;
}
.purchaseItems ul li span {
	float: left;
	display: block;
	width: 20%;
}
.purchaseItems ul li span img {
	width: 64.73px;
	height: 64.73px;
	border: 1px solid #ddd;
	image-rendering: -webkit-optimize-contrast;
}
.purchaseItems ul li span img:hover {
	cursor: pointer;
}
.purchaseItems ul li a {
	float: right;
	display: block;
	width: 75%;
	color: #212121;
}
.purchaseItems ul li a span {
	font-size: 13px;
	line-height: 17px;
	color: #555;
	width: 100%;
}
.purchaseItems ul li a:hover span {
	color: #212121;
	text-decoration: underline;
}
.purchaseItems ul li a em {
	display: block;
	width: 100%;
	font-style: normal;
	line-height: 40px;
	text-decoration: none !important;
}
.purchaseItems ul li a em strong {
	font-size: 18px;
	font-weight: bold;
}


.purchaseItems-s {
	position: fixed;
	width: 23%;
	border: 0!important;
    margin: 0;
    padding: 30px 25px 125px;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 25px -2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 25px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 25px -2px rgba(0, 0, 0, 0.1);
    right: 0;
    bottom: 0;
    z-index: 99999;
}
.purchaseItems-s h4 {
	color: #212121;
    font-size: 20px;
    font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
    font-weight: 500;
    margin: 0 0 25px;
    letter-spacing: -1px;
}
.purchaseItems-s ul li {
	float: left;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	border-bottom: 1px solid #f1f1f1;
	padding: 20px 10px 10px 0;
}
.purchaseItems-s ul li:first-child {
	padding: 10px 10px 10px 0;
}
.purchaseItems-s ul li:last-child {
	border: none;
}
.purchaseItems-s ul li span {
	float: left;
	display: block;
	width: 20%;
}
.purchaseItems-s ul li span img {
	width: 100%;
	border: 1px solid #ddd;
}
.purchaseItems-s ul li a {
	float: right;
	display: block;
	width: 75%;
	color: #212121;
}
.purchaseItems-s ul li a span {
	font-size: 13px;
	line-height: 17px;
	color: #555;
	width: 100%;
}
.purchaseItems-s ul li a:hover span {
	color: #212121;
	text-decoration: underline;
}
.purchaseItems-s ul li a em {
	display: block;
	width: 100%;
	font-style: normal;
	line-height: 40px;
	text-decoration: none !important;
}
.purchaseItems-s ul li a em strong {
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 1479px) {
	.purchaseItems,
	.purchaseItems-s {display: none;}
	.twoContentsM {
		width: 86.5%;
	}
	.twoContents {
		width: 85%;
		margin: 0 90px !important;
	}
}


-------------------------------- */
.pd-gallery {
  margin: 0 auto;
  padding: 0;
}
.pd-gallery::after {
  clear: both;
  content: "";
  display: table;
}
.pd-gallery > li {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 2em;
  border-radius: .25em;
  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
  background: #fff;
  border: 1px solid #e9e9e9;
}
.pd-gallery > li:hover {
  -webkit-box-shadow: 0 15px 30px 1px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 15px 30px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 15px 30px 1px rgba(0, 0, 0, 0.09);
  border: 1px solid #f1f1f1;
  transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
  transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.pd-gallery > li > a {
  display: block;
}

@media only screen and (min-width: 1048px) {
  .pd-gallery {
    margin: 0 auto;
  }

  .no-touch .pd-gallery > li:hover li.move-right, .no-touch .pd-gallery > li:hover li.move-left {
    /* show preview items when hover over the its parent list item */
    opacity: 0.3;
  }
}
@media only screen and (min-width: 1110px) {
  .pd-gallery {
    margin: 0 auto;
  }
  .pd-gallery > li {
    width: 18.2%;
    float: left;
    margin-right: 2.25%;
    margin-bottom: 3.2em;
  }
  .pd-gallery > li:nth-of-type(5n) {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .pd-gallery > li > a {
    display: block;
    max-height: 362.8px;
  }
}

@media (max-width: 1110px) {
  .pd-gallery {
    margin: 0 auto;
  }
  .pd-gallery > li {
    width: 48% !important;
    float: left;
    margin-right: 4%;
    margin-bottom: 2.5em;
  }
  .pd-gallery > li:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .pd-gallery > li {
    margin-bottom: 2em;
  }
}
@media (max-width: 499px) {
  .pd-item-details a {margin: 1em .7em !important;}
  .pd-gallery > li {
    margin-bottom: 1.5em;
  }
}
@media (max-width: 375px) {
  .pd-gallery > li {
    margin-bottom: 1.2em;
  }
}

.pd-item-details a {
  color: #333;
  margin: 1em;
  font-size: 12px;
  text-decoration: none;
  font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
  letter-spacing: -.8px;
}

.pd-item-details a:hover {
  color: #fcb416;
}

.pd-item-details a i {
  margin-right: 5px;
}


.pd-item-wrapper {
  position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.pd-item-wrapper li {
  margin: 0 auto;
  list-style-type: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.pd-item-wrapper li.selected {
  /* selected item */
  position: relative;
  opacity: 1;
}
.pd-item-wrapper li.move-left {
  /* item on left - preview visible */
  -webkit-transform: translateX(-100%) scale(0.7);
  -moz-transform: translateX(-100%) scale(0.7);
  -ms-transform: translateX(-100%) scale(0.7);
  -o-transform: translateX(-100%) scale(0.7);
  transform: translateX(-100%) scale(0.7);
  opacity: 0.3;
}
.pd-item-wrapper li.move-right {
  /* item on right - preview visible */
  -webkit-transform: translateX(100%) scale(0.7);
  -moz-transform: translateX(100%) scale(0.7);
  -ms-transform: translateX(100%) scale(0.7);
  -o-transform: translateX(100%) scale(0.7);
  transform: translateX(100%) scale(0.7);
  opacity: 0.3;
}
.pd-item-wrapper li img {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: -webkit-optimize-contrast;
}
@media only screen and (min-width: 1048px) {
  .pd-item-wrapper li.move-left,
  .pd-item-wrapper li.move-right {
    /* hide preview items */
    opacity: 0;
  }
  .pd-item-wrapper li.focus-on-left {
    /* class added to the .selected and .move-right items when user hovers over the .move-left item (item preview on the left) */
    -webkit-transform: translateX(3%) scale(1.25);
    -moz-transform: translateX(3%) scale(1.25);
    -ms-transform: translateX(3%) scale(1.25);
    -o-transform: translateX(3%) scale(1.25);
    transform: translateX(3%) scale(1.25);
  }
  .pd-item-wrapper li.focus-on-left.move-right {
    -webkit-transform: translateX(103%) scale(0.7);
    -moz-transform: translateX(103%) scale(0.7);
    -ms-transform: translateX(103%) scale(0.7);
    -o-transform: translateX(103%) scale(0.7);
    transform: translateX(103%) scale(0.7);
  }
  .pd-item-wrapper li.focus-on-right {
    /* class added to the .selected and .move-left items when user hovers over the .move-right item (item preview on the right) */
    -webkit-transform: translateX(-3%) scale(1.25);
    -moz-transform: translateX(-3%) scale(1.25);
    -ms-transform: translateX(-3%) scale(1.25);
    -o-transform: translateX(-3%) scale(1.25);
    transform: translateX(-3%) scale(1.25);
  }
  .pd-item-wrapper li.focus-on-right.move-left {
    -webkit-transform: translateX(-103%) scale(0.7);
    -moz-transform: translateX(-103%) scale(0.7);
    -ms-transform: translateX(-103%) scale(0.7);
    -o-transform: translateX(-103%) scale(0.7);
    transform: translateX(-103%) scale(0.7);
  }
  .pd-item-wrapper li.hover {
    /* class added to the preview items (.move-left or .move-right) when user hovers over them */
    opacity: 1 !important;
  }
  .pd-item-wrapper li.hover.move-left {
    -webkit-transform: translateX(-97%) scale(0.75);
    -moz-transform: translateX(-97%) scale(0.75);
    -ms-transform: translateX(-97%) scale(0.75);
    -o-transform: translateX(-97%) scale(0.75);
    transform: translateX(-97%) scale(0.75);
  }
  .pd-item-wrapper li.hover.move-right {
    -webkit-transform: translateX(97%) scale(0.75);
    -moz-transform: translateX(97%) scale(0.75);
    -ms-transform: translateX(97%) scale(0.75);
    -o-transform: translateX(97%) scale(0.75);
    transform: translateX(97%) scale(0.75);
  }
}



.pd-item-info {
  padding: 10px 10px 1em;
  border-bottom: 1px solid #f1f1f1;
  font-size: 15px;
}
.pd-item-info::after {
  clear: both;
  content: "";
  display: table;
}
.pd-item-info b, .pd-item-info .pd-price, .pd-item-info .pd-new-price {
  font-weight: bold;
  font-size: 14px;
}
.pd-item-info b {
  margin-bottom: 5px;
  display: block;
}
.pd-item-info b a {
  color: #333;
  display: block;
  width: 100%;
  min-height: 50px;
  max-height: 50px;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
/*   white-space: pre-wrap; */
  overflow: hidden;
}
.pd-item-info .pd-price {
  color: #333;
  font-size: 13px;
  font-style: normal;
  position: relative;
  font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.pd-item-info .pd-price strong {
  font-size: 18px;
}

.pd-item-info .pd-price::after {
  /* crossing line - visible if price is on sale */
  content: '';
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  height: 2px;
  width: 0%;
  background-color: #22BAA0;
  opacity: 0;
  -webkit-transition: width 0.2s 0s, opacity 0s 0.2s;
  -moz-transition: width 0.2s 0s, opacity 0s 0.2s;
  transition: width 0.2s 0s, opacity 0s 0.2s;
}
.pd-item-info .pd-price.on-sale::after {
  opacity: 1;
  width: 100%;
  -webkit-transition: width 0.2s 0s, opacity 0s 0s;
  -moz-transition: width 0.2s 0s, opacity 0s 0s;
  transition: width 0.2s 0s, opacity 0s 0s;
}
.pd-item-info .pd-new-price {
  /* new price - visible if price is on sale */
  color: #F25656;
  opacity: 0;
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}
.pd-item-info .pd-new-price.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.pd-item-details .checker {
	margin: .85em 0 0 .7em;
}

.no-js .move-right,
.no-js .move-left {
  display: none;
}

@media (max-width: 768px) {
  .pd-item-info b a {
    max-height: 46px;
    font-size: 13px !important;
    line-height: 16px !important;
    overflow: hidden;
  }
  .pd-item-info .pd-price strong {
    font-size: 18px !important;
  }
}

.pd-sale {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 5px 7px;
    color: #fff;
    z-index: 9;
    font-size: 12px;
    font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
    font-weight: 600;
}




/* 상품정보 전체 */
.pro_info {
	float: left;
	width: 100%;
	margin: 40px 0 30px;
}
.pro_info ul {
	padding: 0;
}
.pro_info li {
	float: right;
	width: 48%;
}
.pro_info li:first-child {
	float: left;
	display: block;
	width: 40%;
}
@media (min-width: 1480px) {
	.pro_info li:last-child {width: 55%;}
}

/* 상품이미지 */
.gallery {
	width: 100%;
}
.gallery .preview {
    width: 100%;
    float: left;
    max-width: 500px;
    min-width: 500px;
    max-height: 500px;
    min-height: 500px;
}
.thumbnails img {
    float: left;
    margin: 8px 0 0 8px;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    image-rendering: -webkit-optimize-contrast;
    opacity: .9;
}

.thumbnails img:first-child {
	margin-left: 0;
}
.thumbnails img:hover {
	border: 1px solid #c0c0c0;
	cursor: pointer;
	opacity: 1;
}
.thumbnails a:hover img,
.thumbnails a.current {
	border: 1px solid #e5e5e5;
	cursor: pointer;
}
.preview img {
	padding: 0;
	width: 500px;
	height: 500px;
	max-height: 500px;
	border: 1px solid #ddd;
	image-rendering: -webkit-optimize-contrast;
}

/* 상품정보 텍스트 */
.info_text {
	width: 100%;
}

/* 상품명 */
.sub-product-info-wrap h3 {
	margin: 6px 0 20px;
	line-height: 26px;
	font-size: 24px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	color: #212121;
	white-space: pre-wrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sub-product-info-wrap h3 span {
	position: relative;
	font-size: 16px;
	color: #212121;
}
.sub-product-info-wrap h3 span.bg-light {
	display: inline-block;
	margin-left: 10px;
	width: 65px;
	height: 26px;
	font-size: 1.268rem;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
}
/* 상품가격 */
.sub-product-info-wrap .price {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 20px;
	font-weight: normal;
}
.sub-product-info-wrap .price strong {
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #212121;
}
/* 상품품목 */
.sub-product-cons {
	position: relative;
	float: left;
	margin: 20px 0 0;
	padding: 19px 0 9px;
	width: 100%;
	border-top: 2px solid #516edf;
	border-bottom: 1px solid #ddd;
}
.sub-product-cons > button {
	position: absolute;
	top: 19px;
	right: 0;
}
.sub-product-cons dl {
	margin: 0;
	width: 100%;
	height: 32px;
	font-size: 12px;
}
.sub-product-cons dl:last-child {
	border-bottom: none;
}
.sub-product-cons dl dt,
.sub-product-cons dl dd {
	float: left;
	font-size: 14px;
}
.sub-product-cons dl dt {
	width: 30%;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
	color: #333;
}
.sub-product-cons dl dd {
	width: 70%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
	color: #555;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sub-product-cons dl:first-child dd {
	width: 55%;
}


/* 수량/옵션 */

.sub-option {
	float: left;
	width: 100%;
	padding: 0;
	color: #212121;
}
.sub-option div {
	float: left;
	margin: 32px 0 0;
	font-size: 15px;
}
.sub-option div p {
	float: left;
	margin: 0;
	font-size: 14px;
}

.sub-option .quantity {
	margin: 20px 0;
	width: 100%;
}
.sub-option .quantity p {
	float: left;
	margin-top: 5px;
	width: 30%;
	font-weight: 500;
}
.sub-option .quantity dl {
	float: left;
	width: 70%;
	padding: 0;
	margin: 0;
}
.sub-option .quantity dl dd {
	float: left;
	margin: 0;
}
.sub-option .quantity dd input[type="text"] {
	width: 70px !important;
	height:35px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4 !important;
    box-shadow: none !important;
    font-size: 13px;
	text-align: center;
    padding: 6px 10px !important;
	margin: 0 -1px;
}
.sub-option .quantity dl dd button i {
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	margin: -7px -13px;
	line-height: 36px;
	text-align: center;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: rgba(0, 0, 0, 0);
}
.sub-option .quantity .count {
	float: left;
	padding: 2px 20px 0;
	width: 216px;
	height: 36px;
	font-family: 'NotoSansR', NanumGothic, Dotum, sans-serif;
	font-size: 16px;
	color: #555;
	text-align: right;
}
.sub-option .variation {
	margin: 20px 0 0;
	width: 100%;
}
.sub-option .variation ul li {
	float: left;
	margin: 10px 0 0;
}
.sub-option .variation ul li:first-child {
	float: left;
	width: 100%;
	margin: 0;
}
.sub-option .variation p {
	margin-top: 10px;
	
}
.sub-option .variation select {
	float: left;
	width: 100%;
	height: 35px;
	font-weight: normal;
	font-size: 13px;
	background: url(../images/select_arrow01.png);
	background-repeat: no-repeat;
	background-position: center right;
}
.sub-option .variation select::-ms-expand {
	display: none;
}
.pro_info .option-list {
	float: left;
	margin-top: 20px;
	padding: 0;
	width: 100%;
	font-size: 13px;
	background: #fff;
/* 	border-bottom: 1px solid #ddd; */
}
.pro_info .option-list li {
	width: 100%;
	margin: 0;
	padding-bottom: 15px;
/* 	border-top: 1px solid #ddd; */
}
.pro_info .option-list li:first-child {
	padding-top: 15px;
	border-top: 1px solid #ddd;
}
.pro_info .option-list button,
.pro_info .option-list input[type="text"] {
	float: left;
}
.pro_info .option-list i {
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	margin: -7px -13px;
	line-height: 36px;
	text-align: center;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: rgba(0, 0, 0, 0);
}
.pro_info .option-list button.btn-addon i {
	background-color: rgba(0,0,0, 0.1);
}
.pro_info .option-list li span {
	float: left;
	padding-left: 2px;
	font-size: 13px;
}
.pro_info .option-list li span.pro-name {
	float: left;
	width: 52%;
	font-size: 13px;
	line-height: 18px;
	margin-top: -3px;
	margin-right: 2%;
}
.pro_info .option-list .pro-name em {
	font-size: 13px;
	font-style: normal;
	color: #797979;
	padding-left: 10px;
}
.pro_info .option-list li p {
	float: left;
	margin: 10px 7px 0 9px;
	font-size: 13px;
	color: #7b90a1;
}
.pro_info .option-list li .count {
	float: left;
	width: 22%;
	padding: 0;
	margin: 0;
}
.pro_info .option-list dl.count dd {
	float: left;
	margin: 0;
}
.pro_info .option-list li .count input[type="text"] {
	float: left;
	margin: 0 -1px;
	padding: 2px 20px 0;
	width: 68px;
	height: 35px;
	font-size: 16px;
	color: #555;
	text-align: center;
	border: 1px solid #dce1e4 !important;
}
.pro_info .option-list li span img {
	margin-top: 4px;
	padding: 9px 8px 9px 9px;
	border: 1px solid #ccc;
	cursor: pointer;
}
.pro_info .option-list li span img:hover {
	background-color: #f7f8f8;
}
.pro_info .option-list .last {
	float: right;
	margin-top: 7px;
	width: 24%;
	font-size: 14px;
	text-align: right;
}
.pro_info .option-list .last em {
/* 	float: right; */
	font-style: normal;
}
.pro_info .option-list .last strong {
/* 	float: right; */
	font-weight: normal;
}
.pro_info .option-list .last button {
	float: right;
	margin-left: 10px;
	margin-top: -7px;
	border: none;
	background: none;
	border: 1px solid transparent;
}
.pro_info .all-price {padding-top: 32px !important;}


/* 총 상품 금액 */

.all-price {
	float: left;
	padding: 27px 0 22px;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #333;
	font-weight: 500;
	text-align: right;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #777;
}
.all-price em {
	font-family: 'NotosansB', NanumGothic, Dotum, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	color: #333;
	letter-spacing: -.7px;
	margin: 0 2px 0 50px;
}

.all-price p {
	float: right;
	margin: 6px 20px 0 20px;
	padding: 0;
	color: #333;
	font-size: 16px;
	font-weight: 500;
}

.all-price button {
	float: left;
	padding: 10px 15px;
	background: #484c55;
	color: #fff;
}
.all-price button:hover {
	background: #303238;
	color: #fff;
}

.full-mobile .all-price p {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 13px;
	font-weight: 500;
}

.full-mobile .all-price button {
	float: left;
	width: 50%;
	padding: 10px 15px;
}

.full-mobile .all-price em {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	color: #6153b4;
	margin: 0 2px 0 20px;
}

/* 버튼 */

.sub-buttons {
	float: left;
	margin-top: 13px;
	width: 100%;
}
.sub-buttons a,
.sub-buttons button {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 15px !important;
	font-weight: normal;
	margin-left: 0 !important;
	padding: 10px 0;
	width: 50% !important;
}

.sub-buttons-p {
	float: left;
	margin: 30px 0 50px;
	width: 33.33333333%;
}
.sub-buttons-p a,
.sub-buttons-p button {
	font-size: 15px !important;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	margin-left: 0 !important;
	padding: 10px 0;
	width: 50% !important;
}

.sub-buttons-p-s {
	float: left;
	margin-top: 30px;
	width: 16.66666667%;
}
.sub-buttons-p-s a,
.sub-buttons-p-s button {
	font-size: 15px !important;
	font-weight: 600;
	padding: 10px 0;
	width: 100% !important;
}

.sub-buttons-p-ss {
	float: left;
    margin-top: 0px;
    width: 100%;
}
.sub-buttons-p-ss a,
.sub-buttons-p-ss button {
	width: 5.33333333% !important;
	font-size: 15px !important;
	font-weight: 600;
	padding: 10px 0;
}
.sub-buttons-p-ss a:last-child,
.sub-buttons-p-ss button:last-child {
	width: 16.66666667% !important;
    float: right;
}

.sub-buttons-p-xs button {
	width: 100% !important;
}

.sub-buttons-p-t {
	float: left;
	margin: 30px 0 50px;
}
.sub-buttons-p-t button {
	padding: 10px 0;
	width: 16.66666667% !important;
	font-size: 15px !important;
	font-weight: 600;
}

@media (max-width: 991px) {
	.sub-buttons-p-ss a,
	.sub-buttons-p-ss button {
		margin-left: 0 !important;
		width: 25% !important;
	}
	.sub-buttons-p-ss a:last-child,
	.sub-buttons-p-ss button:last-child {
		margin-left: 0 !important;
		width: 50% !important;
	}
	.sub-buttons-p-t button {
		width: 50% !important;
	}
}

.basket-buttons {
	float: left;
	margin-top: 30px;
	width: 100%;
}
.basket-buttons div {
	width: 50%;
}
.basket-buttons div button {
	width: 33.33333333%;
	font-size: 16px !important;
	font-weight: 600;
	padding: 10px 0;
}
.basket-buttons div.order button {
	width: 50%;
}
.basket-buttons div.order button {
	width: 50%;
}

@media (min-width: 992px) {
	.basket-buttons div.btn-group button:last-child {
		display: none;
	}
}

@media (max-width: 991px) {
	.basket-buttons div {
		width: 100%;
	}
	.basket-buttons div button {
		width: 50%;
		margin-bottom: 5px;
	}
	.basket-buttons div:first-child button {
		display: none;
	}
	.basket-buttons div.order button {
		width: 50%;
	}
}


/* 상품상세정보 */

.sub-product-wrap {
	float: left;
	margin-top: -20px;
	padding-top: 70px;
	width: 100%;
}
.sub-product-wrap .tab {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.sub-product-wrap .tab li {
	float: left;
	width: 33.333%;
}
.sub-product-wrap .tab li a {
	float: left;
	margin: 0;
	position: relative;
	padding: 13px 0 12px;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: #a39fb9;
	text-align: center;
	border: 2px solid #dbdae3;
	border-left: none;
	border-bottom-color: #8179b2;
	background-color: #f9f9f9;
	text-decoration: none;
}
.sub-product-wrap .tab li:first-child a {
	border-left: 2px solid #d9dfe3;
}
.sub-product-wrap .tab .selected {
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	color: #6153b4;
	z-index: 1;
	padding-bottom: 14px;
	border-left: 2px solid #8179b2 !important;
	border-color: #8179b2;
	border-bottom: none;
	background-color: #fff;
}
.sub-product-wrap .panel {
	float: left;
	width: 100%;
	padding: 30px;
}
.sub-product-wrap .panel table {
	float: left;
	margin-top: 0px;
	border-top: 1px solid #484c55;
}
.sub-product-wrap .panel table tr {
	border-bottom: 1px solid #ededed;
}
.sub-product-wrap .panel table tr th,
.sub-product-wrap .panel table tr td {
	padding: 11px 0 10px 15px;
	font-size: 13px;
	text-align: left;
}
.sub-product-wrap .panel table tr th {
	color: #555;
	font-weight: normal;
	background-color: #f9f9f9;
}
.sub-product-wrap .panel table tr td {
	color: #333;
}
.sub-product-wrap .panel .blank {
	float: left;
	margin-top: 20px;
	width: 100%;
	height: 280px;
	background-color: #f5f5f5;
}
.sub-product-wrap .panel h4 {
	float: left;
	margin: 35px 0 15px;
	width: 100%;
	font-size: 15px;
	font-family: 'NotoSansM', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
}
.sub-product-wrap .panel p {
	float: left;
	margin-bottom: 7px;
	width: 100%;
	font-size: 13px;
	color: #777;
}
.sub-product-wrap .panel p span em {
	font-style: normal;
	font-family: 'NotoSansM', NanumGothic, Dotum, sans-serif;
	color: #333;
	margin-right: 3px;
}
.sub-product-wrap .panel p img {
	max-width: 100% !important;
	height: auto !important;
}

.sub-product-wrap .panel p .detail_info {
	float: left;
	margin-right: 6px;
}

@media (max-width: 767px) {
	.sub-product-wrap {
		margin-top: -90px;
		padding-top: 100px;
	}
}


.basketlist {float: left; width: 100%; margin-top: 10px; margin-bottom: -5px;}
.basketlist .col-md-3,
.basketlist .col-md-4,
.basketlist .col-md-6 {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
	border-left: 1px solid #d5d5d5;
}
.basketlist .col-md-3:first-child,
.basketlist .col-md-4:first-child,
.basketlist .col-md-6:first-child {
	border-left: 0px solid #ccc;
}

@media (max-width: 991px) {
	.basketlist > a:hover {
		text-decoration: none;
	}
	.basketlist .col-md-3,
	.basketlist .col-md-6 {
		float: left;
		width: 50% !important;
	}
	.basketlist .col-md-4 {
		float: left;
		width: 33.333%;
	}
	.basketlist .col-md-4 .panel {
		margin: 0 !important;
	}
	.basketlist .col-md-3 .panel-title {
		font-size: 14px !important;
	}
}


.basket {
	float: left;
	width: 100%;
}
.basket > div.radio {
	float: left;
	margin: 25px 0 0;
	width: auto;
}
.basket > div.radio label {
	margin-right: 10px;
}
.basket > div.radio label:last-child {
	margin-right: 0;
}

.basket .txt-right {
	margin: 15px 0;
}
.basket .txt-right button {
	line-height: 1.7;
}
.basket .txt-right button i {
	float: left;
	margin: 5px 4px 3px 0;
}

@media (max-width: 767px) {
	.basket .txt-right {
		float: left;
	}
	.basket .txt-right button {
		float: left;
		margin-right: .5%;
		margin-bottom: 3px;
		width: 49.5%;
	}
	.basket .txt-right button:nth-child(2n) {
		float: right;
		margin-right: 0;
	}
}


.basket table {
	border-top: 2px solid #777;
}
.basket table tr {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

.basket table tr th {
	padding: 13px 0 15px;
	font-weight: 500;
	font-size: 12px;
	color: #333;
	text-align: center;
}
.basket table tr th:first-child {
	padding: 8px 21px;
}
.basket table tr td {
	padding: 10px 0;
	font-size: 13px;
	color: #333;
}
.basket table tr td:first-child {
	padding:20px 0 20px 21px;
	vertical-align: top;
}
.basket table tr td strong {
	float: left;
	margin: 1px 0 4px;
	color: #7b90a1;
}

.basket table tr td span {
	float: left;
	margin: 5px 0 8px;
	width: 100%;
	color: #555;
}

.basket table tr td .checker span {
	margin-top: -5px;
}

.basket table tr th .form-control {
	width: auto;
	min-width: 150px;
}

.basket .basketImg {
	float: left;
	margin-right: 15px;
	margin-top: 2px;
}

.basket .basketImg img {
	width: 100px;
	height: 100px;
	border: 1px solid #dce1e4;
	image-rendering: -webkit-optimize-contrast;
}
.basket .basketText {
	float: left;
	width: 70%;
	padding: 0;
	margin: 0;
}
.basket .basketText a {
	float: left;
	width: 100%;
	color: #333;
	line-height: 1.4em;
}
.basket .basketText input[type="button"] {
	padding: 8px 0;
	width: 86px;
	color: #455869;
	border: 1px solid #ccc;
	background-color: #fff;
}
.basket .basketText input[type="button"]:hover {
	background-color: #edf0f0;
}

.basket .basketNumber {
	padding: 0 25px;
	font-size: 13px;
	color: #555;
	text-align: right;
	border-left: 0px solid #ddd;
}
.basket .basketNumber span {
	width: 100%;
	font-size: 13px;
}

.basket .basketNumber em,
.basket .basketPrice em {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 500;
	margin-right: 2px;
}

.basket .basketNumber input[type="text"] {
	display: inline-block;
	padding: 4px 20px 7px !important;
	width: 30%;
	height: 34px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 13px;
	text-align: right;
}
.basket .basketNumber input[type="button"] {
	float: right;
	margin-top: 15px;
	padding: 7px 8px;
	height: 40px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 16px;
	color: #455869;
	border-color: #ccc;
	background-color: #f7f8f8;
}
.basket .basketNumber input[type="button"]:hover {
	background-color: #d9dfe3;
}
.basket .basketPrice {
	padding-right: 20px;
	font-size: 13px;
	color: #555;
	text-align: right;
	border-left: 0px solid #ddd;
}
.basket .basketSelect {
	padding-left: 20px;
	padding-right: 19px;
	font-size: 16px;
	color: #555;
	border-left: 1px solid #ddd;
}
.basket .basketSelect span {
	font-size: 14px;
	color: #7a6fbe;
	text-align: center;
}
.basket .process {
	color: #555;
	padding: 0 10px;
	text-align: center;
	border-left: 0px solid #ddd;
}
.basket .process h4 {
	text-align: left;
}
.basket .process em {
	font-size: 13px;
	font-weight: 500;
	color: #7a6fbe;
	font-style: normal;
}
.basket .process button {
	margin-top: 3px;
	min-width: 75px;
}
.basket .process button:first-child {
	margin-top: 0px;
}
.basket .process button.close {
	margin-top: 0px;
	min-width: auto;
}
.basket .soldout .show {
	margin: 0;
	width: 100px;
	height: 100px;
}
.basket .soldout .show a {
	text-decoration: none;
}
.basket .soldout button {
	background: #999;
	cursor: default;
}
.basket .soldout .show a {
	font-size: 12px;
}
.basket .soldout .basketText strong,
.basket .soldout .basketText a,
.basket .soldout .basketText span,
.basket .soldout .basketText input[type="button"],
.basket .soldout .basketNumber,
.basket .soldout .basketPrice {
	color: #999;
}
.basket .basketOption td {
	background-color: #f5f5f5;
}
.basket .basketOption span {
	margin: 10px 0 0 0;
}
.basket .basketOption span:first-child {
	margin: 0;
}
.basket .basketOption p {
	float: left;
	margin-top: 10px;
	width: 115px;
	font-size: 16px;
	color: #555;
}
.basket .basketOption select {
	float: left;
	padding: 9px 0 10px 20px;
	width: 519px;
	height: 40px;
	font-weight: normal;
	font-size: 16px;
	background-image: url(../images/select_arrow1.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.basket .basketOption input[type="button"] {
	float: left;
	margin-right: 6px;
	padding: 8px 0;
	width: 86px;
	color: #455869;
	border: 1px solid #ccc;
	background-color: #fff;
}
.basket .basketOption input[type="button"]:hover {
	background-color: #edf0f0;
}
.basket .basketOption .btn-option {
	color: #fff !important;
	background-color: #7b90a1 !important;
}
.basket .basketOption .btn-option:hover {
	background-color: #697b89 !important;
}

.basket .full-mobile .basketImg img {
	width: 100%;
	height: 100%;
}
.basket .full-mobile th:first-child,
.basket .full-mobile td:first-child {
	padding-left: 0px !important;
}
.basket .full-mobile .basketNumber {
	padding: 0;
	font-size: 15px;
	border-left: none !important;
}
.basket .full-mobile .basketNumber em {
	font-size: 20px;
}
.basket .full-mobile .basketText {
	padding: 0;
}
.basket .full-mobile .soldout .show {
	width: 50px;
	height: 50px;
}

@media (max-width: 767px) {
	.basket table {float: left;}
}

.productLocation {
	float: left;
	width: 100%;
	border-bottom: solid 1px #f1f1f1;
	padding-right: 10%;
	padding-left: 10%;
	line-height: 36px;
}
.productLocation span {
 	float: left; 
 	padding: 7px 7px 7px 0;
 	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
 	color: #212121; 
 	opacity: .82;
 }
.productLocation span.active {
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
	opacity: 1;
}
.productLocation em {
    float: left;
    padding: 8px 22px 0px 12px;
    width: 10px;
    font-family: Dotum;
    font-weight: 600;
    font-size: 13px;
    color: #999;
    font-style: normal;
	opacity: 0.5;
}
.productLocation button {
	float: right;
	margin-top: 8px;
	margin-left: 4px;
	padding: 7px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-weight: 500;
	color: #212121;
}
.productLocation button i {
	margin: 0 3px;
}

@media (max-width: 1479px) {
	.productLocation {
		padding-right: 7.5%;
		padding-left: 7.5%;
	}
}

.product-category {float: left; width: 100%; margin: 20px 0 30px;}

.product-category select {
	float: left; 
	width: 18.1%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
 	font-size: 13px;
	margin-left: 0.74%;
}
.product-category select:first-child {margin-left: 0px;}
.product-category select:nth-of-type(5) {float: right;}
.product-category p {
    float: left;
    padding: 6px 10px 0px 9px;
    width: 10px;
    font-family: Dotum;
    font-weight: 600;
    font-size: 14px;
    color: #999;
}

@media (min-width: 1650px) {
	.product-category select {width: 18.236%; margin-left: 0.74%;}
	.product-category p {padding: 6px 9px 0px 11px !important;}
}
@media (max-width: 1440px) {
	.product-category select {margin-left: 0.69%;}
	.product-category select:first-child {margin-left: 0px !important;}
}

.middleCateTab {float: left; width: 100%;}
.middleCateTab ul {float: left; width: 100%; padding: 0; margin-bottom: 10px;}
.middleCateTab ul:after {display: block; clear: both; content:''}
.middleCateTab li {
	float: left;
	width: 20%;
	background-color: #fff;
}
.middleCateTab li a {
	position: relative; 
	display: block; 
	height: 35px; 
	line-height: 33px; 
	padding: 0 10px; 
	margin: 0 -1px -1px 0;
	border: 1px solid #dce1e4;
	background-color: #f8f8f8;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
	font-size: 13px; 
	color: #333; 
	text-align: left; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.middleCateTab li a .cnt {margin-left: 6px; color: #999;}
.middleCateTab li a:focus {text-decoration: none; color: #484c55; outline: none;}
.middleCateTab li.on > a {
	border-color: #484c55; 
	background: #fff; 
	color: #484c55; 
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
 	font-weight: 500; 
	z-index: 10;
}
.middleCateTab li.on > a .cnt {color: #484c55; font-weight :normal;}
.middleCateTab li.on i {padding-left: 18px; background: url(../img/ico/ico_ok2.png) no-repeat 0 6px;}
.middleCateTab a:hover,.tmpTab a:focus {text-decoration: none; border-color: #484c55; background: #fff; color: #484c55; cursor: pointer; z-index: 11;}
.middleCateTab a:hover.blankNone,.tmp-tab a:focus.blankNone {text-decoration: none; border-color: #ccc; background: #fff; color: #484c55; cursor: default; z-index: 11;}




/***** 리스트형 *****/
.productList {
	float: left;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
	margin: 10px 0;
}
.productList h4 {
	float: left;
	width: 100%;
	margin: 10px 0;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
}
.productList h4 em {
	font-weight: 500;
	font-size: 24px !important;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	color: #222;
	font-style: normal;
	margin: 0 3px 0 10px;
}
.productList h4 ul {
	float: right;
	margin: 0;
	padding: 0;
}
.productList h4 ul li {
	float: left;
	margin-left: 10px;
}
.productList h4 ul li .btn-primary {
	padding-bottom: 8px;
}
.productList h4 ul li select {
	min-width: 100px;
	font-size: 12px;
}
.productList dl dd {
	position: relative;
	float: left;
	width: 100%;
	height: 146px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	margin-bottom: 10px;
}
.productList dl dd:hover {
	border: 1px solid #fcb416;
	background-color: #fff;
	width: 100%;
	height: 146px;
}
.productList p.none {
	float: left;
    width: 100%;
    background: #f7f7f7;
    text-align: center;
/*     margin: 20px 0 30px; */
    padding: 30px 0;
}
.productList p.none img {
    width: 54px;
}
.productList dl dd p {
	position: relative;
	float: left;
	margin: 12px 27px 12px 12px;
}
.productList dl dd p img {
	width: 120px;
	height: 120px;
	border: 1px solid #e5e5e5;
}
.productList dl dd p img:hover {
	cursor: pointer;
}
.productList dl dd p + .checker {
	float: left;
	margin: 18px 6px 0 -10px;
}
.productList .form-control {
	height: 34px;
}
.productList .btnS {
	display: inline-block;
    padding: 6px 9px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 0px;
}
.productList .btnS.active {
/* 	color: #fcb416; */
	background-color: #fff;
	border-color: #484c55;
}
.productList .btnS:hover {
/* 	background-color: #fff; */
/* 	border-color: #484c55; */
}
.productList .pro-name {
	float: left;
	width: 60%;
	padding: 14px 0 0;
}
.productList .pro-name em {
	float: left;
	width: 100%;
	height: 51px;
	font-size: 15px;
	font-style: normal;
}
.productList .pro-name em a {
	float: left;
	width: 95%;
	height: 22px;
	color: #333;
	font-weight: 500;
	white-space: pre-wrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.productList .pro-name em a:hover {text-decoration: underline;}
.productList .pro-name em span {
	float: none;
	margin: 0;
	line-height: 1.6em;
	font-weight: normal;
	font-size: 13px;
	color: #555;
}

.productList .pro-name .price {
	float: left;
	width: 100%;
	height: 46px;
	line-height: 2.1em;
	font-weight: normal;
	font-size: 14px;
}
.productList .pro-name strong {
	float: left;
	color: #333;
	font-weight: bold;
	font-size: 18px !important;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
}
.productList .pro-name p {
	float: left;
	margin-top: -4px !important;
	margin-left: 0;
	width: 95%;
	height: 22px;
	font-family: Dotum;
	font-size:12px;
	white-space: pre-wrap;
	text-overflow: ellipsis;
	color: #999;
	overflow: hidden;
}

.productList .level2 {
	position: relative;
	float: right;
	margin: 14px 0;
	padding: 20px 0;
	width: 17%;
	height: 122px;
	border-left: 1px solid #ddd;
	text-align: center;
    vertical-align: middle;
}
.productList .level2 button {
	width: 70%;
}
.productList .level2 button:first-child {
	margin-bottom: 5px;
}

.productList .level {
	position: relative;
	float: right;
	margin: 14px 0;
	padding: 0 35px 0 35px;
	width: 17%;
	height: 122px;
	border-left: 1px solid #eaeaea;
	z-index: 9;
}
.productList .level > button {
	width: 49.1%;
}
.productList .level ul {
	float: left;
	width: 100%;
	padding: 14px 0 10px;
}
.productList .level li {
	float: left;
}
.productList .level li:nth-child(1),
.productList .level li:nth-child(3) {
	width: 22%;
}
.productList .level li:nth-child(1) button,
.productList .level li:nth-child(3) button {
	width: 100%;
	padding: 0;
}
.productList .level li:nth-child(3) button {
	margin-left: -1px;
}
.productList .level li:nth-child(1) button.btn-addon i,
.productList .level li:nth-child(3) button.btn-addon i {
	width: 100%;
	margin: 0;
}
.productList .level li:nth-child(2) {
	width: 56%;
}
.productList .level li input[type="text"] {
	width: 100% !important;
	height: 34px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4 !important;
    box-shadow: none !important;
    font-size: 13px;
	text-align: center;
    padding: 6px 10px;
	margin: 0 -1px;
}
.productList .level p {
	margin: 2px 0 0;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	color: #555;
}
.productList .level p img {
	float: left;
	margin-right: 11px;
	width: 29px;
	height: 26px;
	border: none;
}
.productList .level p strong {
	float: left;
	margin-top: 4px;
	font-weight: normal;
}
.productList .level span {
	float: left;
	margin-top: 4px;
	width: 100%;
	line-height: 1.4em;
	font-size: 16px;
	color: #7b90a1;
}
.productList .level span input[type="button"],
.productList .proImg .level span input[type="button"] {
	line-height: 1.4em;
	font-size: 16px;
	color: #7b90a1;
	background: none;
	border: none;
}
.productList .level span input[type="button"]:hover,
.productList .proImg .level span input[type="button"]:hover {
	text-decoration: underline;
}
.productList .level a {
	position: absolute;
	left: 20px;
	bottom: 0;
	padding: 9px 0 1px 0;
	width: 132px;
	height: 24px;
	letter-spacing: -0.12em;
	font-family: Dotum;
	color: #455869;
	background-color: #edf0f0;
	text-align: center;
}
.productList .level a:hover {
	background-color: #d9dfe3;
}
.productList .level a p {
	margin: 1px 6px 0 -1px;
	width: auto;
	font-weight: normal;
	font-size: 24px;
	color: #677684;
}
.productList .level a i {
	margin-right: 4px;
	width: auto;
	font-weight: normal;
	color: #677684;
}

@media (min-width: 992px) {
	.productList .level li:nth-child(1),
	.productList .level li:nth-child(3) {
		width: 27%;
	}
	.productList .level li:nth-child(2) {
		width: 46%;
	}
	.productList .level li input[type="text"] {
		padding: 6px 5px;
	}
}
@media (min-width: 1200px) {
	.productList .level li:nth-child(1),
	.productList .level li:nth-child(3) {
		width: 22%;
	}
	.productList .level li:nth-child(2) {
		width: 56%;
	}
	.productList .level li input[type="text"] {
		padding: 6px 10px;
	}
}

@media (max-width: 1721px) {
	.productList .level > button {
		padding-right: 0;
		padding-left: 0;
		width: 48.8%;
	}
}
@media (max-width: 1345px) {
	.productList .level ul {
		padding-top: 8px;
	}
	.productList .level > button {
		margin-top: 2px;
		width: 100%;
	}
	.productList .level > button:nth-of-type(1) {
		margin-top: -8px;
	}
	.productList .level {
		padding: 0 15px 0 15px !important;
	}
}
@media (max-width: 991px) {
	.productList h4 ul li:last-child {
		display: none;
	}
}


p.none {
	float: left;
    width: 100%;
    background: #f7f7f7;
    text-align: center;
/*     margin: 20px 0 30px; */
    padding: 30px 0;
}
p.none img {
    width: 54px;
}


.basket-list .panel {
    border: 0!important;
    margin-bottom: 0px;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.basket-list .panel-primary .panel-heading {
	background: #484c55;
    color: #fff;
}
.basket-list .panel .panel-heading {
    padding: 16px 20px 14px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    height: 45px;
    font-size: 14px;
    font-weight: 600;
}
.basket-list .panel-default .panel-heading {
    background: #e1e1e1;
    border-color: #7c8393;
}
.basket-list .panel-default .panel-heading .panel-title {
    color: #999 !important;
}
.basket-list .panel .panel-heading .panel-title {
    float: left;
    width: 100%;
    font-size: 15px !important;
    color: #fff;
    margin: 0px;
    padding: 0px;
    font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
    text-align: center;
    letter-spacing: 0px;
}
.basket-list {
	float: left; 
	width: 100%; 
	margin-top: 30px; 
}
.basket-list .col-md-3,
.basket-list .col-md-4,
.basket-list .col-md-6 {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
	border-left: 1px solid #d5d5d5;
}
.basket-list .col-md-3:first-child,
.basket-list .col-md-4:first-child,
.basket-list .col-md-6:first-child {
	border-left: 0px solid #ccc;
}

@media (max-width: 991px) {
	.basket-list > a:hover {
		text-decoration: none;
	}
	.basket-list .col-md-3,
	.basket-list .col-md-6 {
		float: left;
		width: 50% !important;
	}
	.basket-list .col-md-4 {
		float: left;
		width: 33.333%;
	}
	.basket-list .col-md-4 .panel {
		margin: 0 !important;
	}
	.basket-list .col-md-3 .panel-title {
		font-size: 14px !important;
	}
}


.basket-scm {
	float: left;
	width: 100%;
}
.basket-scm > div.radio {
	float: left;
	margin: 25px 0 0;
	width: auto;
}
.basket-scm > div.radio label {
	margin-right: 10px;
}
.basket-scm > div.radio label:last-child {
	margin-right: 0;
}

.basket-scm .txt-right {
	text-align: right;
	margin: 15px 0;
}
.basket-scm .txt-right button {
	line-height: 1.7;
}
.basket-scm .txt-right button i {
	float: left;
	margin: 5px 4px 3px 0;
}

@media (max-width: 767px) {
	.basket-scm .txt-right {
		float: left;
	}
	.basket-scm .txt-right button {
		float: left;
		margin-right: .5%;
		margin-bottom: 3px;
		width: 49.5%;
	}
	.basket-scm .txt-right button:nth-child(2n) {
		float: right;
		margin-right: 0;
	}
}


.basket-scm table {
	border-top: 2px solid #777;
}
.basket-scm table tr {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

tr.morelist {
    border: none;
}

tr.morelist td {
    background: #f1f1f1;
    border-top: 1px dashed #ddd !important;
}

.basket-scm table tr th {
	padding: 13px 0 15px;
	font-weight: 500;
	font-size: 12px;
	color: #333;
	text-align: center;
}
.basket-scm table tr th:first-child {
	padding: 8px 21px;
}
.basket-scm table tr td {
	padding: 10px 0;
	font-size: 13px;
	color: #333;
}
.basket-scm table tr td:first-child {
	padding:15px 0 15px 24px;
	vertical-align: top;
}
.basket-scm table tr td:first-child .basketImg {
	margin-top: 0;
}
@media (max-width: 1500px) {
	.basket-scm table tr td:first-child {
		padding:20px 0 20px 21px;
	}
	.basket-scm.orderpay table tr td:first-child {
		padding:20px 0 20px 0px;
	}
}
.basket-scm table tr td strong {
	float: left;
	margin: 1px 0 4px;
	color: #7b90a1;
}

.basket-scm table tr td span {
	float: left;
	margin: 4px 0 6px;
	width: 100%;
	color: #555;
}
.basket-scm table tr td .standard {
	height: 22px;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
/* 	white-space: pre-wrap; */
	overflow: hidden;
}

.basket-scm table tr td .checker span {
	margin-top: -5px;
}

.basket-scm table tr th .form-control {
	width: auto;
	min-width: 150px;
}

.basket-scm .basketImg {
	float: left;
	margin-right: 15px;
	margin-top: 2px;
}
@media (max-width: 1440px) {
	.basket-scm .basketImg img {width: 80px !important; height: 80px !important;}
}
.basket-scm .basketImg img {
	width: 90px;
	height: 90px;
	border: 1px solid #dce1e4;
	image-rendering: -webkit-optimize-contrast;
}
.basket-scm .basketText {
	float: left;
	width: 58%;
	padding: 0;
	margin: 0;
}
.basket-scm .basketText a {
	float: left;
	width: 100%;
	height: 18px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
	color: #333;
	line-height: 1.45em;
	margin: 5px 0 4px;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
/* 	white-space: pre-wrap; */
	overflow: hidden;
}
.basket-scm .basketText a.btn-default {
	width: auto;
	height: auto;
	padding: 5px 10px;
    margin: 0;
}
.basket-scm .basketText input[type="button"] {
	padding: 8px 0;
	width: 86px;
	color: #455869;
	border: 1px solid #ccc;
	background-color: #fff;
}
.basket-scm .basketText input[type="button"]:hover {
	background-color: #edf0f0;
}

.basket-scm .basketNumber {
	padding: 0 10px;
	font-size: 13px;
	color: #555;
	text-align: right;
	border-left: 0px solid #ddd;
}
.basket-scm .basketNumber span {
	width: 100%;
	font-size: 13px;
}

.basket-scm .basketNumber em,
.basket-scm .basketPrice em {
	font-family: 'NotosansB', NanumGothic, Dotum, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-right: 1px;
}

.basket-scm .basketNumber input[type="text"] {
	display: inline-block;
	padding: 4px 5px 7px !important;
	width: 30%;
	min-width: 53px;
	height: 34px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 13px;
	text-align: right;
}
.basket-scm .basketNumber input[type="text"] + button {
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}
.basket-scm .basketNumber input[type="button"] {
	float: right;
	margin-top: 15px;
	padding: 7px 8px;
	height: 40px;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 16px;
	color: #455869;
	border-color: #ccc;
	background-color: #f7f8f8;
}
.basket-scm .basketNumber input[type="button"]:hover {
	background-color: #d9dfe3;
}
.basket-scm .basketPrice {
	padding-right: 20px;
	font-size: 13px;
	color: #555;
	text-align: right;
	border-left: 0px solid #ddd;
}
.basket-scm .basketSelect {
	padding-left: 20px;
	padding-right: 19px;
	font-size: 16px;
	color: #555;
}
.basket-scm .basketSelect span {
	font-size: 14px;
	color: #7a6fbe;
	text-align: center;
}
.basket-scm .process {
	color: #555;
	padding: 0 10px;
	text-align: center;
	border-left: 0px solid #ddd;
}
.basket-scm .process h4 {
	text-align: left;
}
.basket-scm .process em {
	font-size: 13px;
	font-weight: 500;
	color: #7a6fbe;
	font-style: normal;
}
.basket-scm .process button {
	margin-top: 3px;
	min-width: 75px;
}
.basket-scm .process button:first-child {
	margin-top: 0px;
}
.basket-scm .process button.close {
	margin-top: 0px;
	min-width: auto;
}
.basket-scm .soldout .show {
	margin: 2px 0 0;
	width: 90px;
	height: 90px;
	position: absolute;
    background: url(../images/user/bg_soldout.png) repeat;
}
.basket-scm .soldout .show a {
    position: absolute;
    bottom: 0;
    padding: 7px 0;
    width: 100%;
    font-family: Dotum;
	font-size: 12px;
    color: #fff;
    text-align: center;
	text-decoration: none;
    background-color: #999;
}
.basket-scm .soldout button {
	background: #999;
	cursor: default;
}
.basket-scm .soldout .basketText strong,
.basket-scm .soldout .basketText a,
.basket-scm .soldout .basketText span,
.basket-scm .soldout .basketText input[type="button"],
.basket-scm .soldout .basketNumber,
.basket-scm .soldout .basketPrice {
	color: #999;
}
.basket-scm .basketOption td {
	background-color: #f5f5f5;
}
.basket-scm .basketOption span {
	margin: 10px 0 0 0;
}
.basket-scm .basketOption span:first-child {
	margin: 0;
}
.basket-scm .basketOption p {
	float: left;
	margin-top: 10px;
	width: 115px;
	font-size: 16px;
	color: #555;
}
.basket-scm .basketOption select {
	float: left;
	padding: 9px 0 10px 20px;
	width: 519px;
	height: 40px;
	font-weight: normal;
	font-size: 16px;
	background-image: url(../images/select_arrow1.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.basket-scm .basketOption input[type="button"] {
	float: left;
	margin-right: 6px;
	padding: 8px 0;
	width: 86px;
	color: #455869;
	border: 1px solid #ccc;
	background-color: #fff;
}
.basket-scm .basketOption input[type="button"]:hover {
	background-color: #edf0f0;
}
.basket-scm .basketOption .btn-option {
	color: #fff !important;
	background-color: #7b90a1 !important;
}
.basket-scm .basketOption .btn-option:hover {
	background-color: #697b89 !important;
}


@media (max-width: 1440px) {
	.basket-scm .soldout .show {width: 80px !important; height: 80px !important;}
}
@media (max-width: 767px) {
	.basket-scm table {float: left;}
}


/* 발주바구니 버튼 및 총 결제예정금액 */

.basketAllPrice {
	float: left;
	padding-top: 20px;
	width: 100%;
}
.basketAllPrice .all-price {
	float: right;
	padding: 0px 0 26px 21px;
	font-size: 16px;
	color: #333;
	text-align: right;
	border-top: none;
}


.tableBrd {
	float: left;
	width: 100%;
}
.tableBrd table {
	border-top: 1px solid #aaa;
	margin: 10px 0 0;
}
.tableBrd table tr {
	position: relative;
}
.tableBrd th em {
	color: #e14444;
	margin-left: 2px;
}
.tableBrd table tr th {
	padding: 8px 20px;
	height: 50px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
 	background: #f8f8f8;
}
.tableBrd table tr td {
	position: relative;
	padding: 8px 20px;
	vertical-align: middle;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
 	font-weight: 500;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	line-height: 23px;
}
.tableBrd table tr td > div.radio,
.tableBrd table tr td > div.checkbox {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: auto;
}
.tableBrd table tr td label {
	margin: 4px 15px 4px 0;
}
.radio label,
.checkbox label {
	padding-right: 6px;
}
.tableBrd table tr td div.radio label,
.tableBrd table tr td div.checkbox label {
	margin: 0;
	padding-left: 10px;
}
.tableBrd table tr td label:first-child,
.tableBrd table tr td div.radio label:first-child,
.tableBrd table tr td div.checkbox label:first-child {
	padding-left: 0;
}
.radio label:last-child,
.checkbox label:last-child {
	margin-right: 0 !important;
}
label div.checker,
label div.radio {
	margin: -3px 0 0 -2px;
}
.memcontainer label div.checker,
label div.radio {
	margin: -2px 2px 0 -2px;
}
.tableBrd table tr td > div.radio {
	margin-top: -6px;
	margin-right: 0;
}
.tableBrd table tr td > div.radio .radio {
	margin-top: -2px;
}
.tableBrd table tr td.phone-num select {
	float: left;
	width: 30%;
}
.tableBrd table tr td.phone-num input[type="text"] {
	float: left;
	width: 32%;
}
.tableBrd table tr td.phone-num input[type="text"] {
	margin-left: 5px;
}
.tableBrd table tr td.mjoin input[type="text"] {
	width: 74.1%;
}
.tableBrd table tr td.mjoin .checkbox {
	height: 34px;
	line-height: 25px;
}
.tableBrd table tr td.address input[type="text"] {
	float: left;
	width: 75.79%;
	margin-right: 5px;
}
.tableBrd table tr td span {
	font-size: 16px;
	font-weight: 500;
	color: #333;
}
.tableBrd table tr td span em {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	font-style: normal;
	padding-left: 10px;
}
.file_input_textbox {float: left; width: 82.27%; height: 36px; margin-right: 5px; padding: 0 10px; border: 1px solid #dce1e4;}
.file_input_div {position:relative; width:48.56px; height:36px; overflow:hidden;}
.file_input_img_btn {padding:0 0 0 5px;}
.file_input_hidden {width:48.56px; height:36px; font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}


table .form-control.input-search {
	float: left;
	width: 75.79%;
	margin-right: 5px;
}

table .form-control.date-inpt + .date-icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	z-index: 1;
	margin-top: -8px;
	width: 16px;
	height: 15px;
	background: url(../images/user/datepick.png) left top no-repeat;
}


.tableBrd-pop {
	width: 100%;
	margin: 30px 0 0;
}
.tableBrd-pop table {
	border-top: 1px solid #aaa;
}
.tableBrd-pop table tr {
	position: relative;
}
.tableBrd-pop table tr th {
	padding: 10px 20px;
	background: #f1f1f1;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}
.tableBrd-pop table tr td {
	position: relative;
	padding: 10px 20px;
	vertical-align: middle;
	height: 55px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}
.tableBrd-pop table tr td textarea.form-control {
	min-height: 200px;
}

@media (max-width: 499px) {
	.tableBrd-pop table tr th,
	.tableBrd-pop table tr td {padding: 8px 10px;}
}

@media (max-width: 1540px) {
	.verticalCarousel {
		margin-top: -57px !important;
	}
	.verticalCarouselHeader {
	    padding: 20px 0 0px !important;
	}
}
.verticalCarousel {
	float: right;
	width: 50%;
	min-width: 500px;
	margin-top: -13px;
}

.verticalCarouselHeader {
 	border-width: 0px;
 	border-style: solid;
 	padding: 0 0 0;
}

.verticalCarouselHeader:after {
	content: "";
	display: block;
	clear: both;
}

.verticalCarouselHeader h3 {
	float: left;
    font-size: 40px;
    color: #ffffff;
    border-top: 0px solid #fcd000;
    padding: 3px 0 0;
    margin: -10px 0 0;
}

.verticalCarouselHeader .vc_goUp,
.verticalCarouselHeader .vc_goDown {
	float: right;
	display: block;
	width: 25px !important;
	height: 25px !important;
	font-size: 2.4em;
	color: #ffffff;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0;
	margin-bottom: 10px;
}

.verticalCarouselHeader .vc_goUp:hover,
.verticalCarouselHeader .vc_goDown:hover {
	color: #fcd000;
}
.verticalCarouselHeader .vc_goUp:active,
.verticalCarouselHeader .vc_goDown:active {
	-moz-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
}


.verticalCarouselGroup.vc_list > li {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	color: #444;
	margin: 14px 0 16px;
	border-width: 0px;
	border-style: solid;
	padding: 17px 5px 15px 15px;
	background: rgba(255,255,255,.95);
/* 	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); */
/* 	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); */
/* 	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); */
	border-radius: 3px;
	border: 3px solid #fff;
}
.verticalCarouselGroup.vc_list > li:hover {
	color: #121212;
	border: 3px solid #fcd000;
	background: rgba(255,255,255,1);
}

.verticalCarouselGroup.vc_list > li h4 {
	margin: 0px 0px 15px;
}

.verticalCarouselGroup.vc_list > li div {
	margin: 0px 0px 0px;
	padding: 0 10px 0 0;
	height: 87px;
	font-size: 13px;
	color: #555;
    line-height: 20px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
}

.emPop {
	float: left;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	padding: 8em 4.5em 5em;
}
.emPop h1 {
	float: left;
	width: 100%;
	font-size: 32px;
	line-height: 44px;
	color: #121212;
}
.emPop h1 strong {
	float: left;
	width: 100%;
	font-weight: bold;
}
.emPop em:before {
	position: absolute;
	background: #9ea4b4;
	width: 100px;
	height: 6px;
	content: '';
}
.emPop em {
	display: inline-block;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-size: 20px;
	color: #121212;
	margin: 120px 0 0;
	font-style: normal;
	line-height: 55px;
}
.emPop .squareBox {
	padding: 0;
	margin: 30px 0;
	border: 1px solid #eef2f5;
}
.emPop .squareBox tr:nth-child(1) td:nth-child(3),
.emPop .squareBox tr:nth-child(2) td:nth-child(1) {
	background: #f0f1f5;
}
.emPop .squareBox tr td {
	padding: 40px 50px 40px 40px;
}
.emPop .squareBox tr td span {
	float: right;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-size: 17px;
	color: #999999;
	text-align: right;
	line-height: 22px;
}
.emPop .squareBox tr td span strong {
	float: right;
	width: 100%;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-size: 30px;
	color: #121212;
	line-height: 76px;
}
.emPop div {
	font-size: 15px;
	line-height: 24px;
	margin-top: 30px;
}
.emPop ul {
	float: left;
	width: 100%;
	margin-top: 70px;
}
.emPop ul li {
	float: left;
	width: 33.333%;
	margin-bottom: 30px;
}
.emPop ul li i {
	float: left;
	width: 80px;
	height: 80px;
	background: #f0f1f5;
	text-align: center;
	margin-right: 20px;
	padding-top: 17px;
} 
.emPop ul li span {
	float: left;
	width: auto;
	font-size: 14px;
}
.emPop ul li span strong {
	float: left;
	width: 100%;
	font-size: 16px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	color: #333;
	line-height: 42px;
}

.joinPop {
	float: left;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	padding: 5em 2em;
}
.joinPop h1 {
	float: left;
	width: 100%;
	font-size: 36px;
	line-height: 44px;
	color: #121212;
}
.joinPop h1 strong {
	float: left;
	width: 100%;
	font-weight: bold;
}


.privacyPolicyPop {
	float: left;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	padding: 3em 4em;
}
.privacyPolicyPop h1 {
	float: left;
	width: 100%;
	font-size: 28px;
	line-height: 44px;
	color: #121212;
	border-bottom: 2px solid #e1e1e1;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.privacyPolicyPop h1 strong {
	float: left;
	width: 100%;
	font-weight: bold;
}
.privacyPolicyPop h1 strong .form-control {
	float: right;
	margin: 5px 0 -5px;
	width: 30%;
	height: 37px;
	font-weight: normal;
	font-size: 14px;
} 
.privacyPolicyPop div {
	float: left;
	width: 100%;
}
.privacyPolicyPop div strong {
	float: left;
	width: 100%;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-size: 16px;
	color: #121212;
	font-weight: normal;
	margin-bottom: 10px;
}
.privacyPolicyPop div p {
	float: left;
	width: 100%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	color: #333;
}

.sendSmsAll {
	width: 100%;
	height: 739px;
	background: url(../images/user/bg_send_sms.jpg) no-repeat center center;
	background-size: cover;
    background-position-y: top;
}
.sendSmsAll ul {
	float: right;
	width: 370px;
	height: 100%;
	padding: 230px 0;
}
.sendSmsAll ul li {
	float: left;
	width: 100%;
	padding: 0 47px;
	margin: 0 0 15px;
}
.sendSmsAll ul li input[type="text"] {
	width: 100%;
	height: 50px;
	font-size: 14px;
	padding: 10px 20px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
}
.sendSmsAll ul li textarea {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	padding: 30px 20px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
}
.sendSmsAll ul li input[type="text"]:focus,
.sendSmsAll ul li textarea:focus {
	border: 1px solid #b1b1b1;
}

.sendSmsAll ul li button {
	width: 135px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 25px 0;
	border-radius: 10px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
}
.sendSmsAll ul li button.btn_sendSms {
	float: left;
	background: #516edf;
}
.sendSmsAll ul li button.btn_sendSms:hover {
	color: #fff;
	background: #3252cf;
}
.sendSmsAll ul li button.btn_cancelSms {
	float: right;
	background: #696969;
}
.sendSmsAll ul li button.btn_cancelSms:hover {
	color: #fff;
	background: #555;
}


.mobile-form-login {
	background: url(../images/user/mobile_bg.jpg) no-repeat center center;
	background-size: contain;
    background-position-y: top;
}
.mobile-layer {
/* 	background: url(../images/user/layer.png) no-repeat 0px 0px; */
	background-size: cover;
	min-height: 87vh;
}
.mobile-layer .mobile-wrapper {
	min-height: 87vh;
}
.mobile-form-inner-cont {
	padding: 0;
}
@media (max-width: 375px) {
	.mobile-form-inner-cont h1 {
		padding: 4.5em 2em 0 !important;
	}
	.mobile-form-inner-cont h1 img {
		width: 100% !important;
	}
	.mobile-form-inner-cont h1 em {
		height: 0 !important;
	}
}
.mobile-form-inner-cont h1 {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	padding: 5em 1em 0;
	background: transparent;
    height: 100%;
}
.mobile-form-inner-cont h1 img {
	float: left;
	width: 71%;
}
.mobile-form-inner-cont h1 em {
	display: inline-block;
	line-height: 46px;
	width: 100%;
	height: 46px;
	font-size: 22px;
	color: #b1bbcc;
	letter-spacing: 0px;
	font-style: normal;
}
.mobile-form-con {
	margin: 0;
	padding: 2em 2.5em 0;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	background: #fff;
}
.mobile-form-con h2 {
	float: left;
    width: 100%;
	padding: 0 0 1.5em;
	color: #999;
	font-size: 14px;
	line-height: 18px;
}
.mobile-form-con h2 strong {
	float: left;
	width: 100%;
	padding: 1.2em 0 .7em;
	color: #212121;
	font-size: 23px;
}
.mobile-forms-gds {
	display: inline-block;
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
}
.mobile-forms-gds .form-input {
	float: left;
	width: 100%;
}
.mobile-forms-gds .form-input h5 {
	float: left;
	width: 100%;
	font-family: 'NotosansB', NanumGothic, Dotum, sans-serif;
	font-size: 13px;
	color: #212121;
	margin-bottom: 10px;
}
.mobile-forms-gds .form-input input {
	width: 100%;
    height: 45px;
    font-size: 12px;
    padding: 15px 10px !important;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 0;
    box-shadow: none!important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.mobile-forms-gds .captcha {
    float: left;
    width: 100%;
    margin-top: 0.5em;
}
.mobile-forms-gds .captcha img,
.mobile-forms-gds .captcha button {
    float: left;
}
@media (max-width: 375px) {
	.mobile-forms-gds .captcha img {
		width: 45%;
    	height: 48px;
	}
}
.mobile-forms-gds .captcha button {
    width: 48px !important;
    height: 48px;
    background-color: #555 !important;
    padding: 0.5em 0 !important;
}

.mobile-forms-gds .captcha button i {
    font-size: 17px;
    color: #fff;
}
.mobile-forms-gds .captcha input[type="text"] {
	float: right;
    width: 37% !important;
    text-align: center;
    outline: none;
    font-size: 13px;
    color: #888;
    border: none;
    display: inline-block;
    letter-spacing: 0;
    padding: 1.133em 1em;
    margin: 0;
    background: #eee;
}

.mobile-form-input-btn {
	position: fixed;
    float: left;
    width: 100%;
    bottom: 0;
    z-index: 9;
}
.mobile-form-input-btn button {
	width: 100%;
	font-family: 'NotosansB', NanumGothic, Dotum, sans-serif;
	font-size: 23px;
	color: #fff;
	padding: .8em 0 .7em;
	margin-top: 20px;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	background: #04bed4;
	border: 0;
}

.page-dc-user {
	width: 100%;
	background: #fff;
	overflow-y: hidden;
}
.mobile-form-delivery {
	float: left;
	width: 100%;
	background: #f5f5f5;
}
.mobile-form-delivery header {
	float: left;
	width: 100%;
	font-family: 'NotosansL', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	background: #04bed4;
}
.mobile-form-delivery header strong {
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
}
.mobile-form-delivery header a {
	position: absolute;
	top: 12px;
    right: 20px;
	font-size: 21px;
	color: #fff;
}
.mobile-delivery {
	float: left;
	width: 100%;
}
.mobile-delivery .topSearch {
	padding: 10px 20px 0px 20px;
	border-bottom: none;
	background: #f5f5f5;
}
.mobile-delivery .topSearch .search-h {
    width: 25% !important;
}
.mobile-delivery .topSearch .search-c {
	width: 75% !important;
}
@media (max-width: 375px) {
	.mobile-delivery .topSearch {
		padding: 10px 12px 0px 12px !important;
	}
}
.mobile-delivery .topSearch .btn-search {
	font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    width: 40px;
    padding: 4px 0 7px;
    float: right;
    color: #fff;
    background-color: #484c55;
    letter-spacing: -1px;
}
.mobile-delivery .topSearch li {
	width: 100%;
	padding: 3px 0;
}
.mobile-delivery .topSearch li:nth-child(1) {
	width: 87%;
}
.mobile-delivery .topSearch li:nth-child(1) .search-h {
	width: 28.7% !important;
}
.mobile-delivery .topSearch li:nth-child(1) .search-c {
	width: 71.3% !important;
}
.mobile-delivery .topSearch li:nth-child(2) {
	width: 13%;
}
.mobile-delivery .topSearch .search-c input[type="text"] {
    float: left;
    margin-right: 3px;
    padding: 6px 10px;
    height: 34px;
    font-size: 12px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #dce1e4;
}
.mobile-delivery .topSearch .search-c.calendar i {
    margin: 10px 0 0 -25px;
    color: #333;
}
.mobile-delivery .topSearch .search-c.calendar .search-input:nth-of-type(2) + i {
    position: absolute;
    right: 10px;
    float: right;
}
@media (max-width: 375px) {
	.mobile-delivery-list {
		padding: 1.5em 1em 0 !important;
		border-top-left-radius: 30px !important;
    	border-top-right-radius: 30px !important;
	}
}
.mobile-delivery-list {
	float: left;
	width: 100%;
	margin: 1em 0 0;
	padding: 1.8em 2em 0;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	background: #fff;
}
.mobile-delivery-list h5 {
	font-size: 15px;
	margin-top: 10px;
}
.mobile-delivery-list .btnList {
	margin-top: -22px;
}
@media (max-width: 375px) {
	.mobile-delivery-list .tArea {
		height: 297px !important;
	}
}
.mobile-delivery-list .tArea {
    float: left;
	width: 100%;
    height: 387px;
    margin-top: 10px;
    border-top: 2px solid #777;
    overflow-y: auto;
}
.mobile-delivery-list .tArea table {
    float: left;
	width: 100%;
	height: 400px;
    max-width: 100%;
    text-decoration: none;
    overflow-y: auto;
}
.mobile-delivery-list .tArea table tbody,
.mobile-delivery-list .tArea table tr {
	float: left;
	width: 100%;
}

.mobile-delivery-list .tArea table tr {
	border-bottom: 1px solid #e1e1e1;
}
.mobile-delivery-list .tArea table > thead > tr > th {
    background-color: #e3e9f4;
    padding: 5px 9px 8px;
}
.mobile-delivery-list .tArea table > tbody > tr:nth-child(even) {
    background-color: #f9f9f9;
}
.mobile-delivery-list .tArea table th,
.mobile-delivery-list .tArea table td {
	float: left;
	width: 89%;
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	color: #333;
	line-height: 22px !important;
	padding: 7px 9px 10px;
    vertical-align: middle;
}
.mobile-delivery-list .tArea table th:first-child,
.mobile-delivery-list .tArea table td:first-child {
	float: left;
	width: 11%;
}
.mobile-delivery-list .tArea table td ins {
	display: block;
	text-decoration: none;
	min-height: 23px;
}
.mobile-delivery-list .tArea table td ins .form-control {
	padding: 5px !important;
	width: 25%;
	height: 26px;
}
.mobile-delivery-list .tArea table th:first-child {
	text-align: left;
}
.mobile-delivery-list .tArea table th {
	text-align: center;
	line-height: 22px !important;
}
.mobile-delivery-list .tArea table td a:hover {
	text-decoration: underline !important;
}
.mobile-delivery-list .tArea table td {
	text-align: left;
	line-height: 28px;
}

.mobile-delivery-list .tArea table td em {
	display: block;
	float: left;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	color: #212121;
	min-width: 100px;
	font-style: normal;
}
.mobile-form-delivery .pagination {
    float: none;
    width: 100%;
    padding: 15px 0 ;
    margin: 0;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    position: fixed;
    bottom: 0;
}
.mobile-form-delivery .pagination > li > a,
.mobile-form-delivery .pagination > li > span {
    position: relative;
    padding: 9px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #212121;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.mobile-form-delivery .pagination > .active > a, 
.mobile-form-delivery .pagination > .active > span, 
.mobile-form-delivery .pagination > .active > a:hover, 
.mobile-form-delivery .pagination > .active > span:hover, 
.mobile-form-delivery .pagination > .active > a:focus, 
.mobile-form-delivery .pagination > .active > span:focus {
    background: #484c55;
    border-color: #484c55;
    color: #fff;
}


.mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

/** LOADING CSS **/
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loading-container { 
	margin: 0 auto;
	position: absolute;
	left: 50%;
    top: 50%;
	z-index: 9999999;
}

.loading-container.in { 
	margin: 0 auto;
	position: absolute;
	left: calc(50% - 50px);
    top: 50%;
	z-index: 9999999;
}

.newloading {
	height: 100px;
    width: 100px;
    border-radius: 100%;
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .newloading {
    border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .newloading,
.loading-container .newloading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-family: "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}