/* Global Styles */

body {
    position: relative;
    height: 100%!important;
    width: 100%;
    font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 12px;
/*     background: #f9f9f9; */
    color: #333;
    overflow-y: scroll;
}

body.scroll-auto {
    overflow-y: auto !important;
}

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

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

.pointer {cursor: pointer;}

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

.full-mobile {display: none;}


/* Typography */

ul,ol,li {list-style: none outside;}

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

ins {text-decoration: none;}

th {text-align: left;}

th,
dt,
b,
strong {
    font-family: 'NotosansB';
    font-weight: normal;
}

select {
    background-image: url(../../images/kr/select_arrow01.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    appearance: none;
    -webkit-appearance: none;
       -moz-appearance: none;
         -o-appearance: none;
}
select::-ms-expand {
	display: none;
}

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

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px !important;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 13px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-black {
    color: #333;
}

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

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

.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-primary {
    color: #7a6fbe;
}

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

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

.text-warning {
    color: #f6d433;
}

.text-danger {
    color: #f25656;
}


/* 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;
}

/* Custom Badges */

.badge {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    border-radius: 0px;
	font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 11px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 1.09rem;
    height: 18px;
    min-width: 18px;
    padding: 2px 5px 4px 5px;
    text-shadow: none !important;
}

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

a:hover .badge.badge-default {
    background: #d5d5d5;
    color: #222;
}
.badge.badge-default.num {
    background: #eaeaea;
    color: #222;
    font-family: 'Spoqa-Medium', 'NotoSansM', 'NanumGothic';
}
.badge.badge-default {
    background: #eaeaea;
    color: #777;
}

.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: #f01223;
    color: #FFF;
}

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

.badge.badge-warning2 {
    background: #999;
    color: #FFF;
}

.badge.badge-no {
    background: #999;
    color: #FFF;
	padding: 3px 5px 2px !important;
}

.badge.badge-yes {
    background: #333;
    color: #FFF;
	padding: 3px 6px 2px !important;
}



/* 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 */
/* Txet Align */
.txt-left, .txt-left-m {text-align: left !important;}
.txt-center {text-align: center !important;}
.txt-right {text-align: right !important;}
.txt-rightM {text-align: right !important; padding-right: 20px !important;}

.txt-left em {
	display: block;
	width: 19em;
	font-style: normal;
	font-family: 'NotoSansR' !important;
	font-size: 12px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.txt-left-m em {
	display: block;
	width: 40em;
	font-style: normal;
	font-family: 'NotoSansR' !important;
	font-size: 12px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.line-h28 {line-height: 28px !important;}

.line-h35 {line-height: 35px !important;}


/* Font family */
.font-f-u {
	font-family: 'Ubuntu', sans-serif;
}

.font-f-q {
	font-family: 'Spoqa-Regular', sans-serif;
	font-weight: normal;
}

.font-f-nr {
	font-family: 'NotoSansR' !important;
}

.font-f-nm {
	font-family: 'NotoSansM' !important;
}



.font-w-n {font-weight: normal !important;}

/* Font Size */
.font-12 th, .font-12 td {
	font-size: 12px !important;
}
.font-12 {
	font-size: 12px !important;
}
.font-13 {
	font-size: 13px !important;
}
.font-14 {
	font-size: 14px !important;
}
.font-15 {
	font-size: 15px !important;
}
.font-16 {
	font-size: 16px !important;
}
.font-18 {
	font-size: 18px !important;
}
.font-20 {
	font-size: 20px !important;
}

/* Float */
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.float-none {
	float: none !important;
}


/* Margins & Paddings */

.no-s {
    margin: 0px!important;
    padding: 0px!important;
	font-family: 'Ubuntu', sans-serif;
}

.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;
}

.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;
}

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

@media (max-width: 991px) {
	.no-p-ll {padding: 0!important;}
	.no-p-rr {padding: 0!important;}
}

.m {
    margin: 15px;
}

.m-t-m6 {
    margin-top: -6px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p {
    padding: 15px;
}

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

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

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

.p-vb-xs {
    padding-bottom: 10px;
}

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

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

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

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

.no-p-v {
    padding-top: 0 !important;
    padding-bottom: 0 !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;
}

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

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

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

.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 !important;
    padding-right: 30px !important;
}


/* Borders */

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

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

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

.b-t2 {
    border-top: 1px solid #ddd;
}

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

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

.b-b2 {
    border-bottom: 1px solid #ddd !important;
}
.b-e6 {
    border-bottom: 1px solid #e6e6e6;
}
.b-b-d {
    border-bottom: 1px dashed #ddd;
}

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

.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-2 {
    border-size: 2px;
}

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

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

.b-n-t {
    border-top: 0;
}

.b-n-r {
    border-right: 0;
}

.b-n-b {
    border-bottom: 0;
}

.b-n-l {
    border-left: 0;
}

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



/* 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-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;
}

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

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

.bg-gray.light {
    background-color: #d7d7d7;
}


/* Buttons */

.btn {
    font-size: 12px;
    letter-spacing: .2px;
    border: 1px solid transparent;
    border-radius: 0;
    outline: none!important;
    cursor: pointer !important;
    border-radius: 3px;
    line-height: 1.25;
}

.btn-block {
    -webkit-box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.1);
    border: none !important;
}

.btn-addon 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.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 {
    padding: 10px 16px 9px;
    line-height: inherit;
}

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

.btn-md {
	padding: 8px 12px 9px;
}

.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: 5px;
    padding-right: 5px;
    border-radius: 50px;
}

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

a.btn-default,
button.btn-default {
    background-color: #f9f9f9;
    color: #333;
    border: 1px solid #e5e5e5;
}

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

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

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

.btn-default:hover {
    color: #333;
    background-color: #fafafa;
    border-color: #ccc;
}

.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 !important;
    background-color: #7a6fbe;
    border-color: transparent;
}

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

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

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff !important;
    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-login1 {
    font-family: 'NanumGothicBold';
    color: #fff !important;
    background-color: #2aa6d6;
    border-color: transparent;
}

.btn-login1:hover {
    color: #fff;
    background-color: #3b67a4 !important;
    border-color: transparent;
}

.btn-login2 {
    font-family: 'NanumGothicBold';
    color: #fff;
    background-color: #074176;
    border-color: transparent;
}

.btn-login2:hover {
    color: #fff;
    background-color: #023461;
    border-color: transparent;
}

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

.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 !important;
    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: #03a5c2;
    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: #f2ca4c;
    border-color: transparent;
}

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

.btn-warning:hover {
    color: #fff;
    background-color: #e8bf40;
    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 !important;
    background-color: #f4171e;
    border-color: transparent;
}

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

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

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

.btn-danger-line {
    color: #121212 !important;
    background-color: transparent;
    border-color: #121212;
    box-shadow: 0 0 0 1px #121212 inset; 
}
.btn-danger-line:hover {
    color: #fff !important;
    background-color: #121212;
    border-color: #121212;
    box-shadow: 0 0 0 1px #121212 inset; 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.btn-danger-line:focus,
.btn-danger-line.focus {
    color: #f4171e;
}

.btn-navy-line {
    color: #003476;
    background-color: transparent;
    border-color: #003476;
    box-shadow: 0 0 0 1px #003476 inset; 
}
.btn-navy-line:hover {
    color: #fff !important;
    background-color: #042671;
    border-color: #042671;
    box-shadow: 0 0 0 1px #042671 inset; 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.btn-blue-line {
    color: #1299cb;
    background-color: transparent;
    border-color: #1299cb;
    box-shadow: 0 0 0 1px #1299cb inset; 
}
.btn-blue-line:hover {
    color: #fff !important;
    background-color: #1299cb;
    border-color: #1299cb;
    box-shadow: 0 0 0 1px #1299cb inset; 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.btn-blue-line:focus,
.btn-blue-line.focus {
    color: #1299cb;
}

.btn-green-line {
    color: #50af31;
    background-color: transparent;
    border-color: #50af31;
    box-shadow: 0 0 0 1px #50af31 inset; 
}
.btn-green-line:hover {
    color: #fff !important;
    background-color: #50af31;
    border-color: #50af31;
    box-shadow: 0 0 0 1px #50af31 inset; 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.btn-green-line:focus,
.btn-green-line.focus {
    color: #50af31;
}

.btn-orange {
    color: #fff;
    background-color: #f87335;
    border-color: transparent;
}

.btn-orange:hover {
    color: #fff;
    background-color: #e15b1b;
    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-orange {
    color: #fff;
    background-color: #ff6927;
    border-color: transparent;
}

.btn-orange:focus,
.btn-orange.focus {
    color: #fff;
    background-color: #fd540a;
    border-color: transparent;
}

.btn-orange:hover {
    color: #fff;
    background-color: #fd540a;
    border-color: transparent;
}

.btn-blue {
    color: #fff;
    background-color: #096bad;
    border-color: transparent;
}

.btn-blue:focus,
.btn-blue.focus {
    color: #fff;
    background-color: #025e9c;
    border-color: transparent;
}

.btn-blue:hover {
    color: #fff;
    background-color: #025e9c;
    border-color: transparent;
}

.btn-blueL {
    color: #fff;
    background-color: #1090fd;
    border-color: transparent;
}

.btn-blueL:focus,
.btn-blueL.focus {
    color: #fff;
    background-color: #047ee5;
    border-color: transparent;
}

.btn-blueL:hover {
    color: #fff;
    background-color: #047ee5 !important;
    border-color: transparent;
}

.btn-blue-light {
    color: #fff;
    background-color: #1091ff !important;
    border-color: transparent;
}

.btn-blue-light:focus,
.btn-blue-light.focus {
    color: #fff;
    background-color: #025e9c;
    border-color: transparent;
}

.btn-blue-light:hover {
    color: #fff;
    background-color: #0884ef;
    border-color: transparent;
}

.btn-navy {
    color: #fff;
    background-color: #123a8e;
    border-color: transparent;
}

.btn-navy:focus,
.btn-navy.focus {
    color: #fff;
    background-color: #042671;
    border-color: transparent;
}

.btn-navy:hover {
    color: #fff;
    background-color: #042671;
    border-color: transparent;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.btn-green {
	color: #fff;
	background-color: #50af31;
	border-color: transparent;
}
.btn-green:focus,
.btn-green.focus {
    color: #fff;
    background-color: #4aa12d;
    border-color: transparent;
}

.btn-green:hover {
    color: #fff;
    background-color: #4aa12d;
    border-color: transparent;
}

.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-gray {
    color: #fff !important;
    background-color: #414141 !important;
    border-color: #414141 !important;
}

.btn-gray:focus,
.btn-gray.focus {
    color: #fff !important;
    background-color: #222 !important;
    border-color: transparent !important;
}

.btn-gray:hover {
    color: #fff !important;
    background-color: #222 !important;
    border-color: transparent !important;
}

.btn-gray-line {
    color: #333;
    background-color: transparent;
    border-color: #555;
    box-shadow: 0 0 0 1px #555 inset;
}
.btn-gray-line:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
    box-shadow: 0 0 0 1px #333 inset;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.btn-gray-line:focus,
.btn-gray-line.focus {
    color: #fff;
    background-color: #333;
    border-color: #333;
    box-shadow: 0 0 0 1px #333 inset;
}

.btn-gray-light {
    color: #333;
    background-color: #f1f1f1 !important;
    border-color: #e1e1e1 !important;
}

.btn-gray-light:focus,
.btn-gray-light.focus {
    color: #333;
    background-color: #e5e5e5;
    border-color: #c9c9c9;
}

.btn-gray-light:hover {
    color: #333;
    background-color: #e5e5e5 !important;
    border-color: #c9c9c9 !important;
}

.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 {
    background: #848484;
    color: #fff;
}

.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;
}


/* 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);
}


/* Width & Height */


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

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

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

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

.w-xs {
    width: 90px;
}

.w-sm {
    width: 140px;
}

.w {
    width: 200px;
}

.w-md {
    width: 240px;
}

.w-lg {
    width: 280px;
}

.w-xl {
    width: 330px;
}

.w-xxl {
    width: 370px;
}

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

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

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

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

.w-494 {
    width: 49.4% !important;
}

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

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

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

.w-864 {
    width: 86.4% !important;
}

.w-907 {
    width: 90.7% !important;
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}


/* Tooltip */

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


/* 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: 25px;
    border-radius: 0;
}
.orderlist .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 (max-width: 499px) {
	.panel.info-box.panel-white {
	    margin-bottom: 10px;
	}
}
@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-family: 'NotosansB';
    font-size: 18px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
}

.panel .panel-heading {
    padding: 16px 20px 14px;
    height: 45px;
    font-family: 'NotoSansM';
    font-weight: normal;
    font-size: 14px;
    overflow: hidden;
    border: 0!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

h4.panel-title {
    margin: 50px 0 20px;
    font-family: 'NotoSansM';
    font-weight: normal;
    font-size: 16px;
    text-align: left !important;
}

.panel .panel-heading .panel-title {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-family: 'NotosansR';
    font-weight: normal;
    font-size: 15px !important;
    color: #777;
    text-align: center;
}

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

@media (max-width: 991px) {
	h4.panel-title {
		margin-bottom: 0;
		line-height: 23px;
	}
}


.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: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.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;
}

@media (max-width: 499px) {
	.panel .panel-body-bg {
	    padding: 10px 20px !important;
	}
}

.panel .panel-body-bg {
    position: relative;
    margin-top: 10px;
    padding: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	background: #f9f9f9;
}

.panel .panel-heading + .panel-body {
	width: 100%;
    padding: 0 20px 20px 20px;
}

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

.panel-default2 .panel-heading {
    background: #f7f7f7;
    border-color: #eee;
    border-bottom: 1px solid #121212 !important;
}
.panel-default3 .panel-heading {
    background: #f7f7f7;
    border-color: #e7e7e7;
    border-bottom: 1px solid #121212 !important;
}
.panel-default4 .panel-heading {
    background: #f7f7f7;
    border-color: #e7e7e7;
    border-bottom: 1px solid #121212 !important;
}

.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 {
	border: 1px solid #121212 !important;
	border-bottom: none !important;
    background: #fff;
    color: #121212;
}

.panel-danger .panel-heading .panel-title {
	font-family: 'NotosansM';
    color: #121212;
}

.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;
    border: 0px solid #e9e9e9;
    border-radius: 13px;
}

.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 {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #F6F6F6;
    border: 0;
}


/* Modals */

.modal {
    z-index: 9999999;
}

.modal-content {
    -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;
    border-radius: 0;
}

.modal-header {
    padding: 20px 20px 20px 20px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    height: 55px;
    font-size: 14px;
}

.modal-header .modal-title {
    font-family: 'NotoSansM';
    font-weight: normal !important;
    letter-spacing: -.7px;
}

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

.modal-body .table textarea {
    min-height: 200px;
}
.modal-body .table tr:last-child {
    border-bottom: 1px solid #ddd;
}
.modal-body .table th {
	font-size: 12px !important;
    background: #f9f9f9;
	text-align: left;
}
.modal-body .table td {
	font-size: 12px !important;
	vertical-align: middle !important;
}

.modal-body .table2 textarea {
    min-height: 200px;
}
.modal-body .table2 tr:last-child {
    border-bottom: 1px solid #ddd;
}
.modal-body .table2 th {
	font-size: 12px !important;
    background: #f9f9f9;
	text-align: left;
	padding: 10px 5px;
}
.modal-body .table2 td {
	font-size: 12px !important;
	vertical-align: middle !important;
	padding: 10px 5px;
}

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

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

.modal-header + .modal-body h4 {
	font-family: 'NotoSansR';
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
}

.modal-header + .modal-body h4 strong {
    font-size: 14px;
}

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

.modal-open {
/*     overflow-y: scroll!important; */ /* sj */
}

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

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



/* Pagination */

.pagination {
	clear: both;
	display: block;
	position: relative;
	float: none;
	margin: 0;
	padding: 35px 0 2px;
	text-align: center;
	overflow: hidden;
	background-color: transparent;
	border-radius: 0;
}
.paginate li {
	display: inline-block;
}
.paginate a,
.paginate .active a {
	display: inline-block;
	margin: 0 0 0 -1px;
	padding: 2px 5px 3px;
	width: auto;
	min-width: 31px;
	height: 31px;
	font-family: 'Spoqa-Regular';
	font-size: 14px;
	vertical-align: middle;
	line-height: 2.1rem;
	color: #393939;
	text-align: center;
	overflow: hidden;
}
.paginate a:hover {
	background-color: #fafafa;
	border: 2px solid #e1e1e1;
	padding: 0px 5px 5px;
}
.paginate a:hover,
.paginate a:focus {
	position: relative;
	z-index: 1;
	text-decoration: none !important;
}
.paginate .active a {
	font-family: 'Spoqa-Medieum';
	color: #121212;
	background-color: #fff;
	border: 2px solid #222;
	padding: 0px 5px 5px;
}
.paginate a span {
	position: relative;
	margin: 0;
/* 	letter-spacing: -.05em; */
}
.paginate a:hover span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #a1a1a1;
}
.paginate a.pre_end,
.paginate a.pre,
.paginate a.next,
.paginate a.next_end {
	margin: 0 -2px;
	padding: 0;
	width: 35px;
	height: 35px;
	text-indent: -999999px;
	background: url('../../images/kr/shop/btn-paginate@2x.png') 0 0 no-repeat;
	background-size: 60px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 0px;
	overflow: hidden;
	opacity: .5;
}
.paginate a.pre_end {
	background-position: 2px -28px;
}
.paginate a.pre {
	background-position: 2px 2px;
}
.paginate a.next {
	background-position: -29px 2px;
}
.paginate a.next_end {
	background-position: -29px -28px;
}
.paginate a.pre_end:hover,
.paginate a.pre:hover,
.paginate a.next:hover,
.paginate a.next_end:hover {
	opacity: 1;
}
.paginate a.pre_end:hover,
.paginate a.pre_end:focus,
.paginate a.pre:hover,
.paginate a.pre:focus,
.paginate a.next:hover,
.paginate a.next:focus,
.paginate a.next_end:hover,
.paginate a.next_end:focus {
	position: relative;
	z-index: 1;
	cursor: pointer;
	border: 1px solid transparent;
	background-color: #fafafa;
}
.paginate a.disabled {
	background-color: #fafafa;
	opacity: .25;
	cursor: default !important;
}
.paginate a:hover.disabled {
	border: 1px solid transparent;
	opacity: .25 !important;
}

@media (min-width: 500px) {
	.pagination {width: auto !important;}
}

@media (max-width: 767px) {
	.paginate {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.paginate a,
	.paginate .active a {
		min-width: 16px !important;
		height: auto;
		line-height: normal;
		padding: 0 8px 3px !important;
	}
}
@media (max-width: 414px) {
	.pagination {
		margin-left: -15px;
		padding: 0px 0 2px;
	}
	.paginate a,
	.paginate .active a {
		min-width: 20px !important;
		padding: 0 8px 3px !important;
	}
	.paginate a.pre_end, .paginate a.pre, .paginate a.next, .paginate a.next_end {
		padding: 0 !important;
		width: 28px;
	}
	.paginate a.next_end {
		margin-left: 3px !important;
		background-position-x: -32px;
	}
	.paginate a.next {background-position-x: -27px;}
	.paginate a.pre_end {
		margin-right: 3px !important;
		background-position-x: -2px;
	}
	.paginate a.pre {background-position-x: -7px;}
}
@media (max-width: 385px) {
	.paginate a,
	.paginate .active a {
		min-width: 17px !important;
		padding: 0 7px 3px !important;
	}
	.paginate a.pre_end, .paginate a.pre, .paginate a.next, .paginate a.next_end {width: 20px;}
	.paginate a.next_end {background-position-x: -34px;}
	.paginate a.next {background-position-x: -31px;}
	.paginate a.pre_end {background-position-x: -8px;}
	.paginate a.pre {background-position-x: -11px;}
}
@media (max-width: 360px) {
	.paginate a,
	.paginate .active a {
		min-width: 15px !important;
		padding: 0 6.3px 3px !important;
	}
}


/* 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;
}


/* promotion */

.page-login .tab-content a {
	color: #333;
}


/* Tabs */

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

.tab-content.line {
    padding: 20px 40px 40px;
    background: #fff;
	border: 1px solid #ddd;
	border-top: none;    
}

.nav-tabs > li > a {
	font-family: 'NotoSansR';
    border-radius: 0!important;
	font-size: 13px;
    color: #999;
    border-bottom: 1px solid #DDDDDD;
	text-align: center;
	margin: 0 !important;
}

.nav-tabs > li > a:hover {
    background: #f1f1f1;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	font-family: 'NotoSansM';
	font-size: 13px;
    color: #333;
	font-weight: 500;
    cursor: default;
    background-color: #fff;
    border-bottom-color: #fff;
	text-align: center;
}

.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-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.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;
}

.tab-content > .tab-pane form.idpw-form {
	display: inline-block;
    width: 100%;
	padding: 30px 30px 15px;
}

.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;
}

.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;
}

.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;
}

.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;
}


.panel-body-sub .nav-tabs > li {
	width: 50%;
}
.panel-body-sub .nav-tabs > li > a {
    padding: 21px 20px 18px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    height: 55px;
    font-family: 'NotosansM';
    font-size: 14px;
    line-height: 1.1;
    color: #555;
    background: #f7f7f7;
}
.panel-body-sub .nav-tabs > li.active > a {
	background: #444;
    color: #fff;
}
.panel-body-sub .nav-tabs > li.active > a:hover,
.panel-body-sub .nav-tabs > li.active > a:focus {
	background: #444;
    color: #fff;
}

.panel-body-sub .nav-tabs.nav-justified {
	margin-top: 7px;
}
.panel-body-sub .nav-tabs.nav-justified > li {
	float: left;
	margin-right: -1px;
	width: 16.66666667%;
	background-color: #fff;
}
.panel-body-sub .nav-tabs.nav-justified > li > a {
	position: relative;
	display: block;
	height: 35px;
	line-height: 33px;
	padding: 0 10px;
	margin: 0 -1px -1px 0;
	background: none;
	border: 1px solid #dce1e4 !important;
	font-size: 13px;
	color: #999;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.panel-body-sub .nav-tabs.nav-justified > li > a:hover {
	color: #121212;
}
.panel-body-sub .nav-tabs.nav-justified > .active > a,
.panel-body-sub .nav-tabs.nav-justified > .active > a:hover,
.panel-body-sub .nav-tabs.nav-justified > .active > a:focus {
	border-color: #121212 !important;
	background: #fff;
	color: #121212;
	z-index: 10;
}

@media (max-width: 767px) {
	.panel-body-sub .nav-tabs > li {
		float: left;
		width: 50% !important;
	}
}
@media (max-width: 499px) {
	.panel-body-sub .nav-tabs.nav-justified > li > a {
		color: #797979;
	}
	.panel-body-sub .nav-tabs.nav-justified > li > a:hover {
		color: #555;
	}
	.panel-body-sub .nav-tabs.nav-justified > .active > a,
	.panel-body-sub .nav-tabs.nav-justified > .active > a:hover,
	.panel-body-sub .nav-tabs.nav-justified > .active > a:focus {
		border-color: #222 !important;
		color: #222;
	}
}


/* login tab */

.login-box .nav-tabs {
	margin-bottom: 0px;
}
.login-box .nav-tabs li {
	width: 50%;
	background: #f1f1f1;
}
.login-box .nav-tabs li a {
	padding-left: 0;
	text-align: center;
	padding: 15px 0;
	color: #555;
}
.login-box .nav-tabs li.active a {
	color: #333;
}
.login-box .nav-tabs li a:hover,
.login-box .nav-tabs li a:focus {
	text-align: center;
	color: #555;
}
.login-box .nav-tabs li i {
	float: left;
	margin-top: -1px;
	margin-right: 10px;
	font-weight: 600;
	font-size: 22px;
	color: #ccc;
}
.login-box .nav-tabs li.active i {
	color: #22BAA0;
}


/* Accordions */

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

.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;
	    background: #fff;
    border: 1px solid #ddd !important;
}

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

.panel > .panel-heading + .panel-collapse > .panel-body img {
	max-width: 100%;
	height: auto !important;
}

.panel:last-child > .panel-heading + .panel-collapse > .panel-body {
    border-bottom: 1px solid #ddd;
}

.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 */
a.label {
	color: #fff;
}
.label.label-default {
    background: #fff;
    border: 1px solid #e5e5e5;
}

.label.label-grayL {
    background: #eee;
    border: 1px solid #e5e5e5;
}

.label.label-gray {
	color: #fff;
    background: #777;
    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;
}

.label.label-facebook {
    background: #3b5998;
	padding: 10px 20px;
	margin: 0 5px 20px 0;
	display: inline-block;
}

.label.label-twitter {
    background: #5ea9dd;
	padding: 10px 20px;
	margin: 0 0 20px 5px;
	display: inline-block;
}


/* Forms */

label {
    font-size: 13px;
    font-weight: normal;
}

.controls label {
    display: block;
	float: left;
	margin-top: 0 !important;
}

select.form-control {
    padding: 4px 4px 4px 12px !important;
    height: 34px;
}

.form-control {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    box-shadow: none!important;
    font-size: 12px;
    padding: 4px 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;
}

.form-control-login {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4 !important;
    box-shadow: none!important;
    font-size: 12px;
    padding: 15px 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;
}

.login-box .form-control-login {
	height: 50px;
    font-size: 13px;
    padding: 10px !important;
}
.login-box .checkbox {
	margin-bottom: 25px;
}

input[disabled] {
    background: #f7f7f7;
    border-color: #d2d7db;
}

.form-control:focus,
.form-control-login: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 .form-control {
    height: 35px;
}
.input-group .btn {
    padding: 9px 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 */

@media (max-width: 1199px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 12em !important;
	}
}

@media (max-width: 991px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 21em !important;
	}

	.table > tbody > tr > td.txt-short a  {
		width: 30em !important;
	}
	.table > tbody > tr > td.txt-long2 a  {
		float: left;
		width: 33em !important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #4E5E6A;
	}
}
@media (max-width: 749px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 18em !important;
	}

	.table > tbody > tr > td.txt-short a  {
		width: 21em !important;
	}
}
@media (max-width: 636px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 17em !important;
	}

	.table > tbody > tr > td.txt-short a  {
		width: 22em !important;
	}
	.table > tbody > tr > td.txt-long2 a  {
		float: left;
		width: 26em !important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #4E5E6A;
	}
}
@media (max-width: 500px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 10em !important;
	}

	.table > tbody > tr > td.txt-short a  {
		width: 11em !important;
	}

	.table > tbody > tr > td.txt-long2 a  {
		float: left;
		width: 17em !important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #4E5E6A;
	}
}
@media (max-width: 375px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 8em !important;
	}

	.table > tbody > tr > td.txt-short a  {
		width: 9em !important;
	}
	.tableintable td {padding: 10px 5px !important;}

	.table > tbody > tr > td.txt-long2 a  {
		float: left;
		width: 10em !important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #4E5E6A;
	}
	.date-search dl:first-child {
		margin-right: 0px !important;
	}
}
@media (max-width: 350px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 7em !important;
	}

	.table > tbody > tr > td.txt-short a  {
		width: 8em !important;
	}
}
@media (max-width: 320px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 6em !important;
	}

	.table > tbody > tr > td.txt-short a  {
		width: 7em !important;
	}
}


table tr th {
	font-family: 'NotoSansM', 'NanumGothic', Dotum, Arial, sans-serif;
	font-weight: normal;
}
table tr td {
	font-family: 'NotoSansR', 'NanumGothic', Dotum, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.01em;
}


.table > tbody > tr > td, 
.table > tbody > tr > th,
.table > tfoot > tr > td, 
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table td {
	padding: 12px 10px;
	vertical-align: middle;
}

.table > tbody > tr > th {
	font-family: 'NotosansM';
	font-weight: normal;
}
.table > tbody > tr > td {
	padding-top: 7px;
	padding-bottom: 7px;
	font-family: 'NotosansR';
	font-weight: normal;
}

.table > tbody > tr > td a:hover  {
	text-decoration: none;
}

.table > tbody > tr > td.txt-long2 a  {
	float: left;
	width: 31em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #4E5E6A;
}

.table > tbody > tr > td.txt-long a  {
	float: left;
	width: 26em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #4E5E6A;
}

.table > tbody > tr > td.txt-middle a  {
	float: left;
	width: 12em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #4E5E6A;
}

.table > tbody > tr > td.txt-short a  {
	float: left;
	width: 10em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #4E5E6A;
}

.tableintable {width: 100%;}
.tableintable tr:first-child td {padding: 15px 10px 5px;}
.tableintable td {padding: 5px 10px 15px;}

.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;
}


/* Center */

.center {
    margin: 60px auto 0;
    float: none!important;
    display: block;
}
@media (max-width: 499px) {
	.center {
	    margin: 0px auto 0;
	}
}

/* Display */

.display-block {
    display: block;
}

.display-inline {
    display: inline-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 {
    border: 1px solid #f1f1f1;
    border-radius: 0;
    background: #f9f9f9;
}


/* 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: 6px 12px;
	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: #FFF;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 999;
    border-radius: 0px;
    margin: auto;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}

@media (min-width: 768px) {
	.nav-fixed .page-sidebar-inner {
		z-index:9999;
		position:fixed;
		left:0;
		top:0;
		width: 100%;
	}
 }
@media (max-width: 767px) {
	.page-header-fixed .navbar, .horizontal-bar {
		position: fixed !important;
	}
	
	.topmenu-o {
		float: left !important;
		position: absolute;
		width: 100%;
		height: 50px;
		background: #fff;
		z-index: 100;
	}
	.topmenu-o .top-i {width: 100%; text-align: center;}
	.topmenu-o .top-i ul {padding: 0 !important;}
	.topmenu-o .top-i li {width: 50%; text-align:center; margin-top: 3px !important;}
	.topmenu-o .top-i li a {font-size: 13px !important;}
	
}

.topmenu-o {float: right;}
.topmenu-o .top-i li {float: left; margin-top: 6px;}
.topmenu-o .top-i li a {color: #333; line-height: 40px;}
.topmenu-o .top-i li a:hover {color: #f10517; text-decoration: none; background: none;}

.topmenu-o .top-i .font-15 {font-size:16px !important;}

.topmenu-o .top-i li.dropdown a i {
	margin-left: 5px;
}
.topmenu-o .top-i li.dropdown ul {
	margin-top: 15px !important;
}
.topmenu-o .top-i li.dropdown ul li {
	float: none;
	margin-top: 0;
}
.topmenu-o .top-i li.dropdown ul li a {
	line-height: 1.42857143;
	background-color: #fff;
}

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

.topmenu-outer {
    height: 80px;
    background: #fff;
}

.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;
    width: auto;
    height: 80px;
    float: left;
}

.navbar .logo-box .logo-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 72px;
    padding: 0 25px 0 0;
    vertical-align: middle;
    display: block;
}

.navbar .logo-box a:hover,
.navbar .logo-box a:focus {
    text-decoration: none;
}

.navbar .logo-box a {
    margin: 0 auto;
}

.small-sidebar .navbar .logo-box {
    width: 65px;
}


/* Top Menu */

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

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

.top-menu .navbar-nav > li:last-child > a {
    padding: 30px 0 30px 18px;
} 

.top-menu .navbar-nav > li.dropdowntxt1 > a {
    padding: 30px 10px 30px 0px;
    float: left;
}
.top-menu .navbar-nav > li.dropdowntxt1 > a:first-child {
    padding: 30px 0 30px 10px;
}

.top-menu .navbar-nav > li.dropdowntxt2 > a {
    padding: 30px 0px 30px 10px;
} 

.top-menu .navbar-nav > li > a {
    display: block;
    padding: 30px 15px;
    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;
	color: #222;
} 

.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: 20px;
}
.top-menu .navbar-nav > li:nth-child(4) > a > i {
    margin-top: 1px;
    font-size: 17px !important;
}
.top-menu .navbar-nav > li:nth-child(7) > a > i {
    font-size: 20.5px !important;
    margin-top: 1px;
}
.top-menu .navbar-nav > li:nth-child(6) > a > i {
    font-size: 21.5px !important;
}

.top-menu .navbar-nav > li > a > .badge {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    top: 23px;
    right: 5px;
    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 > i {
    margin-left: 5px;
}

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

.logo-box img {
	min-width: 160px;
	max-width: 190px;
}

.top-menu .navbar-nav > li.search {
	width: 250px;
	margin-right: 15px;
}

.search-form2 {
    display: block;
    width: 100%;
    height: auto;
    z-index: 98;
    position: absolute;
    background: none;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.nav-fixed .search-form2.search-active {margin-top: -60px !important;}
.visible-category .search-form2.search-active {margin-top: -130px !important;}
.search-form2 .input-group {
    width: 100%;
    height: 40px;
}

.search-form2 .input-group input {
    padding: 0 20px!important;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #5f5f5f;
    background: #f1f1f1;
    border: 0px solid #e9e9e9;
    border-radius: 20px;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px!important;
    box-shadow: none;
}

.search-form2 .input-group button,
.search-form2 .input-group button:hover,
.search-form2 .input-group button:focus {
    background: none;
    box-shadow: none;
    border: none;
    outline: none;
    color: #5f5f5f;
    font-size: 19px;
    padding: 6px 0 11px 10px;
}

@media (max-width: 991px) {
    .top-menu .navbar-nav > li > a > .badge {right: 3px;}
    .top-menu .navbar-nav > li > a > .user-name {padding-right: 0;}
    .logo-box img {max-width: 180px;}
    .top-menu .navbar-nav > li > a {
        padding-right: 10px;
        padding-left: 10px;
    }
    .top-menu .navbar-nav > li:last-child > a {padding-left: 10px;}
    .top-menu .navbar-nav > li.search {
        margin-right: 0;
        width: 160px;
    }
    .search-form2 .input-group {width: 100% !important;}
    .search-form2 .input-group .input-group-btn {
        position: absolute;
        top: 0;
        right: 40px;
    }
}
@media (max-width: 767px) {
    .top-menu .navbar-nav > li > a > .user-name {display: none;}
    .logo-box img {max-width: 160px;}
}


/* 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;
}

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

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

.dropdown .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 .dropdown-menu:after {
    position: absolute;
    top: -7px;
    left: 10px;
    right: auto;
    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: 14px;
    background: #fff;
    padding: 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: 9px 15px 9px 15px;
    color: #5f5f5f;
    font-size: 13px;
}

.dropdown-menu li a i {
    margin-right: 6px;
    min-width: 15px;
}

.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;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    margin-top: 40px!important;
}

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

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


/* Messages */

.messages {
    max-height: 300px;
}

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

.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-radius: 50%;
    border: 2px solid #FFF;
    background: #ccc;
}

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

.online.off {
    background: #f3565d;
}

.messages li a img {
    width: 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 a {
    color: #bababa;
    font-size: 13px;
    padding-left: 15px;
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

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

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

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

.task-icon i {
    text-align: center;
    font-size: 12px;
}
    
.tasks li a .task-details {
    display: block;
    font-size: 13px;
    color: #868686;
    padding: 3px 0 0 0;
    margin: 0px;
    float: left;
    width: 148px;
}

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



.page-login {
	float: left;
	width: 100%;
}

/* 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%;
}


/* Sidebar */

.page-sidebar {
    width: 240px;
    display: block;
    z-index: 998;
    float: left;
    height: auto !important;
    overflow: visible !important;
    border-right: 1px solid #e9e9e9;
}

.page-sidebar:before {
    background-color: inherit;
    border: inherit;
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: inherit;
    border-right: 1px solid #e9e9e9;
}

.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: 240px;
}

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

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


.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 {
    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;
}

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


/* Horizontal Bar */

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

.horizontal-bar:before {
    border: 0;
}


@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: 81px;
}

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

@media (max-width: 1199px) {
    .horizontal-bar .accordion-menu > li > a > p {
        display: none;
    }
    
    .compact-menu .horizontal-bar .accordion-menu > li > a > p {
        display: none;
    }
    
    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;
    }
	
	.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
	.horizontal-bar .accordion-menu > li > a {
		padding: 17px 20px 16px !important;
	}
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul {
		padding: 17px 0 10px 0;
	}
}

.page-horizontal-bar .navbar .logo-box {
    border-right: 0;
}

.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: 14px 102.30px 16px;
/*     -webkit-padding-end: 61.5px; */
}
.horizontal-bar .accordion-menu[data-type="company"] > li > a {
	padding: 14px 59px 16px;
/* 	-webkit-padding-before: 15px; */
}

@media (max-width: 499px) {
	.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
	.horizontal-bar .accordion-menu > li > a {
		padding: 12px 20px 13px !important;
	}
	.horizontal-bar .accordion-menu > li:first-child > a {
	    padding-right: 16px !important;
	}
}

.horizontal-bar .accordion-menu > li:first-child > a {
    padding-left: 0px;
}

.horizontal-bar .accordion-menu > li:last-child > a {
    padding-right: 0;
}

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

.horizontal-bar .accordion-menu > li > a > p {
    font-size: 14px !important;
	font-weight: normal;
}

.compact-menu .horizontal-bar .accordion-menu li a p {
	font-size: 13px;
	vertical-align: middle;
}

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

.horizontal-bar .accordion-menu .sub-menu.mypage-sub {padding: 10px 5px;}

.horizontal-bar .accordion-menu .sub-menu.mypage-sub li {display: inline-block; text-align: center !important;}

.horizontal-bar .accordion-menu .sub-menu.mypage-sub li a {
	float: left; 
	width: 50%; 
	min-height: 70px;
	font-family: 'NotoSansM';
	font-size: 13px;
	color: #222;
	letter-spacing: -.8px;
	padding: 0 5px !important; 
	margin: 15px 0 0;
}
.horizontal-bar .accordion-menu .sub-menu.mypage-sub li a:nth-child(1),
.horizontal-bar .accordion-menu .sub-menu.mypage-sub li a:nth-child(2) {
/* 	margin-top: 15px; */
}
.horizontal-bar .accordion-menu .sub-menu.mypage-sub li a:nth-child(7),
.horizontal-bar .accordion-menu .sub-menu.mypage-sub li a:nth-child(8) {
/* 	margin-bottom: 0px; */
}

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

.page-horizontal-bar.compact-menu .menu.accordion-menu menu li a {
    padding: 10px 20px;
}

.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,
.horizontal-bar .accordion-menu > li menu {
    left: 0 !important;
    top: 75px;
    margin: 0;
    padding: 0 0 15px;
    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 menu {
    top: 52px;
}

.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: 106px 0 50px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
	.horizontal-bar .accordion-menu > li > ul,
	.horizontal-bar .accordion-menu > li menu {
	    left: -40px !important;
	}
}
@media (max-width: 767px) {
	.horizontal-bar .accordion-menu .sub-menu.mypage-sub {padding-top: 20px !important;}
	
/* 	.page-horizontal-bar.compact-menu .menu.accordion-menu .mypage-sub li a:nth-last-of-type(1), */
/* 	.page-horizontal-bar.compact-menu .menu.accordion-menu .mypage-sub li a:nth-last-of-type(2) { */
/* 		margin-bottom: 0; */
/* 		min-height: 57px; */
/* 	} */
}
@media (max-width: 499px) {
	.horizontal-bar .accordion-menu .sub-menu.mypage-sub li a {font-size: 12px;}
}



/* Search */

.search p {
	text-align: center;
	font-family: 'NotoSansR';
	font-size: 15px;
}
.search p strong {
	font-family: 'NotoSansB';
	font-weight: normal;
}

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

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

.search-form .input-group input {
    color: #5f5f5f;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    background: none;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    padding: 0 10px!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: 5px;
    padding-right: 5px;
}


/* Menu */

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

@media (max-width: 767px) {
   .menu.accordion-menu {
		border-bottom: 0px solid #e9e9e9 !important;
	}
	.compact-menu .horizontal-bar .accordion-menu > li > a > p {
        display: block;
    }
	body:not(.small-sidebar) .horizontal-bar .accordion-menu > li > a > .menu-icon {
		float: left!important;
		margin: 2px 10px 0 0 !important;
	}

	.horizontal-bar .accordion-menu > li menu {
		position: relative;
	}
}

.menu.accordion-menu {
    padding: 0px;
    margin: 0px;
    width: 239px;
	color: white;
    position: relative;
    display: block;
	border-bottom: 1px solid #e9e9e9;
}

.menu.accordion-menu a {
    display: block;
    padding: 12px 25px;
    background: transparent;
    text-decoration: none;
    font-family: 'NotoSansM', 'NanumGothic';
    font-size: 13px;
    color: #5f5f5f;
}

.menu.accordion-menu > li > a:hover {
    color: #111;
}

.menu.accordion-menu > li.active > a,
.menu.accordion-menu > li.active.open > a,
.menu.accordion-menu > li.open > a {
    color: #f4171e;
}

.menu.accordion-menu .nav-heading {
    padding: 15px 20px 15px 20px;
    text-align: center;
}

.compact-menu .menu.accordion-menu .nav-heading {
    text-align: left;
}

.small-sidebar .menu.accordion-menu .nav-heading,
.page-horizontal-bar .menu.accordion-menu .nav-heading {
    display: none;
}

.menu.accordion-menu > li > span {
    color: #818a92;
}

.menu.accordion-menu > li {
    border-left: 0px solid transparent;
}

.menu.accordion-menu > li > a {
    text-align: center;
}

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: 22px;
    font-family: FontAwesome;
    height: auto;
    content: "\f105";
    font-weight: 400;
}

.menu.accordion-menu > li > a > .arrow:before {
    margin-top: -39px;
}

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

.menu.accordion-menu li {
	list-style-type: none;
}

.menu.accordion-menu li a .badge {
	float: right;
    margin-top: 1px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    width: 18px;
    height: 18px;
}

.menu.accordion-menu ul,
.menu.accordion-menu menu {
    z-index: 9999;
    display: none;
}

.menu.accordion-menu ul li a {
    display: block;
    padding: 10px 25px;
    background: transparent;
    text-decoration: none;
    font-size: 13px;
}

.compact-menu .menu.accordion-menu ul li a {
    padding: 10px 25px 10px 45px;
}

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

.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.compact-menu .menu.accordion-menu .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: 45px;
}

.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: 48px;
}

.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: 58px;
}

.menu ul {
    padding: 0;
    z-index: 99;
}

.compact-menu:not(.small-sidebar) .menu.accordion-menu li a {
    text-align: left!important;
}

.compact-menu:not(.small-sidebar) .menu.accordion-menu .mypage-sub li a {
    text-align: center!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!important;
    font-size: 14px!important;
    margin-bottom: 0!important;
    margin-right: 10px!important;
    vertical-align: middle;
}
.compact-menu .menu.accordion-menu li:nth-of-type(3) a span.menu-icon {
    margin-top: 3px;
    font-size: 1.3rem !important;
}
.compact-menu .menu.accordion-menu a.btn-close {display: none;}
.compact-menu .menu.accordion-menu a.close-search {display: none;}
.compact-menu .menu.accordion-menu .on a.show-search {display: none;}
.compact-menu .menu.accordion-menu .on a.close-search {display: block;}


.compact-menu .menu.accordion-menu li a .arrow:before {
    margin-top: 1px;
}

.page-horizontal-bar.compact-menu .menu.accordion-menu ul,
.page-horizontal-bar.compact-menu .menu.accordion-menu menu {
    top: 50px;
}

.page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu menu {
    top: 47px!important;
}

.hover-menu:not(.page-horizontal-bar) .menu.accordion-menu > li > a > span.arrow {
    display: none;
}

.hover-menu .menu.accordion-menu > li:hover menu,
.hover-menu .menu.accordion-menu > li.open:hover menu {
    display: inline-block!important;
}

.hover-menu .accordion-menu li {
    position: relative;
}

.hover-menu .accordion-menu > li > ul {
    position: absolute;
    left: 239px;
    width: 200px;
}

.hover-menu:not(.page-horizontal-bar) .accordion-menu > li menu {
    position: absolute;
    top: 0;
    left: 236px;
    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;
    padding: 12px 25px;
}

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

.hover-menu .sidebar .slimScrollBar,
.hover-menu .slimScrollBar {
    display: none!important;
}

@media (max-width: 1199px) {
    .page-horizontal-bar.compact-menu .menu.accordion-menu ul,
    .page-horizontal-bar.compact-menu .menu.accordion-menu menu {
        top: 50px;
    }
}
@media (max-width: 767px) {
    .compact-menu .menu.accordion-menu li:nth-of-type(3) a span.menu-icon {margin-top: 4px !important;}
    .page-horizontal-bar.compact-menu .menu.accordion-menu ul {
        display: block !important;
    }
}
@media (max-width: 499px) {
    .page-horizontal-bar.compact-menu .menu.accordion-menu ul {
        padding: 10px 0px 10px 0px;
    }
}



/* 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: 240px!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 .slimScrollBar,
.horizontal-bar .slimScrollBar {
    display: none!important;
}

.small-sidebar:not(.page-sidebar-fixed) .menu.accordion-menu {
    width: auto;
    oveflow: 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: auto;
}

.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 23px !important;
    text-align: center;
    position: relative;
    width: 261px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a span.menu-icon {
    font-size: 14px;
    margin: 0 40px 0 0!important;
    float: left;
}

.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 .arrow:before {
	width: 1px;
    float: right;
    margin-left: 15px;
    margin-top: -2px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: 18px;
    content: "\f104";
    font-weight: 400;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li:hover > a {
    z-index: 999;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > ul {
    position: absolute;
    left: 61px;
    top: 50px;
    width: 200px;
}

.small-sidebar .menu > li > a {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li a {
    display: block;
    padding: 10px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    background: transparent;
    font-size: 13px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li span.menu-icon {
    margin-right: 15px;
}

.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;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li:hover > ul,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.open:hover > ul,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li:hover menu,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.open:hover menu {
    display: inline-block!important;
}

.page-horizontal-bar .accordion-menu > li:hover > ul,
.page-horizontal-bar .accordion-menu > li.open:hover > ul,
.page-horizontal-bar .accordion-menu > li:hover menu,
.page-horizontal-bar .accordion-menu > li.open:hover menu {
    display: inline-block!important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.open > ul,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li.open menu {
    display: none!important;
}

.page-horizontal-bar .accordion-menu > li.open > ul,
.page-horizontal-bar .accordion-menu > li.open menu {
    display: none!important;
}


/* Page Inner */

.page-inner {
	padding: 132px 0 70px 0;
    background: #fff;
    position: relative;
    min-height: 910px;
}

.page-inner2 {
	padding: 61px 0 60px 0;
    background: #f9f9f9;
    position: relative;
    min-height: 910px;
}

.page-inner3 {
	padding: 132px 0 70px 0;
    background: #fff;
    position: relative;
    min-height: 910px;
}

.page-inner4 {
	padding: 61px 0 20px 0;
    background: #fff;
    position: relative;
}

.page-inner5 {
	padding: 81px 0 0px 0;
    background: #fff;
    position: relative;
    min-height: 850px;
}
.page-inner6 {
	padding: 0;
    background-color: #fff !important;
    position: relative;
    min-height: 984px;
    background: url('../../images/kr/login_bg.gif') top center no-repeat;
    background-size: cover;
}


@media (max-width: 768px) {
	.page-inner {
		padding: 130px 0 50px 0;
	    background: #fff;
	    position: relative;
	    min-height: auto;
	}
	
	.page-inner2 {
		padding: 61px 0 50px 0;
	    background: #f9f9f9;
	    position: relative;
	    min-height: auto;
	}
	
	.page-inner3 {
		padding: 81px 0 80px 0;
	    background: #fff;
	    position: relative;
	    min-height: auto;
	}
	
	.page-inner4 {
		padding: 81px 0 0px 0;
	    background: #fff;
/* 	    position: static; */
	    min-height: auto;
	}
	.page-inner5 {
		padding: 50px 0 0px 0;
	    background: #fff;
	    position: static;
	    min-height: 650px;
	}
	.page-inner6 {
		padding: 10px 0 50px 0;
	    background-color: #fff;
	    position: relative;
	    min-height: auto;
	    background: url('../../images/kr/login_bg.gif') top center no-repeat;
    	background-size: cover;
	}
	
	.login2-bottom ul {margin-bottom: 50px;}
	
	.page-breadcrumb.other01.mar0 {margin: 0px !important;}
}

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

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

.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 240px;
}

.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: 60px 0 50px 0;
}



.widd50 {width: 50% !important;}

@media (max-width: 991px) {
	.widd50 {width: 100% !important;}
}



/* Page Title */

.page-title {
    padding: 15px 20px;
	margin-top: 370px;
    border-bottom: 1px solid #e9e9e9;
}

.page-title h3 {
	font-family: 'Ubuntu', sans-serif;
    font-size: 13px !important;
    font-weight: 400;
    color: #74767d;
    padding: 0px;
    margin: 0;
}
.page-title h3 i {
	top: 1px;
	float: left;
	padding-right: 10px;
}
.page-title h3 strong {
	float: left;
	padding-right: 10px;
	font-weight: 500;
	color: #333;
}
.page-title h3 strong img {
	margin-right: 15px;
}
.page-title h3 a.notice {
	float: left;
	color: #999;
}
.page-title h3 .label {
	float: left;
	margin: -3px 0 0 10px;
	padding: 2px 5px;
	width: 19px;
	height: 19px;
	color: #5f5f5f;
	border-radius: 10px;
}
.page-title h3 .label:hover {
	background-color: #fff;
}
.page-title h3 .label span {
	float: left;
/* 	margin: -1px 3px 0 0; */
}
@media all and (max-width: 767px) {
	.page-title h3 {
		margin-right: -15px;
		margin-left: -15px;
	}
	.page-title h3 a.notice {
		width: 70%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.page-title h3 .label {
		float: right;
	}
}
@media all and (max-width: 640px) {
	.page-title h3 a.notice {
		width: 65%;
	}
}
@media all and (max-width: 499px) {
	.page-title h3 a.notice {
		width: 50%;
	}
}
@media all and (max-width: 374px) {
	.page-title h3 a.notice {
		width: 45%;
	}
}

.page-title-sub {
    padding: 15px 20px;
	margin: -10px 0 30px;
	border-bottom: 1px solid #e9e9e9;
}

.page-title-sub h3 {
	font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #333;
    padding: 0px;
    margin: 0;
}


/* Page breadcrumb */

.page-breadcrumb {
    padding: 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
    background: url('../../images/kr/attachment1.jpg');
    background-size: cover;
    background-position: 0 25%;
    width: 100%;
    height: 70px;
    position: relative;
}

.page-breadcrumb strong {
    display: block;
    padding-top: 25px;
    font-family: 'NotoSansM';
    font-weight: normal;
    font-size: 18px;
    color: #fff;
}

.page-breadcrumb .breadcrumb {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.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;
}

.page-breadcrumb h3 {
    font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
    color: #fff;
    font-size: 14px !important;
    font-weight: normal;
    padding: 25px 0 0;
}
.page-breadcrumb h3 a {
	color: rgba(255,255,255,0.8);
	font-size: 13px !important;
		-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.page-breadcrumb h3 a:last-child {
	color: rgba(255,255,255,1);
}
.page-breadcrumb h3 a:hover {
	color: rgba(255,255,255,1);
		-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.page-breadcrumb h3 strong {
    font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    color: #121212;
    font-weight: normal;
}
.page-breadcrumb h3 i {
	font-size: 16px;
    margin: 0 15px;
}
.page-breadcrumb h3.font-16 {font-size: 16px !important;}

.page-breadcrumb.other01 {
    padding: 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #e9e9e9;
    background: url('../../images/kr/attachment2.jpg') !important;
    background-size: cover;
    background-position: 0 63% !important;
    width: 100%;
    height: 70px;
    position: relative;
}

.page-breadcrumb.other01 strong {
    display: block;
    padding-top: 25px;
    font-family: 'NotoSansM';
    font-weight: normal;
    font-size: 18px;
    color: #fff;
}

.page-breadcrumb.other02 {
    padding: 10px 0 20px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e9e9e9;
    background: url('../../images/kr/attachment2.jpg') !important;
    background-size: cover;
    background-position: 0 63% !important;
    width: 100%;
    height: auto;
    position: relative;
}

.page-breadcrumb.other02 .breadcrumb {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.page-breadcrumb.other02 ol.breadcrumb li a {
    font-size: 13px;
    color: #90999c;
}

.page-breadcrumb.other02 ol.breadcrumb li.active {
    font-size: 13px;
    color: #90999c;
}

.page-breadcrumb.other03 {
    padding: 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
    background: url('../../images/kr/attachment3.jpg') !important;
    background-size: cover;
    background-position: 0 32% !important;
    width: 100%;
    height: 70px;
    position: relative;
}



/* Main Wrapper */

#main-wrapper {
    margin-top: 30px;
    margin-bottom: 20px;
}



/* Footer */

.page-footer {
    background: #f9f9f9;
    width: 100%;
    min-height: 80px;
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 19px;
    padding-bottom: 19px;
    border-top: 1px solid #e9e9e9;
	color: #ccc;
	z-index: 9;
	position: relative;
}
.page-footer span {
	float: left;
	width: 100%;
	letter-spacing: -.02rem;
	color: #333;
	text-align: center;
}
.page-footer span a {
	color: #337ab7;
}
@media (max-width: 767px) {
	.page-footer {
		padding-left: 10px;
		padding-right: 10px;
	}
    .page-footer span {
		width: 100%;
		margin-top: 10px;
	}
	
	.speechduck {right: -40px !important; bottom: 0px !important;}
	.speechduck img {width: 50%; height: 50%;}
}

.speechduck {position: fixed; z-index: 99; float: right; right: 30px; bottom: 20px;}




/* Sidebar Pusher */

.sidebar-pusher {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
}

.push-sidebar {
    display: inline-block!important;
    padding: 20px;
    color: #5F5F5F;
    border: none;
    position: relative;
    line-height: 20px;
    float: left;
    font-size: 19px;
    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;
    color: #5F5F5F;
    border: none;
    position: relative;
    line-height: 21px;
    float: right;
    font-size: 18px;
    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 {
    margin-bottom: 30px;
}
.info-box .progress {
    margin: 0;
}

.info-box .info-box-icon {
    float: right;
    margin-top: -5px;
}

.info-box .info-box-icon i {
    font-size: 31px;
    color: #B0B0B0;
}

.info-box .info-box-stats {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.info-box .info-box-stats p {
    display: inline-block;
    font-size: 26px;
    margin-bottom: 14px;
    color: #212121;
    font-weight: normal;
	font-family: 'Spoqa-Medium', 'NotoSansM', 'NanumGothic';
}

.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 (max-width: 375px) {
	.info-box .info-box-stats span.info-box-title {letter-spacing: -.08em;}
}


@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: 400;
}

.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 {
    float: left;
    width: 40px;
    display: block;
    margin-right: 15px;
}

.inbox-widget .inbox-item img {
    width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
    color: #333;
    font-weight: 600;
    display: block;
    margin: 0 0 0 0;
}

.inbox-widget .inbox-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    margin: 0;
    font-size: 11px;
}

.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 {/* min-height: 215px; */}
.project-stats .progress {margin: 3px 0 0 0;}
.project-stats th,
.project-stats td {
	font-size: 13px;
    text-align: center;
}
.project-stats td img {
	width: 50px;
	margin: 10px 0;
}

.project-stats .table > tbody > tr:last-child,
.project-stats2 .table > tbody > tr:last-child {border:none;}



.project-stats2 {min-height: 215px;}
.project-stats2 table {
	width: 100%;
	float: left;
}
.project-stats2 .phoneNum {
	display: inline-block;
	margin-top: 25px;
	font-weight: 500;
	font-size: 63px;
	font-family: 'Ubuntu', sans-serif;
	color: #f25656;
	border-bottom: 1px solid #e2e0f1;
	padding: 0 0 10px;
	width: 100%;
	text-align: left;
}
.project-stats2 .storeInfo {
	padding: 20px 0 0 10px;
	color: #696969;
	line-height: 22px;
	text-align: left;
}
.project-stats2 .progress {margin: 3px 0 0 0;}
.project-stats2 th, .project-stats2 td {
	font-size: 13px;
	text-align: center;
}
.project-stats2 td img {
	width: 64px;
	margin: 10px 0;
}

@media (max-width: 1199px) {
	.project-stats2 .phoneNum {font-size: 50px !important;}
}



/* Profile */

.profile-cover {
    background: url('../../images/kr/profile-cover.png');
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}

.profile-image-container 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 {
    margin: 0;
    margin-top: 221px;
    padding: 0;
    text-align: right;
}

.profile-info-value {
    color: #fff;
    display: inline-block;
    margin-left: 40px;
}

.user-profile {
    margin-top: -100px;
}

.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;
    height: 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: 0;
	margin: 10px 0 15px;
	border-bottom: 1px solid #f1f1f1;
}

.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.message-date {
    float: right;
    margin: 0;
	color: #999;
}
.message-header p.message-date em {
    font-style: normal;
	color: #333;
	margin-left: 10px;
}

.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;
    padding: 15px 0;
    margin-bottom: 10px;
}

.message-content img {
    width: 100%;
}

.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;
}


/* 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: 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/kr/coming-soon.jpg');
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../../images/kr/coming-soon.jpg');
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../../images/kr/coming-soon.jpg');
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../../images/kr/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/kr/coming-soon.jpg');
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../../images/kr/coming-soon.jpg');
    background-size: cover;
}


/* Login */

.login-before {background: #f9f9f9;}

.page-login .avatar {
	margin: 0;
	min-width: 160px;
	max-width: 280px;
}

.page-login #main-wrapper,
.page-register #main-wrapper,
.page-forgot #main-wrapper,
.page-lock-screen #main-wrapper {
    margin: 5%;
}
@media (min-width: 1761px) and (max-width: 1890px) {
	.login_copy {margin-left: 0 !important;}
}
@media (min-width: 1641px) and (max-width: 1760px) {
	.page-login #main-wrapper {
	    margin: 5% 10% 8% 5% !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important;}
}
@media (min-width: 1401px) and (max-width: 1640px) {
	.page-login #main-wrapper {
	    margin: 5% 10% 6% 5% !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important; margin-left: 0 !important;}
	.banArea li span {padding: 7px 20px !important;}
}
@media (min-width: 1351px) and (max-width: 1400px) {
	.page-login #main-wrapper {
	    margin: 5% 10% 7.5% 10% !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important; margin-left: 0 !important;}
	.banArea li span {padding: 7px 20px !important;}
}
@media (min-width: 992px) and (max-width: 1350px) {
	.page-login #main-wrapper {
	    margin: 5% 10% 13% 10% !important;
	}
	.login_copy {left: 5% !important; bottom: 180px !important; margin-left: 0 !important;}
	.banArea li span {padding: 7px 20px !important;}
}
@media (max-width: 991px) {
	.page-login #main-wrapper {
	    margin: 7% 10% 0 10% !important;
	}
	.banArea li span {padding: 7px 20px !important;}
	.login_copy {margin-left: 0 !important; margin-top: 10px !important;}
}
@media (min-width: 501px) and (max-width: 991px) {
	.login_copy {left: 5% !important; bottom: 180px !important;}
}
@media (max-width: 500px) {
	.login_copy {left: 0% !important; bottom: -20px !important;}
}
.page-login #main-wrapper {
    margin: 9% 18% 0 15%;
}
.page-login #main-wrapper2 {
    margin: 14% 5% 0;
}

@media (min-width: 991px) and (max-width: 1450px) {
	.page-login #main-wrapper3 {
	    margin: 25% 5% 13% !important;
	}
}

.page-login #main-wrapper3 {
    margin: 14% 5% 7%;
}

.login_copy {
	float: left;
	width: 100%;
    color: #fff;
    margin-top: 50px;
    margin-left: 50px;
}

.banArea {
	float: left;
	width: 100%;
    margin: 20px 0 30px;
    padding: 0;
    background: none;
}
.banArea ul {
	width: 100%;
	padding: 0;
}
.banArea li {
	float: left;
	width: 32%;
	text-align: center;
	margin-left: 2%;
	background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.banArea li:first-child {
	margin-left: 0;
}
.banArea li img {
	max-width: 100%;
	margin: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.banArea li span {
	display: block;
	color: #fff;
	text-align: center;
	padding: 7px 30px;
	border-radius: 5px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to top, #3491e1 0%, #2081d4 100%);
}

@media (min-width: 992px) and (max-width: 1199px) {
	.login-box {padding: 50px 30px 20px !important;}
}

@media (max-width: 991px) {
	.login_copy {width: 100%; text-align: center;}
	.login-box {margin-bottom: 40px !important;}
}
@media (max-width: 500px) {
	.login-box {padding: 50px 30px 20px !important;}
	.tab-content {padding: 20px 0 0 !important;}
}


.login-box {
	float: left;
	min-width: 100%;
    margin: 0 auto;
    padding: 50px 50px 20px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 3px 3px 5px rgba(30, 30, 30, 0.03);
	z-index: 9999;
}

.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-btns {
	position: relative;
	top: 400px;
	z-index: 10;
}

.login2-area {
	position: relative;
	margin-top: 113px;
	z-index: 1;
}
@media (max-width: 991px) {
	.login2-area {
		top: 115px;
		margin-bottom: 60px;
	}
	.page-inner3 .no-p-r {padding-left:0px !important;}
}

.login2-area button {
	font-family: 'NotoSansM';
	color: #555;
	height: auto;
	letter-spacing: -.5px;
		-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-radius: 0;
}
.login2-area button:hover {
		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    	-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.login2-area button img {
	width: 50px;
	margin: 0 15px 0 0 !important;
}

.login2-area a {
	color: #fff;
	font-size: 15px !important;
}
.login2-area a span {
	color: #fff !important;
	font-size: 15px !important;
}

.login-box2 {
	position: relative;
	top: 228px;
	width: 100%;
	padding: 10px 10px 0;
	z-index: 10;
	-webkit-box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.07);
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.07);
    border-bottom-left-radius: 0 !important;
    border-radius: 20px;
}

.login-box2 .text-center {
	display: inline-block;
	color: #555;
	margin-right: 20px;
	padding-top: 20px;
}

.login-box2 .checkbox {
	font-weight: 500;
}

.login-box2 .logo-name {
    display: block;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #6c6c6c;
}

.login-box2 .user-box {
    display: block;
    clear: both;
    overflow: hidden;
}

.login-box2 .user-box img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
}

.login-box2 .user-box form {
    overflow: hidden;
}

.idpwsearch {
  margin: 30px 0 0;
}

.idpwsearch .nav-tabs > li {
  width: 50%;
}

.idpwsearch .id-info,
.idpwsearch .pw-info {
  margin: 30px;
  padding: 50px 0;
  text-align: center;
  font-size: 13px;
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ddd;
  line-height: 28px;
}

.idpwsearch .id-info em {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  padding: 5px 15px;
  background: #333;
  border-radius: 50px;
}

.idpwsearch .pw-info em {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  padding: 5px 15px;
  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: 64px;
    margin: 10px 0;
}


/* Login alt */

.login-alt .login-box {
    max-width: 100%;
}


/* 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,
.page-inner6,
.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 */

.full-desktop2 {display: block;}
.full-mobile2 {display: none;}

.full-desktop3 {display: block;}
.full-mobile3 {display: none;}

@media (min-width: 768px) {
	.full-mobile-nav {display: none !important;}
}
@media (min-width: 1200px) {
	.full-mobile-nav {display: none !important;}
}

@media (max-width: 1199px) {
	.full-desktop {display: none;}
	.full-mobile {display: block;}
}
@media (max-width: 991px) {
	.full-desktop2 {display: none;}
	.full-mobile2 {display: block;}
}
@media (max-width: 767px) {
	.full-desktop3 {display: none;}
	.full-mobile3 {display: block;}
}



@media (max-width: 991px) {
	.navbar .logo-box .logo-text {padding-right: 0;}
	
    .profile-image {
        right: 0;
        left: 0;
    }
    
    .profile-info {
        text-align: center;
        margin-top: 0;
    }

    .profile-info-value {
        color: #fff;
        float: none;
        margin: 0 10px 0 10px;
        display: inline-block;
    }
    
    .mailbox-header h2 {
        margin: 20px 0;
        text-align: center;
    }

	.pro_info li, .pro_info li:first-child {
		width: 100% !important;
	}
	.pro_info li:first-child {
		margin-bottom: 30px;
	}

	.pro_info .option-list li span.pro-name,
	.pro_info .option-list li .count {
		float: left;
		width: 100% !important;;
		margin: 10px 0;
	}
	.pro_info .option-list li .count {
		
	}
	.sub-product-wrap .tab li a {
		font-size: 13px !important;
	}
	.sub-product-wrap .panel {
		padding: 30px 15px !important;
	}

	.idpw-form span {display: none;}
	.idpw-form button.col-md-5 {width: 50%;}

	.orderlist .col-md-4 .panel {
		margin: 0 !important;
	}

	.orderlist .col-md-4 {
		padding-left: 0;
		padding-right: 0;
		margin-top: 0px !important;
		width: 33.333%;
		float: left;
		margin: 10px 0 20px !important;
	}
	.panel .panel-heading {
		padding: 15px 20px;
	}
	.panel .panel-heading .panel-title {
		font-size: 13px !important;
		float: none;
	}
	.message-header p.message-date {margin-top: 15px;}

	.date-search dl {
		width: 100%;
		margin-right: 20px !important;
	}
	.date-search dl:first-child {
		margin-right: 20px !important;
	}

}

@media (max-width: 807px) {
	.page-breadcrumb.other02 .breadcrumb {
		padding: 0;
	}
}

@media (max-width: 767px) {
    
    .page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu ul {
        top: 0!important;
    }
    
    .horizontal-bar {
        border-right: 1px solid #e9e9e9;
        border-bottom: 0;
        position: static;
    }
    
    .horizontal-bar:before {
        background-color: inherit;
        border: inherit;
        bottom: 0;
        content: "";
        position: absolute;
        top: 0;
        width: inherit;
        border-right: 1px solid #e9e9e9;
    }
    
    .horizontal-bar .accordion-menu > li > a {
        padding-left: 22px!important;
    }
    
    .sidebar {
        opacity: 0;
        visibility: hidden;
        display: none;
        width: 0!important;
        -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: 200px!important;
        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: -240px;
        opacity: 1;
        visibility: visible;
        display: block;
        width: 240px;
		height: 100% !important;
        -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;
		overflow-x: hidden !important;
		overflow-y: auto !important;
    }
    
    .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;
        padding: 0!important;
/*         text-align: left; */
    }
    
    .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-inner6 {
        -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(240px, 0, 0);
        transform: translate3d(240px, 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: 998;
        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 {
        position: relative;
        left: 0;
        top: 0!important;
        border-left: 0!important;
        border-top: 1px solid #e9e9e9!important;
    }
    
    .small-sidebar.page-horizontal-bar .accordion-menu > li > a,
    .small-sidebar.page-horizontal-bar:not(.page-sidebar-fixed) .accordion-menu > li > a {
        text-align: left;
        width: 65px;
    }
        
    .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a > .menu-icon {
        margin-right: 0!important;
        font-size: 16px;
        float: none!important;
    }
    

    
    .page-horizontal-bar .page-inner {
        padding: 80px 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!important;
    } 
    
    body:not(.compact-menu) .menu > li > a {
        text-align: left;
    }

	.idpw-form button.col-md-5 {width: 100%;}
}

@media (max-width: 499px) {
    .pro_info {
    	margin: 20px 0 0 !important;
    }
    .sub-product-wrap .panel {
		padding: 30px 15px 0px !important;
	}
	.pro_info .option-list li span {
		font-size: 14px !important;
		line-height: 25px !important;
	}
	.pro_info .option-list li span.pro-name > span {
		margin-right: 13px !important;
	}
	.pro_info .option-list li span.pro-name,
	.pro_info .option-list li .count {
		margin: 7px 0 !important;
	}
	.date-search dl:last-child {
		margin-bottom: 15px !important;
	}
}

@media (max-width: 375px) {
	.panel .panel-heading {
		padding: 15px 10px;
	}
	.tab-content > .tab-pane form.idpw-form {
		padding: 10px 20px 10px;
	}
}

.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;
}

.page-content {
    background: #fff;
}

.page-content.login2 {
	padding: 0;
    background-color: #fff !important;
    position: relative;
    background: url('../../images/kr/bg_login.jpg') top center no-repeat;
    background-size: cover;
}

.page-content.login2 > .page-inner {
    background: transparent;
    padding: 0;
}

.page-content.login2 > .page-inner #main-wrapper {
    margin: 5% 15% 0 15%;
}
@media (max-width: 499px) {
	.page-content.login2 .center {
	    margin: 15% auto 0;
	}
}
.page-content.login2 .login-box {
    background-color: rgba(255,255,255, 0.15);
    padding: 70px 60px 60px;
}

.page-content.login2 .login-box h1 {
    margin-bottom: 60px;
}

.page-content.login2 .login-box h1 img {
    width: 100%;
}

.page-content.login2 .login-box .logo-name {
    color: #fff;
}

.page-content.login2 .login-box p {
    color: rgba(255,255,255, 0.7);
}

.page-content.login2 .login-box .panel-login .form-control {
    border-radius: 30px;
    height: 50px;
    padding: 5px 20px !important;
    font-size: 14px;
}

.page-content.login2 .login-box .panel-login .checkbox label {
    padding: 0 !important;
}

.page-content.login2 .login-box .panel-login .checkbox label div.checker span {
    margin-top: -2px !important;
}

.page-content.login2 .login-box .btn {
    padding: 20px;
    border-radius: 30px;
    font-size: 16px;
}

.page-content.login2 .captcha {
    float: left;
    width: 100%;
    margin: 0.5em 0 1em;
}
.page-content.login2 .captcha img,
.page-content.login2 .captcha button {
    float: left;
}
.page-content.login2 .captcha img {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.page-content.login2 .captcha button {
	width: 48px !important;
    height: 48px;
    background-color: #222 !important;
    padding: 0.5em 0 !important;
    border-radius: 3px !important;
}
.page-content.login2 .captcha button:hover {
    background-color: #111 !important;
}
.page-content.login2 .captcha button i {
    font-size: 17px;
    color: #fff;
}
.page-content.login2 .captcha input[type="text"] {
	float: right;
    width: 180px !important;
    outline: none;
    font-size: 13px;
    color: #888;
    border: none;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 0.5em;
    padding: 1.133em 1em;
    background: #fff;
}
@media (max-width: 499px) {
	.page-content.login2 .captcha input[type="text"] {
	    width: 100% !important;
	    margin-top: 5px;
	}
	.page-content.login2 .captcha button {
		float: right;
	}
}



.page-content.content-wrap {
	min-height: auto !important;
	overflow: hidden;
	background: #f9f9f9;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		box-shadow: none;
}

.page-content::-webkit-scrollbar {
    display: none;
}

.navbar {
    background: #fff;
}

.navbar .logo-box {
    background: transparent;
}

.navbar .logo-box a {
    color: #5f5f5f;
}

.navbar ul li.open > a {
    color: #22BAA0;
}

.sidebar {
    background: #fff;
}

.sidebar-header {
    background: #fff;
}

.sidebar-profile span small {
    color: #899dc1;
}

.menu,
.menu ul {
    background: #fff;
}

body:not(.page-horizontal-bar).compact-menu .menu > li.active,
body:not(.page-horizontal-bar).compact-menu .menu > li.open {
    border-left: 3px solid #22BAA0;
}

.menu.accordion-menu ul li a:hover,
.menu.accordion-menu ul li.active a {
    color: #121212;
}

.menu.accordion-menu ul li a {
    color: #5f5f5f;
}

.small-sidebar:not(.page-horizontal-bar) .menu > li:hover > a {
    background: #f7f7f7;
    border-top: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.small-sidebar .menu > li > ul {
    background: #f7f7f7;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.hover-menu .menu > li > ul {
    background: #f7f7f7;
    border-top: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.menu ul {
    background: #f7f7f7;
}

.horizontal-bar .menu > li > ul {
    border-top: 0;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #f7f7f7;
}

.horizontal-bar .menu > li > ul:last-child {
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #f7f7f7;
}



/**** Main Search ****/
.search-main {
	position: absolute;
	padding-top: 130px;
	width: 100%;
}
.search-main p {
	position: relative;
	z-index: 99;
	margin: 0 auto;
	width: 800px;
	font-size: 17px;
	color: #fff;
	text-align: left;
}
.search-main p strong {
	display: block;
	margin-bottom: 23px;
	font-weight: 500;
	font-size: 29px;
}
.search-main form {
	position: relative;
	z-index: 98;
	margin: 0 auto;
	width: 800px;
}
.search-main .input-group {
	display: block;
	float: left;
	margin-top: 34px;
	width: 680px;
}
.search-main .input-group .input-search {
	padding-left: 15px !important;
	height: 55px;
	font-size: 15px;
	border-right: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.search-main .input-group .input-group-btn {
	position: absolute;
	right: 0;
	width: 53px;
}
.search-main .input-group .btn-default {
	padding-right: 18px;
	padding-left: 18px;
	height: 55px;
	color: #555;
	background: none;
	border: 1px solid transparent;
	border-right: none;
	border-left: none;
}
.search-main .input-group .btn-default:active:hover {
	background-color: none;
}
.search-main .input-group .btn-default .fa {
	font-size: 20px;
}
.search-main select.form-control {
	float: left;
	margin-top: 34px;
	padding-left: 15px !important;
	width: 120px;
	height: 55px;
	font-size: 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

@media (min-width: 768px) {
	.search-main {
		left: 50%;
		margin-left: -375px;
	}
}
@media (min-width: 992px) {
	.search-main {
		position: absolute;
		top: 102px;
		left: 50%;
		margin-left: -400px;
		width: 800px;
	}
	.search-main select.form-control {background-position-x: 85px !important;}
}

@media (max-width: 991px) {
	.search-main {
		padding-right: 55px;
		padding-left: 55px;
		width: 750px;
	}
	.search-main p {
		width: 100%;
	}
	.search-main form {
		width: 100%;
	}
	.search-main .input-group {
		width: 80% !important;
	}
	.search-main select.form-control {
		width: 20%;
	}
}
@media (max-width: 767px) {
	.search-main {
		width: 100%;
	}
	.search-main p {
		font-size: 15px;
	}
	.search-main p strong {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.search-main .input-group .input-search,
	.search-main .input-group .btn-default,
	.search-main select.form-control {
		height: 45px;
		font-size: 13px;
	}
}
@media (max-width: 530px) {
	.search-main .input-group .input-search {padding-right: 42px !important;}
}
@media (max-width: 499px) {
	.search-main {
		padding-right: 50px;
		padding-left: 50px;
	}
	.search-main p strong {letter-spacing: -.05em;}
	.search-main .input-group {width: 75% !important;}
	.search-main select.form-control {
	    width: 25%;
	    padding: 4px 4px 4px 9px !important;
	}
	.search-main .input-group .input-search {
		font-size: 1.03rem;
		padding-right: 34px !important;
		padding-left: 10px !important;
	}
	.search-main .input-group .btn-default {
		padding-right: 10px;
		padding-left: 10px;
	}
	.search-main .input-group .input-group-btn {width: 35px;}
}
@media (max-width: 390px) {
	.search-main .input-group .input-search {padding-right: 30px !important;}
}

.slider {position: absolute; float: left; width: 100%; height: 370px; z-index: 9; }
.slider.login {position: absolute; float: left; width: 100%; height: 450px; z-index: 9; }

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-block span {
    width: 100%;
    position: absolute;
    top: 20%;
    font-size: 60px;
    font-weight: bold;
    line-height: 62px;
    text-align: center;
    z-index: 98;
}

.slider .jquery-reslider .slider-block a {
  width: 100%;
  position: absolute;
  top:20%;
  font-size: 60px;
  font-weight: bold;
  line-height: 62px;
  text-align: center;
  z-index: 98;
}

.slider .jquery-reslider .slider-direction {
  width: 17px;
  height: 31px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: 20px;
  background: url('../../images/kr/swipe-l.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: 20px;
  background: url('../../images/kr/swipe-r.png') no-repeat
}

.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 10px;
}

.slider .jquery-reslider .slider-dots ul {
  padding: 0 !important;
}

.slider .jquery-reslider .slider-dots li {
  width: 15px;
  height: 15px;
  border-radius: 100px;
  display: inline-block;
  margin: 6px;
  border: 1px solid #ffffff;
  cursor: pointer;
}
.slider .jquery-reslider .slider-dots li:first-child {
  margin-left: 0px;
}
.slider .jquery-reslider .slider-dots li:last-child {
  margin-right: 0px;
}

.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff ; }
@media screen and (max-width: 768px) {

.slider .jquery-reslider .slider-direction { zoom: .8; }

.slider .jquery-reslider .slider-dots { position: absolute; }
}



@media (max-width: 991px) {
	.col-md-6,
	.col-md-4,
	.col-md-3 {
		display: block;
		float: left;
		margin-bottom: 10px;
		width: 100%;
	}
	.col-md-6 .panel,
	.col-md-4 .panel,
	.col-md-3 .panel {margin-bottom: 0;}
}



.product-category {float: left; width: 100%; margin: 10px 0 0;}

.product-category select {float: left; width: 23.3%; margin-left: 0.5%;}
.product-category select:first-child {margin-left: 0px;}
.product-category p {
    float: left;
    margin-bottom: 5px;
    padding: 6px 10px 0px 10px;
    width: 10px;
    font-family: Dotum;
    font-weight: 600;
    font-size: 14px;
    color: #4d9488;
}

@media (max-width: 1199px) {
	.product-category p {padding-left: 6px;}
}
@media (max-width: 991px) {
	.product-category select {
		float: left;
		margin: 0 0 5px !important;
		width: 49.5% !important;
	}
	.product-category .form-right {float: right;}
	.product-category p {display: none;}
}
@media (max-width: 768px) {
	.product-category2 {float: left; width: 100%; margin: 17px 0 0px;}
	.product-category2 span {display: none;}
	.product-category2 select {float: left; width: 49% !important; margin: 0 0.5% 1% !important;}
	.product-category2 p {display: none !important;}
}

.product-category2 {float: left; width: 100%; margin: 17px 0 0px;}
.product-category2 span {float: left; padding: 7px 7px 7px 0; color: #fff;}
.product-category2 select {float: left; width: 15%; margin-left: 0.5%;}
.product-category2 select:first-child {margin-left: 0px;}
.product-category2 p {
    float: left;
    padding: 6px 10px 0px 10px;
    width: 10px;
    font-family: Dotum;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
	opacity: 0.4;
}



/* 컨텐츠가 없을 경우
 **************************/

@media (max-width: 499px) {
	p.noneList {padding: 0px 0 25px !important;}
}
p.noneList.noline {
	border-bottom: 0px solid #999999;
}
p.noneList {
	display: inline-block;
	padding: 50px 0 50px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #999999;
}
p.noneList img {
	margin: 30px 0 10px;
	width: 50px;
}

.product-list p.none.noline {
	border-top: 0px solid #999999;
}
.product-list p.none {
	display: inline-block;
	padding: 50px 0 0;
	width: 100%;
	font-size: 13px;
	letter-spacing: 0px;
	color: #666;
	text-align: center;
	border-top: 1px solid #999999;
}
.product-list p.none img {
	margin: 30px 0 10px;
	width: 50px;
}

td.noneList {
	padding: 30px 10px 70px !important;
	width: 100% !important;
	font-size: 13px !important;
	letter-spacing: 0px;
	color: #666;
	text-align: center !important;
}
td.noneList img {
	margin: 30px 0 10px !important;
	width: 50px;
}



/************************** PRODUCT LIST **************************/

.product-list {
	float: left;
	margin: 20px 0;
	width: 100%;
}
.product-list h4 {
	float: left;
	width: 100%;
	font-family: 'Spoqa-Regular', 'NotoSansR', 'NanumGothic';
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
}
.product-list h4 span {
	line-height: 34px;
}
.product-list h4 span em {
	font-size: 18px !important;
	font-family: 'Spoqa-Medium', 'NotoSansM', 'NanumGothic';
	color: #222;
	font-style: normal;
	margin: 0 2px 0 5px;
}
.product-list h4 ul {
	float: right;
	margin: 2px 0 0;
	padding: 0;
}
.product-list h4 ul li {
	float: left;
	margin-left: 10px;
}
.product-list h4 ul li select {
	min-width: 145px;
}
.product-list h4 ul li .btn-default {
	float: left;
	padding-top: 5px;
	width: 33px;
	color: #969696;
	background: #f7f7f7;
	border-color: #dce1e4;
}
.product-list h4 ul li .btn-default:focus {outline: none;}
.product-list h4 ul li .btn-default.active {
	color: #333;
	background: none;
	border-color: #555;
	-webkit-box-shadow: none;
			box-shadow: none;
}
.product-list h4 ul li .btn-default span {
	left: 1px;
	font-size: 12px;
	line-height: normal;
}
.product-list h4 ul li .btn-default:last-child span {left: 0;}
.product-list h4 ul li .btn-default:first-child.active span {left: 0;}
.product-list dl dd {
	position: relative;
	float: left;
	width: 100%;
	height: 146px;
	border: 1px solid #ddd;
	background-color: #fff;
	margin-bottom: 10px;
		-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.product-list dl dd:hover {
	border: 1px solid #555;
	background-color: #fff;
	width: 100%;
	height: 146px;
		-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media (max-width: 1199px) {
	.product-list h4 ul li:last-child {/* display: none; */}
}

.product-list dl dd p {
	position: relative;
	float: left;
	margin: 12px 20px 12px 12px;
}
.product-list dl dd p img {
	width: 120px;
	height: 120px;
	border: 1px solid #e5e5e5;
	cursor: pointer;
}
.product-list .pro-name {
	float: left;
	width: 69%;
	padding: 14px 0 0;
}
.product-list .pro-name em {
	float: left;
	margin-bottom: 8px;
	width: 100%;
/* 	height: 51px; */
	font-size: 15px;
	font-style: normal;
}
.product-list .pro-name em a {
	color: #333;
	font-weight: 500;
}
.product-list .pro-name em a:hover {text-decoration: underline;}
.product-list .pro-name em span {
	float: none;
	margin: 0;
	line-height: 1.6em;
	font-weight: normal;
	font-size: 13px;
	color: #555;
}

.product-list .pro-name .price {
	float: left;
	width: 100%;
	height: 46px;
	line-height: 2.1em;
	font-weight: normal;
	font-size: 14px;
}
.product-list .pro-name strong {
	float: left;
	margin-right: 2px;
	font-family: 'Spoqa-Medium';
	font-weight: normal;
	font-size: 21px !important;
	letter-spacing: -.7px;
}
.product-list .pro-name p {
	margin: -4px 0 0 !important;
	width: 100%;
	font-family: Dotum;
	font-size: 12px;
	color: #444;
}

.product-list .level {
	position: relative;
	float: right;
	margin: 14px 0;
	padding: 0 20px;
	width: 17%;
	height: 116px;
	border-left: 1px solid #eee;
}
.product-list .level ul {
	position: relative;
	float: left;
	margin: 14px 0 0;
	width: 100%;
}
.product-list .level li {float: left;}
.product-list .level li:last-child {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
}
.sub-option .quantity dd input[type="text"],
.product-list .level li input[type="text"] {
	width: 60px !important;
	height: 35px;
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4 !important;
	box-shadow: none !important;
	font-size: 13px;
	text-align: center;
	padding: 5px 10px 7px 10px !important;
	margin: 0 -1px;
}
.sub-option .quantity dd input[type="text"]:focus,
.product-list .level li input[type="text"]:focus {outline: none;}

.product-list .level button {
	float: left;
	width: 100%;
}

.product-list .level li:first-child button {
	border-right: 0;
	border-color: #999;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.product-list .level li input[type="text"] {
	padding-right: 0 !important;
	padding-left: 0 !important;
	width: 52px !important;
/* 	letter-spacing: .01em; */
	border-right: 0 !important;
	border-left: 0 !important;
	border-color: #999 !important;
}
.product-list .level li:nth-last-of-type(1) button {
	border-left: 0;
	border-color: #999;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.product-list .level li button:hover,
.product-list .level li button:active,
.product-list .level li button:focus {
	color: #000;
	background: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.product-list .level li button i {background: none;}
.product-list .level li + span {
	float: right; 
	margin: 0 0 0 5px;
	width: auto;
	height: 35px;
	font-style: normal;
	font-size: 12px;
	line-height: 2.75rem;
	color: #333;
}
.product-list .level ul + button {
/* 	width: 111px; */
	width: 100%;
}

.product-list .level p {
	margin: 2px 0 0;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	color: #555;
}
.product-list .level p img {
	float: left;
	margin-right: 11px;
	width: 29px;
	height: 26px;
	border: none;
}
.product-list .level p strong {
	float: left;
	margin-top: 4px;
	font-weight: normal;
}
.product-list .level span {
	float: left;
	margin-top: 4px;
	width: 100%;
	line-height: 1.4em;
	font-size: 16px;
	color: #7b90a1;
}
.product-list .level span input[type="button"],
.product-list .proImg .level span input[type="button"] {
	line-height: 1.4em;
	font-size: 16px;
	color: #7b90a1;
	background: none;
	border: none;
}
.product-list .level span input[type="button"]:hover,
.product-list .proImg .level span input[type="button"]:hover {
	text-decoration: underline;
}
.product-list .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;
}
.product-list .level a:hover {
	background-color: #d9dfe3;
}
.product-list .level a p {
	margin: 1px 6px 0 -1px;
	width: auto;
	font-weight: normal;
	font-size: 24px;
	color: #677684;
}
.product-list .level a i {
	margin-right: 4px;
	width: auto;
	font-weight: normal;
	color: #677684;
}

.product-list .level2 {
	position: relative;
	float: right;
	margin: 14px 0;
	padding: 14px 20px;
	width: 16%;
	height: 122px;
	border-left: 1px solid #eee;
	text-align: center;
	vertical-align: middle;
}
.product-list .level2 button {
	float: left;
	width: 100%;
}
.product-list .level2 button:first-child {
	margin-bottom: 5px;
}

@media (min-width: 992px) {
	.product-list .pro-name {position: relative;}
	.product-list .pro-name p {
		position: absolute;
		bottom: -20px;
		left: 0;
		line-height: 1.5rem;
	}
}

@media (max-width: 1199px) {
	.product-list .pro-name {width: 62%;}
	.product-list .level,
	.product-list .level2 {width: 21%;}
}
@media (max-width: 991px) {
	.product-list dl dd,
	.product-list dl dd:hover {height: auto;}
	.product-list .pro-name {
		margin: 14px 0;
		padding: 0 10px 0 0;
		width: 51.5%;
		min-height: 122px;
		border-right: 1px solid #eee;
	}
	.product-list .pro-name .price {height: 40px;}
	.product-list .pro-name p {line-height: 1.25rem;}
	.product-list .level,
	.product-list .level2 {
		width: 27%;
		border-left: 0;
	}
}
@media (max-width: 767px) {
	.product-list .pro-name {width: 45%;}
	.product-list .level,
	.product-list .level2 {
		padding: 0 10px;
		width: 29%;
	}
}
@media (max-width: 639px) { 
	.product-list dl dd,
	.product-list dl dd:hover {min-height: 186px;}
	.product-list dl dd p {margin-right: 0;}
	.product-list .pro-name {
		float: right;
		margin-right: 12px;
		padding-right: 0;
		width: 64%;
		border-right: 0;
	}
	.product-list .level,
	.product-list .level2 {
		float: right;
		margin-top: 0;
		margin-right: 12px;
		padding: 0;
		width: 64%;
		height: auto;
	}
	.product-list .level ul,
	.product-list .level2 ul {
		margin: 0;
/* 		width: 60%; */
	}
	.product-list .level ul + button {
		width: 118px;
		height: 35px;
	}
	.sub-option .quantity dd input[type="text"],
	.product-list .level li input[type="text"] {width: 52px !important;}
	.product-list .level li + span {float: left;}
	
	.product-list .level2 button {width: 49%;}
	.product-list .level2 button:last-child {float: right;}
}
@media (max-width: 499px) {
	.product-list .pro-name,
	.product-list .level,
	.product-list .level2 {width: 61%;}
}
@media (max-width: 414px) {
	.product-list .pro-name,
	.product-list .level,
	.product-list .level2 {width: 60%;}
}
@media (max-width: 390px) {
	.product-list .pro-name,
	.product-list .level,
	.product-list .level2 {width: 57%;}
}
@media (max-width: 375px) {
	.product-list .pro-name,
	.product-list .level,
	.product-list .level2 {width: 55%;}
}
@media (max-width: 360px) {
	.product-list .pro-name,
	.product-list .level,
	.product-list .level2 {width: 53%;}
}



/************************** PRODUCT DETAIL **************************/

.pro_info {
	float: left;
	width: 100%;
	margin: 20px 0 30px;
}
.pro_info ul {
	padding: 0;
}
.pro_info li {
	float: right;
	width: 57%;
}
.pro_info li:first-child {
	float: left;
	display: block;
	width: 40%;
}


/* Left Product Image
 **************************/

.gallery {
	width: 100%;
}

.thumbnails img {
    float: left;
    margin: 8px 0 0 8px;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #e5e5e5;
}

.thumbnails img:first-child {
	margin-left: 0;
}
.thumbnails img:hover {
	border: 1px solid #6a5fac;
	cursor: pointer;
}
.thumbnails a:hover img,
.thumbnails a.current {
	border: 1px solid #1784e6;
	cursor: pointer;
}
.preview .stamp {
	position: absolute;
	width: 100%;
    z-index: 2;
}
.preview .stamp img {
	float: right;
	width: 67%;
	border: none !important;
	z-index: 3;
}
.preview {
	position: relative;
	max-height: 456px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
}
.preview img {
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}

@media (max-width: 1199px) {
	.preview {max-height: 376px;}
}
@media (max-width: 991px) {
	.preview {max-height: 720px;}
}



/* Right Product Info
 **************************/

.info_text {
	width: 100%;
}

.sub-product-info-wrap h3 {
	margin: -1px 0 40px;
	line-height: 26px;
	font-size: 22px !important;
	font-family: 'NotosansR';
	font-weight: normal;
}
.sub-product-info-wrap h3 span {
	font-size: 16px;
	color: #898989;
}



.sub-product-info-wrap .price {
	font-size: 20px;
	font-family: 'NotosansR';
	font-weight: normal;
}
.sub-product-info-wrap .price strong {
	font-family: 'Spoqa-Medium', 'NotosansM';
	font-weight: normal;
	font-size: 34px;
	letter-spacing: -1px;
}
@media (max-width: 499px) {
	.sub-product-info-wrap .price strong {
		font-size: 30px;
	}
}



.sub-product-cons {
	float: left;
	margin: 10px 0 0;
	padding: 19px 0 9px;
	width: 100%;
	border-top: 1px solid #777;
	border-bottom: 1px solid #e5e5e5;
}
.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, sans-serif;
	font-weight: normal;
}
.sub-product-cons dl dd {
	width: 70%;
	color: #555;
}
@media (max-width: 499px) {
	.sub-product-cons dl dd button.btn {
		margin-top: -5px;
	}
}


.sub-option {
	float: left;
	width: 100%;
	padding: 0;
}
.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: 25px 0 25px;
	width: 100%;
}
.sub-option .quantity p {
	float: left;
	margin-top: 5px;
	width: 30%;
	font-family: 'NotoSansM', NanumGothic, sans-serif;
	font-weight: normal;
}
.sub-option .quantity span {
/* 	float: left; */
/* 	margin-top: -10px; */
/* 	margin-left: 18px; */
}
.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"] {
	border-right: 0 !important;
	border-left: 0 !important;
	border-color: #777 !important;
}
.sub-option .quantity dd:first-child .btn {
	border-right: 0 !important;
	border-color: #777;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.sub-option .quantity dd:nth-last-of-type(1) .btn {
	border-left: 0 !important;
	border-color: #777;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.sub-option .quantity dl dd .btn:hover,
.sub-option .quantity dl dd .btn:active,
.sub-option .quantity dl dd .btn:focus {
	color: #000;
	background: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.sub-option .quantity dl dd .btn i {background: none;}
.sub-option .quantity dl dd + i {
	float: left;
	margin: 9px 0 0 10px;
	font-style: normal;
}
.sub-option .quantity .count {
	float: left;
	padding: 2px 20px 0;
	width: 216px;
	height: 36px;
	font-family: 'NanumBarunGothic';
	font-size: 16px;
	color: #555;
	text-align: right;
}
.sub-option .variation {
	margin: -15px 0 25px;
	width: 100%;
}
.sub-option .quantity + .variation {margin-top: -25px;}
.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/kr/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: 0;
	padding: 0 0 0 10px;
	width: 100%;
	font-size: 13px;
	background: #fff;

/* 	border-bottom: 1px solid #ddd; */
}
.pro_info .option-list li {
	width: 100%;
	margin: 0;
	padding: 6px 0;
	border-top: 1px solid #ddd;
}
.pro_info .option-list li:first-child {
	border-top: none;
}
.pro_info .option-list button,
.pro_info .option-list input[type="text"] {
	float: left;
}

@media (max-width: 499px) {
	.pro_info .option-list button.btn-addon {font-size: 15px !important;}
}


.pro_info .option-list li span {
	float: left;
	padding-left: 2px;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
	font-size: 13px;
	line-height: 35px;
}
.pro_info .option-list li span.pro-name {
	float: left;
	width: 63%;
	vertical-align: middle;
}
.pro_info .option-list li span.pro-name > span {
	float: right;
	margin-right: 40px;
}
.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: right;
	width: 37%;
}
.pro_info .option-list li .count input[type="text"] {
	float: left;
	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 strong {
	float: left;
	margin: 11px 13px 0 0;
	font-weight: normal;
}
.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 li .count button:first-child {
	border-right: 0;
	border-color: #777;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.pro_info .option-list li .count input[type="text"] {
	padding-right: 0;
	padding-left: 0;
	width: 50px;
	line-height: 3rem;
	border-right: 0 !important;
	border-left: 0 !important;
	border-color: #777 !important;
}
.pro_info .option-list li .count input[type="text"]:focus {outline: none;}
.pro_info .option-list li .count button:nth-of-type(2) {
	border-left: 0;
	border-color: #777;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.pro_info .option-list li .count button:hover,
.pro_info .option-list li .count button:active,
.pro_info .option-list li .count button:focus {
	outline: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.pro_info .option-list li .count button i {background: none;}
.pro_info .option-list li .count button + i {
	margin-left: 10px;
	font-style: normal;
}

@media (max-width: 991px) {
	.pro_info .option-list li .count button + i {
		display: inline-block;
		margin-top: 5px;
	}
}


.sub-all-price {
	float: left;
	margin-top: 0;
	padding: 27px 0 22px;
	width: 100%;
	font-family: 'NotoSansR', NanumGothic, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: normal;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	border-bottom: 0px solid #777;
}
.sub-all-price p {
	float: right;
	margin: 4px 20px 0 20px;
	padding: 0;
	font-family: 'NotoSansM';
	color: #333;
	font-size: 15px;
	font-weight: normal;
}

.sub-all-price button {
	float: left;
	padding: 10px 15px;
}

.sub-all-price em {
	font-family: "Spoqa-Bold", 'NotoSansB', NanumGothic, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	color: #222;
	letter-spacing: -.5px;
	margin: 0 3px 0 10px;
}

@media (max-width: 499px) {
	.sub-all-price {
		padding: 27px 0 0 !important;
	}
}



.sub-buttons {
	float: left;
	padding-top: 30px;
	width: 100%;
}
.btn-group button {
	border-width: 1px;
	border-radius: 0;
}
.sub-buttons .btn-group button {
	padding: 10px 0;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 15px !important;
	font-weight: normal;
}

.info_text .sub-buttons .btn-group button {
	float: left;
	display: block;
	width: 33.333%;
}
.info_text .sub-buttons .btn-group button:nth-child(3) {
	float: right;
	display: block;
	width: 42px;
}

@media (max-width: 991px) {
	.info_text .sub-buttons .btn-group button:nth-child(3) {
		width: 33.333%;
	}
}

.info_text .sub-buttons em.soldoutTxt {
	width: 100%;
	text-align: center;
}

.sub-buttons .btn:hover.iconBtn {
	background-color: transparent;
    border-color: #4a4a4a;
    box-shadow: 0 0 0 1px #4a4a4a inset;
    	-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.sub-buttons .btn:first-child {
	float: left !important;
	margin-left: 0 !important;
}
.sub-buttons .iconBtn {
	float: left;
}
.sub-buttons .btn i {
	color: #222;
}
.sub-buttons .btn.btn-basket-line {
	float: right;
	border: 1px solid #ccc;
}
.sub-buttons .btn.btn-basket-line:hover {
	color: #333;
    background-color: transparent;
    border-color: #333;
    -webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.sub-buttons .btn.btn-basket-line i {
	font-size: 17px;
	color: #999;
}
.sub-buttons .btn.btn-basket-line:hover i {
	color: #333;
	-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.sub-buttons .btn.btn-basket-list {
	width: 158px;
	font-size: 22px;
	color: #fff;
	background-color: #e60012;
	border: 1px solid #e60012;
}
.sub-buttons .btn.btn-basket-list:hover {
	color: #fff;
	background-color: #d30212;
	border: 1px solid #d30212;
		-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.sub-buttons .btn.btn-basket-buy {
	float: left;
	width: 158px;
	color: #f4171e !important;
    background-color: transparent;
    border-color: #f4171e;
    box-shadow: 0 0 0 1px #f4171e inset; 
}
.sub-buttons .btn.btn-basket-buy:hover {
	color: #fff !important;
    background-color: #cc0007;
    border-color: #cc0007;
    box-shadow: 0 0 0 1px #cc0007 inset; 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.sub-buttons .btn.btn-basket-gift {
	width: 138px;
	color: #fff;
	background-color: #51b72f;
	border: 1px solid #51b72f;
}
.sub-buttons .btn.btn-basket-gift:hover {
	background-color: #49a62a;
	border: 1px solid #49a62a;
		-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
@media (max-width: 991px) {
	.sub-buttons .btn.btn-basket-rv {
		width: 100% !important;
		margin-top: 10px;
	}
}
.sub-buttons .btn.btn-basket-rv {
	float: right;
	width: 100%;
	color: #fff;
	background-color: #f3171d;
	border: 1px solid #f3171d;
}
.sub-buttons .btn.btn-basket-rv:hover {
	background-color: #d9141b;
	border: 1px solid #d9141b;
		-webkit-transition: all 0.25s ease-in-out;
    	-moz-transition: all 0.25s ease-in-out;
    	-o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.sub-buttons p {
	float: right;
	margin: 0;
	padding: 17px 14px 13px;
	width: 100%;
	height: 59px;
	font-size: 14px;
	letter-spacing: -.015em;
	color: #666;
	text-align: center;
	border: 1px solid #f3171d;
}
.sub-buttons p b {
	position: relative;
	margin-right: 5px;
	color: #222;
}

@media (min-width: 992px) {
	.sub-buttons p b:nth-last-of-type(1) {
		margin-left: 7px;
		padding-left: 10px;
	}
	.sub-buttons p b:nth-last-of-type(1):before {
		content: '';
		position: absolute;
		top: 5px;
		left: 0;
		width: 1px;
		height: 11px;
		background-color: #d3d1d1;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.sub-buttons .btn {
		margin-left: -1px !important;
	}
}
@media (max-width: 1199px) {
	.sub-buttons .btn.btn-basket-list,
	.sub-buttons .btn.btn-basket-buy {
		width: 28%;
	}
	.sub-buttons .btn.btn-basket-gift {
		float: left;
		margin-left: 13px !important;
		width: 28%;
	}
	.sub-buttons p {
		float: left;
		width: 100%;
		margin-top: 5px;
		padding: 7px 20px 8px;
		line-height: 42px;
	}
}
@media (max-width: 991px) {
	.sub-buttons .btn.full-width {margin-top: 64px !important;}
	.sub-buttons .btn {
		font-size: 18px !important;
		height: 50px;
		min-height: 50px;
	}
	.sub-buttons .btn.btn-basket-list,
	.sub-buttons .btn.btn-basket-buy {
		float: left;
		margin-top: 5px;
		margin-left: 0 !important;
		width: 50%;
	}
	.sub-buttons .btn.btn-basket-buy {float: right;}
	.sub-buttons .btn.btn-basket-list {
		clear: both;
		float: right;
	}
	.sub-buttons .btn.btn-basket-gift {
		width: 50%;
		margin-top: 5px;
		margin-left: 0 !important;
	}
	.sub-buttons .btn.iconBtn {
		float: left;
		width: auto;
	}
	.sub-buttons .btn.btn-basket-line {
		float: right;
		margin-left: 0px !important;
		width: 50px !important;
	}
	.sub-buttons .btn.btn-basket-buy:first-child {width: 100%;}
	.sub-buttons p {
		margin-top: 64px;
		padding: 7px 15px 8px;
	}
	.sub-buttons p b:nth-child(2) {
		margin-left: 10px;
	}
}
@media (max-width: 499px) {
	.sub-buttons {
		padding-top: 40px !important;
	}
}
@media (max-width: 413px) {
	.sub-buttons .btn {width: 24.7%;}
	.sub-buttons .btn.btn-basket-list,
	.sub-buttons .btn.btn-basket-buy {width: 50%;}
	
	.sub-buttons p {
		padding: 7px 10px 8px;
		font-size: 13px;
	}
	.sub-buttons p b {
	    margin-right: 0;
	}
}

@media (max-width: 375px) {
	.sub-buttons .btn.iconBtn {
		min-width: 53px !important;
		height: 53px !important;
		padding: 6px 0 8px !important;
	}
}

@media (max-width: 360px) {
	.sub-buttons .btn {width: 24%;}
	.sub-buttons .btn.btn-basket-list,
	.sub-buttons .btn.btn-basket-buy {width: 49.245%;}
	
	.sub-buttons p {
		padding: 7px 7px 8px;
	}
	.sub-buttons p b:nth-child(2) {
		margin-left: 5px;
	}
}



/* Product Detail Bottom
 **************************/

#a1 {height: 55px;}
#a2, #a3 {height: 55px;}

@media (max-width: 991px) {
	#a1 {height: 111px;}
	#a2, #a3 {height: 112px;}
}
@media (max-width: 499px) {
	#a1, #a2, #a3 {height: 74px;}
}
.sub-product-wrap {
	float: left;
	margin-top: 10px;
	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-weight: normal;
	font-size: 15px;
	color: #999;
	text-align: center;
	border: 1px solid #e1e1e1;
	border-left: none;
	border-bottom-color: #121212;
	background-color: #f9f9f9;
	text-decoration: none;
}
.sub-product-wrap .tab li:first-child a {
	border-left: 1px solid #e1e1e1;
}
.sub-product-wrap .tab .selected {
	font-family: "Spoqa-Medium", 'NotoSansM';
	color: #121212;
	z-index: 1;
	padding-bottom: 14px;
	border-left: 1px solid #121212 !important;
	border-color: #121212;
	border-bottom: none;
	background-color: #fff;
}
.sub-product-wrap .panel {
	float: left;
	width: 100%;
	padding: 30px;
	margin: 0;
	box-shadow: none;
}
.sub-product-wrap .panel table {
	float: left;
	margin-top: 0px;
	border-top: 2px solid #8179b2;
}
.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: 20px 0 15px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 15px;
	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 img {
	max-width: 100% !important;
	height: auto !important;
}

.sub-product-wrap .panel p .detail_info {
	float: left;
	margin-right: 6px;
}



/* Buttons
 **************************/

.sub-buttons-p {
	float: left;
	margin-top: 30px;
	width: 33.333%;
}
.sub-buttons-p .btn {
	font-family: 'NotosansM';
	font-size: 15px !important;
	padding: 10px 0;
}
.sub-buttons-p .btn-group .btn {
	width: 50%;
	font-family: 'NotosansM';
	font-size: 14px !important;
	padding: 10px 0;
}
@media (max-width: 991px) {
	.sub-buttons-p {
		float: left;
		margin-top: 20px !important;
		margin-bottom: 30px;
		width: 57.2% !important;
	}
}
@media (max-width: 767px) {
	.sub-buttons-p {
		float: left;
		margin-top: 20px !important;
		margin-bottom: 30px;
		width: 100% !important;
	}
}


.sub-buttons-p-s {
	float: left;
	margin-top: 20px;
	width: 20%;
}
.sub-buttons-p-s .btn-group .btn {
	padding: 10px 0;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 15px !important;
}

@media (max-width: 767px) {
	.sub-buttons-p-s {
		float: left;
		margin-top: 20px;
		width: 100% !important;
	}
}


.sub-buttons-p-ss {
	float: left;
	margin-top: 30px;
	width: 33.333%;
}
.sub-buttons-p-ss .btn-group .btn {
	float: left;
	padding: 10px 0;
	width: 24%;
	font-family: 'NotosansM';
	font-size: 15px !important;
}
.sub-buttons-p-ss .btn:last-child {
	float: right;
	margin-left: 2% !important;
	width: 50%;
}
.sub-buttons-p-ss .btn.other {
	float: right;
	margin-left: 0 !important;
	padding: 7px 0 8px;
	width: 37%;
	font-size: 14px !important;
}

@media (max-width: 767px) {
	.sub-buttons-p-ss {
		float: left;
		margin-top: 20px;
		width: 100%;
	}
}


.sub-buttons-p-sss {
	float: left;
	margin-top: 30px;
	width: 33.333%;
}
.sub-buttons-p-sss .btn {
	padding: 10px 0;
	font-family: 'NotosansM';
	font-size: 15px !important;
}
.sub-buttons-p-sss .btn-group .btn {
	padding: 10px 0;
	width: 50%;
	font-family: 'NotosansM';
	font-size: 15px !important;
}

@media (max-width: 767px) {
	.sub-buttons-p-sss {
		float: left;
		margin-top: 20px !important;
		margin-bottom: 30px;
		width: 100% !important;
	}
	.sub-buttons-p-sss .btn-group .btn {
		padding: 10px 0;
		width: 33.333%;
		font-family: 'NotosansM';
		font-size: 15px !important;
	}
}


.sub-buttons-j {
	float: left;
	margin-top: 35px;
	width: 55%;
}
.sub-buttons-j .btn-group .btn {
	width: 100%;
	font-family: 'NotosansM';
	font-size: 18px !important;
	padding: 12px 0;
}

@media (max-width: 499px) {
	.sub-buttons-j {
		margin-top: 25px !important;
		width: 100% !important;
	}
}



/* AllPrice */

.basketAllPrice .all-price {
	float: left;
	margin-top: -1px;
	padding: 27px 0 22px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 20px;
	color: #333;
	text-align: right;
	border-top: 1px solid #ddd;
/* 	border-bottom: 2px solid #777; */
}
.basketAllPrice .all-price p {
	float: right;
	margin: 4px 20px 0 20px;
	padding: 0;
	font-weight: 500;
	font-size: 15px;
	color: #333;
}
.basketAllPrice .all-price button {
	float: left;
	padding: 10px 15px;
	width: 16.7%;
}
.basketAllPrice .all-price p em {
	margin: 0 3px 0 20px;
	font-style: normal;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: -.6px;
	color: #333;
}

.basket .basketAllPrice {
	float: left;
	padding-top: 25px;
	width: 100%;
}
.basket .basketAllPrice .all-price {
	float: right;
	padding: 2px 0 30px;
	font-size: 16px;
	color: #333;
	text-align: right;
	border-top: none;
	border-bottom: 2px solid #4a4a4a;
}
.full-mobile .all-price p {
	padding: 0;
	font-weight: 500;
	font-size: 13px;
	color: #333;
}

.full-mobile .all-price button {
	float: left;
	padding: 10px 0;
	width: 30%;
	text-align: center;
}

.full-mobile .all-price em {
	margin: 0 0 0 20px;
	font-style: normal;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	font-size: 22px;
	color: #6153b4;
}

@media (max-width: 991px) {
	.full-mobile.basketAllPrice .all-price button {
		float: left;
		margin: 5px 0 30px;
		width: 100% !important;
	}
	.full-mobile.basketAllPrice .all-price p.pay-plus,
	.full-mobile.basketAllPrice .all-price p.pay-price {float: left !important;}
	.full-mobile.basketAllPrice .all-price p.pay-plus {
		margin-top: 10px !important;
		margin-left: 10px !important;
	}
	.full-mobile.basketAllPrice .all-price p.pay-delivery {
		float: right !important;
		margin-bottom: 5px;
	}
	.full-mobile.basketAllPrice .all-price p.pay-delivery em,
	.full-mobile.basketAllPrice .all-price p.pay-price em {font-size: 18px;}
	.full-mobile.basketAllPrice .all-price p.pay-price em {margin: 0 2px 0 0;}
	.full-mobile .basketAllPrice .all-price p {
		margin-top: 10px;
		margin-right: 15px;
		padding: 0;
		font-size: 13px;
		color: #333;
	}
	.full-mobile .basketAllPrice .all-price p.pay-delivery span,
	.full-mobile .basketAllPrice .all-price p.pay-price span {
		float: left;
		width: 200px;
		text-align: right;
	}
	
	.full-mobile .basketAllPrice .all-price button {
		float: left;
		padding: 10px 0;
	/* 	width: 30%; */
		text-align: center;
	}
	
	.full-mobile .basketAllPrice .all-price em {
		margin: 0 2px 0 20px;
		font-style: normal;
		font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
		font-weight: normal;
		font-size: 22px;
		color: #222;
	}
	
	.basketAllPrice .all-price p {margin: 10px 0 0;}
	.basketAllPrice .all-price p.pay-delivery span,
	.basketAllPrice .all-price p.pay-price span {
		float: left;
		font-size: 14px;
	}
	
	.basket .basketAllPrice {padding-top: 10px !important;}
}
@media (max-width: 499px) {
	.basket .basketAllPrice {padding-top: 5px;}
	.basket .basketAllPrice .all-price {padding: 2px 0 25px;}
	.basket .basketAllPrice.full-mobile .all-price {padding: 0px 0 25px !important;}
}


.basket-buttons {
	float: left;
	margin-top: 30px;
	width: 100%;
}
.basket-buttons div {width: 50%;}

.basket-buttons div button {
	padding: 10px 0;
	width: 33.333%;
	font-family: 'NotosansM';
	font-size: 16px !important;
	border-radius: 0;
}
.basket-buttons div.order button {width: 50%;}

.basket-buttons div a {
	padding: 10px 0;
	width: 33.333%;
	font-weight: 500;
	font-size: 16px !important;
}
.basket-buttons div.order a {width: 50%;}

@media (max-width: 991px) {
	.basket-buttons div {width: 100% !important;}
	.basket-buttons div button {
		margin-bottom: 5px;
		width: 50%;
	}
	.basket-buttons div.order a {width: 50% !important;}
}
@media (max-width: 499px) {
	.basket-buttons div button {font-size: 14px !important;}
}



.orderlist {
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
.orderlist .col-md-3,
.orderlist .col-md-4,
.orderlist .col-md-6 {
	margin-top: 5px;
	padding-right: 0;
	padding-left: 0;
	border-left: 0px solid #ddd;
}
.orderlist .col-md-3:first-child,
.orderlist .col-md-4:first-child,
.orderlist .col-md-6:first-child {border-left: 0px solid #ccc;}

@media (max-width: 499px) {
	.orderlist {margin-bottom: 15px !important;}
}


.basket {
	float: left;
	width: 100%;
}
.basket h5 {
	font-family: 'NotosansM';
	font-weight: normal;
}

.basket .txt-right {
	font-family: 'NotosansM';
	font-size: 14px;
}

.basket .txt-right .btn {
	padding: 8px 16px;
	height: 35px;
}

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

@media (max-width: 499px) {
	.basket .txt-right .btn {margin: 0 0 10px !important;}
	.basket .btn-addon i {display: none;}
}
@media (max-width: 414px) {
	.basket .txt-right .btn {padding: 8px 13px;}
}
@media (max-width: 390px) {
	.basket .txt-right .btn {padding: 6px 7px;}
}
@media (max-width: 360px) {
	.basket .txt-right .btn {letter-spacing: .01em;}
}


.basket table {
	border-top: 2px solid #4a4a4a;
}
.basket table tr {
	position: relative;
	border-bottom: 1px solid #ddd;
}

.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 20px;
}
.basket table tr.bgf th {
	background: #f7f7f7;
}
.basket table tr td {
	padding: 10px 0;
	font-size: 16px;
	color: #333;
}
.basket table tr td:first-child {
	padding: 10px 0 10px 20px;
	vertical-align: top;
}
.basket table tr td strong {
	float: left;
	margin: 1px 0 4px;
	color: #7b90a1;
}

.basket table tr td span {
	float: left;
	margin: 2px 0 0;
	width: 100%;
	color: #666;
	font-size: 12px;
	line-height: 16px;
}

.basket table tr td .radio,
.basket table tr td .checker {
	margin-top: -4px;
}

.basket table tr td .radio span,
.basket table tr td .checker span {
	margin-top: -1px;
}

.basket .basketImg {
	position: relative;
	float: left;
	margin-right: 15px;
}

.basket .basketImg img {
	width: 70px;
	height: 70px;
	border: 1px solid #ddd;
}
.basket .basketText {
	float: left;
	width: 70%;
	padding: 0;
}
.basket .basketText a {
	float: left;
	width: 100%;
	font-family: 'NotoSansM';
	font-size: 13px;
	color: #333;
	line-height: 1.4em;
	margin-bottom: 3px;
}
.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;
}

@media (max-width: 1199px) {
	.basket table tr td:first-child {padding:20px 20px 20px 21px !important;}
	.basket .full-mobile th:first-child,
	.basket .full-mobile td:first-child {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.basket .full-mobile .basketImg img {
		width: 100%;
		height: 100%;
	}
	.basket .full-mobile .basketNumber {
		padding: 0;
		font-size: 15px !important;
		border-left: none !important;
	}
	.basket .full-mobile .basketNumber span {margin: 0 0 3px;}
	.basket .full-mobile .basketText {padding: 0;}

	.padd.btn {padding: 9px 12px 8px;}
}

.basket .basketNumber {
	padding: 0 25px;
	font-size: 15px;
	color: #555;
	text-align: right;
	/*border-left: 1px solid #ddd;*/
}

.basket .basketNumber span {
	position: relative;
	width: 100%;
	font-size: 13px;
}
.basket .basketNumber span strong {
	float: none;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
	color: #222;
	margin: 0 0 0 5px;
}

.basket .basketNumber input[type="text"] {
	display: inline-block;
	padding: 4px 15px 7px 0 !important;
	width: 45%;
	height: 34px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	text-align: right;
}
.basket .basketNumber input[type="text"] + i {
/* 	display: block; */
/* 	position: absolute; */
/* 	top: 8px; */
/* 	right: 55px; */
/* 	margin: 0 9px 0 -28px; */
/* 	min-width: 15px; */
/* 	font-style: normal; */
/* 	color: #999; */
}
.basket .basketNumber input[type="button"] {
	float: right;
	margin-top: 15px;
	padding: 7px 8px;
	height: 40px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	color: #455869;
	border-color: #ccc;
	background-color: #f7f8f8;
}
.basket .basketNumber input[type="button"]:hover {
	background-color: #d9dfe3;
}


.basket .basketNumber span {
/* 	display: inline-block; */
/* 	margin: 0; */
/* 	padding: 0 10px 0 0; */
/* 	width: 55%; */
/* 	height: 34px; */
/* 	vertical-align: bottom; */
/* 	border: 1px solid #dce1e4; */
}
.basket .basketNumber span input[type="text"] {
/* 	padding: 5px 5px 6px 0 !important; */
/* 	height: 32px; */
/* 	border: none; */
}
.basket .basketNumber span i {
	display: inline-block;
	padding: 0 5px 0 0;
	min-width: 29px;
	font-size: 12px;
	font-style: normal;
	line-height: 31px;
	letter-spacing: -.02em;
	color: #999;
	text-align: left;
}


.basket .basketPrice {
	padding-right: 20px;
	font-size: 15px;
	color: #555;
	text-align: right;
	/*border-left: 1px solid #ddd;*/
}
.basket .basketSelect {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	color: #555;
	/*border-left: 1px solid #ddd;*/
}
.basket .basketSelect span {
	font-size: 14px;
	color: #7a6fbe;
	text-align: center;
}
.basket .basketNumber em,
.basket .basketPrice em {
	display: inline-block;
	margin-right: 1px;
	margin-bottom: 7px;
	font-style: normal;
	font-family: "Spoqa-Medium", 'NotoSansM';
	font-size: 15px;
	color: #333;
}
.basket .process {
	color: #555;
	padding: 0 15px;
	text-align: center;
	/*border-left: 1px solid #ddd;*/
}
.basket .process h4 {
	text-align: left;
}
.basket .process em {
	font-size: 13px;
	font-weight: 500;
	color: #f4171e;
	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 .full-mobile .soldout .show {
	width: 100%;
	height: 100%;
}
.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/kr/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;
}

@media (max-width: 1199px) {
	.basket .full-mobile .basketText {
		float: right;
		width: 64% !important;
	}
	.basket .full-mobile .basketNumber {
		float: right;
		width: 64%;
	}
	.basket .basketNumber input[type="text"] {width: 50%;}
}
@media (max-width: 639px) {
	.basket .basketNumber input[type="text"] {width: 67%;}
}
@media (max-width: 499px) {
	.basket .basketNumber input[type="text"] {width: 62%;}
}
@media (max-width: 414px) {
	.basket .basketNumber input[type="text"] {width: 61%;}
}
@media (max-width: 390px) {
	.basket .basketNumber input[type="text"] {width: 58%;}
}
@media (max-width: 375px) {
	.basket .basketNumber input[type="text"] {width: 56%;}
}
@media (max-width: 360px) {
	.basket .basketNumber input[type="text"] {width: 53%;}
}



/* ���ֹٱ��� ��ư �� �� ���������ݾ� */

.basket .basketAllPrice {
	float: left;
	padding-top: 20px;
	width: 100%;
}
.basket .basketAllPrice .all-price {
	float: right;
	padding: 2px 0 20px;
	font-size: 16px;
	color: #333;
	text-align: right;
	border-top: none;
}

@media (max-width: 1199px) {
	.basket .basketNumber input[type="text"] + i {
/* 		display: inline-block; */
/* 		margin-top: 8px; */
	}
}



/* OrderDetail */
@media (max-width: 499px) {
	.orderDetail h4 {
		font-size: 14px !important;
	}
	.orderDetail h4.m-t-xxl {
		margin-top: 20px !important;
	}
}
.orderDetail h4 {
	font-family: 'NotoSansM';
	font-weight: normal;
}
.orderDetail h4 strong {
	font-family: "Spoqa-Medium", 'NotoSansM';
	font-weight: normal;
}
.orderDetail .full-desktop tr td:first-child {
	padding: 10px 20px !important;
}
.orderDetail .full-desktop .basketImg img {
	width: 55px;
	height: 55px;
}
.orderDetail .full-desktop .basketText {
	margin-bottom: 0;
	padding-top: 0;
	line-height: normal;
}
.orderDetail .full-desktop .basketNumber {
	padding-top: 10px;
	font-size: 14px;
}

.soldout .show {
	position: absolute;
	width: 122px;
	height: 122px;
	background: url(../../images/kr/bg_soldout.png) repeat;
}
.soldout .show a {
	position: absolute;
	bottom: 0;
	padding: 7px 0;
	width: 100%;
	font-family: Dotum;
	color: #fff;
	text-align: center;
	background-color: #f25656;
}
.soldout .pro-name,
.soldout .pro-name a,
.soldout .pro-name a span,
.soldout .pro-name p {
	color: #c9d1d7 !important;
}

.morelist td {background: #f1f1f1;}


.mypage-table01 th,
.mypage-table01 td {
	height: 50px;
	text-align: center;
}
.mypage-table01 td {
	height: 113px;
}
.mypage-table01 td.info b {
	font-family: "Spoqa-Medium", 'NotoSansM';
}

.mypage-meminfo em {
	font-size: 15px;
	font-family: "Spoqa-Regular";
	font-style: normal;
	padding-left: 15px;
}
.mypage-meminfo i {
	font-size: 20px;
	color: #B0B0B0;
	vertical-align: middle;
}
.mypage-meminfo h4 {
	margin-bottom: 22px;
}
.mypage-meminfo h4 i {
	font-size: 20px;
}
.mypage-meminfo h4 i:hover {
	color: #333;
}
.mypage-meminfo h4 a {
	float: right;
	text-decoration: none;
	margin-top: -2px;
}
.main-th h4.panel-title {margin-top: -2px;}
.main-th .mypage-orderlist tr th,
.main-th .mypage-orderlist tr td {font-size: 13px;}

@media (max-width: 991px) {
	.mypage-meminfo {margin: 10px 0;}
	.mypage-meminfo h4 {
		margin-top: 30px !important;
		margin-bottom: 10px;
	}
	.main-th .col-xs-6:nth-of-type(odd) {padding-right: 5px;}
	.main-th .col-xs-6:nth-of-type(even) {padding-left: 5px;}
}



.info-box-icon.mypage-order {
	padding: 20px 0 15px;
}

.mypage-order {
	text-align: center;
	padding: 20px 0 0;
}
.mypage-order em {
	font-size: 26px;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
	font-style: normal;
}
.mypage-order span {
	display: inline-block;
	font-size: 13px;
	color: #555;
	padding: 35px 0 20px;
}
.mypage-order i {
	font-size: 30px;
	color: #fff;
	border-radius: 50px;
	padding: 15px;
}
.mypage-order i.purple {
	background: #7a6fbe;
}
.mypage-order i.green {
	background: #22BAA0;
}
.mypage-order i.blue {
	background: #08A7C3;
}
.mypage-order i.yellow {
	background: #e8bf40;
}
.mypage-order i.red {
	background: #e14444;
}
.mypage-order i.pink {
	background: #E094B7;
}
.mypage-order i.gray {
	background: #ccc;
}

@media (max-width: 499px) {
	.info-box-icon.mypage-order {padding: 20px 0 10px !important;}
	.mypage-order span {padding: 20px 0 10px !important;}
}


@media (min-width: 992px) {
	.mypage-order .col-md-6:nth-of-type(odd) {border-right: 1px solid #ddd;}
}

@media (max-width: 991px) {
	.mypage-order .col-md-6 {text-align: center !important;}
	.mypage-order .col-md-6 span {width: 100%;}
}


.panel .last {
	min-height: 407px;
}
@media (max-width: 991px) {
	.panel .last {
		min-height: auto;
	}
}

.mypage-orderlist.full-mobile tbody,
.mypage-orderlist.full-mobile tr {
	float: left;
	width: 100%;
}
.mypage-orderlist.full-mobile td {
	float: left;
	text-align: left;
	width: 100%;
	line-height: 24px !important
}
.mypage-orderlist.full-mobile td em {
	display: block;
	float: left;
	min-width: 85px;
	font-style: normal;
	font-weight: 500;
}
.mypage-orderlist.full-mobile td ins {
	display: block;
	margin-left: 85px;
	text-decoration: none;
	min-height: 24px;
}


.mypage-orderlist2.full-mobile thead,
.mypage-orderlist2.full-mobile tbody,
.mypage-orderlist2.full-mobile tr {
	float: left;
	width: 100%;
}
.mypage-orderlist2.full-mobile th,
.mypage-orderlist2.full-mobile td {
	float: left;
	width: 85%;
	line-height: 24px !important;
}
.mypage-orderlist2.full-mobile th:first-child,
.mypage-orderlist2.full-mobile td:first-child {
	float: left;
	width: 15%;
	text-align: center;
}
.mypage-orderlist2.full-mobile td ins {
	display: block;
	margin-left: 85px;
	text-decoration: none;
	min-height: 24px;
}

.mypage-orderlist2 th,
.mypage-orderlist2 td {
	text-align: center;
	line-height: 20px !important;
}
.mypage-orderlist2 td a:hover {
	text-decoration: underline !important;
}
.mypage-orderlist2.full-mobile th,
.mypage-orderlist2.full-mobile td {
	text-align: left;
	line-height: 28px;
}
.mypage-orderlist2.full-mobile td em {
	display: block;
	float: left;
	min-width: 85px;
	font-style: normal;
	font-weight: 500;
}




.mypage-orderlist3.full-mobile tbody,
.mypage-orderlist3.full-mobile tr {
	float: left;
	width: 100%;
}
.mypage-orderlist3.full-mobile td {
	float: left;
	text-align: left;
	width: 100%;
	line-height: 24px !important
}
.mypage-orderlist3.full-mobile td em {
	display: block;
	float: left;
	min-width: 105px;
	font-style: normal;
	font-weight: 500;
}
.mypage-orderlist3.full-mobile td ins {
	display: block;
	margin-left: 105px;
	text-decoration: none;
}




.mypage-orderlist th,
.mypage-orderlist td {
	text-align: center;
	line-height: 20px !important;
}
.mypage-orderlist tfoot tr {border-bottom: 1px solid #ddd;}
.mypage-orderlist tfoot tr th,
.mypage-orderlist tfoot tr td {border-top: 1px solid #ddd;}
.mypage-orderlist a:hover {
	text-decoration: underline !important;
}

.mypage-orderlist h4 {
	font-family: 'NotoSansM';
	font-weight: normal;
	margin: 0;
}
.mypage-orderlist h4 strong {
	font-family: 'Spoqa-Medium', 'NotoSansM', 'NanumGothic';
	font-weight: normal;
}
.mypage-orderlist h4 em {
	font-weight: normal;
	font-size: 24px !important;
	font-family: 'Ubuntu', sans-serif;
	color: #222;
	font-style: normal;
	margin: 0 3px 0 10px;
}
.h4spansel {
	float: right;
	margin-top: 7px;
	min-width: 120px;
}

.mypage-orderlist h5 {
	margin: 0;
	font-family: 'NotoSansM';
	font-weight: normal;
}
.mypage-orderlist h5 em {
	font-size: 20px !important;
	font-family: "Spoqa-Medium", 'NotoSansM';
	color: #222;
	font-weight: normal;
	font-style: normal;
	margin: 0 3px 0 10px;
}
.h5spansel {
	float: right;
	margin-top: 7px;
	min-width: 120px;
	text-align: right;
}

.mypage-orderlist .process em {
	font-style: normal;
	font-family: inherit;
	font-weight: normal;
	font-size: 13px;
	color: #f4171e;
}
.mypage-orderlist .process button {
	margin-top: 3px;
	min-width: 75px;
}
.mypage-orderlist .process button:first-child {
	margin-top: 0px;
}
.mypage-orderlist td > span:not(.badge) {
	float: left;
	width: 95%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media (min-width: 1200px) {
	.table.mypage-orderlist tr th,
	.table.mypage-orderlist tr td {
		padding: 7px 10px;
		height: 50px;
		text-align: center;
	}
	table.mypage-orderlist tr td em {
		margin-right: 2px;
		font-style: normal;
		font-weight: normal;
		font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
		font-size: 14px;
		line-height: 34px;
		color: #212121;
	}
}

@media (max-width: 991px) {
	.mypage-orderlist.full-mobile td input[type="text"] {margin-bottom: 10px !important;}
	.mypage-orderlist.full-mobile td span:not(.badge) {width: 65%;}
}


.viewBox {
    position: relative;
    font-weight: normal;
    display: inline-block;
}
.viewBox strong {
	cursor: default;
	font-family: 'NotosansM';
	text-decoration: underline;
}
.viewBox .viewBoxText {
    visibility: hidden;
    width: 370px;
    min-height: 100px;
    background-color: #fff;
    border: 2px solid #222;
    color: #222;
    text-align: justify;
    border-radius: 6px;
    padding: 7px;
    position: absolute;
    z-index: 9999;
    top: -14px;
    left: 130%;
    	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.viewBox .viewBoxText::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 100%;
    margin-top: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #222 transparent transparent;
}
.viewBox:hover .viewBoxText {
    visibility: visible;
}
.viewBox .viewBoxText .table {
    border-top: none;
}
.viewBox .viewBoxText .table tr th,
.viewBox .viewBoxText .table tr td {
	padding: 3px 10px 2px;
	height: 37px;
	font-size: 12px;
	line-height: 14px !important;
}

ins .viewBox {width: 100%;}
ins .viewBox .viewBoxText {
    visibility: hidden;
    width: 100%;
    min-height: 100px;
    background-color: #fff;
    border: 2px solid #222;
    color: #222;
    text-align: justify;
    border-radius: 6px;
    padding: 7px;
    position: absolute;
    z-index: 9999;
    top: -14px;
    left: 0;
    	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
ins .viewBox .viewBoxText::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 100%;
    margin-top: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent;
}
ins .viewBox .viewBoxText tr,
ins .viewBox .viewBoxText tbody,
ins .viewBox .viewBoxText td {float: none;}
ins .viewBox .viewBoxText td {
	width: auto;
	text-align: center;
}


table.tableth-date {
	border-top: 2px solid #7a6fbe
}
table.tableth-date tr th {
	padding: 10px 20px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}
table.tableth-date tr td {
	position: relative;
	padding: 10px 20px;
	vertical-align: middle;
	height: 55px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}

@media (max-width: 991px) {
   .orderlist .col-md-3,
   .orderlist .col-md-6 {float: left; width: 50% !important; margin-bottom: 0;}
   .orderlist .col-md-3 .panel-title {font-size: 14px !important;}
   a:hover.col-md-3 {text-decoration: none;}
}
@media (max-width: 499px) {
   .orderlist .col-md-3 {margin-top: -1px !important;}
}


.dataSearch button {padding-bottom: 5px; width: 100%; font-size: 12px; text-align: center;}
.dataSearch button i {float: none; margin-right: 5px; background: none;}


.date-search dl {float: left; margin: 10px 10px 0 0; padding: 0;}
.date-search dl:first-child {margin-right: 0; margin-top: 0;}
.date-search dl.date {border-bottom:1px solid #eaeaea; padding: 0 0 10px;}
.date-search dt {width: 60px; font-family: 'NotoSansM'; margin: 7px 20px 0 0;}
.date-search dt,
.date-search dd {float: left;}
.date-search dd span {float: left; margin: 9px 10px 0;}
.date-search dd select,
.date-search dd > input {min-width: 191px;}
.date-search dd.none select {min-width: auto;}
.date-search dd.half select {float: left; width: 46% !important; min-width: auto;}

@media (min-width: 1200px) {
	.date-search dd.col-md-5 > input {width: 90%;}
}

@media (max-width: 991px) {
	.date-search dl.date {border-bottom-width: 0;}
	.date-search dt,
	.date-search dd {float: left; width: 100%; margin: 10px auto;}
	.date-search dd select {min-width: 180px !important;}
	.date-search dd:nth-of-type(2) {margin-bottom: 0;}
	.dataSearch button {margin: 20px 0 10px;}
}
@media (max-width: 499px) {
	.date-search dd {margin: 5px auto 0px;}
}


.date-search2 dl {float: left; margin: 10px 10px 0 0; padding: 0;}
.date-search2 dl:first-child {margin-right: 0; margin-top: 0;}
.date-search2 dl.date {border-bottom: 1px solid #eaeaea; padding: 0 0 10px;}
.date-search2 dt,
.date-search2 dd {float: left;}
.date-search2 dt {width: 60px; font-family: 'NotoSansM'; margin: 7px 20px 0 0;}
.date-search2 dd input[type="text"] {width: 100%;}
.date-search2 dd.none select {min-width: auto;}
.dataSearch2 button {padding-bottom: 5px; width: 100%; font-size: 12px; text-align: center;}
.dataSearch2 button i {float: none; margin-right: 5px; background: none;}

@media (max-width: 1199px) {
	.date-search2 dl.date .col-md-3.m-r-md {margin-right: 4px;}
	.date-search2 dl.date input[type="text"] {width: 88.888%;}
}
@media (max-width: 991px) {
	.date-search2 dl {
		width: 100%;
		margin-right: 20px !important;
	}
	.date-search2 dt,
	.date-search2 dd {float: left; width: 100%; margin: 10px auto;}
	.date-search2 dl.date .col-md-3.m-r-md {margin-right: 0;}
	.date-search2 dl.date input[type="text"] {width: 100%;}
}


.date-search3 dl {float: left; margin: 10px 10px 0 0; padding: 0;}
.date-search3 dl:first-child {margin-top: 0;}
.date-search3 dl.date {border-bottom:1px solid #eaeaea; padding: 0 0 10px;}
.date-search3 dt {width: 50px; margin: 7px 30px 0 0;}
.date-search3 dt,
.date-search3 dd {float: left; margin-left: 5px;}
.date-search3 dd:first-child {margin-left: 0px;}
.date-search3 dd span {float: left; margin: 6px 10px 0;}
.date-search3 dd select {min-width: 140px;}
.date-search3 dd > input {min-width: 168px;}

@media (max-width: 991px) {
	.date-search3 dl {width: 100%;}
	.date-search3 dt,
	.date-search3 dd {float: left; width: 100%; margin: 10px auto;}
	.date-search3 dd select {min-width: 180px !important;}
}


.col-form dl {float: left; margin: 10px 0 0; padding: 0;}
.col-form dl.date {margin-top: 0; padding-bottom: 0;}
.col-form dt {width: 70px; margin: 7px 10px 0 0;}
.col-form dt,
.col-form dd {float: left;}
.col-form dt.full {width: 80px; margin: 7px 15px 0 10px; text-align: center;}
.col-form dd.full {width: 90%;}

@media (min-width: 1200px) {
	.col-form dl.date {padding-bottom: 10px;}
}

@media (max-width: 1199px) {
	.col-form dt.full {/* width: 80px; margin: 7px 0 5px !important; text-align: left !important; */}
	.col-form dd.full {width: 100% !important;}
}
@media (max-width: 991px) {
	.col-form dl,
	.col-form dl.date {margin-top: 10px;}
	.col-form dl:first-child {margin-top: 0 !important;}
	.col-form dt {width: 100% !important; margin: 10px 0 !important; text-align: left !important;}
}


.col-form-txt dl {float: left; margin: 0 15px 0 0; padding: 0;}
.col-form-txt dt {width: 80px; margin: 0px 30px 0 10px; text-align: center;}
.col-form-txt dt,
.col-form-txt dd {float: left;}
.col-form-txt dt.full {width: 80px; margin: 0px 30px 0 10px; text-align: center;}
.col-form-txt dd.full {width: 85%;}

@media (max-width: 1199px) {
	.col-form-txt dl {margin: 5px 15px 0 0 !important;}
}
@media (max-width: 991px) {
	.col-form-txt dl {width: 100%; margin: 5px 0 !important;}
	.col-form-txt dt {width: 25%; margin: 0 !important;  text-align: left !important;}
	.col-form-txt dd {width: 75%;}
	.col-form-txt dt.full {width: 20% !important; margin: 0 0 0 10px !important; text-align: left !important;}
	.col-form-txt dd.full {width: 98% !important; margin: 0 10px !important;}
}



.input-form {
	float: left;
	position: relative;
	padding: 7px 21px 8px 20px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #dce1e4;
	border-radius: 0;
/* 	box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.05); */
	color: #8a8a8a;
}
.input-form input[type="text"] {
	width: 100%;
	border: 0px;
	background: transparent;
	font-size: 11px;
	text-transform: uppercase;
}
.input-form input[type="text"]:focus {outline: none;}

@media (max-width: 991px) {
	.input-form {
		float: left;
		width: 48.038%;
	}
	.input-form.m-r-xs {margin-right: 0 !important;}
}
@media (max-width: 767px) {
	.input-form {
		padding: 7px 16px 8px 15px;
		width: 47.56%;
	}
}
@media (max-width: 639px) {
	.input-form {width: 46.73%;}
}
@media (max-width: 499px) {
	.input-form {width: 46.1%;}
	.input-form + span {margin-right: 0 !important;}
	.input-form.m-r-xs {float: right;}
}
@media (max-width: 413px) {
	.input-form {width: 45.8%;}
}
@media (max-width: 375px) {
	.input-form {width: 45.6%;}
}
@media (max-width: 360px) {
	.input-form {width: 45.4%;}
}



.date-icon {display: block; width: 16px; height: 15px; background: url(../../images/kr/datepick.png) left top no-repeat; position: absolute; z-index: 1; top: 8px; right: 8px;}
.date-inpt {cursor: pointer; z-index: 99; position: relative;}


.input-a {
	float: left;
	position: relative;
	padding: 7px 21px 8px 20px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #dce1e4;
	color: #8a8a8a;
}
.input-a input[type="text"] {
	width: 100%;
	border: 0px;
	background: transparent;
	font-size: 11px;
	text-transform: uppercase;
}
.input-a input[type="text"]:focus {
	outline: none;
}

@media (max-width: 991px) {
	.input-a {
		float: left;
		width: 48.038%;
	}
	.input-a.m-r-xs {margin-right: 0 !important;}
}
@media (max-width: 767px) {
	.input-a {width: 47.56%;}
}
@media (max-width: 639px) {
	.input-a {width: 46.73%;}
}
@media (max-width: 499px) {
	.input-a {width: 46.1%;}
	.input-a + span {margin-right: 0 !important;}
	.input-a.m-r-xs {float: right;}
}
@media (max-width: 413px) {
	.input-a {width: 45.8%;}
}
@media (max-width: 375px) {
	.input-a {width: 45.6%;}
}
@media (max-width: 360px) {
	.input-a {width: 45.4%;}
}


.tableth-pop {
	width: 100%;
	margin: 30px 0 0;
}
.tableth-pop table {
	border-top: 1px solid #aaa;
}
.tableth-pop table tr {
	position: relative;
}
.tableth-pop table tr th {
	padding: 10px 20px;
	background: #f1f1f1;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}
.tableth-pop table tr td {
	position: relative;
	padding: 10px 20px;
	vertical-align: middle;
	height: 55px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}


.tableth {
	float: left;
	width: 100%;
}
.tableth h4,
.tableth h5 {
	font-family: 'NotosansM';
	font-weight: normal;
}
.tableth table {
	border-top: 1px solid #aaa;
	margin: 10px 0 0;
}
.tableth table tr {
	position: relative;
}
.tableth th em {
	margin-left: 2px;
	font-style: normal;
	color: #e14444;
}

.tableth table tr th {
	font-family: 'NotosansM';
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	padding: 11px 20px 10px;
	border-bottom: 1px solid #ccc;
}
.tableth table tr td {
	position: relative;
	padding: 7px 20px;
	height: 49px;
	vertical-align: middle;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	line-height: 22px;
}
.tableth table tr td p {
	margin: 10px 0 0;
	font-size: 13px;
}
.tableth table tr td p:first-child {margin: 0;}
.tableth table tr td b {
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    margin-right: 2px;
}
.tableth table tr td label {
	margin: 4px 20px 4px 0;
}
.tableth table tr td .checkbox {
	margin-top: 0;
	margin-bottom: 0;
}
.tableth table tr td .checkbox label {
	margin: 0 10px 0 0 !important;
}
.tableth table tr td.phone-num select,
.tableth table tr td.phone-num input[type="text"] {
	float: left;
	width: 31.07%;
}
.tableth table tr td.phone-num input[type="text"] {
	margin-left: 10px;
}
.tableth table tr td.address {height: 42px;}
.tableth table tr td.address input[type="text"] {
	float: left;
	width: 81.5%;
	margin-right: 5px;
}

@media (min-width: 500px) {
	.tableth table tr td.address input[type="text"] {width: 77%;}
	.tableth table tr td.address .form-md {width: 49% !important;}
	.tableth table tr td.address input.form-md {
		float: right;
		margin-right: 0 !important;
	}
	.tableth table tr td.address .form-sm {width: 40.3% !important;}
	.tableth table.sm-type tr td.address .form-sm {width: 31.6% !important;}
}
@media (min-width: 640px) {
	.tableth table tr td.address input[type="text"] {width: 83.1%;}
}
@media (min-width: 768px) {
	.tableth table tr td.address input[type="text"] {width: 86.3%;}
}
@media (min-width: 992px) {
	.tableth table tr td.address input[type="text"] {width: 89.7%;}
	.tableth table tr td.address .form-md {width: 49.1% !important;}
}
@media (min-width: 1200px) {
	.tableth table tr td.phone-num input[type="text"]:last-child {float: right;}
	.tableth table tr td.address input[type="text"] {width: 81.82%;}
	.tableth table tr td.address input[type="text"] + button {width: 48.6px;}
}

@media (max-width: 1199px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {
		float: left;
		width: 32.062% !important;
	}
}
@media (max-width: 991px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 31.63% !important;}
}
@media (max-width: 767px) {
	.tableth table tr th,
	.tableth table tr td {padding: 10px;}
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.7% !important;}
	.tableth table tr td.phone-num input[type="text"] {margin-left: 3px !important;}
	.tableth table tr td.address input[type="text"] {margin-right: 3px;}
	
	.form-control {padding: 6px 5px !important;}
}
@media (max-width: 639px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.41% !important;}
}
@media (max-width: 499px) {
	.tableth table tr th {
		padding: 11px 5px 10px 10px !important;
		width: 40%;
		letter-spacing: -.8px;
	}
	.tableth table tr td {width: 60%;}
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.2% !important;}
	.tableth table tr td.address input[type="text"] {width: 69.5%;}
	.tableth table tr td.address .form-md {
		margin-right: 0;
		width: 100% !important;
	}
	.tableth table tr td.address .form-sm {width: 69.5% !important;}
	.tableth table.sm-type tr td.address .form-sm {width: 38.8% !important;}
	.tableth table tr td.address .btn {
		padding-right: 8px !important;
		padding-left: 8px !important;
		width: 64px;
	}
}
@media (max-width: 414px) {
	.tableth table tr td.address input[type="text"] {width: 68%;}
	.tableth table tr td.address .form-sm {width: 68% !important;}
	.tableth table.sm-type tr td.address .form-sm {width: 36% !important;}
}
@media (max-width: 390px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.19% !important;}
	.tableth table tr td.address input[type="text"] {width: 65.8%;}
	.tableth table tr td.address .form-sm {width: 65.8% !important;}
	.tableth table.sm-type tr td.address .form-sm {width: 31.3% !important;}
}
@media (max-width: 375px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.1% !important;}
	.tableth table tr td.address input[type="text"] {width: 65%;}
	.tableth table tr td.address .form-sm {width: 65% !important;}
	.tableth table.sm-type tr td.address .form-sm {
		margin-bottom: 3px;
		width: 100% !important;
	}
	.tableth table tr td.address .btn {width: 62px;}
}
@media (max-width: 360px) {
	.tableth table tr th {letter-spacing: -1.4px;}
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32% !important;}
	.tableth table tr td.address input[type="text"] {width: 63.4%;}
	.tableth table tr td.address .form-sm {width: 63.5% !important;}
	.tableth table.sm-type tr td.address .form-sm {/* width: 26.6% !important; */}
}


.tableth table tr td span {
	font-size: 16px;
	font-weight: 500;
	color: #333;
}
.tableth table tr td span em {
	font-family: 'Spoqa-Medium', 'NotoSansM';
	font-size: 20px;
	font-weight: normal;
	color: #121212;
	font-style: normal;
	padding-left: 10px;
}
.tableth table tr td span.approval-name {
	display: inline-block;
	float: left;
	margin: 5px 5px 0 0;
/* 	width: 100%; */
	min-width: 62px;
	line-height: 2;
	font-size: 12px;
}
.tableth table tr td img.logo-img {
	min-width: 50px;
	max-width: 220px;
}

@media (max-width: 768px) {
	.tableth table tr td img.logo-img {
		max-width: 180px;
	}
}
@media (max-width: 469px) {
	.tableth table tr td span.approval-name {
		width: 100% !important;
	}
}


.tableth .select2-container {width: 75%; margin-right: 5px;}
.tableth .select2-container .select2-choice {
	height: 34px;
	border: 1px solid #dce1e4;
}
.tableth .select2-container-active .select2-choice,
.tableth .select2-container-active .select2-choices {border: 1px solid #5897fb;}
.tableth .select2-container .select2-choice > .select2-chosen {
	line-height: 33px;
	color: #555;
}
.tableth .select2-container .select2-choice .select2-arrow {
	width: 19px;
	background: none;
	border-left-width: 0;
}
.tableth .select2-container .select2-choice .select2-arrow b {
    background-image: url(../../images/kr/select_arrow01.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}



/*  */
@media (min-width: 992px) {
	.tableth.full-device table,
	.tableth.full-device table tbody {
		float: left;
		margin: 0;
		width: 100%;
	}
	.tableth.full-device table tr {
		display: inline-table;
		float: left;
		width: 50%;
	}
	.tableth.full-device table tr th {
		padding: 10px 20px 10px;
		width: 40%;
	}
	.tableth.full-device table tr td {
		display: table-cell;
		padding: 7px 20px;
		width: 60%;
	}
	
	.tableth.full-device table tr.wide {width: 100%;}
	.tableth.full-device table tr.wide th {width: 20%;}
	.tableth.full-device table tr.wide td {width: 80%;}
	.tableth.full-device table tr.wide td .form-control {
		float: left;
		margin-right: 20px;
		width: 33.99%;
	}
	.tableth.full-device table tr.wide td .form-control:last-child {margin-right: 0;}
	.tableth.full-device table tr.wide td .form-control.form-md {width: 48.7%;}
	.tableth.full-device table tr.wide td .form-control.form-sm {width: 31.6%;}
	.tableth.full-device table tr.wide td .form-control + .date-icon {
		position: relative;
		float: left;
		margin: 0 0 0 -39px;
	}
	
	.tableth.full-device table tr th.address {height: 87.5px;}
	.tableth.full-device table tr td.address input[type="text"] {width: 26.33333333%;}
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(2) {
		clear: both;
		margin-top: 5px;
		width: 63.203%;
	}
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(1) {
		float: right;
		margin-top: 5px;
		margin-right: 0;
		width: 33.99%;
	}
	.tableth.full-device table tr td.address input[type="text"] + button {float: left;}
}
@media (min-width: 1200px) {
	.tableth.full-device table tr th {height: 49px;}
	.tableth.full-device table tr.wide td .form-control {width: 34.63333333%;}
	.tableth.full-device table tr.wide td .form-control.form-md {width: 49.07%;}
	.tableth.full-device table tr.wide td .form-control.form-sm {width: 32.09%;}
	.tableth.full-device table tr td.address input[type="text"] {width: 26.79%;}
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(1) {width: 34.63333333%;}
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(2) {width: 63.075%;}
}

@media (max-width: 991px) {
	.tableth.full-device {padding: 0 !important;}
	.tableth.full-device table tr.blank {display: none;}
	.tableth.full-device table tr td.address input[type="text"]:nth-of-type(1) {width: 84.7% !important;}
	.tableth.full-device table tr td.address .btn-other {float: right;}
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(2),
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(1) {
		float: left;
		margin-top: 3px;
		width: 100%;
	}
	.tableth.full-device table tr td > span.text-info {float: left;}
	
	.tableth.full-device table tr.wide td .form-control {width: 100% !important;}
	.tableth.full-device table tr.wide td .form-control + .date-icon {
		position: relative;
		float: right;
		margin: -33px 0 0;
	}
}
@media (max-width: 767px) {
	.tableth.full-device table tr td.address input[type="text"]:nth-of-type(1) {width: 82% !important;}
}
@media (max-width: 639px) {
	.tableth.full-device table tr td.address input[type="text"]:nth-of-type(1) {width: 77% !important;}
}
@media (max-width: 499px) {
	.col-md-6 .tableth.full-device table tr td .text-title {width: 35%;}
	.tableth.full-device table tr td.address input[type="text"]:nth-of-type(1) {width: 66% !important;}
}



.accordion {float: left; width: 100%; display: table;}
.accordion span {width: 7%;  display: table-cell; font-size: 13px !important; vertical-align: middle; padding: 0 10px;}
.accordion em {width: 15%; font-size: 13px !important; font-style: normal; text-align: right; display: table-cell; vertical-align: middle; padding: 0 10px;}

@media (max-width: 991px) {
	.accordion span {font-size: 13px !important;}
	.accordion a {font-size: 13px !important; text-align: left !important;}
	.accordion em {width: 30%; font-size: 13px !important;}
}

.middleCate-tab {float: left; width: 100%;}
.middleCate-tab ul {float: left; width: 100%; padding: 0;}
.middleCate-tab ul:after {display: block; clear: both; content:''}
.middleCate-tab li {
	float: left;
	width: 20%;
	background-color: #fff;
}
.middleCate-tab li a, .tmp-tab li .blank {position: relative; display: block; height: 35px; line-height: 33px; 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-tab li a .cnt {margin-left: 6px; color: #999;}
.middleCate-tab li a:focus {text-decoration: none; color: #121212; outline: none;}
.middleCate-tab li.on > a {border-color: #121212; background: #fff; color: #121212; z-index: 10;}
.middleCate-tab li.on > a .cnt {color: #121212; font-weight :normal;}
.middleCate-tab li.on i {padding-left: 18px; background: url(../img/ico/ico_ok2.png) no-repeat 0 6px;}
.middleCate-tab a:hover,.tmp-tab a:focus {text-decoration: none; border-color: #121212; background: #fff; color: #121212; cursor: pointer; z-index: 11;}
.middleCate-tab a:hover.blankNone,.tmp-tab a:focus.blankNone {text-decoration: none; border-color: #ccc; background: #fff; color: #121212; cursor: default; z-index: 11;}



.middleCate-tab2 {float: left; margin-top: 20px; 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: 14.277%;
	background-color: #fff;
}
.middleCate-tab2 li a, .tmp-tab li .blank {position: relative; display: block; height: 35px; line-height: 33px; 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 .cnt {margin-left: 6px; color: #999;}
.middleCate-tab2 li a:focus {text-decoration: none; color: #121212; outline: none;}
.middleCate-tab2 li.on > a {border-color: #121212; background: #fff; color: #121212; z-index: 10;}
.middleCate-tab2 li.on > a .cnt {color: #121212; font-weight :normal;}
.middleCate-tab2 li.on i {padding-left: 18px; background: url(../img/ico/ico_ok2.png) no-repeat 0 6px;}
.middleCate-tab2 a:hover,.tmp-tab a:focus {text-decoration: none; border-color: #121212; background: #fff; color: #121212; cursor: pointer; z-index: 11;}
.middleCate-tab2 a:hover.blankNone,.tmp-tab a:focus.blankNone {text-decoration: none; border-color: #ccc; background: #fff; color: #121212; cursor: default; z-index: 11;}

@media (max-width: 1199px) {
	.middleCate-tab2 li {width: 25%;}
}
@media (max-width: 991px) {
	.middleCate-tab2 ul {position: relative;}
	.middleCate-tab2 ul:before {
		content: '';
		position: absolute;
		top: 0;
		right: -1px;
		width: 100%;
		height: 100%;
		border-top: 1px solid #dce1e4;
		border-right: 1px solid #dce1e4;
	}
	.middleCate-tab2 ul:after {
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #dce1e4;
	}
	.middleCate-tab2 li {width: 50%;}
}
@media (max-width: 636px) {
	.middleCate-tab li {width: 100%;}
}


.file_input_textbox {
	float: left;
	margin-right: 5px;
	padding: 0 10px;
	width: 94.8%;
	height: 36px;
	border: 1px solid #dce1e4;
}
.file_input_div {
	position: relative;
	width: 36px;
	height: 36px;
	overflow: hidden;
}
.file_input_div button.btn-default i {font-size: 16px;}
.file_input_img_btn {padding:0 0 0 5px;}
.file_input_hidden {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 38px;
	height: 36px;
	font-size: 29px;
	opacity: 0;
	-ms-filter: alpha(opacity=0);
		filter: alpha(opacity=0);
	cursor: pointer;
}

@media (min-width: 500px) {
	.file_input_textbox {width: 77% !important;}
	.file_input_div {width: 48.48px;}
	.file_input_div button.btn-default,
	.file_input_div .file_input_hidden {width: 100%;}
}
@media (min-width: 640px) {
	.file_input_textbox {width: 83.1% !important;}
}
@media (min-width: 768px) {
	.file_input_textbox {width: 86.3% !important;}
}
@media (min-width: 992px) {
	.file_input_textbox {width: 89.7% !important;}
}
@media (min-width: 1200px) {
	.file_input_textbox {width: 82.2% !important;}
	.page-inner .file_input_textbox {width: 93.8% !important;}
	.file_input_div,
	.file_input_div button {float: right;}
}

@media (max-width: 991px) {
/* 	.file_input_textbox {width: 71% !important;} */
	.file_input_div {width: 48.48px;}
	.file_input_div button.btn-default,
	.file_input_div .file_input_hidden {width: 100%;}
}
@media (max-width: 767px) {
	.file_input_textbox {margin-right: 3px;}
}
@media (max-width: 499px) {
	.file_input_textbox {width: 69.5% !important;}
	.file_input_div {width: 64px;}
}
@media (max-width: 414px) {
	.file_input_textbox {width: 68% !important;}
}
@media (max-width: 390px) {
	.file_input_textbox {width: 65.8% !important;}
}
@media (max-width: 375px) {
	.file_input_textbox {width: 65% !important;}
	.file_input_div {width: 62px;}
}
@media (max-width: 360px) {
	.file_input_textbox {width: 63.4% !important;}
}



@media (max-width: 991px) {
	.login2-bottom ul li {float: left; border-top: 1px solid #e9e9e9; padding:0;}
	.login2-bottom ul li:first-child {border-top: 0px;}

	.page-inner3 .col-md-8 {margin-bottom: 30px;}
	.login2-bottom ul li a:after {bottom: 30px; right: 20px;}
}

@media (max-width: 499px) {
	.login2-bottom {margin: 60px 0 0 !important;}
	.login2-bottom ul li {border-left: 0px !important;}
	.login2-bottom ul li .item {height: 110px !important;}
	.login2-bottom ul li .item-content {padding: 25px 0 0 30px !important;}
	.login2-bottom ul li a:after {bottom: 12px !important;}
}

.login2-bottom {margin: 60px 0;}
.login2-bottom ul {overflow: hidden; background: #f9f9f9; border: 1px solid #e9e9e9; padding:0;}
.login2-bottom ul li {/* float: left; */ border-left: 1px solid #e9e9e9; padding:0;}
.login2-bottom ul li:first-child {border-left: 0px;}
.login2-bottom ul li a {display: block; position: relative;}
.login2-bottom ul li a:after {content: ''; overflow: hidden; position: absolute; bottom: 50px; right: 30px; width: 55px; height: 55px; border-radius: 0; background: url('../../images/kr/bisnis.list01.png') no-repeat 50% 50%; background-color: transparent; background-size: 48px;}
.login2-bottom ul li:nth-child(2) a:after {content: ''; overflow: hidden; position: absolute; bottom: 50px; right: 30px; width: 55px; height: 55px; border-radius: 0; background: url('../../images/kr/bisnis.list02.png') no-repeat 50% 50%; background-color: transparent; background-size: 48px;}
.login2-bottom ul li .item {position: relative; width: 100%; height: 150px;}
.login2-bottom ul li .item-content {position: absolute; top: 0; left: 0; width: 100%; padding: 35px 0 0 30px;}
.login2-bottom ul li .item-image img {max-width: 100%;}
.login2-bottom ul li .item-title {font-family: 'NotoSansM'; line-height: 22px; margin-bottom: 10px; color: #232733; font-size: 15px; font-weight: 500; }
.login2-bottom ul li .item-description {font-family: 'NotoSansR'; line-height: 18px; color: #727887; font-size: 12px; }
.login2-bottom ul li a:hover {background: #fff;}
.login2-bottom ul li a:hover:after {background-color: transparent;}
.login2-bottom ul li a:after {transition: background-color 0.3s ease;}

.login2-bottom ul li a.other {display: block; position: relative;}
.login2-bottom ul li a.other:after {content: ''; overflow: hidden; position: absolute; bottom: 50px; right: 30px; width: 55px; height: 55px; border-radius: 0; background: url('../../images/kr/bisnis.list03.png') no-repeat 50% 50%; background-color: transparent; background-size: 48px;}
.login2-bottom ul li a.other:hover {background: #fff;}
.login2-bottom ul li a.other:hover:after {background-color: transparent;}
.login2-bottom ul li a.other:after {transition: background-color 0.3s ease;}

.agreement > h4 {font-family: 'NotosansM'; font-weight: normal;}
.agreement > div {display: inline-block; width: 100%;}
.agreement > div.cont {font-size: 13px; line-height: 22px; border-top: 1px solid #555; border-bottom: 1px solid #ddd; padding: 20px 10px 30px; height: 800px; overflow-y: auto;}
.agreement > div.agree {background: #fff; border-top: 1px solid #e9e9e9; border-bottom: 0px solid #ddd; padding: 5px 0; margin: 20px 0 0px;}
.agreement > div.agree label {font-family: 'NotosansM'; font-weight: normal; color: #222;}
.agreement > div.cont p span {font-size: 13px !important;}

.agreement > div:first-child:not(.cont) {float: right; width: 33.3333%;}
.agreement > div:first-child .checkbox,
.agreement > div:first-child .checkbox label {display: inline; padding-left: 0; width: 100%; font-family: 'NotosansR'; color: #333;}
.agreement > div:first-child .checkbox label .checker {margin-left: -2px;}
.agreement > div:first-child .checkbox label a {float: right;}
.agreement > div.agree > div {float: right; width: 33.3333%;}
.agreement > div.agree > div .checkbox,
.agreement > div.agree > div .checkbox label {padding-left: 0; width: 100%;}
.agreement > div.agree > div .checkbox {margin: 5px 0 3px; padding-top: 20px; width: 100%; border-top: 1px solid #e9e9e9;}
.agreement > div.agree > div .checkbox label .checker {margin-left: -2px;}

@media (max-width: 991px) {
	.agreement > div:first-child:not(.cont),
	.agreement > div.agree > div {width: 57.2%;}
}
@media (max-width: 767px) {
	.agreement > div:first-child:not(.cont),
	.agreement > div.agree > div {width: 100%;}
}


.page-notfound {
	text-align:center;
}
.page-notfound p {
	margin:84px 0 45px;
}
.page-notfound p img {
	margin:0 auto;
	max-width: 100%;
}
.page-notfound strong {
	line-height:24px;
	font-size:15px;
	color:#333;
	font-weight: 500;
}
.page-notfound span {
	color:#698390;
}
.btn-error {
	margin:65px 0 200px;
	width:100%;
	text-align:center;
}
.btn-error a {
	display:inline-block;
	margin:0 3px;
	padding:9px 40px;
	width:19.2%;
	min-width:192px;
	font-weight:600;
	font-size:15px;
	color:#fff;
	text-align:center;
	border:1px solid #2d4e67;
	border-radius:1px;
	background-color:#3a5a72;
	text-decoration: none;
}
.btn-error a:hover {opacity: 0.8;}
.btn-error .btn-prev {
	border-color:#494949;
	background-color:#595959;
}

@media (max-width: 1000px) {
	.btn-error a {
		margin:0;
		padding:15px 0;
		width:49%;
		min-width:1px;
	}
}


@media (max-width: 991px) {
	.top-sel {float: left; width: 100% !important;}
}

.top-sel {float: right; margin-bottom: 15px; width: 50%;}
.top-sel span {float: left; width: 49%; margin-left: 1%;}



/* message pop up
---------------------------------------------------------- */
#message_wrapper {padding: 0;}
#message_wrapper h1 {width: 100%; border-top: 5px solid #525452; background: #7b7d7b; padding: 10px 30px 30px; margin: 0; font-size: 20px; font-weight: normal !important; color: #ffffff;}
#message_wrapper h1 em {display: inline-block; font-size: 12px; color: #ffffff; opacity: 1; font-style: normal; margin-bottom: 15px;}
#message_wrapper h1 a {float: right; font-size: 35px; color: #666; margin-top: -12px; text-decoration: none;}
#message_wrapper h1 a:hover {color: #525452;}
#message_wrapper h1 i {opacity: 0.5; font-family: Dotum, 돋움; font-style: normal; font-size: 10px; margin: 0 5px;}
#message_wrapper form {padding: 15px 25px 25px;}
#message_wrapper table {width: 100%; table-layout: auto !important;}
#message_wrapper td.explain01 {font-family: Dotum, 돋움; font-size: 12px; color: #a9a8b3; line-height:16px; padding-top: 3px; padding-bottom:14px;}
#message_wrapper td.explain02 {font-family: Dotum, 돋움; font-size: 12px; color: #a9a8b3; line-height:16px; padding-top: 10px; padding-bottom:30px;}
#message_wrapper td div.talklList {width: 528px; height: 338px; border: 1px solid #cccccc; overflow-y: scroll; padding: 0px 10px 10px; margin: 5px 0 10px;}
#message_wrapper td textarea {width: 528px; height: 108px; font-family: Dotum, 돋움; font-size: 12px; color: #333; border: 1px solid #cccccc; overflow-y: scroll; padding: 10px; margin: 0 0 10px;}
@media (max-width: 400px) {
	#message_wrapper td div.talklList {width: 100% !important; height: 338px;}
	#message_wrapper td textarea {width: 100% !important; height: 108px;}
	#message_wrapper td.explain01 {width: 100% !important; font-family: Dotum, 돋움; font-size: 12px; color: #a9a8b3; line-height:16px; padding-top: 3px; padding-bottom:14px;}
	#message_wrapper td.explain02 {width: 100% !important; font-family: Dotum, 돋움; font-size: 12px; color: #a9a8b3; line-height:16px; padding-top: 10px; padding-bottom:30px;}
	#message_wrapper td input[type='text'] {width: 65% !important;}
}
#message_wrapper td textarea::-webkit-input-placeholder {
	color: #a9a8b3;
	text-align:center;
	font-family: Dotum, 돋움;
	font-size: 12px;
	padding-top: 35px;
}
#message_wrapper td textarea:-ms-input-placeholder {
	color: #c9d1d7;
	text-align:center;
	font-family: Dotum, 돋움;
	font-size: 12px;
	line-height: 108px;
}
#message_wrapper td input[type='text'] {
	float: left;
	margin-right: 3px;
	padding: 2px 3px 2px 3px; 
	font-family: Dotum, 돋움; 
	font-size: 12px; 
	line-height: 30px; 
	vertical-align: top;
    color: #333333;
    background: #ffffff;
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-block;
}
#message_wrapper p {text-align: center;}
#message_wrapper p button.send {corsur:pointer; width: 150px; height: 50px; font-family: 'NanumBarunGothic'; font-size: 15px; color: #ffffff; background: #7a6fbe; text-align: center; margin-right: 7px; border: none;}
#message_wrapper p button:hover.send {background: #695fa7;}
#message_wrapper p button.cancel {corsur:pointer; width: 150px; height: 50px; font-family: 'NanumBarunGothic'; font-size: 15px; color: #ffffff; background: #7b7d7b; text-align: center; border: none;}
#message_wrapper p button:hover.cancel {background: #696969;}


input[type="button"].fileupload_btn {
	float: left;
	width: 44px;
	height: 34px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #455869;
	margin-left: 3px;
}
input[type="button"]:hover.fileupload_btn {
	background: #d9dfe3;
}


.jstalktheme
{
/* 	background-color: #9bbad8; */
/* 	padding: 4px 4px 0px 4px; */
}

.jstalktheme .clear
{
	clear: both;
}

.jstalktheme .blank
{
	clear: both;
	height: 8px;
}


.jstalktheme .msg .time
{
	font-size: 10px;
}

.jstalktheme .msg .mytalk
{
	float: right;
	width: 100%;
	font-family: Dotum, 돋움;
	font-size: 12px;
	color: #333;
}

.jstalktheme .msg .mytalk .box
{
	float: right;
	width: calc(100% - 48px);
	position: relative;
}

.jstalktheme .msg .mytalk:first-child
{
	margin-top: 10px;
}

.jstalktheme .msg .mytalk .time
{
	float: right;
	position: absolute;
	bottom: 0;
	display: inline-block;
}

.jstalktheme .msg .mytalk .a
{
	float: right;
	text-align: left;
	position: relative;
	min-height: 24px;
	max-width: calc(100% - 64px);
	left: 2px;
	background-color: #e1def7;
	z-index: 2;
	padding: 15px 15px 10px;
	word-break: break-all;
	border-radius:25px 25px 0 25px;
}

.jstalktheme .msg .mytalk .a .data {
	color: #a9a8b3;
	margin-top: 10px;
	text-align: right;
}

.jstalktheme .msg .mytalk .b
{
	float: right;
	position: relative;
	height: 22px;
	background: url(./chat_balloon_yellow.right.png) no-repeat;
	z-index: 1;
}

.jstalktheme .msg .othertalk
{
	float: left;
	width: 100%;
	font-family: Dotum, 돋움;
	font-size: 12px;
	color: #333;
}

.jstalktheme .msg .othertalk .b .data {
	color: #a9a8b3;
	margin-top: 10px;
}

.jstalktheme .msg .othertalk .box
{
	float: left;
	width: calc(100% - 48px);
	position: relative;
}

.jstalktheme .msg .othertalk .box img,
.jstalktheme .msg .mytalk .box img {
	width: 13px;
    margin-bottom: -1px;
}

.jstalktheme .msg .othertalk .box .profile_name
{
/* 	font-size: 12px; */
}

.jstalktheme .msg .othertalk .box .a
{
	float: left;
	position: relative;
	height: 22px;
	background: url(./chat_balloon_white.left.png) no-repeat;
	z-index: 1;
}

.jstalktheme .msg .othertalk .box .b
{
	float: left;
	position: relative;
	min-height: 24px;
	max-width: calc(100% - 64px);
	left: -2px;
	background-color: #f5f5f5;
	z-index: 2;
	padding: 20px 15px 10px;
	word-break: break-all;
	border-radius:25px 25px 25px 0;
}

.jstalktheme .msg .othertalk .box .time
{
	float: left;
	position: absolute;
	bottom: 0;
	display: inline-block;
}

.jstalktheme .sendmsg
{
	
}

.jstalktheme .sendmsg .textarea
{
	float: left;
	width: calc(100% - 68px);
	height: 64px;
	border-radius: 8px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	resize: none;
}

.jstalktheme .sendmsg .button
{
	float: right;
	width: 62px;
	height: 68px;
	background-color: #ffec42;
	border-radius: 0px 8px 8px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: table;
	cursor: pointer;
}

.jstalktheme .sendmsg .button p
{
  display: table-cell;
  vertical-align: middle;
}
.jstalktheme .preView {
	width: 119px;
	height: 24px;
	text-align: center;
	background-color: #c9d1d7;
	padding-top: 2px;
	margin: 0 auto;
}
.jstalktheme .preView a {
	font-size: 12px;
	font-family: Dotum, 돋움;
	color: #fff;
	background: url(../images/mess_pre_arrow.png) no-repeat center right;
	padding-right: 18px;
	line-height: 25px;
}



.grid-gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid-gallery figure {
	margin: 0;
}

.grid-gallery figure img {
	display: block;
	width: 100%;
}

.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0 0 0.5em;
}

.grid-gallery figcaption p {
	margin: 0;
	font-size: 11px;
}

/* Grid style */
.grid-wrap {
    width: 100%;
	margin: 0 auto;
}

.grid {
	margin: 0 auto;
}

.grid li {
	width: 25%;
	float: left;
	cursor: pointer;
}

.grid figure {
	padding: 15px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.grid li:hover figure {
	opacity: 0.7;
}

.grid figure a {
	color: #333 !important;
}
.grid figure a:hover {
	text-decoration: none !important;
}

.grid figcaption {
	background: #f9f9f9;
	padding: 10px 20px 25px;
}

.grid figcaption h5 {
	width: 95%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


/* Info on arrow key navigation */
.info-keys {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 60px;
	font-size: 8px;
	padding-top: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}

.info-keys:before,
.info-keys:after {
	position: absolute;
	top: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
}

.info-keys:before {
	left: 10px;
	content: "\e603";
}

.info-keys:after {
	right: 10px;
	content: "\e604";
}

/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 60em) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
	.grid li {
		width: 33.3%;
	}

	.slideshow li {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}

	.slideshow li figure img {
		width: auto;
		margin: 0 auto;
		max-width: 100%;
	}

	.slideshow nav span,
	.slideshow nav span.nav-close {
		font-size: 1.8em;
		padding: 0.3em;
        color: #59656c;
	}

	.info-keys {
		display: none;
	}
    
}

@media screen and (max-width: 35em) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 24em) {
	.grid li {
		width: 100%;
	}
}
.select2-container a span {font-size: 12px !important;}



 /* jssor slider loading skin oval css */

.jssorl-oval img {
    animation-name: jssorl-oval;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-oval {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



/* 약관 내용 */
.joinstep-wrap {
	float: left;
	width: 100%;
	padding:0;
	color:#696969;
}
.joinstep-wrap p {
	margin:0;
	padding:46px 0 25px;
	border-top:1px solid #333;
}
.joinstep-wrap p:nth-child(1) {
	border-top: none;
}
.joinstep-wrap .joinstep-con {
	float:left;
	margin-bottom:10px;
	width:100%;
}
.joinstep-wrap .joinstep-con h4 {
	font-weight:500;
	font-size:16px;
	color:#333;
	margin-bottom: 15px;
}
.joinstep-wrap .joinstep-con .joinstep-box {
	/*position:relative;*/
	padding:8px 10px;
	height:290px;
	line-height:22px;
	overflow:auto;
	border:1px solid #ddd;
	background-color:#fff;
	scrollbar-base-color:#d9d9d9;
	scrollbar-3dlight-color:#d9d9d9;
	scrollbar-darkshadow-color:#d9d9d9;
	scrollbar-face-color:#d9d9d9;
	scrollbar-highlight-color:#d9d9d9;
	scrollbar-shadow-color:#d9d9d9;
	scrollbar-track-color:#f2f2f2;
	-webkit-overflow-scrolling:touch;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.joinstep-wrap .joinstep-con .joinstep-box strong {
	color:#696969;
}
.joinstep-wrap .joinstep-con .joinstep-box table {
	margin:6px 0 0;
	width:75%;
	border-top:2px solid #5e5e5e;
}
.joinstep-wrap .joinstep-con .joinstep-box table tr {
	border-bottom:1px solid #e6e6e6;
}
.joinstep-wrap .joinstep-con .joinstep-box table th {
	padding:9px 0;
	font-size:14px;
	color:#333;
	text-align:center;
	background-color:#f0f5f9;
}
.joinstep-wrap .joinstep-con .joinstep-box table th:last-child {
	border-left:1px solid #e6e6e6;
}
.joinstep-wrap .joinstep-con .joinstep-box table td {
	padding:9px 0;
	color:#666;
	text-align:center;
	border-left:1px solid #e6e6e6;
}
.joinstep-wrap .joinstep-con .joinstep-box table td:first-child {
	border-left:none;
}
/* 동의 체크 */
.joinstep-wrap .joinstep-con .joinstep-check {
	margin:16px 0 20px;
}
.joinstep-wrap .joinstep-con .joinstep-check input[type="checkbox"] {
	float:left;
	margin:4px 5px 0 0;
	width:20px;
	height:20px;
}
.joinstep-check-all {
	float:right;
	width: 100%;
	border-top: 1px solid #e8e8e8;
	margin:10px 0 50px;
	padding: 15px 0 0;
	text-align: right;
	font-size: 16px;
}
.joinstep-check-all input[type="radio"] {
	margin:0px 5px 0 0;
	width:20px;
	height:20px;
}

.joinstep-wrap .joinstep-con .joinstep-check input[type="radio"] {
	float:left;
	margin:3px 5px 0 0;
	width:14px;
	height:14px;
}

.joinstep-wrap .joinstep-con .joinstep-check span.marL5 {
	margin-left: 5px;
}
.joinstep-wrap .joinstep-con .joinstep-check span.marR15 {
	margin-right: 15px;
}

.businessGuide img {width: 100%;}



/*---------------------------------
 * 전체카테고리 영역
 *---------------------------------*/

/* 스크롤바의 폭 너비 */
#contentAll::-webkit-scrollbar {
    width: 5px;
}
#contentAll::-webkit-scrollbar-thumb {
    background: transprant; /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

#contentAll::-webkit-scrollbar-track {
    background: transprant;  /*스크롤바 뒷 배경 색상*/
}

.content {
/* 	height: 467px; */
	overflow: auto !important;
	overflow-x: hidden !important;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
    height: 100%;
}

.page-horizontal-bar.compact-menu .menu.accordion-menu .sub-menu-category {
	margin-left: -1px;
	background: transparent;
	border: none;
	border-top: 1px solid #e9e9e9;
}

[class^="category-"],
[class^="scrollbox-"] {
	height: 413px;
}

.category-box {
	position: absolute;
/* 	top: -1px; */
	margin: 0 auto;
	width: 100%;
/* 	min-height: 548px; */
}

.category-body {
	position: relative;
	margin: 0 auto;
	width: 598px;
	overflow: hidden;
/* 	background: #f7f7f7 url('../../images/kr/header/bg_category.gif') 0 0 repeat-y; */
/* 	border: 1px solid #e9e9e9; */
}

/* 카테고리 서브메뉴1 */
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	padding: 3px 0;
	width: 200px;
	height: 100% !important;
	background-color: #f1f1f1;
	border: 1px solid #e9e9e9;
	border-top: none;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1:after {
	content: " ";
	display: block;
	clear: both;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 a {
	text-decoration: none;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 li a {
	white-space: nowrap;
	letter-spacing: -1px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 > li {
/* 	position: initial; */
	font-size: 14px;
/* 	color: #fff; */
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .no a {
	background: none !important;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 > li > div > a {
	display: block;
	width: 198px;
	height: 37px;
	color: #7f7f7f;
}
.page-horizontal-bar .menu.accordion-menu .arrow a {
/* 	background-image: url('../../images/kr/header/arrow_category.png'); */
/* 	background-position: 100% 0; */
/* 	background-repeat: no-repeat; */
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 > li > div > a:hover,
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 > li > div > a:focus,
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 > li > div.active > a {
	position: relative;
	color: #121212;
	background-position: 100% -38px;
}

@media (min-width: 768px) {
	.page-horizontal-bar ul > li > div > a {position: relative;}
	.page-horizontal-bar ul > li > div > a > i {
		display: none;
		position: absolute;
		top: 50%;
		right: 20px;
		float: right;
		margin: -11px 0 0;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		color: #777;
	}
	.page-horizontal-bar  ul > li > div.arrow > a > i {display: block;}
	.page-horizontal-bar ul > li > div > a:hover i,
	.page-horizontal-bar ul > li > div > a:focus i,
	.page-horizontal-bar ul > li > div.active > a i {
		color: #121212;
	}
}

/* 카테고리 서브메뉴2 */
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth2 {
	display: none;
	position: absolute;
	top: 0;
	left: 199px;
	padding: 3px 0;
	width: 199px;
	background-color: #f5f5f5;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 > li:first-child > ul {
/* 	display: block; */
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth2 li:first-child > div > a {
/* 	color: #22BAA0; */
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth2 li > div > a {
	display: block;
	width: 198px;
	height: 37px;
	color: #5f5f5f;
/* 	background-image: url('../../images/kr/header/arrow_category.png'); */
/* 	background-position: 100% 0; */
/* 	background-repeat: no-repeat; */
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth2 li > div > a:hover,
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth2 li > div > a:focus,
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth2 li > div.active > a {
	position: relative;
	color: #121212;
	background-position: 100% -38px;
}


/* 카테고리 서브메뉴3 */
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth2 li:first-child > ul {
	display: block;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth3 {
	display: none;
	position: absolute;
	top: 0;
	left: 199px;
	padding: 3px 0;
	width: 199px;
	background-color: #f9f9f9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth3.type2 {
	left: 394px;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth3 > li > a {
	display: block;
	width: 198px;
	height: 38px;
	color: #5f5f5f;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth3 > li > a:hover,
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth3 > li > a:focus,
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth3 li > div.active > a {
	position: relative;
	color: #121212;
}


/* 카테고리 서브메뉴3 */
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth3 li:first-child > ul {
	display: block;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth4 {
	display: none;
	position: absolute;
	top: 0;
	left: 199px;
	padding: 0;
/* 	border-right: 1px solid #e9e9e9; */
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth4.type2 {
	left: 394px;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth4 > li > a {
	display: block;
	width: 198px;
	height: 38px;
	color: #5f5f5f;
}
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth4 > li > a:hover,
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth4 > li > a:focus,
.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth4 > li > a.active {
	position: relative;
	color: #121212;
}

@media (max-width: 1199px) {
	.page-horizontal-bar.compact-menu .menu.accordion-menu .sub-menu-category {
		padding: 0 !important;
	}
	.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1,
	.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth2,
	.page-horizontal-bar .menu.accordion-menu ul.scrollbox-depth1 .scrollbox-depth3 {
		top: 0 !important;
		padding: 0 !important;
	}
	.category-body {
		width: 598px;
	}
}
@media (max-width: 767px) {
	.page-horizontal-bar.compact-menu .menu.accordion-menu .sub-menu-category {
		display: none !important;
	}
}

td.ell {
	display: block;
	width: 20em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media (max-width: 1199px) {
	td.ell {float: left; width: 65%;}
	td.ell + td {float: right; width: 35%; text-align: right;}
}




/* layerpopup (공통) */

.layerpopup {position: fixed; top: 35px; left: 30%; z-index:1000; border: 1px solid #555; background: #fff; clear: both;}
.layerpopup h2 {font-size: 18px; color: #222222; font-weight: 500; margin: 30px 30px 0; padding: 0;}
.layerpopup h2 .pop_close {float: right; margin: -20px -20px 0 0; cursor: pointer;}
.layerpopup .pop_cont {min-width: 272px; height: auto !important; overflow:hidden; text-align: center;}
.layerpopup .pop_cont a img,
.layerpopup .pop_cont img {max-width: 100%;}
.layerpopup span.check {float: right; font-size: 11px; font-weight: 400; margin: 7px -20px 0 0;}
.layerpopup .pop_cont caption {display:none;}
.layerpopup .pop_cont tr {border-bottom: 1px solid #e8e8e8;}
.layerpopup .pop_cont th {color:#333333; padding:10px 0; text-align: center; background: #f9f9f9; border-top: 1px solid #a3a3a3;}
.layerpopup .pop_cont td {color:#666666; padding:18px 10px; font-family: Dotum; font-weight: 400; text-align: center;}
.layerpopup .pop_cont td span {color:#999; font-weight:400;}
.layerpopup_main .bottom .today_close {float: left; padding: 10px 0;}
.layerpopup_main .bottom .close {float: right; padding: 13px 0;}
.layerpopup .checkbox label {padding-left: 0;}

@media (max-width: 499px) {
	.layerpopup {
		top: 0 !important;
		left: 0 !important;
		width: 100%;
	}
	.layerpopup .pop_cont {width: 100% !important;}
}