@charset "UTF-8";


/* Global Styles */

body {
    position: relative;
    padding-right: 0 !important;
    width: 100%;
    height: 100%!important;
    font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 13px;
    color: #333;
    background: #fff;
    overflow-y: scroll;
}

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

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

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

.default {cursor: default !important;}
.pointer {cursor: pointer;}

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

a.col-md-5,
a.col-md-6 {display: block;}


/* Typography */

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

p {
    display: block;
    margin: 0px 0px 10px 0px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 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/common/select_arrow01.png) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	-webkit-appearance: none;
	   -moz-appearance: none;
		 -o-appearance: none;
			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;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 13px;
}

h3,
h4,
h5 {
	font-family: 'NotosansM';
}

.f-thin {
    font-family: 'NotosansL' !important;
}

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

.f-medium {
	font-family: 'NotosansM' !important;
}

.f-bold {
    font-family: 'NotosansB' !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.f-gray-dark {
    color: #999 !important;
}

.f-gray-d {
    color: #777 !important;
}

.f-black {
    color: #333;
}

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

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

.f-lblue {
    color: #23a9fe !important;
}

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

.f-red {
    color: #f4171e !important;
}

.f-yellow {
    color: #f6d433;
}

.f-orange {
    color: #ff6927 !important;
}

.f-navy {
    color: #123a8e !important;
}

.text-default {
    color: #ccc;
}

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

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

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

.text-warning {
    color: #f6d433;
}

.text-danger {
    color: #f25656 !important;
}


.f-inherit {
	line-height: inherit !important;
}
.f-inherit:hover,
.f-inherit:active,
.f-inherit:focus {
/*     color: inherit !important; */
}

@media (max-width: 991px) {
	.hide-sm {
	    display: none !important;
	}
}


/* 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: 'Spoqa-Light';
    font-weight: normal;
    font-size: 11px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 11px;
    letter-spacing: -1px;
    width: 18px;
    height: 18px;
    padding: 3px 3px 3px 1px;
    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: #ddd;
    color: #333;
}

.badge.badge-more-line {
	background: #fff;
    border: 1px solid #e8e8e8;
    color: #888;
    border-radius: 0 !important;
    font-size: 13px !important;
    padding: 0;
    width: 18px;
    height: 18px;;
    line-height: 14px;
    margin-right: 3px;
}
.badge.badge-default {
    background: #eaeaea;
    color: #aaa;
}

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

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

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

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

.badge.badge-danger2 {
    background: #ff6927;
    color: #FFF;
}

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

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

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

.badge.badge-yes {
    background: #333;
    color: #FFF;
	padding: 3px 7px 3px 6px !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: 95%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-style: normal;
}
.txt-left-m em {
	display: block;
	width: 40em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-style: normal;
}



.txt-underline {text-decoration: underline !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-nm {
	font-family: 'NotoSansM' !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;
}
.clear-both {
	clear: both;
}


/* Margins & Paddings */

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

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

.mAuto {
	margin-left: auto !important;
	margin-right: auto !important;
}

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

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

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

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

.m {
    margin: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-t-s {
    margin-top: 7px !important;
}

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

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

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

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

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

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

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

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

.m-r-n-xxxxs {
    margin-right: -1px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.m-r-s {
    margin-right: 6px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-b-xl120 {
    margin-bottom: 120px !important;
}

.m-l-n-xxxxs {
    margin-left: -1px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-b-xxxl {
    padding-bottom: 50px;
}

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

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

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

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

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

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

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

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

.p {
    padding: 15px;
}

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

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

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

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

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

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

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

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

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

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

.p-h-xxl {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

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

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

.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;
    padding-bottom: 20px;
}

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

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

.p-h-xxxl-mem {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
@media (max-width: 991px) {
	.p-h-xxxl-mem {
	    padding-left: 0px !important;
	    padding-right: 0px !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-t4a {
    border-top: 1px solid #4a4a4a !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.b-light-gray {
    border-color: #e5e5e5 !important;
}

.b-dark-gray {
    border-color: #777 !important;
}

.b-2 {
    border-width: 2px !important;
}

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

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

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

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

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

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

.posi_re {position: relative;}

.posi_initial {position: initial !important;}


/* Buttons */

.btn-other {
    padding: 8px 12px 9px !important;
    height: 34px;
}
.btn-other2 {
    padding: 7px 12px 8px !important;
    height: 32px;
}
.btn {
    font-size: 12px;
    border: 1px solid transparent;
    border-radius: 0;
    outline: none!important;
    cursor: pointer !important;
}

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

.btn-addon {
    line-height: 1.8;
}
.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-lg {
    line-height: inherit;
}

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

.btn-md {
    display: inline-block;
    padding: 11px 68px 10px;
    font-size: 13px;
    text-align: center;
}

.btn-sm {
    padding: 7px 14px 7px !important;
    height: 37px;
}

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

.btn-xs {
    padding: 2px 6px 3px !important;
    height: auto;
}

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

.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-group.open .dropdown-toggle {
    box-shadow: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-login {
    font-family: 'NotosansB', NanumGothic, Dotum, Arial, sans-serif;
    color: #fff;
    background-color: #444;
    border-color: transparent;
}

.btn-login:hover {
    color: #fff;
    background-color: #313131;
    border-color: transparent;
}

.btn-gray1 {
    color: #fff !important;
    background-color: #777 !important;
    border-color: transparent !important;
}
.btn-gray1:hover {
    color: #fff;
    background-color: #555 !important;
    border-color: transparent;
}
.btn-gray2 {
    color: #fff !important;
    background-color: #444 !important;
    border-color: transparent !important;
}
.btn-gray2:hover {
    color: #fff;
    background-color: #333 !important;
    border-color: transparent;
}
.btn-gray3 {
    color: #fff;
    background-color: #333;
    border-color: transparent;
}
.btn-gray3:hover {
    color: #fff;
    background-color: #121212 !important;
    border-color: transparent;
}
.btn-gray1:focus,
.btn-gray2:focus,
.btn-gray3:focus {
	color: #fff;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #e5af03;
    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: #e5af03;
    border-color: transparent;
}

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

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

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

.btn-danger {
    color: #fff;
    background-color: #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: #f4171e;
    background-color: transparent;
    border-color: #f4171e;
    box-shadow: 0 0 0 1px #f4171e inset; 
}
.btn-danger-line:hover {
    color: #fff !important;
    background-color: #d9141b;
    border-color: #d9141b;
    box-shadow: 0 0 0 1px #d9141b 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;
    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-gray-dark {
    color: #fff;
    background-color: #222;
    border-color: transparent;
}

.btn-gray-dark:focus,
.btn-gray-dark.focus {
    color: #fff;
    background-color: #121212;
    border-color: transparent;
}

.btn-gray-dark:hover {
    color: #fff;
    background-color: #121212;
    border-color: transparent;
}

.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 */

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

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

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

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

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

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

.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-218 {
    width: 21.8% !important;
}

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

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

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

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

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

.w-303 {
    width: 30.3% !important;
}

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

.w-323 {
    width: 32.3% !important;
}

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

.w-34 {
    width: 34% !important;
}
@media (max-width: 1200px) {
	.w.w-35 {
	    width: 100% !important;
	}
}
.w-35 {
    width: 35% !important;
}

.w-367 {
    width: 36.7% !important;
}

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

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

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

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

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

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

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

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

.w-614 {
    width: 61.4% !important;
}

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

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

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

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

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

.w-828 {
    width: 82.8% !important;
}

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

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


/* 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;
}
.basketlist .panel {
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
    border: 0!important;
    margin-bottom: 0px;
    border-radius: 0;
}

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

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

.pro-heading {
    padding: 15px 0 20px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    font-size: 14px;
    font-weight: 600;
}
.pro-heading .panel-title {
    font-size: 18px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-weight: 400;
}

.panel .panel-heading {
    padding: 0;
    font-family: 'NotosansB';
    font-size: 14px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0 !important;
}

.panel .panel-heading.heH .panel-title {
    padding: 21px 20px 19px;
    height: 55px;

}

.panel .panel-heading2 {
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	border: none;
}
.panel .panel-heading2.clearfix {padding: 0;}
.panel .panel-heading2.clearfix h6 {margin: 0;}


h4.panel-title {
	font-size: 26px;
	color: #222;
	text-align: left !important;
}

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

.panel .panel-heading .panel-title.f14 {
    font-size: 14px !important;
}

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

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

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

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


.panel .panel-body {
    position: relative;
    padding: 15px 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;
}

.panel .panel-body-bg {
    position: relative;
    margin-top: 0;
    padding: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fafafa;
    border: 1px solid #e9e9e9;
}
.panel .panel-body-bg.date-search {
    margin-top: 7px;
}

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

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

.panel-default .panel-heading {
	color: #696969;
    background: #fafafa;
    border-bottom: 1px solid #222 !important;
}

.panel-default2 .panel-heading {
    background: #f5f5f5;
    border-color: #e7e7e7;
    border-bottom: 1px solid #222 !important;
}
.panel-default3 .panel-heading {
    background: #f5f5f5;
    border-color: #e7e7e7;
    border-bottom: 1px solid #222 !important;
}

.panel-default2 .panel-heading .panel-title,
.panel-default3 .panel-heading .panel-title {
	font-family: 'NotosansR';
	font-weight: normal;
	color: #797979;
}

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

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

/* .panel-primary .panel-heading { */
/*     background: #444; */
/*     color: #fff; */
/* } */

.panel-primary .panel-heading {
    background: #fff;
    color: #222;
    border: 1px solid #222 !important;
    border-bottom: none !important;
}
.panel-primary .panel-heading .panel-title {
    font-family: 'NotosansM';
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.panel-white {
    background: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.panel-yellow {
    background: #f6d433;
}

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

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

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

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

.panel-red {
    background: #f25656;
}

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

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

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

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

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



/* Wells */

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


/* Modals */

.modal {
    z-index: 9999999;
}
#messageNewPop .modal-content {
        background-color: transparent;
}
.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-family: 'NotosansB', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 14px;
}

.modal-title {
	font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
	font-weight: normal;
}

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

.modal-body #content img {
    max-width: 100%;
}

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

@media (max-width: 385px) {
	.modal-body .table th,
	.modal-body .table td {padding-right: 5px; padding-left: 5px;}
}

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

#idpwSearchNewPop .modal-header + .modal-body {
    padding: 10px 50px 30px;
}
.modal-header + .modal-body {
    padding: 0 20px 30px;
}
.modal-header + .modal-body h4 {
    float: left;
    width: 100%;
}

.modal-content.scrollY .modal-header h4 {
    padding-bottom: 11px;
    border-bottom: 1px solid #4a4a4a;
}
.modal-content.scrollY .modal-body table {border-top: 0;}
.modal-content.scrollY .modal-body table tr {border-bottom: 0;}
.modal-content.scrollY .modal-footer {margin-top: 0;}
.modal-content.scrollY .modal-footer p {
    margin: 0;
    height: 20px;
    border-top: 1px solid #ddd;
}

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

.modal-open {
    padding: 0!important;
/*     overflow-y: scroll !important; */
}
.modal-open .modal {padding-right: 0 !important;}

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



/* Pagination */

.pagination {
	clear: both;
	display: block;
	position: relative;
	float: none;
	margin: 0;
	padding: 25px 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: 3px 5px 3px;
	width: auto;
	min-width: 35px;
	height: 35px;
	font-family: 'Spoqa-Light';
	font-size: 15px;
	vertical-align: middle;
	line-height: 2.2rem;
	color: #333;
	text-align: center;
	overflow: hidden;
}
.paginate a:hover {
	background-color: #fafafa;
	border: 2px solid #e1e1e1;
	padding: 1px 5px 5px;
}
.paginate a:hover,
.paginate a:focus {
	position: relative;
	z-index: 1;
	text-decoration: none;
}
.paginate .active a {
	font-family: 'Spoqa-Regular';
	color: #222;
	background-color: #fff;
	border: 2px solid #222;
	padding: 1px 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;
}
.paginate a.disabled {
	background-color: #fafafa;
	opacity: .25;
	cursor: default !important;
}
.paginate a:hover.disabled {
	border: 1px solid transparent;
}

@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-primary {
    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;
}

.progress-bar-blue {
    background-color: #0c99d6;
}



/* promotion */
@media (max-width: 767px) {
	.panel-body-sub .nav-tabs > li {
		float: left;
		width: 50% !important;
	}
}
.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: #fafafa;
}
.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;
}
.tab-content .product-list {
	display: none;
}
.tab-content a {
	color: #333;
}

.cd-outofdate {
	opacity: 0.7;
}



/* Tabs */

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

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

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

.nav-tabs > li > a {
    margin: 0 !important;
    font-size: 14px;
    color: #999;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 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: 14px;
    color: #333;
    text-align: center;
    cursor: default;
    background-color: #fff;
    border-bottom-color: #fff;
}

.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-5,
.tab-content > .tab-pane form.idpw-form .col-md-6 {
    padding: 0 3px;
}

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

.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 > .tab-pane form.idpw-form th {
    text-align: center;
}

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


/* login tab */

.login-box .nav-tabs {
	margin-bottom: 0px;
}
.login-box .nav-tabs li {
	width: 50%;
	background: #f7f7f7;
}
.login-box .nav-tabs li a {
	padding-left: 0;
	text-align: center;
	padding: 15px 0;
	color: #999;
}
.login-box .nav-tabs li.active a {
	color: #333;
	height: 50px;
}
.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 {
    height: auto!important;
    font-size: 14px;
    background: #fff;
    border-bottom: 0!important;
    border: 1px solid #ddd !important;
}

.panel-group .panel-heading .panel-title {
    position: relative;
    padding: 16px 20px 14px;
    width: 100%;
    text-decoration: none;
}

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

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

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

.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: #333;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.panel-body-sub .nav-tabs.nav-justified > li > a:hover {
	border-color: #1090fd !important;
}
.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: #1090fd !important;
	background: #fff;
	color: #1090fd;
	z-index: 10;
}


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

/* jsTree */

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

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



/* Labels */

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

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

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

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

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

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

.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;
    cursor: pointer;
}

label:hover div.radio span {background-position: -36px -279px;}
label:hover div.radio span.checked {background-position: -72px -279px;}
label:hover div.checker span {background-position: -38px -260px;}
label:hover div.checker span.checked {background-position: -76px -260px;}

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

select.form-control {
    padding: 4px 4px 4px 10px !important;
}

.form-control {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dbdbdb;
    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;
    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;
}

.date-search .input-group {
    width: 60%;
}
.date-search .input-group {
    width: 60%;
}
.date-search .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    padding: 4px 20px !important;
    width: 100%;
    margin-bottom: 0;
    height: 45px;
}
.date-search .input-group-btn {width: 45px;}
.date-search .input-group .btn {
    padding: 13px 14px 12px;
    width: 45px;
    height: 45px;
    background: #999;
}
.date-search .input-group .btn:hover {background: #777;}
.date-search .input-group .btn i {font-size: 16px;ss}
.date-search .input-group .btn .fa {color: #fff;}

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

@media (max-width: 991px) {
	.date-search .input-group {
		margin: 0 auto;
		width: 90% !important;
	}
}

@media (max-width: 499px) {
	.date-search .input-group {
		width: 98% !important;
	}
}


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: 499px) {
	.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: 11px 10px;
	vertical-align: middle;
}

.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: 0 auto;
    float: none!important;
    display: block;
}


/* Display */

.display-block {
    display: block;
}

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

.display-table {
    display: table;
}


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

.nav-fixed .navbar {
/*     position: fixed; */
/*     top: -115px; */
/*     z-index: 99999; */
/*     width: 100%; */
}

.navbar .navbar-inner {
	position: relative;
	text-align: center;
}

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

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

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

.sidebar {
    background: transparent;
}

.sidebar-header {
    background: #fff;
}

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

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

.menu.accordion-menu a {
    color: #222;
}

.menu.accordion-menu > li > a:hover {
/*     color: #ff6927; */
}

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

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

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

.menu.accordion-menu ul.top-menu li a {
    color: #212121;
}

.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: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #f7f7f7;
}

.horizontal-bar .menu > li > ul:last-child {
	width: 100%;
	padding: 10px 0;
/* 	background-color: rgba(247,247,247, 0.97); */
/*     border-top: 0; */
/*     border-left: 1px solid #e9e9e9; */
/*     border-right: 1px solid #e9e9e9; */
/*     border-bottom: 1px solid #e9e9e9; */
/*     background: #f7f7f7; */
}

@media (min-width: 992px) {
	.navbar .navbar-inner {
		text-align: center;
	}
	.navbar .navbar-inner:after {
		position: absolute;
		right: 12.5px;
		bottom: -52px;
		width: 1px;
		height: 51px;
		border-right: 1px solid #e8e8e8;
	}
	.navbar.he74 .navbar-inner:after {display: none;}
	.nav-fixed .navbar {
		position: fixed;
		top: -116px;
		z-index: 99999;
		width: 100%;
	}
	.sidebar {/* background-color: transparent; */}
}

@media (max-width: 991px) {
	.navbar {
		position: fixed;
		width: 100%;
	}
	.nav-fixed .navbar {top: 0;}
}



/* logo */

.navbar .logo-box {
	display: inline-block;
	position: relative;
	margin-top: 15px;
	height: 60px;
}
.navbar .logo-box .logo-text {
	display: block;
	float: left;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
	vertical-align: middle;
}
.navbar .logo-box .logo-text.bg {
	padding: 8px 25px 0 0;
}
.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;
}

.avatar {
	padding: 0px;
	margin: 0;
	position: relative;
	display: inline-block;
}
.page-header-fixed .navbar.he74 .logo-box img.avatar {
	min-width: auto;
	max-height: 56px;
}
.logo-box img {
	min-width: 160px;
	max-width: 180px;
}
.logo-box img.avatar {
	min-width: auto;
	max-height: 66px;
}
.navbar .logo-box img.avatar1 {
	min-width: auto;
/* 	min-height: 37px; */
}

.avatar1 {
	padding: 0px;
	margin: 0;
	position: relative;
	display: inline-block;
/* 	height: 37px; */
}
.nav-fixed .avatar1 {
/* 	height: 28px; */
}

@media (min-width: 640px) {
	.logo-box img {max-width: 200px;}
}
@media (min-width: 768px) {
	.logo-box img {
/* 		max-width: auto; */
/* 		max-height: 54px; */
	}
}
@media (min-width: 992px) {
	.navbar .logo-box {
		position: absolute;
		bottom: 40px;
		left: 50%;
		margin-top: 0;
		width: 100%;
		overflow: visible !important;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			 -o-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	.navbar .logo-box .logo-img {
		position: absolute;
		bottom: 0;
		left: 50%;
/* 		padding-left: 28px; */
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			 -o-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	.logo-box img {
		max-width: 250px;
		height: auto !important;
	}
}
@media (min-width: 1200px) {
	.navbar .logo-box .logo-img {
		top: 55%;
		bottom: auto;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			 -o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
	}
	.logo-box img {
		max-width: 300px;
		max-height: 80px;
		backface-visibility: hidden;
		transform: translateZ(0);
		image-rendering: -webkit-optimize-contrast;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
}

@media (max-width: 991px) {
	.navbar .logo-box {
		margin: 0 auto;
		background: transparent!important;
/* 		text-align: center; */
		width: 100%!important;
		height: 40px !important;
		border: 0!important;
	}
	.navbar .logo-box a {
		color: #5F5F5F!important;
	}
	.navbar .logo-box .logo-text {
		display: none !important;
		padding: 0!important;
		width: 100%;
		line-height: 70px;
	}
	
	.logo-box img.avatar {
		min-width: auto;
		max-height: 50px;
		margin-left: 0 !important;
	}
	
	/* .avatar1, */
	.nav-fixed .avatar1 {/* height: 16px; */}
	.navbar.he74 .logo-box .logo-text.bg {display: block !important;}
	
	.navbar .logo-box img.avatar1 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 0 !important;
		height: auto;
		max-width: 200px;
/* 		max-height: 44px; */
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			 -o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
	}
}
@media (max-width: 413px) {
	.navbar .logo-box img.avatar1 {
		margin-top: 3px;
	}
}
@media (max-width: 367px) {
	.navbar .logo-box img.avatar1 {
		max-width: 180px;
	}
}




/* Top Menu */

.topmenu-outer {
	position: relative;
	height: 115px;
	background: #fff;
}

.top-menu .top-left {
	position: relative;
	z-index: 9;
	float: left;
	margin: 39px 0 0;
	padding: 0;
}
.top-menu .top-left li {
	float: left;
	font-size: 13px;
	text-align: center;
}
.top-menu .top-left li a {
	display: block;
	position: relative;
	float: left;
	padding: 8px 15px 9px;
	font-size: 14px;
	color: #444;
}
.top-menu .top-left li a:before {
/* 	content: ''; */
/* 	position: absolute; */
/* 	top: 13px; */
/* 	left: 0px; */
/* 	width: 1px; */
/* 	height: 10px; */
/* 	background-color: #d7d5d6; */
}
.top-menu .top-left li:nth-child(1) a {
	padding-left: 0;
}
.top-menu .top-left li:nth-child(3) a {
/* 	font-family: 'NotoSansM'; */
/* 	color: #f6821f; */
}
.top-menu h3 {
	float: left;
	font-size: 13px;
}

.navbar-nav.navbar-right {
	margin: 39px 0 0;
}
.nav-fixed .navbar-nav.navbar-right {
/* 	position: absolute; */
/* 	top: 111px; */
/* 	right: 100px; */
/* 	margin-top: 25px; */
}
.navbar-nav.navbar-right li.my-icon a {
	position: relative;
	padding: 8px 0 8px 20px;
	height: 30px;
}
.nav-fixed .navbar-nav.navbar-right li.my-icon a {
	padding-left: 27px !important;
}
.navbar-nav.navbar-right li.my-icon a .badge {
	display: block;
	position: absolute;
	top: 10px;
	right: 3.5px;
	float: right;
	margin: 0;
	padding: 4px 0 0;
	width: 24px;
	font-family: 'Spoqa-Medium', 'NotoSansM', 'NanumGothic';
	font-size: 12px !important;
	letter-spacing: -.05em;
	color: #222;
	text-align: center;
	background-color: transparent;
	border-radius: 0 !important;
}
.navbar-nav.navbar-right li.my-icon a img {
	display: block;
}
.navbar-nav.navbar-right > li:nth-last-of-type(1) a {
	padding: 3px 0 0 17px;
}
.navbar-nav.navbar-right > li:nth-last-of-type(1) a img {
	width: 30px;
}

@media (min-width: 992px) and (max-width: 1499px) {
	.navbar-nav.navbar-right {
/* 		position: absolute; */
/* 		right: 122px; */
	}
}


.top-menu .navbar-nav > li {
	height: 36px;
}
.top-menu .navbar-nav > li:after {
/* 	content: ''; */
/* 	position: absolute; */
/* 	top: 19px; */
/* 	right: 0; */
/* 	width: 1px; */
/* 	height: 10px; */
/* 	background-color: #d1d1d1; */
}
.top-menu .navbar-nav > li:first-child:after,
.top-menu .navbar-nav > li:last-child:after {
	display: none;
}
.top-menu .navbar-nav > li:last-child {margin-right: -3px;}

.top-menu .navbar-nav > li:first-child > a {
/* 	padding-right: 52px; */
/* 	font-size: 14px; */
/* 	line-height: 19px; */
}

.top-menu .navbar-nav > li.dropdowntxt1 > a {
    float: left;
/*     padding: 20px 10px 20px 0px; */
}
.top-menu .navbar-nav > li.dropdowntxt1 > a:first-child {
/*     padding: 8px 13px; */
}

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

.top-menu .navbar-nav > li > a {
    display: block;
    padding: 8px 0;
    font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 12px;
    color: #444;
    border: none;
    position: relative;
    line-height: 20px;
}
.top-menu .navbar-nav > li > a img {
	width: 30px;
}

.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: #121212;
} 

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

.top-menu .navbar-nav > li > a > .badge {
    position: absolute;
    top: 12px;
    right: 26px;
    padding: 4px 0 4px;
    width: 21px;
    height: 21px;
    font-family: 'NotosansM';
    font-size: 12px !important;
    letter-spacing: -.2px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

.top-menu .navbar-nav > li > a > .user-name {
    padding: 0;
    line-height: 20px;
}
.nav-fixed .top-menu .navbar-nav > li > a > .user-name {
	display: none;
}
.top-menu .navbar-nav > li > a > .user-name b {
    font-family: 'NotosansM';
}

.top-menu .navbar-nav > li > a > .user-name > i {
    float: right;
    margin-top: -1px;
    margin-left: 7px;
    font-size: .8rem;
    line-height: 20px;
    color: #868487;
}

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


/* 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 {
	color: #121212;
    background: #f7f7f7;
}

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

.dropdown-menu:before {
    position: absolute;
    top: -8px;
    left: 9px;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d8dee4;
    border-left: 8px solid transparent;
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -7px;
    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: 10px;
    width: 16px;
    text-align: center;
}

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



/* Header */

.page-content header {
    width: 100%;
    height: 168px;
}
.nav-fixed .page-content header {
	height: 188px;
}
.page-content header h1 {
    position: relative;
    display: block;
    width: 1140px;
    height: 100%;
    margin: 0 auto;
    vertical-align: middle;
}
.page-content header h1 a {
    position: absolute;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    top: 13%;
}
.page-content header h1 a img {
	width: 85%;
	max-width: 230px;
}

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

@media (min-width: 992px) {
	.page-content header {/* height: 191px; */}
}
@media (min-width: 1200px) {
	.page-content header {/* height: 211px; */}
}

@media (max-width: 991px) {
/* 	.page-header-fixed .navbar, */
	.horizontal-bar {
		position: fixed !important;
	}
	
	.topmenu-o {
		float: left !important;
		width: 100%;
	}
	.topmenu-o .top-i {width: 100%; text-align: center;}
	.topmenu-o .top-i ul {padding: 0 !important;}
	.topmenu-o .top-i li {width: 25%; margin: 12px 0 0 !important; text-align:center;}
	.topmenu-o .top-i li a {font-size: 13px !important;}
	
	.page-content header,
	.nav-fixed .page-content header {height: 109px;}
}
@media (max-width: 767px) {
	.page-content header h1 {padding: 0 20px;}
	.navbar-inner {
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media (max-width: 499px) {
	.page-content header,
	.nav-fixed .page-content header {height: 115px;}
	.navbar-inner {
		padding-right: 23px;
		padding-left: 23px;
	}
}
@media (max-width: 414px) {
	.navbar-inner {
		padding-right: 15px;
		padding-left: 15px;
	}
}



/* Page Content */

.page-content {
    min-height: 100%;
/*     overflow-x: visible; */
    background: #fff;
    -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);
}


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

.nav-fixed.page-horizontal-bar.page-header-fixed .horizontal-bar {
/*     padding-top: 74px; */
}


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

@media (min-width: 992px) {
	.nav-fixed .page-sidebar {
		z-index:9999 !important;
		position:fixed !important;
		left:0;
		top:0;
		/* width: 100%; */
	}
}

@media (max-width: 991px) {
	.page-header-fixed .page-sidebar {
		padding-top: 108px;
	}
}

@media (max-width: 499px) {
	.page-header-fixed .page-sidebar {
		padding-top: 114px;
	}
}


/* Horizontal Bar */

.horizontal-bar {
    position: absolute;
    width: 100%!important;
    display: block;
    z-index: 95;
    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-sidebar-fixed .navbar {
    z-index: 9999;
}


.page-horizontal-bar .navbar .logo-box {
/*     height: 100%; */
}

.page-horizontal-bar.nav-fixed .navbar .logo-box {
/* 	position: absolute; */
/* 	top: 111px; */
/* 	left: 0; */
/* 	margin-top: 24px; */
}

.horizontal-bar .accordion-menu {
    position: relative;
    text-align: center;
    font-size: 0;
/*     width: 100%!important; */
    overflow: visible!important;
}
.nav-fixed .horizontal-bar .accordion-menu {
/*     padding-left: 240px; */
}

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

.horizontal-bar .accordion-menu > li.droplink {
    border-right: 1px solid #e8e8e8;
}
.horizontal-bar .accordion-menu > li:hover.droplink {
	padding-top: 9px;
	padding-bottom: 9px;
    background: #4780ed;
/*     background-image: linear-gradient(-13deg, #4780ed, #4780ed, #4780ed, #41b931, #41b931); */
}
.horizontal-bar .accordion-menu > li:hover.droplink a {
/* 	float: left; */
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*@media (min-width: 1200px) {
	.horizontal-bar .accordion-menu > li:hover.droplink > a {
		padding-right: 41.4px !important;
		padding-left: 41.4px !important;
	}
}*/
@media (max-width: 1199px) {
	.horizontal-bar .accordion-menu > li:hover.droplink a {
		padding-right: 12px;
		padding-left: 12px;
		width: 124px;
		text-align: center !important;
	}
	.horizontal-bar .accordion-menu > li:hover.droplink ul.pl a {text-align: left !important;}
}

.horizontal-bar .accordion-menu > li:hover.droplink a p {
	font-size: 16px;
	color: #fff;
}

.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
.horizontal-bar .accordion-menu > li > a {
    padding: 24px 25px;
    height: 73px;
}
.nav-fixed .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
.nav-fixed .horizontal-bar .accordion-menu > li > a {
/*     padding: 23px 16px 29px; */
/*     height: 77px; */
}
.nav-fixed .horizontal-bar .nav-bar .accordion-menu > li > a:after {
	bottom: 25px;
}
.horizontal-bar .accordion-menu[data-type="rewardmall"] > li > a {
	padding: 24px 25px;
	height: 73px;
}
.nav-fixed .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu[data-type="rewardmall"] > li > a,
.nav-fixed .horizontal-bar .accordion-menu[data-type="rewardmall"] > li > a {
/*     padding: 28px 2px 34px; */
/*     height: 87px; */
}
.horizontal-bar .accordion-menu > li.droplink-category {
/* 	float: right; */
}
.horizontal-bar .accordion-menu > li.droplink-category > a {
/* 	margin-right: 12px; */
/* 	margin-left: -10px; */
	padding: 25px 10px 24px;
}
.nav-fixed .horizontal-bar .accordion-menu > li.droplink-category > a {
/* 	margin-right: 6px; */
/* 	padding: 29px 10px 34px; */
}
.horizontal-bar .accordion-menu > li.droplink-category.on > a.btn-bars {
	display: none;
}
.horizontal-bar .accordion-menu > li.droplink-category.on > a.btn-close {
	display: block;
}

.horizontal-bar .accordion-menu > li.my-icon {
	float: right;
}
.horizontal-bar .accordion-menu > li.my-icon a {
	padding: 24px 13.5px 19px;
	height: 73px;
}
.nav-fixed .horizontal-bar .accordion-menu > li.my-icon a {
	padding: 27px 13.5px 30px 14px;
	height: 87px;
}
.horizontal-bar .accordion-menu > li.my-icon a img {
	vertical-align: middle;
}
.horizontal-bar .accordion-menu > li:nth-last-of-type(5) > a {
/*     padding-right: 0 !important; */
}
.horizontal-bar .accordion-menu > li:nth-last-of-type(5) > a .badge {
    display: block;
    position: absolute;
    top: 38px;
    right: 2px;
    float: right;
    margin: 0;
    padding: 0;
    width: 21px;
    font-family: 'NanumSquareRoundEB';
    font-size: 14px !important;
    letter-spacing: -.05em;
    color: #333;
    text-align: center;
    background-color: transparent;
    border-radius: 0 !important;
}
.nav-fixed .horizontal-bar .accordion-menu > li:nth-last-of-type(5) > a .badge {
	padding-top: 3px;
}

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

.horizontal-bar .accordion-menu > li > a > p {
    font-family: 'NotosansM';
    font-size: 16px;
    color: #4a4a4a;
}

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

.horizontal-bar .menu > li > ul.pl {
	width: 100%;
	padding: 0;
	background-image: linear-gradient(190deg, #4780ed, #4780ed, #41b931, #41b931);
    border-image: linear-gradient(#4780ed, #4780ed, #4780ed, #41b931 150px) 60;
}

.horizontal-bar .menu > li > ul.pl li:nth-child(1) {
	margin-top: 10px;
}

@media (min-width: 992px) {
	.horizontal-bar .accordion-menu .sub-menu li:hover {
/* 	    background-color: #2f6de4; */
		background: rgba(0, 0, 0, 0.09);
	}
}

.horizontal-bar .accordion-menu .sub-menu li a {
    font-size: 14px;
    color: #fff;
    padding: 7.5px 15px;
}

.horizontal-bar .accordion-menu .sub-menu li a:hover {
	color: #fbf206;
}
.horizontal-bar .accordion-menu .sub-menu li a em {
	float: left;
    width: 16px;
    height: 16px;
    font-family: 'Spoqa-Medium';
    font-size: 12px;
    color: #2995e1;
    font-style: normal;
    background-color: #fff;
    border-radius: 50%;
    letter-spacing: -2px;
    text-align: center;
    padding-right: 3px;
    margin-top: 3px;
    margin-right: 7px;
}
.horizontal-bar .accordion-menu .sub-menu li a:hover em {
    background-color: transparent;
    color: #fbf206;
    font-size: 14px;
    margin-top: 0px;
}

.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: 33.333%; min-height: 65px; font-size: 11px; padding: 0 5px !important; margin-top: 15px;}

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

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

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

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

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

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

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

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

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

.small-sidebar .horizontal-bar .accordion-menu > li > ul {
    top: 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: 992px) {
	.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
	.horizontal-bar .accordion-menu > li > a,
	.horizontal-bar .accordion-menu > li.droplink-category > a,
	.horizontal-bar .accordion-menu > li.my-icon a {
		padding: 11px 19px 13px;
		height: 51px;
	}
	.horizontal-bar .accordion-menu > li.droplink-category > a {/* margin-left: -19px; */}
	.horizontal-bar .accordion-menu[data-type="rewardmall"] > li > a {
		padding: 11px 20.6px 13px;
		height: 51px;
	}
	.nav-fixed .horizontal-bar .accordion-menu > li.droplink-category > a {/* margin-right: 0; */}
	.horizontal-bar .accordion-menu[data-type="rewardmall"] > li > a i {display: none;}
	.nav-fixed .horizontal-bar .accordion-menu > li.my-icon a {
		padding: 27px 5px 30px;
	}
	.horizontal-bar .accordion-menu > li:nth-last-of-type(5) > a .badge {
		top: 27px;
		right: 2px;
	}
	.nav-fixed .horizontal-bar .accordion-menu > li:nth-last-of-type(5) > a .badge {
		top: 38px;
		right: 2px;
	}
}
@media (min-width: 1200px) {
	.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
	.horizontal-bar .accordion-menu > li > a,
	.horizontal-bar .accordion-menu > li.droplink-category > a,
	.horizontal-bar .accordion-menu > li.my-icon a {
		padding: 10px 41.5px 10px;
		height: 51px;
	}
	.horizontal-bar .accordion-menu > li.droplink-category > a {
		margin: 0;
		padding: 10px 14px;
	}
	.nav-fixed .horizontal-bar .accordion-menu > li.droplink-category > a {/* margin-right: 6px; */}
	.horizontal-bar .accordion-menu[data-type="rewardmall"] > li > a {
		padding: 10px 35.7px 10px;
		height: 51px;
	}
	.horizontal-bar .accordion-menu[data-type="rewardmall"] > li.droplink > a {
		padding: 10px 46.2px 10px;
	}
	.horizontal-bar .accordion-menu[data-type="rewardmall"] > li.droplink-category > a {padding: 10px 14px;}
	.nav-fixed .horizontal-bar .accordion-menu[data-type="rewardmall"] > li.droplink-category > a {/* padding: 29px 10px 34px; */}
	.nav-fixed .horizontal-bar .accordion-menu > li.my-icon a {
		padding: 27px 9px 30px;
	}
	.horizontal-bar .accordion-menu > li:nth-last-of-type(5) > a .badge {
		top: 38px;
	}
}
@media (min-width: 1300px) {
	.nav-fixed .horizontal-bar .accordion-menu > li.my-icon a {
		padding: 27px 13.5px 30px 14px;
	}
}

@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-menu {
        top: 88px!important;
    }
	.product-category select {float: left; width: 49% !important; margin: 0 0 5px !important;}
	.product-category p {display: none;}
	.product-category .form-right {float: right;}

	.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
	.horizontal-bar .accordion-menu > li > a {
/* 		padding: 31px 24px 32px 23px; */
	}
	.page-horizontal-bar.compact-menu ul {
/* 		padding: 17px 10px 10px 5px !important; */
		
	}

}
@media (max-width: 991px) {
	.nav-fixed.page-horizontal-bar.page-header-fixed .horizontal-bar {padding-top: 117px;}
	.page-horizontal-bar .navbar .logo-box {
		z-index: 9999;
		margin-top: 0 !important;
		width: auto !important;
		height: 68px !important;
		overflow: visible !important;
	}
	.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
	.horizontal-bar .accordion-menu > li > a {
		padding: 20px 11px 21px 10px;
		height: 68px;
	}
	.horizontal-bar .accordion-menu > li.droplink-category > a,
	.horizontal-bar .accordion-menu > li:last-child > a {
		padding-top: 23px;
	}
	.horizontal-bar .accordion-menu[data-type="rewardmall"] > li > a {
		padding: 22px 9px 21px 8px;
		height: 48px !important;
	}
	
	.horizontal-bar .accordion-menu > li.my-icon,
	.horizontal-bar .accordion-menu > li.search {display: none !important;}
}
@media (max-width: 767px) {
	.page-horizontal-bar.page-header-fixed .horizontal-bar {
/* 		padding-top: 117px; */
	}
	.page-horizontal-bar .navbar .logo-box {margin-top: 22px;}
	.horizontal-bar .accordion-menu[data-type="rewardmall"] > li > a {
		padding-top: 11px;
		padding-bottom: 10px;
	}
	.horizontal-bar .accordion-menu > li.droplink-category {
		margin-top: 0px !important;
	}
	.horizontal-bar .accordion-menu > li.droplink + .droplink-category {
		margin-top: 0px !important;
	}
	.horizontal-bar .accordion-menu > li:last-child > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
@media (max-width: 499px) {
	.nav-fixed.page-horizontal-bar.page-header-fixed .horizontal-bar {padding-top: 114px;}
}


/* Search */

.search-form {
    display: block;
    width: 100%;
    height: 165px;
    z-index: 99;
    position: fixed;
    background: #fff;
    padding-top: 40px;
    margin-top: -190px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e9e9e9;
    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.search-active {margin-top: -40px !important;}
.nav-fixed .search-form.search-active {margin-top: 50px !important;}
.visible-category .search-form.search-active {margin-top: -130px !important;}

.search-form .input-group {
    margin-top: 30px;
    margin-bottom: 34px;
/*     width: 40%; */
    height: 50px;
}

.search-form .input-group input::-webkit-input-placeholder {color: #999;}
.search-form .input-group input {
    padding: 0 20px!important;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #5f5f5f;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 0px;
    box-shadow: none;
}

.search-form .input-group button {
    background: none;
    box-shadow: none;
    border: none;
    outline: none;
    color: #5f5f5f;
    font-size: 16px;
    padding: 7px 17px 8px;
}
.search-form .input-group button:hover,
.search-form .input-group button:focus {
    background-color: #333 !important;
}

@media (min-width: 992px) {
	.search-form {display: none;}
	.search-form .input-group {width: 60%;}
}
@media (min-width: 1200px) {
	.search-form .input-group {width: 40%;}
}

@media (max-width: 991px) {
	.search-form {
		padding-top: 109px;
		height: 229px;
	}
	.search-form.search-active,
	.nav-fixed .search-form.search-active {
/* 		display: none; */
		margin-top: 0px !important;
		padding-top: 115px;
	}
}


.page-search {
	display: inline-block;
/* 	position: absolute; */
	position: relative;
	top: 0;
	right: 0px;
	z-index: 99;
	float: right;
	background-color: transparent;
	border-right: 0px solid #e8e8e8;
	opacity: 0;
}
.page-search .page-search-inner ul {
	display: block !important;
	float: left;
	margin: 0;
	padding: 0 8px;
	width: 100%;
	background-color: transparent;
}
.page-search .logo-search {
	float: left;
	width: 100%;
}
.nav-fixed .page-search .logo-search {width: 225px;}
.page-search .logo-search .cart2 {
	top: 18px;
	right: 8px;
}
.page-search .logo-search .cart2 .badge {
	position: absolute;
	top: 7px;
	left: 0;
	padding: 7px 4px;
	width: 27px;
	height: 27px;
	font-family: 'NotoSansM';
	font-size: 16px !important;
	color: #333;
	text-align: center;
	font-weight: normal;
	background-color: transparent;
	border-radius: 0;
}
.page-search .logo-search .cart2 img {
	width: 28px;
	height: 34px;
}

@media (min-width: 640px) {
	.page-search .page-search-inner ul {
		padding-right: 15px;
		padding-left: 15px;
	}
	.page-search .logo-search .cart2 {right: 15px;}
}
@media (min-width: 768px) {
	.page-search .page-search-inner ul {
		padding-right: 0;
		padding-left: 0;
	}
	.page-search .logo-search .cart2 {
		position: absolute;
		top: 17px;
		right: 15px;
	}
}
@media (min-width: 992px) {
	.page-search .logo-text {
		padding-bottom: 24px;
		height: 90px;
	}
	.page-search .logo-search .search2 {width: 250px !important;}
	.page-search .logo-search .cart2 {display: none;}
}
@media (min-width: 1200px) {
	.page-search .logo-text {
		padding-bottom: 34px;
		height: 100px;
	}
	.page-search .logo-search .search2 {width: 304px !important;}
}

@media (max-width: 991px) {
	.page-search {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		padding-top: 0;
		width: 100%;
	}
	.nav-fixed .page-search .logo-search {width: 100%;}
	.page-search .logo-search .search2 {
		float: right;
		width: auto;
	}
	.nav-fixed .page-search .logo-search .search2 {display: block;}
	.page-search .page-search-inner ul {position: relative;}
	.page-search .logo-text {/* display: none; */}
	.page-search .logo-text,
	.nav-fixed .page-search .logo-text {
		padding: 28px 0 27px;
		width: auto;
		height: 70px;
	}
}
@media (max-width: 499px) {
	.page-search .page-search-inner ul {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.page-search .logo-search .cart2 {
		top: 20px;
		right: 0;
	}
	.page-search .logo-search .cart2 img {
		width: 25px;
		height: 30px;
	}
	.page-search .logo-search .cart2 .badge {
		top: 5px;
		left: -1px;
	}
}



.search-form2 {
    display: block;
    width: 100%;
    height: auto;
    z-index: 9;
    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;
}
.search-form2 .input-group {
    margin-top: 0;
    width: 100%;
    height: 55px;
    background-color: transparent;
    border: 0px solid transparent;
/*     border-bottom: 2px solid #333; */
/*     border-radius: 28px !important; */
}
.search-form2 .input-group input::-webkit-input-placeholder {color: #999;}

.search-form2 .input-group input {
    position: relative;
    z-index: 99;
    padding: 1px 0 0 25px !important;
    width: 88%;
    height: 51px;
    font-size: 16px;
    line-height: 50px;
    letter-spacing: -.04em;
    color: #333;
    background: transparent;
    border: 0px solid #e9e9e9;
/*     border-radius: 28px !important; */
    box-shadow: none;
}
.search-form2 .input-group input:focus {
/* 	background: transparent; */
/* 	border-radius: 0 !important; */
/* 	border-bottom-right-radius: 0 !important; */
/* 	border-bottom-left-radius: 0 !important; */
}
.search-form2 .input-group-btn {
	position: absolute;
	top: -2px;
	right: 15px;
	z-index: 9;
	float: left;
	width: auto;
}
.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: 20px;
    padding-left: 10px;
    padding-right: 0px;
}
.search-form2 .input-group-btn .search {
	background-color: transparent !important;
}
.search-form2 .input-group-btn .search img {
	width: 22px;
}
.page-search .auto .search-form2 .input-group {
	border: 0px solid #e5e5e5;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.page-search .auto .search-form2 .input-group input {
	height: 51px;
	background-color: #fafafa !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.page-search .auto .search-form2 .input-group input:-webkit-autofill,
.page-search .auto .search-form2 .input-group input:-webkit-autofill:hover,
.page-search .auto .search-form2 .input-group input:-webkit-autofill:focus,
.page-search .auto .search-form2 .input-group input:-webkit-autofill:active {
	-webkit-text-fill-color: #999;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
			box-shadow: 0 0 0px 1000px #fff inset !important;
	transition: background-color 5000s ease-in-out 0s;
}
.page-search .auto .search-form2 .input-group input:autofill,
.page-search .auto .search-form2 .input-group input:autofill:hover,
.page-search .auto .search-form2 .input-group input:autofill:focus,
.page-search .auto .search-form2 .input-group input:autofill:active {
	-webkit-text-fill-color: #999;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
			box-shadow: 0 0 0px 1000px #fff inset !important;
	transition: background-color 5000s ease-in-out 0s;
}
.page-search .search-form2 .search-auto {
	position: absolute;
	top: 51px;
	right: -1px;
	z-index: -1;
/* 	padding: 20px 28px; */
	width: 263px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	border-top-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
	-webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.07);
	   -moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.07);
			box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.07);
}
@media (min-width: 992px) {
	.search-form2 .input-group {
/* 		margin-bottom: 10px; */
/* 		height: 45px; */
	}
	.page-search .search-form2 .input-group {
		margin-bottom: 0;
		height: 51px;
	}
	.search-form2 .input-group input {width: 82%;}
}
@media (min-width: 1200px) {
	.search-form2 .input-group input {width: 88%;}
	.page-search .search-form2 .search-auto {width: 307px;}
}

@media (max-width: 991px) {
	.page-search .search-form2 .input-group {
		float: right;
		margin: 16px 52px 0 0;
		width: 430px !important;
		height: 43px;
	}
	.page-search .search-form2 .input-group input {
		padding: 0 30px 0 20px !important;
		height: 43px;
	}
	.page-search .search-form2 .input-group .input-group-btn {
		top: 0px;
		right: 10px;
	}
	.page-search .search-form2 .input-group .input-group-btn .search {
		padding: 0 10px;
		height: 43px;
	}
	.page-search .search-form2 .input-group .input-group-btn .search img {
		margin-top: -4px;
		width: 17px;
		height: 17px;
	}
}
@media (max-width: 767px) {
	.page-search .search-form2 .input-group {
		width: 360px !important;
		height: 39px;
	}
	.page-search .search-form2 .input-group input {height: 39px;}
	.page-search .search-form2 .input-group .input-group-btn {top: -2px;}
}
@media (max-width: 639px) {
	.page-search .search-form2 .input-group {
		margin: 16px 0 0;
		width: 280px !important;
		height: 43px;
	}
	.page-search .search-form2 .input-group input {
		padding: 0 30px 0 15px !important;
/* 		height: 43px; */
		font-size: 13px;
	}
}
@media (max-width: 499px) {
	.page-search .search-form2 .input-group {
		margin-top: 18px;
		width: 230px !important;
		height: 39px;
	}
	.search-form2 .input-group input {width: 82%;}
	.page-search .search-form2 .input-group input {
		padding-right: 0 !important;
		height: 37px;
	}
	.page-search .search-form2 .input-group .input-group-btn {right: 5px;}
	.page-search .search-form2 .input-group .input-group-btn .search {height: 39px;}
}
@media (max-width: 413px) {
	.page-search .search-form2 .input-group {width: 230px !important;}
}
@media (max-width: 385px) {
	.page-search .search-form2 .input-group {width: 213px !important;}
}
@media (max-width: 375px) {
	.page-search .search-form2 .input-group {
/* 		margin-right: 35px; */
		width: 200px !important;
	}
	.page-search .search-form2 .input-group input {padding: 0 27px 0 10px !important;}
}
@media (max-width: 360px) {
	.page-search .search-form2 .input-group {
		width: 185px !important;
	}
}
@media (max-width: 340px) {
	.page-search .search-form2 .input-group {
		width: 160px !important;
	}
	.page-search .search-form2 .input-group input {padding: 0 23px 0 7px !important;}
}


.horizontal-bar .page-sidebar-inner {
	position: relative;
	z-index: 9;
	overflow: visible !important;
	background-color: #fafafa;
	border-bottom: 1px solid #e8e8e8;
}

@media (min-width: 992px) {
	.nav-fixed .horizontal-bar .page-sidebar-inner {
		border-bottom: 1px solid #e9e9e9;
	}
}

.horizontal-bar .page-sidebar-inner .logo-search {
/* 	display: none; */
	float: left;
	width: 100%;
/* 	opacity: 0; */
}
.nav-fixed .horizontal-bar .page-sidebar-inner .logo-search {
	display: block;
/* 	width: 225px; */
	opacity: 1;
}
.horizontal-bar .page-sidebar-inner .logo-text {
	display: table;
	float: left;
/* 	margin-right: 10%; */
	padding: 37px 0 34px;
    width: 223px;;
    height: 100px;
    text-align: left;
}
.nav-fixed .horizontal-bar .page-sidebar-inner .logo-text {
	padding: 28px 0 32px;
	height: 87px;
}

.logo-search .search2 {
	position: relative;
	float: right;
	width: 400px;
}
.nav-fixed .logo-search .search2 {/* display: none; */}

.input-group-btn > .search {
	height: 50px;
	background-color: #096bad !important;
}
.input-group-btn > .search .fa-search {
	color: #fff;
}

.menu.accordion-menu li.search {
	display: none;
	position: absolute;
	top: 0;
	right: 329px;
	float: right;
}
.nav-fixed .menu.accordion-menu li.search {
/* 	display: block; */
}
.menu.accordion-menu li.search a {
	padding: 25px 8px 25px 10px;
}
.nav-fixed .menu.accordion-menu li.search a {
	padding: 23px 8px 25px;
}

@media (min-width: 992px) {
	.nav-fixed .horizontal-bar .page-sidebar-inner .logo-search {/* width: 215px; */}
	.horizontal-bar .page-sidebar-inner .logo-text {
		padding-bottom: 24px;
		height: 90px;
	}
	.logo-search .search2 {width: 420px !important;}
}
@media (min-width: 1200px) {
	.nav-fixed .horizontal-bar .page-sidebar-inner .logo-search {/* width: 225px; */}
	.horizontal-bar .page-sidebar-inner .logo-text {
		padding-bottom: 34px;
		height: 100px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.horizontal-bar .page-sidebar-inner {/* padding-bottom: 10px; */}
	.nav-fixed .horizontal-bar .page-sidebar-inner {padding-bottom: 0;}
}
@media (max-width: 991px) {
	.horizontal-bar .page-sidebar-inner .logo-search {/* display: none; */}
	.input-group-btn > .search {background-color: #096bad !important;}
}
@media (max-width: 767px) {
	.horizontal-bar .page-sidebar-inner .logo-text {
		display: none;
	}
}

.page-search .search-auto .type-list {
	float: left;
	margin: 0;
	padding: 10px 15px 10px;
	width: 100%;
}
.page-search .search-auto .type-list li:hover a {
	background-color: transparent;
}
.page-search .search-auto .type-list a {
	float: left;
	padding: 12px 0;
	width: 100%;
}
.page-search .search-auto .type-list a:after {
/* 	content: ''; */
/* 	position: absolute; */
/* 	bottom: 0; */
/* 	left: 0; */
/* 	z-index: 1; */
/* 	width: 100%; */
/* 	height: 1px; */
/* 	background-color: #dce1e4; */
}
.page-search .search-auto .type-list p {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	width: 126px;
	min-height: 75px;
	max-height: 75px;
	overflow: hidden;
	border: 1px solid #dadcdd;
}
.page-search .search-auto .type-list p img {
	margin-top: 0;
	width: 100%;
	min-height: 100%;
	background-color: #f8fafd;
}
.page-search .search-auto .type-list p.adult {
	background-color: #f8fafd;
}
.page-search .search-auto .type-list p.adult img {
	margin-top: 8px;
	width: 100%;
	min-height: auto;
	background-color: transparent;
}
.page-search .search-auto .type-list .pro-name {
	float: right;
	margin-top: -3px;
	padding: 0;
	width: 63%;
}
.page-search .search-auto .type-list .pro-name em {
	float: left;
	width: 100%;
	font-style: normal;
	font-size: 14px;
	line-height: 1.65rem;
	letter-spacing: -.04em;
	color: #333;
}
.page-search .search-auto .type-list .pro-name em b {
	float: left;
	width: 95%;
	height: 18px;
	font-family: 'NotosansR';
	font-size: 14px;
	line-height: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.page-search .search-auto .type-list a:hover .pro-name em b {
	text-decoration: underline;
}
.page-search .search-auto .type-list .pro-name em span {
	float: left;
	padding-top: 2px;
	height: 20px;
	min-height: 19px;
	font-family: 'NotosansR';
	font-size: 12px;
	word-break: break-all;
	color: #999;
	overflow: hidden;
}
.page-search .search-auto .type-list .pro-name em strong {
	float: left;
	margin-top: 2px;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 12px;
	letter-spacing: -.07em;
/* 	line-height: 2.15rem; */
	color: #333;
}
.page-search .search-auto .type-list .pro-name em strong span {
	float: none;
	margin-left: 15px;
	width: auto;
	letter-spacing: initial;
	color: #333;
}
.page-search .search-auto .type-list .pro-name .price {
	float: left;
	margin-top: 1px;
	width: 100%;
	font-family: 'NotosansB';
	font-size: 14px;
	font-weight: normal;
	line-height: 2.5rem;
	color: #333;
}
.page-search .search-auto .type-list .pro-name .price b {
	display: inline;
	float: none;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -0.04em;
	word-spacing: 0.04em;
	color: #999;
	text-align: center;
	text-decoration: line-through;
}
.page-search .search-auto .type-list .pro-name .price .won {
	margin: 0;
	font-family: 'NotosansR';
	font-size: 15px;
}
.page-search .search-auto .type-list .pro-name .price span {
	margin-left: 15px;
	font-family: 'NotosansR';
	font-size: 13px;
}
.page-search .search-form2 .search-auto > button {
	display: block;
	margin: 0 auto 15px;
}
.page-search .search-form2 .search-auto > button i {
	float: right;
	margin: -1px 0 0 5px;
	width: 14px;
	font-size: 17px;
}
.page-search .search-form2 .search-auto > p {
	float: left;
	margin: 0;
	padding: 5px 28px;
	width: 100%;
	background-color: #fafafa;
	border-top: 1px solid #ebedee;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.page-search .search-form2 .search-auto > p a {
	padding: 0;
	font-size: 12px;
}
.page-search .search-form2 .search-auto > p a:last-child {
	float: right;
}

@media (min-width: 992px) {
	.page-search .search-auto .type-list a {
		padding: 11px 0;
	}
	.page-search .search-auto .type-list p {
		width: 75px;
		height: 75px;
	}
	.page-search .search-auto .type-list .pro-name {
		margin-top: -3px;
	}
	.page-search .search-auto .type-list .pro-name em {
		line-height: 1.5rem;
	}
	.page-search .search-auto .type-list .pro-name .price {
		margin-top: 6px;
		margin-bottom: -7px;
	}
}
@media (min-width: 1200px) {
	.page-search .search-auto .type-list .pro-name {width: 69%;}
}

@media (max-width: 991px) {
	.page-search .auto .search-form2 .input-group input {height: 39px;}
	.page-search .search-form2 .search-auto {width: 430px;}
	.page-search .search-auto ul.type-list {padding: 10px 15px 10px;}
	.page-search .search-auto ul.type-list a {padding: 10px 0;}
	.page-search .search-auto .type-list p {
		width: 75px;
		min-height: 75px;
		max-height: 75px;
	}
	.page-search .search-auto .type-list .pro-name {width: 77%;}
	.page-search .search-auto .type-list .pro-name .price {
		margin-top: 8px;
		font-size: 15px;
	}
}
@media (max-width: 767px) {
	.page-search .search-form2 .search-auto {width: 360px;}
	.page-search .search-auto .type-list .pro-name {width: 72%;}
}
@media (max-width: 639px) {
	.page-search .auto {
		left: -1px;
		width: 100% !important;
	}
	.page-search .auto .search-form2 {
		position: relative;
		top: -75px;
	}
	.page-search .auto .search-form2 .input-group {
		width: 100% !important;
		border-top-right-radius: 15px !important;
		border-top-left-radius: 15px !important;
	}
	.page-search .search-form2 .search-auto {width: 100%;}
	.page-search .search-auto .type-list .pro-name {width: 78%;}
}
@media (max-width: 499px) {
/* 	.page-search .auto .search-form2 .input-group {width: 454px !important;} */
	.page-search .search-auto .type-list p {
/* 		margin-right: 10px; */
		width: 66px;
		min-height: 66px;
		max-height: 66px;
	}
	.page-search .search-auto .type-list .pro-name {width: 80%;}
	.page-search .search-auto .type-list .pro-name em b {font-size: 13px;}
	.page-search .search-auto .type-list .pro-name .price {
		margin-top: 11px;
		font-size: 13px;
		line-height: 1.5rem;
	}
	.page-search .search-auto .type-list .pro-name .price b {font-size: 13px;}
	.page-search .search-auto .type-list .pro-name .price .won {font-size: 12px;}
	.page-search .search-auto .type-list .pro-name .price span {
		margin-left: 0;
		font-size: 12px;
	}
}
@media (max-width: 499px) {
	.page-search .search-auto .type-list .pro-name {width: 76%;}
}
@media (max-width: 385px) {
	.page-search .search-auto .type-list .pro-name {width: 74%;}
}
@media (max-width: 360px) {
	.page-search .search-auto .type-list .pro-name {width: 72%;}
}



/* Menu */

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

.menu.accordion-menu {
    margin: 0 auto;
/*     padding: 0px; */
/*     width: 1140px; */
	color: white;
    position: relative;
    display: block;
    background-color: transparent;
/*	border-bottom: 1px solid #e9e9e9; */
}

.menu.accordion-menu a {
    display: block;
    padding: 12px 25px;
    background: transparent;
    text-decoration: none;
    font-family: 'NotosansR';
    font-size: 18px;
}

.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: 1px solid #e8e8e8;
}

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

.menu.accordion-menu > li.navText > a {
	display: block;
	position: relative;
    text-align: center;
/*     padding-left: 2px; */
/*     padding-right: 2px; */
    margin: 0;
}
.menu.accordion-menu > li.navText > a:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
	background-image: linear-gradient(-220deg, #41b931 20%, #4780ed 80%);
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-o-transition: all 200ms ease;
	transition: all 200ms ease;
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0;
}
.menu.accordion-menu > li.navText > a:hover:after {
	-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
			transform: scaleX(1);
	opacity: 1;
}

.selNav {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #4780ed;
	opacity: 1;
}

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: none !important;
	font-size: 20px;
    margin-bottom: 10px;
}

.menu.accordion-menu li > a > .arrow:before {
	width: 10px;
    float: right;
    display: block;
    margin-top: -20px;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\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 a .badge {
	float: right;
    margin-top: 1px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 4px;
    display: block;
}

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


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

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

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

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

.menu.accordion-menu ul.top-menu 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: 38px;
}

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

.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,
.compact-menu .menu.accordion-menu a span.fa {
    display: inline-block;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    margin-right: 10px !important;
    vertical-align: middle;
}
.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: -2px;
}

.page-horizontal-bar.compact-menu .menu.accordion-menu ul.top-menu {
    top: 88px;
    padding-top: 1px;
    -webkit-padding-before: 0;
    min-width: 150px;
}

.page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu ul.top-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 > ul,
.hover-menu .menu.accordion-menu > li.open:hover > ul {
    display: inline-block!important;
}

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

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

.hover-menu:not(.page-horizontal-bar) .accordion-menu > li > ul {
    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.top-menu 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 (min-width: 992px) {
	.menu.accordion-menu {height: 51px;}
/* 	.menu.accordion-menu > li.navText > a {margin: 0 12px;} */
/* 	.nav-fixed .menu.accordion-menu > li.navText > a {margin: 0 5px;} */
/* 	.horizontal-bar .accordion-menu > li > a > p {letter-spacing: -.08em;} */
}
@media (min-width: 1200px) {
	.menu.accordion-menu > li.navText {
		min-width: 127.17px;
		max-width: 157.61px;
	}
/* 	.menu.accordion-menu > li.navText > a {margin: 0 14px;} */
/* 	.nav-fixed .menu.accordion-menu > li.navText > a {margin: 0 12px;} */
/* 	.horizontal-bar .accordion-menu > li > a > p {letter-spacing: -.035em;} */
}
@media (min-width: 1300px) {
/* 	.menu.accordion-menu > li.navText > a {margin: 0 23px;} */
/* 	.nav-fixed .menu.accordion-menu > li.navText > a {margin: 0 23px;} */
}

@media (max-width: 1199px) {
	.menu.accordion-menu > li.navText > a:after {bottom: 5px !important;}
	.nav-fixed .menu.accordion-menu > li.navText > a:after {bottom: 20px !important;}
}
@media (max-width: 991px) {
	.menu.accordion-menu {
		border-bottom: 0px solid #e9e9e9 !important;
	}
	.menu.accordion-menu > li {
		border-left-width: 0;
	}
	.menu.accordion-menu > li.navText > a {
		margin: 0;
		padding: 0 0 0 22px !important;
		height: 36px !important;
	}
	.menu.accordion-menu > li.navText > a:after {
		display: none;
	}
	.compact-menu .horizontal-bar .accordion-menu > li > a > p {
		display: block;
		font-size: 14px;
	}
	
	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 > ul {
		position: relative;
	}
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul {
		display: block !important;
/* 		margin-bottom: 15px; */
		border-right: none;
	}
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul.mypick-mobile {
		float: left;
    	width: 100%;
    	border-top: none !important;
    	padding-bottom: 25px;
	}
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul.mypick-mobile li {
		float: left;
    	width: 33.333%;
	}
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul.mypick-mobile li a {
		font-size: 15px;
		text-align: center;
	}
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul.mypick-mobile li a span {
		display: block;
		width: 85px;
		height: 85px;
    	border-radius: 50%;
    	background: #fff;
    	padding: 15px 0;
    	margin: 0 auto 5px;
	}
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul.mypick-mobile li a span img {
		width: 55px;
		height: 55px;
	}
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul.mypick-mobile li a em {
		font-size: 15px;
		font-style: normal;
	}
}
@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 > ul {
		position: relative;
	}
}
@media (max-width: 390px) {
	.page-horizontal-bar.compact-menu .menu.accordion-menu ul.mypick-mobile li a {
		padding-right: 0;
		padding-left: 0;
	}
}


/* 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.top-menu 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.top-menu 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.top-menu 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 {
    display: inline-block!important;
}

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

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

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


/* Page Inner */

.page-inner {
	position: relative;
	z-index: 9;
	padding: 0 0 20px 0;
	min-height: 910px;
}
@media (min-width: 992px) {
	.page-inner {padding-bottom: 50px;}
}
@media (min-width: 1200px) {
	.page-inner {padding-bottom: 70px;}
}
zzl
.page-inner .container {
	position: relative;
	z-index: 1;
}


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

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

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

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

.page-inner7 {
	padding: 0 0 80px 0;
	background: #fafafa;
	position: relative;
	min-height: 910px;
}

.page-inner8 {
	width: 100%;
	padding: 0;
	background-color: #000 !important;
	position: relative;
	height: 670px;
	min-height: 670px;
	background: url('../../images/kr/common/attachment1.jpg') top center no-repeat;
	background-size: cover;
	z-index: 1;
}

.page-inner9 {
	padding: 0;
	background: #fff;
	position: relative;
	z-index: 1000;
}

@media (min-width: 500px) and (max-width: 639px) {
	.page-inner .container {
		padding-right: 23px;
		padding-left: 23px;
	}
}
@media (min-width: 640px) and (max-width: 767px) {
	.page-inner .container {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (max-width: 991px) {
	.page-inner {
		padding: 115px 0 50px 0;
		background: #fff;
		position: relative;
		min-height: auto;
		-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-inner2 {
		padding: 61px 0 50px 0;
		background: #f9f9f9;
		position: relative;
		min-height: auto;
	}
	.page-inner3 {
		padding: 61px 0 80px 0;
		background: #fff;
		position: relative;
		min-height: auto;
	}
	.page-inner4 {
		padding: 61px 0 0px 0;
		background: #fff;
		position: static;
		min-height: auto;
	}
	.page-inner5 {
		padding: 61px 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/login_bg.jpg') top center no-repeat;
		background-size: 100%;
	}
	.page-inner8 {
		padding: 10px 0 50px 0;
		background-color: #fff;
		position: relative;
		min-height: auto;
		background: url('../../images/kr/login/login_bg.jpg') top center no-repeat;
		background-size: cover;
	}
	.page-inner6,
	.page-inner8 {
		-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;
	}
	
	.login2-bottom ul {margin-bottom: 50px;}
	
	#index .page-inner {
		padding-top: 30px;
	}
}
@media (max-width: 767px) {
	.page-inner7 {
		padding: 74px 0 80px 0 !important;
		background: #fff !important;
		position: relative !important;
		min-height: auto !important;
	}
}
@media (max-width: 499px) {
	#index .page-inner {
		padding-top: 0px;
	}
}


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

@media (max-width: 991px) {
    .page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu ul.top-menu {
        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 {
        padding: 0;
    }
    
    .horizontal-bar .accordion-menu > li > a {
        padding: 15px 11px 15px 22px !important;
        width: auto !important;
        height: 48px !important;
    }
    
    .sidebar {
        opacity: 0;
        visibility: hidden;
        display: none;
        width: 0!important;
        background-color: #fff;
        -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: 240px!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;
    }
    
    .page-sidebar-fixed:not(.page-header-fixed) .logo-box {
        position: relative;
        display: block;
    }
    
    
    .small-sidebar .navbar .logo-box a span {
        display: inline-block;
    }
    
    .topmenu-outer,
    .small-sidebar .topmenu-outer,
    .page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
        margin: 0;
    }
    
    .topmenu-outer {
        height: 102px;
    }
    
    .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 .menu li.search {
        display: none;
    }
    
    .horizontal-bar .accordion-menu > li > ul,
    .small-sidebar .horizontal-bar .accordion-menu > li > ul {
        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: 0px 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;
    }
	
	
	/* NEW NAV */
	
	.page-horizontal-bar.nav-open {
		overflow-y: hidden;
	}
	.small-sidebar .sidebar.visible,
	.page-horizontal-bar .sidebar.visible {
		width: 100% !important;
	}
	.page-horizontal-bar .sidebar .page-sidebar-inner {
		margin: 0 auto;
		width: 720px;
	}
	.horizontal-bar .accordion-menu {display: none;}
	.horizontal-bar .accordion-menu.new-menu {display: block;}
	.horizontal-bar .accordion-menu.new-menu > li {
		float: left;
		padding-top: 5px !important;
		width: 100%;
		background-color: #fff;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-top {}
	.compact-menu header .page-sidebar .menu.new-menu .top-menu {}
	.compact-menu header .page-sidebar .menu.new-menu .top-menu li {
		float: left;
		width: 25%;
	}
	.compact-menu header .page-sidebar .menu.new-menu .top-menu li a {
		padding: 20px 0 15px;
		font-size: 14px;
		text-align: center !important;
	}
	.compact-menu header .page-sidebar .menu.new-menu .top-menu li a .menu-icon {
/* 		display: block !important; */
/* 		margin: 0 !important; */
/* 		font-size: 20px !important; */
/* 		text-align: center; */
	}
	.compact-menu header .page-sidebar .menu.new-menu .top-menu li a i {
		display: block;
		margin-bottom: 4px;
		font-size: 20px;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu {
		position: relative;
		top: 0 !important;
		float: left;
		width: 100%;
		border-top: 1px solid #dce6ef;
		border-left: 1px solid #dce6ef;
		background-color: #eff6fd;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu:before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		width: 1px;
		height: 41px;
		background-color: #dce6ef;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #dce6ef;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu li:last-child:before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 50%;
		width: 1px;
		height: 41px;
		background-color: #dce6ef;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu li:last-child:after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 25%;
		width: 1px;
		height: 41px;
		background-color: #dce6ef;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu li {
		float: left;
		width: 25%;
		border-right: 1px solid #dce6ef;
		border-bottom: 1px solid #dce6ef;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu li a {
		float: left;
		padding: 10px 0;
		width: 100%;
		font-family: 'NotosansM';
		font-size: 14px;
		color: #121212;
		text-align: center !important;
		letter-spacing: -.2px;
	}
	
	.compact-menu header .page-sidebar .menu.new-menu .log-info {
		float: left;
		padding: 20px 0;
		width: 100%;
	}
	.compact-menu header .page-sidebar .menu.new-menu .log-info button {
		padding: 10px 0;
		width: 100%;
		text-align: center;
		border: 1px solid #ddd;
	}
	.compact-menu header .page-sidebar .menu.new-menu .log-info button p {
		display: inline-block;
		margin: 0 0 0 10px;
		font-size: 15px;
		font-family: 'NotosansM';
	}
	.compact-menu header .page-sidebar .menu.new-menu .log-info li {
		position: relative;
		float: left;
		margin-top: 10px;
		width: 50%;
	}
	.compact-menu header .page-sidebar .menu.new-menu .log-info li a {
		padding: 0;
		text-align: center !important;
	}
	.compact-menu header .page-sidebar .menu.new-menu .log-info li:nth-of-type(2) a:before {
		content: '';
		position: absolute;
		top: 10px;
		left: 0;
		width: 1px;
		height: 12px;
		background-color: #ddd;
	}
	.compact-menu header .page-sidebar .menu.new-menu .log-info li a p {
		font-family: 'NotosansM';
		font-size: 14px;
		color: #333;
	}
	
	.compact-menu header .page-sidebar .menu.new-menu > li:nth-of-type(1) {
		border-top: 1px solid #ddd;
		background-color: #f7f7f7;
	}
	.compact-menu header .page-sidebar .menu.new-menu > li > a {
		padding: 20px 30px 10px !important;
		height: 54px !important;
	}
	.compact-menu header .page-sidebar .menu.new-menu > li > a p {
		font-size: 17px;
		color: #333;
	}
	.compact-menu header .page-sidebar .menu.new-menu .sub-menu {
		float: left;
		width: 100%;
		background-color: transparent;
		border: none !important;
	}
	.compact-menu header .page-sidebar .menu.new-menu .sub-menu li {
		float: left;
		width: 50%;
	}
	.compact-menu header .page-sidebar .menu.new-menu .sub-menu li a {
		padding: 5px 30px;
		font-size: 14px;
		color: #333;
	}
	.compact-menu header .page-sidebar .menu.new-menu .sub-menu li a em {
		font-style: normal;
		color: #999;
	}
	.compact-menu header .page-sidebar .menu.new-menu .sub-menu li a:hover {
		color: #fb6300;
	}
}
@media (max-width: 767px) {
	.page-horizontal-bar .sidebar .page-sidebar-inner {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
	}
	.compact-menu header .page-sidebar .menu.new-menu .log-info {padding: 25px 30px;}
}
@media (max-width: 499px) {
	.page-horizontal-bar .page-inner {
		padding: 0px 0 40px 0;
	}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu li {width: 33.33333333%;}
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu li:last-child:before,
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu li:last-child:after {right: 33.33333333%;}
	.compact-menu header .page-sidebar .menu.new-menu .sub-menu li:nth-child(even) a {
		padding-right: 0;
		padding-left: 0;
	}
	.compact-menu header .page-sidebar .menu.new-menu .sub-menu li a em {
		float: left;
		width: 100%;
		letter-spacing: -.04em;
	}
}
@media (max-width: 375px) {
	.compact-menu header .page-sidebar .menu.new-menu .nav-menu li a {letter-spacing: -.9px;}
}



/* Page Title */

.page-title {
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

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

.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 {
    position: relative;
    z-index: 8;
    margin: 0 0 50px;
    padding: 0;
    width: 100%;
/*     height: 70px; */
    overflow: visible !important;
/*     background: url('../../images/kr/common/attachment2.jpg') !important; */
/*     background-size: cover; */
/*     background-position: 0 63% !important; */
    border-bottom: 1px solid #4a4a4a;
}
.page-breadcrumb h2 {
	display: block;
	padding-top: 36px;
	height: 62.39px;
	font-family: 'Spoqa-Medium', 'NotosansM';
	font-weight: normal;
	font-size: 24px;
	color: #222;
	text-align: center;
}
.page-breadcrumb h3 {
/*     display: block; */
    padding: 3px 0 16px;
    font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px !important;
    color: #333;
}
.page-breadcrumb h3 a {
	font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
}
.page-breadcrumb h3 a img {
	width: 14px;
	height: 14px;
	margin-top: -3px;
}
.page-breadcrumb h3 strong {
    font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
    font-weight: normal;
}
.page-breadcrumb h3 strong:last-child {
    font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    color: #333;
}
.page-breadcrumb h3 i {
    margin: 0 12px;
    font-family: 'NotoSansL';
    font-size: 17px;
}
.page-breadcrumb h3 i:before {
	content: '/';
	font-size: 11px;
	color: #cdcdcd;
}
.page-breadcrumb div > strong {
	float: right;
	margin: -33px 0 0;
	font-family: 'NotosansR';
	font-size: 13px;
	letter-spacing: -.01em;
}
.page-breadcrumb div > strong em {
	padding: 0 0 0 3px;
	font-style: normal;
	font-family: 'Spoqa-Medium', 'NotosansB';
	font-size: 14px;
	letter-spacing: normal;
	color: #ff6927;
}
.page-breadcrumb div > strong span {
	position: relative;
	margin-right: 10px;
	padding-right: 11px;
}
.page-breadcrumb div > strong span:after {
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	width: 1px;
	height: 11px;
	background-color: #ccc;
}

@media (max-width: 991px) {
	.page-breadcrumb {
	    margin: 0 0 15px;
	}
	.page-breadcrumb h2 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		height: 66.39px;
		font-size: 24px !important;
	}
	.page-breadcrumb h3 {
		display: none;
	    padding: 15px 0 15px !important;
	    text-align: center;
	}
	.page-breadcrumb h3.select-list {
		display: block;
	}
	.page-breadcrumb div > strong {
		display: inline-block;
		float: none;
		margin: 0px 0 10px;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 499px) {
	.page-breadcrumb h2 {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		height: 52px;
		font-size: 20px !important;
	}
	.page-breadcrumb h2.date-search .search {
		float: left;
    	width: 100%;
		margin-bottom: 20px;
	}
	.page-breadcrumb div > strong {
		margin: 0 0 15px;
	}
	.page-breadcrumb div > strong em {
		font-size: 14px;
	}
}

.page-breadcrumb .date-search .input-group {
	margin-top: -4px;
	margin-bottom: -5px;
	width: 100%;
}
.page-breadcrumb .date-search .input-group .form-control {
	padding-right: 38px !important;
	padding-left: 15px !important;
	height: 40px;
	font-family: 'NotoSansR';
	font-size: 14px;
	color: #999;
}
.page-breadcrumb .date-search .input-group .input-group-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
}
.page-breadcrumb .date-search .input-group .input-group-btn .btn {
	padding: 3px 0 0;
	width: 40px;
	height: 40px;
	background-color: transparent !important;
	border: none;
}
.page-breadcrumb .date-search .input-group .input-group-btn .btn img {
	width: 18px;
	vertical-align: initial;
	opacity: .7;
}

@media (min-width: 640px) {
	.page-breadcrumb .date-search .input-group {width: 60% !important;}
}
@media (min-width: 992px) {
	.page-breadcrumb .date-search .input-group {width: 380px !important;}
}


.page-breadcrumb.other01 {
    padding: 10px 0 20px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e9e9e9;
    background: url('../../images/kr/common/attachment2.jpg') !important;
    background-size: cover;
    background-position: 0 63% !important;
    width: 100%;
    height: auto;
    position: relative;
}
.page-breadcrumb.other02 {
    padding: 0;
    margin: 0 0 25px;
    border-bottom: 1px solid transparent;
    background: #003476 !important;
    width: 100%;
    height: 50px;
    position: relative;
}
.page-breadcrumb.other02 strong {
    display: block;
    float: left;
    margin: 0;
    padding-top: 15px;
    font-family: 'NotosansL', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}
.page-breadcrumb.other02 strong i {
    font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    font-style: normal;
}

@media (max-width: 991px) {
    .page-breadcrumb.other02 {
        margin-bottom: 0;
    }
    .page-breadcrumb.other02 strong {
        text-align: left;
    }
}


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

.product-relative .container-fluid {position: relative;}
.product-relative .container-fluid:before {
	content: '';
	position: absolute;
	top: 156px;
	left: 0;
	width: 100%;
	height: 1px;
/* 	background-color: #333; */
	border-bottom: 1px solid #333;
}
.product-relative .container-fluid:first-child:before {display: none;}
.product-relative .container-fluid:nth-last-of-type(1):before,
.product-relative .container-fluid:nth-last-of-type(2):before {top: 155.5px;}
.page-breadcrumb .select-list i {margin: 0 9px}
.page-breadcrumb .select-list .form-control.select-category {width: 48.707%;}

@media (min-width: 640px) {
	.page-breadcrumb .select-list .form-control.select-category {width: 48.67%;}
}
@media (min-width: 768px) {
	.page-breadcrumb .select-list .form-control.select-category {width: 48.265%;}
}
@media (min-width: 992px) {
	.select-category {display: none;}
	.page-breadcrumb .select-list .form-control.select-category {width: auto;}
}

@media (max-width: 991px) {
	.product-detail .page-breadcrumb {display: none;}
	.page-breadcrumb .select-list {
		position: absolute;
		float: left;
		margin-top: 60px;
		padding: 0 !important;
		width: 720px;
	}
	.page-breadcrumb .select-list a,
	.page-breadcrumb .select-list i {display: none;}
	.select-category {
		display: block !important;
		float: left;
		margin-top: 5px;
		width: 49%;
	}
	.nice-select {display: none !important;}
	.form-control.select-category:nth-of-type(even) {float: right;}
	.page-breadcrumb .select-list .form-control.select-category {
		padding: 6px 10px !important;
		letter-spacing: -.03em;
/* 		background-position: center right -4px !important; */
	}
	
	.product-relative .categoryRight {margin-top: 103px !important;}
	.category-one .categoryRight {margin-top: 53px !important;}
	
	.page-breadcrumb.no-b .select-list {margin-top: 20px;}
	.product-relative .clearfix {margin-top: 107px;}
	
	.product-relative .container-fluid:before {top: 200px;}
	.product-relative .container-fluid:nth-last-of-type(1):before,
	.product-relative .container-fluid:nth-last-of-type(2):before {top: 200px;}
}
@media (max-width: 499px) {
	.page-breadcrumb .select-list .form-control.select-category {width: 48.89%;}
}
@media (max-width: 414px) {
	.form-control.select-category {font-size: 14px;}
	.page-breadcrumb .select-list .form-control.select-category {
		padding-bottom: 7px !important;
		width: 48.7%;
		height: 37px;
	}
	
	.product-relative .container-fluid:before {top: 113px !important;}
}
@media (max-width: 375px) {
	.page-breadcrumb .select-list .form-control.select-category {width: 48.555%;}
}
@media (max-width: 360px) {
	.page-breadcrumb .select-list .form-control.select-category {width: 48.485%;}
}



@media (min-width: 992px) {
	.select-type.nice-select:before,
	.select-type.nice-select:after {display: none;}
	.select-type .current {display: none;}
	.select-type.nice-select .list {
		top: 0;
		right: 6px;
		left: auto;
		margin-top: 0;
		width: 300px;
		min-width: auto;
		height: 30px;
		overflow: visible;
		visibility: visible;
		border: none;
		box-shadow: none;
		-webkit-transform: scale(1) translateY(0);
			-ms-transform: scale(1) translateY(0);
				transform: scale(1) translateY(0);
		pointer-events: auto;
		opacity: 1;
	}
	.select-type.nice-select.open .list:before,
	.select-type.nice-select.open .list:after {display: none !important;}
	.select-type.nice-select .option {
		display: block;
		float: left;
		margin-left: 0;
		padding: 5px 0;
		width: 55px;
		height: 30px;
		font-family: 'NotosansL';
		color: #222;
		text-align: center;
	}
	.select-type.nice-select .option.selected {
		font-family: 'NotosansM';
		color: #222;
	}
	.select-type.nice-select .option:hover.selected {
		color: #222;
	}
	.select-type.nice-select .option:hover,
	.select-type.nice-select .option.focus,
	.select-type.nice-select .option.selected.focus {
		color: #a5a5a5;
		background-color: transparent;
	}
}

@media (max-width: 991px) {
	.select-type {display: block !important;}
	.nice-select {display: none !important;}
}



/* Main Wrapper */

#main-wrapper {
    margin-top: 19px;
	-webkit-margin-before: 20px;
	   -moz-margin-before: 20px;
		 -o-margin-before: 20px;
    margin-bottom: 20px;
}


/* Footer */

.page-footer {
    background: #f5f5f5;
    width: 100%;
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 19px;
    padding-bottom: 19px;
	color: #ccc;
}

.page-footer.lineTop {
    background: #fff;
    width: 100%;
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
    padding-bottom: 25px;
    border-top: 2px solid #222;
	color: #ccc;
}

.page-footer span {
	color: #333;
}

@media (max-width: 767px) {
	.page-footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.page-footer span {
		width: 100%;
		margin-top: 10px;
	}
	.page-footer.lineTop {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	footer .page-footer ul li {
	    padding: 0 17px 5px 0 !important;
	}
	footer .footer-copyright {
		padding-top: 25px !important;
	}
	footer .footer-copyright .csNo {
		left: 0;
		bottom: 45px !important;
	}
	footer .footer-copyright p {
	    margin: 80px 0 0 !important;
	}
	footer .footer-copyright p:nth-child(2) {
		margin: 30px 0 0 !important;
	}
}

@media (max-width: 414px) {
	footer .page-footer ul li {
	    padding: 0 11px 5px 0 !important;
	}
}

@media (max-width: 360px) {
	footer .footer-copyright .csNo {
		left: 0;
		bottom: 60px !important;
	}
}



/* Sidebar Pusher */

.sidebar-pusher {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 9999;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
}
.push-sidebar {
	display: inline-block!important;
	padding: 27px 20px 20px;
	color: #5F5F5F;
	border: none;
	position: relative;
	line-height: 20px;
	float: left;
	font-size: 17px;
	text-decoration: none;
}
.push-sidebar:hover {
	color: #5F5F5F;
}
.push-sidebar i.fa-close {display: none;}

@media (min-width: 500px) and (max-width: 639px) {
	.push-sidebar {padding-left: 23px;}
}
@media (min-width: 640px) and (max-width: 767px) {
	.push-sidebar {padding-left: 30px;}
}
@media (min-width: 768px) {
	.push-sidebar {padding-left: 23px;}
}

@media (max-width: 991px) {
	.sidebar-pusher {
		display: block;
		left: 50%;
		margin-top: -18px;
		margin-left: -383px;
	}
	.push-sidebar {
		-webkit-box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
		   -moz-box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
				box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
	}
	.push-sidebar i {
		font-size: 19px;
		color: #212121;
	}
	.nav-open .push-sidebar i.fa-bars {display: none;}
	.nav-open .push-sidebar i.fa-close {
		display: block;
		margin-left: 1px;
		font-size: 21px;
	}
}
@media (max-width: 767px) {
	.sidebar-pusher {
		left: 0;
		margin-left: 0;
	}
}
@media (max-width: 499px) {
	.push-sidebar {padding-left: 15px;}
}



/* Search Button */

.search-button {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 9999;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.search-button a {
	display: inline-block;
	padding: 26px 21px 21px;
	color: #212121;
	border: none;
	position: relative;
	line-height: 20px;
	float: right;
	font-size: 17px;
	text-decoration: none;
}
.search-button.on a.show-search,
.search-button a.close-search {display: none;}
.search-button a.show-search,
.search-button.on a.close-search {display: block;}

@media (min-width: 992px) {
	.search-button {display: none;}
}

@media (max-width: 991px) {
	.search-button {margin-top: -18px;}
}

@media (max-width: 499px) {
	.search-button a {padding: 26px 15px 21px;}
}


/* Icons */
/* FontAwesome */

.fontawesome-icon-list .fa-item {
    padding: 10px 20px 10px 20px;
    color: #333;
}

.fontawesome-icon-list .fa-item i {
    margin-right: 5px;
}

.fontawesome-icon-list .fa-item:hover {
    background: #f1f1f1;
}

.line-icons .line-icon-item {
    padding: 10px 20px 10px 20px;
    color: #333;
    display: block;
}

.line-icons .line-icon-item:hover {
    background: #f1f1f1;
}

.bs-glyphicons-list li span.glyphicon {
    margin: 5px 0 10px 0;
    float: none;
    font-size: 24px;
}

.bs-glyphicons-list li span {
    text-align: center;
    display: block;
}

.bs-glyphicons-list li {
    display: block;
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
    list-style-type: none;
}

@media (min-width: 768px) {
    .bs-glyphicons-list li {
        width: 12.5%;
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .bs-glyphicons-list li {
        width: 12.5%;
        font-size: 13px;
    }
}


/* Calendar */

.calendar-event {
    padding: 7px 10px;
    color: #5B5B5B;
    background: #FCF8E3;
    margin-bottom: 5px;
    overflow: hidden;
}

.calendar-event p {
    float: left;
    margin: 0;
}

.calendar-event .remove-calendar-event {
    float: right;
    color: #5B5B5B;
}


/* FAQ */

.faq-link:hover {
    text-decoration: none;
}

.faq-popular {
    padding: 0;
}

.faq-popular li a {
    padding: 8px 10px;
    font-size: 14px;
    display: inline-block;
}


/* Todo */

.todo-nav {
    margin-top: 10px;
}

.todo-list .todo-item {
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
}

.todo-list {
    margin: 10px 0;
}

.todo-list.only-active .todo-item.complete {
    display: none;
}

.todo-list.only-active .todo-item:not(.complete) {
    display: block;
}

.todo-list.only-complete .todo-item:not(.complete) {
    display: none;
}

.todo-list.only-complete .todo-item.complete {
    display: block;
}

.todo-list .todo-item.complete span {
    text-decoration: line-through;
}

.remove-todo-item {
    color: #ccc;
    visibility: hidden;
}

.remove-todo-item:hover {
    color: #5f5f5f;
}

.todo-item:hover .remove-todo-item {
    visibility: visible;
}

#uniform-all-complete {
    margin-left: 11px;
}


/* Dashboard */

.info-box .progress {
    margin: 0;
}

.info-box .info-box-icon {
    float: right;
}

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

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

.info-box .info-box-stats p {
    font-size: 28px;
    margin-bottom: 14px;
    color: #374051;
    font-weight: 400;
	font-family: 'Ubuntu', sans-serif;
}

.info-box .info-box-stats span.info-box-title {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    color: #B0B0B0;
}

.info-box .info-box-progress {
    clear: both;
}

@media (min-width: 768px) {
    .visitors-chart {
        border-right: 1px solid #eee;
    }
}

.stats-info ul {
    margin: 0;
}

.stats-info ul li {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.stats-info ul li:last-child {
    border-bottom: 0;
}

.stats-info ul li i {
    margin-left: 5px;
}

#flotchart1 {
    height: 340px;
    width: 100%;
}

#flotchart2 {
    height: 278px;
    width: 100%;
}

#flotchart3 {
    height: 200px;
    width: 100%;
}

.server-load > .server-stat {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
}

.server-load .server-stat span {
    font-size: 11px;
    margin-bottom: 3px;
}

.server-load .server-stat p {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px;
}

.weather-current {
    overflow: hidden;
}

.weather-current p {
    font-size: 12px;
    margin: 5px 0 0 0;
    float: left;
    color: #8e8e8e;
}

.weather-current p span {
    font-size: 42px;
    clear: both;
    margin-top: 15px;
    display: block;
    color: #4E5E6A;
    font-weight: 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: 767px) {
    .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: 64px;
	margin: 10px 0;
}

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



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

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


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

.message-header h3 em {
    float: left;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #fff;
    font-style: normal;
    background: #00bb77;
}

.message-header p.message-date {
    float: right;
    margin: 0;
	color: #999;
}
.message-header p.message-date em {
	font-family: 'Spoqa-Regular';
    font-style: normal;
	color: #333;
	font-weight: normal;
	margin-left: 10px;
}

@media (max-width: 991px) {
	.message-header p.message-date {margin-top: 15px;}
}
@media (max-width: 499px) {
	.message-header {padding: 15px 0;}
	.message-header h3 {width: 100%;}
	.message-header p.message-date {
	    float: left;
	    margin: 10px 0 0;
	    color: #999;
	}
}

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

.message-content p {
    font-size: 13px;
}

@media (max-width: 499px) {
	.message-content img {
    	width: 100%;
	}
}
.message-content img {
    max-width: 100%;
    height: auto !important;
}

.message-content .quizArea {
   float: left;
   width: 100%;
   margin-top: 40px;
   padding: 0 30px;
}
.message-content .quizArea dl dt {
   float: left;
   width: 10%;
   font-size: 24px;
   color: #096bad;
   margin-bottom: 20px;
}
.message-content .quizArea dl dd {
   float: left;
   width: 90%;
   font-size: 24px;
   text-align: left;
   margin-bottom: 20px;
}
.message-content .quizArea dl dd input[type="text"] {
   float: left;
   width: 80px;
   height:80px;
   font-size: 28px;
   text-align: center;
   border: 2px solid #ddd;
   margin-top: 5px;
   margin-right: 7px;
}
.message-content .quizArea dl dd button {
	float: left;
	margin-top: 5px;
	width: 150px;
	height: 80px;
	font-size: 24px;
	border-radius: 4px;
}

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

.product-list .plpplsubname h4 {
    font-size: 18px; 
}


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

.page-login .page-content header {height: 110px;}

.page-register #main-wrapper,
.page-forgot #main-wrapper,
.page-lock-screen #main-wrapper {
    margin: 5%;
}
@media (min-width: 1760px) {
	.page-login #main-wrapper {
	    margin: 4.9% auto 5% !important;
	    width: 1140px !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important;}
}
@media (min-width: 1640px) and (max-width: 1759px) {
	.page-login #main-wrapper {
	    margin: 5% auto 5% !important;
	    width: 1140px !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important;}
}
@media (min-width: 1400px) and (max-width: 1639px) {
	.page-login #main-wrapper {
	    margin: 5% auto 5% !important;
	    width: 1140px !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important;}
	.banArea li span {padding: 7px 20px !important;}
}
@media (min-width: 1350px) and (max-width: 1399px) {
	.page-login #main-wrapper {
	    margin: 5% auto 10% !important;
	    width: 1140px !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important;}
	.banArea li span {padding: 7px 20px !important;}
}
@media (min-width: 1140px) and (max-width: 1349px) {
	.page-login #main-wrapper {
	    margin: 5% auto 10% !important;
	}
	.login_copy {left: 5% !important; bottom: 180px !important; margin-left: 0 !important;}
	.banArea li span {padding: 7px 20px !important;}
}
@media (max-width: 1199px) {
	.loginBtn,
	.page-login #main-wrapper,
	.loginCopyRightA {
		width: 100% !important;
	}
}
@media (max-width: 1160px) {
	.page-login .page-content header {height: 80px;}
}
@media (max-width: 1139px) {
	.page-login #main-wrapper {
	    margin: 5% auto 10% !important;
	}
	.banArea li span {padding: 7px 20px !important;}
	.login_copy {margin-left: 0 !important;}
}
@media (min-width: 768px) and (max-width: 1139px) {
	.login_copy {left: 5% !important; bottom: 180px !important;}
}
@media (max-width: 991px) {
	.page-login #main-wrapper .right {
		float: none !important;
		width: 100% !important;
		padding: 20px !important;
		box-shadow: none !important;
	}
	.page-content header h1 {padding: 0 20px;}
	

	.loginBtn ul li,
	.loginBtn ul li.last {width: 50% !important;}
	.loginBtn ul li,
	.loginBtn ul li:first-child {border-bottom: 1px solid #414141;}
	.loginBtn ul li.third,
	.loginBtn ul li.last {border-bottom: 0px;}
	.loginBtnArea {margin: -75px auto 0 !important; padding: 0 20px !important;}
	.loginCopyRightA span {
		float: none !important;
		width: 100% !important;
		margin-top: 20px !important;
		line-height: 20px !important;
	}
}
@media (min-width: 500px) and (max-width: 767px) {
	.page-login #main-wrapper {
	    margin: 12% auto 10% !important;
	}
}
.page-login #main-wrapper {
	position: relative;
    margin: 5% auto 19%;
    width: 1140px;
}
.page-login #main-wrapper .right {
	float: right;
	width: 40%;
	padding: 0;
	box-shadow: 0 3px 3px 5px rgba(30, 30, 30, 0.05);
}
.page-login #main-wrapper2 {
    margin: 14% 5% 0;
}
.page-login #main-wrapper3 {
    margin: 10% 5% 7%;
}

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

.banArea {
	float: left;
	width: 100%;
    margin: 0 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%);
}

.login-box {
	float: left;
	min-width: 100%;
    margin: 0 auto;
    padding: 50px 50px 20px;
    background: #fff;
    border-radius: 5px;
	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 button img {
	width: 50px;
	margin: 0 15px 0 0 !important;
}

.login2-area {
	position: relative;
	z-index: 1;
}

.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: 88px;
	width: 100%;
	padding: 10px 10px 0;
	z-index: 10;
}

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

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

.idpwsearch .nav-tabs > li {
  width: 50%;
  height: 50px;
  background: #fafafa;
}
.idpwsearch .nav-tabs > li a {
  padding: 15px 10px !important;
  color: #797979;
}
.idpwsearch .nav-tabs > li a:hover {
  color: #555;
}

.idpwsearch .nav-tabs > li.active a {
  color: #333;
}

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

@media (max-width: 1399px) {
	.page-login #main-wrapper3 {margin-top: 8% !important;}
}
@media (max-width: 1299px) {
	.page-login #main-wrapper3 {margin-top: 6% !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.login-box {
		padding-top: 50px !important;
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
}

@media (max-width: 991px) {
	.login_copy {width: 100%; text-align: center;}
	.login-box {
		margin-bottom: 40px !important;
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	.login2-area {
		top: 70px;
		margin-bottom: 60px;
	}

	.page-inner3 .no-p-r {padding-left:0px !important;}
}
@media (max-width: 499px) {
	.page-login #main-wrapper {
	    margin: 20% auto 10% !important;
	}
	.login_copy {left: 0% !important; bottom: -20px !important;}
	.login-box {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
}


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

.top-menu .navbar-nav > li.search {
    width: 450px;
    margin-right: 90px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .top-menu .navbar-nav > li.search {
		width: 300px;
	}
}
@media (max-width: 991px) {
	.top-menu .navbar-nav > li.search {
		width: 170px;
		margin-right: 40px;
	}
}



/* 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,
.page-inner8,
.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-mobile {display: none;}

@media (min-width: 992px) {
	.full-desktop2 {display: block;}
	.full-mobile2 {display: none !important;}
	.full-desktop3 {display: block;}
	.full-mobile3 {display: none !important;}

	.full-mobile-nav {display: none !important;}
}

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



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

.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;
    padding: 6px 10px 0px 10px;
    width: 10px;
    font-family: Dotum;
    font-weight: 600;
    font-size: 14px;
    color: #e3211d;
}


@media (max-width: 767px) {
	.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;
}



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

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%;
	text-align: center;
	border-top: 1px solid #999999;
}
.product-list p.none img {
	margin: 30px 0 10px;
	width: 50px;
}

.event-list p.none.noline {
	border: none;
}
.event-list p.none {
	display: inline-block;
	padding: 50px 0 0;
	width: 100%;
	text-align: center;
	border-top: 1px solid #999999;
}
.event-list p.none img {
	margin: 30px 0 10px;
	width: 54px;
}

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 .pagination {
	margin: 15px 0 0;
	padding: 12px 0;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.07);
	   -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.07);
			box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.07);
}

@media (max-width: 991px) {
	.product-list .pagination {margin: 0;}
}



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

.product-list {
	float: left;
	width: 100%;
	margin: 0 0 10px;
}
.product-list h4 {
	float: left;
	margin: 20px 0 !important;
	width: 100%;
	font-family: 'NotosansM' !important;
}
.categoryRight .product-list h4 {
	margin: 0 0 39px !important;
}
.product-list h4 em {
	margin: 0 3px 0 10px;
	font-style: normal;
	font-family: 'NotosansB';
	font-size: 20px !important;
	color: #222;
}

@media (max-width: 991px) {
	.categoryRight .product-list h4 {
		margin: 0 0 20px !important;
	}
}


.product-list h4 ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 48.707%;
}
.product-list h4 ul li {
	float: left;
	margin-left: 10px;
}
.product-list h4 ul li select {
	min-width: 89px;
	height: 30px;
	font-family: 'NotosansR';
	font-size: 13px;
	color: #555;
	background: url(../../images/kr/shop/select_arrow.png) top 12px right 9px no-repeat !important;
	background-size: 11px !important;
	border-color: #ddd;
}
.product-list h4 ul li select:hover {
	border-color: #4a4a4a;
}
.product-list h4 ul li button {
	float: left;
	padding: 0;
	height: 30px;
	overflow: hidden;
}
.product-list h4 ul li button:first-child {
	margin-right: -1px;
}
.product-list h4 ul li button.active {
	position: relative;
	z-index: 9;
	background-color: transparent;
	-webkit-box-shadow: none;
			box-shadow: none;
}
.product-list h4 ul li button img {
	width: 30px;
}
.product-list h4 ul li button.active img {
	margin-top: -30px;
}

@media (min-width: 640px) {
	.product-list h4 ul {width: 48.94%;}
}
@media (min-width: 768px) {
	.product-list h4 > ul {width: 48.265% !important;}
	.product-list h4 > ul > li {width: 49% !important;}
}
@media (min-width: 992px) {
	.product-list h4 > ul,
	.product-list h4 > ul > li {width: auto !important;}
}

@media (max-width: 991px) {
	.product-list h4 {margin-bottom: 15px !important;}
	.product-list h4 ul {
		float: right;
		margin-top: 10px;
		width: 48.265%;
	}
	.product-list h4 ul li {
		float: left;
		margin-left: 0;
		width: 49%;
	}
	.product-list h4 ul li:nth-of-type(even) {float: right;}
	.product-list h4 ul li select {padding: 4px 10px !important;}
	.product-list h4 ul li:nth-of-type(even) select {float: right;}
}
@media (max-width: 499px) {
	.product-list h4 ul {
		float: left;
		width: 100%;
	}
	.product-list h4 ul li {width: 48.89%;}
	.product-list h4 ul li select {
		width: 100%;
		min-width: auto;
		height: 35px;
	}
}
@media (max-width: 414px) {
	.product-list h4 ul li {width: 48.7%;}
}
@media (max-width: 375px) {
	.product-list h4 ul li {width: 48.555%;}
}
@media (max-width: 360px) {
	.product-list h4 ul li {width: 48.485%;}
}



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

.pro_info {
	float: left;
	width: 100%;
	margin: -38px 0 0;
}
.pro_info ul {
	padding: 0;
}
.pro_info li {
	float: right;
	width: 46.75%;
}
.pro_info li:first-child {
	float: left;
	display: block;
	width: 46.66666667%;
}


@media (max-width: 991px) {
	.product-relative .clearfix h4.panel-title {
		font-size: 22px;
		line-height: 29px;
		margin-bottom: 45px !important;
	}
	
	.pro_info {margin: -24px 0 0;}
	.pro_info li,
	.pro_info li:first-child {width: 100% !important;}
	.pro_info li:first-child {margin-bottom: 30px;}
}


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

.gallery {
	width: 100%;
}

.thumbnails img {
	display: inline-block;
	margin: 20px 0 0 8px;
	padding: 0;
	width: 65px;
	height: 65px;
	border: 1px solid #666;
}
.thumbnails img:first-child {
	margin-left: 0;
}
.thumbnails img:hover {
	border: 1px solid #fb5555;
	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 {
	width:100%;
	border: none !important;
	z-index: 3;
}
.preview {
	position: relative;
}
.preview img {
	padding: 0;
	width: 100%;
	height: 100%;
	background: #fafafa;
	border: 0px solid #666;
	position: relative;
	z-index: 1;
}

.thumbnails {position: relative;}

@media (max-width: 991px) {
	.thumbnails img {
		float: left;
		width: 13%;
    	height: auto;
    	margin: 10px 0 0 8px;
	}
}

.youtubeBtn {
	position: absolute;
	top: 16px;
	right: 0;
}
.youtubeBtn a {display: block;}
.youtubeBtn a img {
	margin: 0;
	width: 45px;
	height: 45px;
	border-width: 0;
	opacity: .2;
}
.youtubeBtn:hover a img {
	border-width: 0;
	opacity: .8;
	-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;
}


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

.info_text {
	width: 100%;
}

.sub-product-info-wrap h3 {
	margin: -6px 0 0;
	width: 100%;
	line-height: 26px;
	font-family: 'Spoqa-Regular';
	font-size: 18px;
	color: #121212;
}
.sub-product-info-wrap h3 > b {
	display: block;
	margin-top: 10px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 26px;
	line-height: 1.3em;
	letter-spacing: -.035em;
}
.sub-product-info-wrap h3 span {
	font-size: 16px;
	color: #898989;
}

.sub-product-info-wrap .cd-soldout {
/* 	display: inline-block; */
	position: relative;
	top: 0;
	float: left;
	margin-top: 15px;
	width: 100%;
}
.sub-product-info-wrap .cd-soldout span {
	display: none;
	margin: 0 1px 0 0;
	padding: 3px 0;
	color: #fff;
}
.sub-product-info-wrap .cd-soldout span:nth-of-type(1),
.sub-product-info-wrap .cd-soldout span:nth-of-type(2),
.sub-product-info-wrap .cd-soldout span:nth-of-type(3) {display: inline-block;}

.sub-product-info-wrap .price {
	display: inline-block;
	margin-top: 25px;
	padding-top: 25px;
	font-family: 'Spoqa-Regular';
	font-size: 14px;
	color: #333;
	text-align: left;
	letter-spacing: .3px;
}
.sub-product-info-wrap .price strong {
	float: left;
	margin-top: -20px;
	margin-right: 16px;
	font-family: 'NotosansM';
	font-weight: normal;
	font-size: 24px;
	color: #121212;
}
.sub-product-info-wrap .price strong em {
	margin-right: -9px;
	font-style: normal;
	font-family: 'Spoqa-Medium';
	font-size: 34px;
}
.sub-product-info-wrap .price span {
	display: inline-block;
	float: left;
	margin-top: -8px;
	margin-right: 10px;
	font-family: 'Spoqa-Light', 'NotosansL';
	font-size: 24px;
	color: #999;
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}
.sub-product-info-wrap .price span em {
	font-style: normal;
	font-family: 'Spoqa-Light';
	font-size: 24px;
	color: #999;
}
.sub-product-info-wrap .price b {
	font-family: 'Spoqa-Bold';
	font-size: 14px;
	color: #222;
	margin-right: 5px;
}

@media (min-width: 992px) {
	.sub-product-info-wrap h3 > b {margin-top: 8px;}
	.sub-product-info-wrap .price {padding-top: 21px;}
	.sub-product-info-wrap .price strong {margin-top: -25px;}
	.sub-product-info-wrap .price strong em {font-size: 40px;}
	.sub-product-info-wrap .price span {margin-top: -7px;}
}

@media (max-width: 991px) {
	.sub-product-info-wrap .price {
		margin-top: 10px;
		margin-bottom: 5px;
		padding-top: 0;
	}
	.sub-product-info-wrap .price strong {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
}
@media (max-width: 499px) {
	.sub-product-info-wrap .price strong {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.sub-product-info-wrap .price strong em {
		font-size: 28px;
		letter-spacing: -.3px;
		margin-right: -5px;
	}
	.sub-product-info-wrap .price span {
		margin-top: -5px;
		font-size: 20px;
	}
	.sub-product-info-wrap .price span em {
		font-size: 20px;
	}
}


/* More Info */

.sub-product-cons {
	float: left;
	margin: 20px 0 0;
	padding: 20px 25px 0;
	width: 100%;
	border: 1px solid #e5e5e5;
}
.sub-product-cons dl {
	margin: 0;
	padding-top: 5px;
	width: 100%;
	height: 46px;
	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-family: 'NotosansR';
	font-size: 14px;
}
.sub-product-cons dl dt {
	width: 26%;
	color: #666;
}
.sub-product-cons dl dd {
	width: 74%;
	color: #222;
}

.sub-product-cons dl dd em {
	font-style: normal;
	font-family: 'Spoqa-Medium';
}
.sub-product-cons dl dd a {
	top: 5px;
	margin: -6px 0 0 3px;
	padding: 3px 0 3px 4px;
	background-color: transparent;
}
.sub-product-cons dl dd a:hover .far {
	color: #121212;
}
.sub-product-cons dl dd .far {
	font-size: 16px;
	color: #999;
}
.sub-product-cons dl dd .fas {
	margin-top: -4px;
	margin-right: 15px;
	font-size: 21px;
	color: #999;
	vertical-align: middle;
	border: 1px solid #999;
}


@media (max-width: 499px) {
	.sub-product-cons dl dd .btn-tip {
		margin: 0 3px 0 0 !important;
	}
}

.sub-product-cons dl dd .btn-tip {
	top: 0;
	margin: 0 8px 0 0;
	padding: 0;
	width: 18px;
	background-color: transparent;
}
.sub-product-cons dl dd .btn-tip span {
	margin: 0;
	font-weight: 600;
	font-size: 16px;
	color: #999;
}
.sub-product-cons dl dd .btn-tip .far {
	font-size: 19px;
	color: #999;
}
.sub-product-cons dl dd .btn-tip .far:before {
	top: -2px;
	left: -1px;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color: transparent;
	-webkit-transform: none;
	   -moz-transform: none;
		-ms-transform: none;
		 -o-transform: none;
			transform: none;
}
.sub-product-cons dl dd .btn-tip .fas {
	margin: -13px 0 0;
	width: 18px;
	height: 18px;
	font-size: 12px;
	border: 2px solid #999;
	border-radius: 100%;
}
.sub-product-cons dl dd .tip-box {
	top: 24px;
	line-height: 2.1rem;
}
.sub-product-cons dl dd .tip-box .close span {margin: 3px 0 0;}
.sub-product-cons dl dd .tip-box:before {right: auto; left: 10px;}
.sub-product-cons dl dd .tip-box:after {right: auto; left: 11px;}

@media (min-width: 992px) {
	.sub-product-cons {margin-top: 20px;}
	.sub-product-cons dl dd {position: relative;}
}

@media (max-width: 991px) {
	.sub-product-cons {
		margin-top: 10px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.sub-product-cons dl {position: relative;}
	.sub-product-cons dl dt {
		width: 34%;
		letter-spacing: -.03em;
	}
	.sub-product-cons dl dd {
		width: 66%;
		word-break: keep-all;
	}
	.sub-product-cons dl dd .fas {margin-right: 10px;}
	.sub-product-cons dl dd .tip-box {top: 30px;}
}
@media (max-width: 499px) {
	.sub-product-cons dl dt {
		width: 37% !important;
	}
	.sub-product-cons dl dd {
		width: 63% !important;
	}
	.sub-product-cons dl dd .tip-box {
		line-height: 1.5rem !important;
	}
}


.sub-option {
	float: left;
	width: 100%;
	margin: 10px 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.no-option {
	margin-bottom: 0;
	padding: 17px 30px 17px;
	border: 1px solid #e5e5e5;
}
.sub-option.no-option + .sub-option {margin-top: 0;}
.sub-option.no-option + .sub-option .variation {margin-top: 10px;}
.sub-option .quantity {
	margin: 0;
	width: 100%;
}
.sub-option .quantity p {
	float: left;
	margin-top: 5px;
	width: 26%;
	font-family: 'NotosansM';
}
.sub-option .quantity dl {
	float: left;
	width: 70%;
	padding: 0;
	margin: 0;
}
.sub-option .quantity dl dd {
	float: left;
	margin: 0;
}
.sub-option .quantity dl dd button {
	position: relative;
	padding: 0;
	border-color: #ccc;
}
.sub-option .quantity dl dd button:hover {
	border-color: #51b72f;
		-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-option .quantity dl dd button:hover i {
	color: #51b72f;
		-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-option .quantity dl dd button i {
	position: relative;
	float: left;
	margin: 0;
	width: 33px;
	height: 33px;
	font-size: 19px;
	line-height: 33px;
	color: #313131;
	text-align: center;
	background-color: #fff;
}
.sub-option .quantity dl dd button i:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 21px;
	height: 21px;
	border: 4px solid #fff;
	border-radius: 100%;
}
.sub-option .quantity dd input[type="text"] {
	margin: 0 -1px;
	padding: 6px 10px !important;
	width: 60px !important;
	height:35px;
	font-size: 13px;
	text-align: center;
	background: #fff;
	border-radius: 0;
	border: 1px solid #ccc !important;
	box-shadow: none !important;
}
.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;
}

@media (max-width: 991px) {
	.sub-option .quantity p {width: 35.2%;}
	.sub-option .quantity dl {width: 64.8%;}
}


.sub-option .variation {
	margin: 0;
	width: 100%;
}
.sub-option .variation ul li {
	float: left;
	margin: 10px 0 0;
	width: 100%;
}
.sub-option .variation:first-child ul li:first-child {margin-top: 0;}
.sub-option .variation p {
	margin-top: 10px;
	
}

@media (max-width: 499px) {
	.sub-option .variation li select {
		padding: 9px 15px 11px !important;
		background: url(../../images/kr/shop/select_arrow@2x.png) center right 15px no-repeat !important;
		background-size: 16px !important;
	}
}
.sub-option .variation select {
	float: left;
	padding: 9px 25px 11px !important;
	width: 100%;
	height: 50px;
	font-family: 'NotoSansM';
	font-weight: normal;
	font-size: 14px;
	color: #121212;
	background: url(../../images/kr/shop/select_arrow@2x.png) center right 24px no-repeat !important;
	background-size: 16px !important;
	border-color: #aeaeae;
}
.sub-option .variation select::-ms-expand {
	display: none;
}
.pro_info .option-list {
	float: left;
	margin-top: 0;
	padding: 0;
	width: 100%;
	font-size: 13px;
	background: #fff;
/* 	border-bottom: 1px solid #ddd; */
}

@media (max-width: 499px) {
	.pro_info .option-list li {
		padding: 3px 18px 16px 15px !important;
	}
}
.pro_info .option-list li {
	margin: 5px 0 0;
	padding: 6px 25px 10px;
	width: 100%;
	background-color: #fbfbfb;
	border: 1px solid #f1f1f1;
}
.pro_info .option-list li:first-child {
	margin-top: 15px;
}
.pro_info .option-list button.btn-addon {
	float: left;
	padding: 0;
	border-color: #e9e9e9;
}
.pro_info .option-list button.btn-addon:hover {
	border-color: #51b72f;
}
.pro_info .option-list button.btn-addon:hover i {
	color: #51b72f;
}
.pro_info .option-list button.btn-addon:nth-last-of-type(1) {
	float: right;
	border: none;
}
.pro_info .option-list button.btn-addon i {
	position: relative;
	float: left;
	margin: 0;
	width: 28px;
	height: 28px;
	font-size: 19px;
	line-height: 30px;
	color: #313131;
	text-align: center;
	background-color: #fff;
}
.pro_info .option-list button.btn-addon:nth-last-of-type(1) i {
	margin-top: 0;
	margin-right: -8px;
	font-size: 29px;
	background-color: #fbfbfb;
}
.pro_info .option-list button.btn-addon:nth-last-of-type(1):hover i {
	color: #797979;
}
.pro_info .option-list button.btn-addon i:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 3px;
	width: 21px;
	height: 21px;
	border: 3px solid #fff;
	border-radius: 100%;
}
.pro_info .option-list button.btn-addon:nth-last-of-type(1) i:after {
	top: 0px;
	left: -1px;
	width: 31px;
	height: 31px;
	border-width: 5px;
	border-color: #fbfbfb;
}
.pro_info .option-list input[type="text"] {
	float: left;
	padding: 2px 10px 3px;
	border: 1px solid #e9e9e9;
	border-right: none;
	border-left: none;
}
.pro_info .option-list li .pro-name {
	float: left;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
	letter-spacing: -.01em;
	color: #555;
}
.pro_info .option-list li p {
	float: left;
	margin: 10px 7px 0 9px;
	font-size: 13px;
	color: #7b90a1;
}
.pro_info .option-list li .count {
	float: left;
	margin-top: 8px;
	padding: 0;
	width: 100%;
}
.pro_info .option-list li .count input[type="text"] {
	float: left;
	width: 40px;
	height: 30px;
	font-size: 13px;
	color: #555;
	text-align: center;
}

.pro_info .option-list li .count strong {
	float: right;
	margin-top: 2px;
	margin-right: 16px;
	padding: 0;
	font-family: 'NotosansL';
	font-size: 17px;
	color: #121212;
}
.pro_info .option-list li .count strong em {
	font-style: normal;
	font-family: 'Spoqa-Regular';
	font-size: 18px;
}
.pro_info .option-list li .count .btn-delete {
	float: right;
	margin: -1px -9px 0 0;
	padding: 5px 9px;
	width: 30px;
	height: 30px;
	background-color: transparent;
}
.pro_info .option-list li .count .btn-delete img {
	width: 12px;
	opacity: .75;
}


.sub-all-price {
	float: left;
	padding: 10px 0 22px 0;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 18px;
	color: #222;
	text-align: right;
/* 	border-top: 1px solid #ddd; */
/* 	border-bottom: 2px solid #777; */
}
.sub-all-price em {
	margin: 0 0 0 8px;
	font-style: normal;
	font-family: 'Spoqa-Bold';
	font-size: 24px;
	color: #121212;
}

@media (max-width: 991px) {
	.sub-all-price {
		padding-right: 0;
    	padding-bottom: 20px;
    	padding-top: 10px;
	}
	.sub-all-price em {
		margin: 0 0 0 3px !important;
	}
	
	.info_text .sub-buttons em.soldoutTxt {
		font-size: 15px;
		text-align: left !important;
		margin-top: 7px;
	}

}
@media (max-width: 499px) {
	.info_text .sub-buttons em.soldoutTxt {
		font-size: 14px !important;
	}

}


.sub-buttons {
	float: left;
	padding-top: 25px;
	width: 100%;
	text-align: right;
}
.info_text .sub-buttons em {
	float: left;
	font-style: normal;
	font-size: 16px;
	line-height: 40px;
}
.info_text .sub-buttons em.soldoutTxt {
	width: 100%;
	text-align: center;
}
.sub-buttons .btn {
	margin-left: 5px !important;
	padding: 11px 0 13px;
	width: auto;
	min-width: 59px;
	height: 59px;
	font-family: 'NotosansM';
	font-size: 22px !important;
	letter-spacing: -.01em;
	background-color: #fff;
	border: 1px solid #999;
}
.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: #444;
    background-color: #fafafa;
    border-color: #444;
    -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: 25px;
	line-height: 1.55;
	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: #1299cb;
	border: 1px solid #1299cb;
}
.sub-buttons .btn.btn-basket-list:hover {
	color: #fff;
	background-color: #017eac;
	border: 1px solid #017eac;
		-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: #fff;
	background-color: #003476;
	border: 1px solid #003476;
}
.sub-buttons .btn.btn-basket-buy:hover {
	background-color: #002656;
	border: 1px solid #002656;
		-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;
}
.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: 1200px) {
	.sub-buttons .btn.btn-basket-rv.w-70 {
		width: 70.945% !important;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.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 .btn.btn-basket-rv.w-70 {
		width: 61.345% !important;
	}
	.sub-buttons p {
		float: left;
		width: 100%;
		margin-top: 5px;
		padding: 7px 20px 8px;
		line-height: 42px;
	}
}
@media (max-width: 991px) {
	.sub-buttons {
		padding-top: 0px !important;
	}
	.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.btn-basket-rv {
		width: 100%;
		margin: 5px 0 0 !important;
	}
	.sub-buttons .btn.iconBtn {
		float: left;
		width: auto;
	}
	.sub-buttons .btn.btn-basket-line {
		float: right;
		margin-left: 0px !important;
		margin-top: 5px;
		width: 100%;
	}
	.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: 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;
	}
}


/* Good Product
 **************************/

.sub-good {
	position: relative;
	margin-top: 68px;
	padding: 0 30px 5px;
	border: 1px solid #e5e5e5;
}
.sub-good h4 {
	float: left;
	margin: 0 !important;
	padding: 26px 0 25px;
	width: 100%;
	font-family: 'NotoSansB';
	font-size: 18px;
	color: #121212;
	border-bottom: 0px solid #0c6eaf;
}
.sub-good > button {
	top: 24px;
	padding: 13px 10px 10px;
	background-color: transparent;
}
.sub-good .swiper-button-prev,
.sub-good .swiper-container-rtl .swiper-button-next {
	right: 64px;
	left: auto;
}
.sub-good .swiper-button-next,
.sub-good .swiper-container-rtl .swiper-button-prev {
	right: 24px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.sub-good .swiper-button-prev,
	.sub-good .swiper-button-next {
		top: 30px;
		padding: 0;
		width: 8px;
		height: 14px;
		color: #1b2429;
	}
	.sub-good .swiper-button-prev,
	.sub-good .swiper-container-rtl .swiper-button-next {
		right: 70px;
	}
	.sub-good .swiper-button-next,
	.sub-good .swiper-container-rtl .swiper-button-prev {
		right: 0;
	}
	.sub-good .swiper-button-prev {
		background: url('../../images/kr/main/swiper-prev.png') center left no-repeat;
	}
	.sub-good .swiper-button-next {
		background: url('../../images/kr/main/swiper-next.png') center left no-repeat;
	}
}



.swiper-good .swiper-slide:hover .cd-item-details {
	opacity: 1;
	transition: opacity 0.4s linear;
}
.sub-good .cd-item-info {
	padding: 12px 0 12px;
	background-color: transparent;
}
.sub-good .cd-item-info > b {
/* 	font-family: 'NotosansL'; */
	line-height: 1.67rem;
}
.sub-good .cd-item-info .cd-price {
	height: auto;
	margin-top: 9px;
}
.sub-good .cd-item-info .cd-price strong {
	float: left;
	width: 100%;
	margin-top: 3px;
	font-family: 'Spoqa-Bold', 'NotosansB';
}

@media (min-width: 768px) {
	.swiper-good .swiper-slide .cd-item-wrapper {height: 213px !important;}
}
@media (min-width: 992px) {
	.swiper-good .swiper-slide {
		margin-right: 30px;
		width: 14.7%;
	}
	.swiper-good .swiper-slide .cd-item-wrapper {height: 198px !important;}
}
@media (min-width: 1200px) {
	.swiper-good .swiper-slide .cd-item-wrapper {height: 177px !important;}
	.sub-good .cd-item-info .cd-price i {margin-right: 5px;}
	.sub-good .cd-item-info .cd-price br {display: block;}
}

@media (max-width: 991px) {
	.sub-good {
		margin-top: 50px;
		padding: 0 15px;
	}
}
@media (max-width: 499px) {
	.sub-good {
		padding: 0 15px 15px !important;
	}
	.sub-good h4 {padding-bottom: 15px;}
	.sub-good > button {
		top: 20px !important;
	}
	.sub-good .cd-item-info {padding-bottom: 0;}
}






.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: 15px !important;
	padding: 10px 0;
}
@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: 30px;
	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;
	}
}



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

#a1 {height: 66px;}
#a2, #a3 {height: 65.5px;}

@media (max-width: 991px) {
	#a1 {height: 111px;}
	#a2, #a3 {height: 111px;}
}
@media (max-width: 414px) {
	#a1, #a2, #a3 {height: 34px;}
}

.sub-product-wrap {
	float: left;
	margin-top: 16px;
	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: 23px 0 22px;
	width: 100%;
	height: 75px;
	font-family: 'NotosansR';
	font-size: 18px;
	letter-spacing: -.02em;
	color: #999;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-left: none;
	border-bottom-color: #333;
	background-color: #fff;
	text-decoration: none;
}
.sub-product-wrap .tab li:first-child a {
	border-left: 1px solid #e5e5e5;
}
.sub-product-wrap .tab .selected {
	z-index: 1;
/* 	padding-bottom: 23px; */
	font-family: 'NotosansM';
	color: #222;
	font-weight: normal;
	background-color: #fff;
	border-left: 1px solid #333 !important;
	border-color: #333;
/* 	border-bottom: none; */
	border-bottom-color: transparent;
}

@media (max-width: 991px) {
	.sub-product-wrap {margin-top: 30px;}
	.sub-product-wrap .tab li a {
		padding: 18px 0 17px;
		height: 60px;
		font-size: 16px;
	}
	.sub-product-wrap .tab .selected {
		padding-bottom: 18px;
	}
	.sub-product-wrap .panel {padding: 30px 0 0}
}
@media (max-width: 499px) {
	.swiper-wrapper.m-b-md {
		margin-bottom: 0px !important;
	}
	.sub-product-wrap .tab li a {
		padding-top: 15px;
		height: 50px;
		font-size: 14px;
		letter-spacing: -.5px;
	}
	.sub-product-wrap .tab .selected {
		font-size: 14px;
	}
	.sub-product-wrap .panel {padding: 40px 0 0 !important;}
	
	.sub-product-wrap .panel table tr th,
	.sub-product-wrap .panel table tr td {
		padding: 11px 5px 10px 10px !important;
	}

}
@media (max-width: 414px) {
	
}
@media (max-width: 375px) {
	.sub-product-wrap .tab .selected {letter-spacing: -.05em;}
}


.sub-product-wrap .panel {
	float: left;
	width: 100%;
	padding: 70px 0 30px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.sub-product-wrap .panel table {
	position: relative;
	float: left;
	margin-top: 0px;
	border-top: 2px solid #121212;
}
.sub-product-wrap .panel table:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #ccc;
}
.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: 14px;
	text-align: left;
}
.sub-product-wrap .panel table tr th {
	font-family: 'NotosansM';
	font-weight: normal;
	color: #121212;
	background-color: #f9f9f9;
}
.sub-product-wrap .panel table tr td {
	color: #333;
}

@media (min-width: 992px) {
	.sub-product-wrap .panel table tr th {width: 46% !important;}
	.sub-product-wrap .panel table tr td {width: 54% !important;}
	.sub-product-wrap .panel table tr.wide th {width: 23% !important;}
	.sub-product-wrap .panel table tr.wide td {width: 77% !important;}
}



.sub-product-wrap .panel .product-info {
	position: relative;
	float: left;
	margin-top: 5px;
/* 	margin-bottom: 85px; */
	width: 100%;
	border-top: 2px solid #555;
}
.sub-product-wrap .panel .product-info:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ededed;
}
.sub-product-wrap .panel .product-info dl.wide {
/* 	float: left; */
/* 	width: 100%; */
/* 	border-bottom: 1px solid #ededed; */
}
.sub-product-wrap .panel .product-info dl.wide dt {
/* 	width: 22.5%; */
}
.sub-product-wrap .panel .product-info dl.wide dd {
/* 	width: 77.5%; */
}
.sub-product-wrap .panel .product-info dl {
	position: relative;
	float: left;
	width: 50%;
	border-bottom: 1px solid #ededed;
}
.sub-product-wrap .panel .product-info dl.blank {
	float: left;
	margin-top: 0;
	height: auto;
	background: none;
}
.sub-product-wrap .panel .product-info dl dt,
.sub-product-wrap .panel .product-info dl dd {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	height: 44px;
	font-size: 14px;
	line-height: 40px;
	text-align: left;
}
.sub-product-wrap .panel .product-info dl dt {
	padding-right: 0;
	width: 45%;
	font-family: 'NotosansM';
	color: #121212;
	font-weight: normal;
	background-color: #fafafa;
}
.sub-product-wrap .panel .product-info dl dt em {
	display: inline-block;
	line-height: 18px;
	font-style: normal;
	vertical-align: middle;
}
.sub-product-wrap .panel .product-info dl dd {
	width: 55%;
	color: #555;
	font-family: 'NotosansR';
}
.sub-product-wrap .panel .product-info dl dd span {
	position: absolute;
	top: 50%;
	left: 47%;
	float: left;
	max-height: 40px;
	font-style: normal;
	line-height: 1.5;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.sub-product-wrap .panel .product-info dl dd em {
	font-style: normal;
}

@media (min-width: 992px) {
	.sub-product-wrap .panel .product-info dl:nth-of-type(2) dd em {
		font-style: normal;
		float: left;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

@media (max-width: 991px) {
	.sub-product-wrap .panel .product-info dl {
		width: 100%;
	}
	.sub-product-wrap .panel .product-info dl.blank {
		display: none;
	}
	.sub-product-wrap .panel .product-info dl.wide dt,
	.sub-product-wrap .panel .product-info dl dt {
		width: 30%;
		height: auto;
	}
	.sub-product-wrap .panel .product-info dl.wide dd,
	.sub-product-wrap .panel .product-info dl dd {
		overflow: hidden;
		width: 70%;
		height: auto;
	}
	.sub-product-wrap .panel .product-info dl dd em {
		display: inline-block;
		line-height: 20px;
		vertical-align: middle;
	}
	.sub-product-wrap .panel .product-info dl dd span {left: 40%;}
}
@media (max-width: 499px) {
	.sub-product-wrap .panel .product-info dl dt {
		padding-right: 5px !important;
		padding-left: 10px;
		letter-spacing: -.02em;
	}
	.sub-product-wrap .panel .product-info dl dt em {
		margin-top: -5px;
	}
	.sub-product-wrap .panel .product-info dl.wide dt,
	.sub-product-wrap .panel .product-info dl dt {
		width: 40%;
	}
	.sub-product-wrap .panel .product-info dl.wide dd,
	.sub-product-wrap .panel .product-info dl dd {
		overflow: hidden;
		width: 65%;
	}
	.sub-product-wrap .panel li > p {font-size: 14px !important;}
}
@media (max-width: 385px) {
	.sub-product-wrap .panel .product-info dl dt {
		padding-left: 7px;
		letter-spacing: -.04em;
	}
}
@media (max-width: 375px) {
	.sub-product-wrap .panel .product-info dl dt {
		padding: 0 5px;
	}
	.sub-product-wrap .panel .product-info dl dd {
		overflow: hidden;
		padding: 0 5px;
	}
}
@media (max-width: 360px) {
	.sub-product-wrap .panel .product-info dl dt,
	.sub-product-wrap .panel .product-info dl dd {font-size: 13px;}
}


.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: 19px 0 15px;
	width: 100%;
	font-family: 'NotosansB';
	font-weight: normal;
	font-size: 15px;
	color: #121212;
}
.sub-product-wrap .panel li:nth-of-type(2) h4 {
	margin-top: 45px;
}
.sub-product-wrap .panel li > p {
	float: left;
	margin-bottom: 5px;
	width: 100%;
	font-family: 'NotosansL';
	font-size: 15px;
	line-height: 1.657;
	color: #555;
}
.sub-product-wrap .panel li > p img {
	max-width: 100% !important;
	height: auto !important;
}

.sub-product-wrap .panel li > p .detail_info {
	float: left;
	margin-right: 6px;
}
.sub-product-wrap .panel > li > div {
	float: left;
	margin-bottom: 7px;
	width: 100%;
	font-size: 13px !important;
	color: #777 !important;
	text-align: left !important;
}
.sub-product-wrap .panel > li > div.cf > img {
	width: 35px;
	height: 35px;
}
.sub-product-wrap .panel > li > div > img {
	display: block;
	margin: 0 auto;
}
.sub-product-wrap .panel > li > div img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto !important;
}

@media all and (min-width: 992px) {
	.sub-product-wrap .panel li > p.last2 {margin-left: 45px;}
}
@media all and (max-width: 991px) {
	.sub-product-wrap .panel h4 {
		margin-top: 0px;
	}
	.sub-product-wrap .panel > li > div > img {
		width: 100%;
		height: auto;
	}
}
@media all and (max-width: 499px) {
	.sub-product-wrap .panel > li > div p img {
		width: 100%;
	}
	.sub-product-wrap .panel h4 {
		font-family: 'NotosansM' !important;
	    font-size: 16px !important;
	    margin: 15px 0 10px;
	}
}



/* 한줄평 */

.sub-product-wrap .panel li.oneReview {
	float: left;
	margin-top: 17px;
	width: 100%;
}
.sub-product-wrap .panel li.oneReview > label {
	float: left;
}
.sub-product-wrap .panel li.oneReview > label:nth-of-type(2) {
	margin: 2px 0 0 8px;
}
.sub-product-wrap .panel li.oneReview > label div {
	font-family: 'NotoSansM';
	font-size: 15px;
	color: #121212;
}
.sub-product-wrap .panel .comment-box {
	float: left;
	margin-bottom: 0;
	padding: 29px 20px 24px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #eee;
}
.comment-box p {
	margin: -2px 0 12px;
	font-size: 14px;
	color: #121212;
}
.sub-product-wrap .panel .comment-box p:first-child {
	margin-top: -3px;
	margin-right: 15px;
	width: auto;
}
.comment-box button {
	float: right;
	width: 105px;
	min-width: 105px;
	height: 40px;
	font-family: 'NotoSansM';
	font-size: 15px;
	background-color: #212121;
	border-radius: 3px;
}
.comment-box .textarea {
	float: left;
	position: relative;
	width: 90.07%;
	overflow: hidden;
}
.comment-box .textarea textarea {
	margin-bottom: 5px;
	height: 40px;
	overflow-y: auto;
	font-size: 13px;
	color: #121212;
	letter-spacing: -.4px;
	resize: none;
	padding: 11px 10px 9px !important;
	overflow-y: hidden;
}
.comment-box .textarea textarea::-webkit-input-placeholder,
.comment-box .textarea textarea::-moz-placeholder,
.comment-box .textarea textarea:-moz-placeholder,
.comment-box .textarea textarea:-ms-input-placeholder {
	color: #8d8d8d;
}
.comment-box .textarea span {
	float: right;
	margin-top: -33px;
	margin-right: 13px;
	font-family: 'Spoqa-Regular', 'NotosansR';
	font-size: 12px;
	letter-spacing: -.03em;
	color: #999;
}

@media (max-width: 1199px) {
	.comment-box .textarea {
		width: 85% !important;
	}
}
@media (max-width: 991px) {
	.sub-product-wrap .panel li.oneReview {
		margin-top: -2px;
	}
	.comment-box .textarea {
		width: 80% !important;
	}
	.comment-box .textarea textarea {
		height: 87px !important;
	}
	.comment-box button {
		height: 87px;
	}
}
@media (max-width: 628px) {
	.comment-box .textarea {
		width: 73% !important;
	}
}
@media (max-width: 499px) {
	.sub-product-wrap .panel li.oneReview {
		margin-top: 14px;
	}
	.comment-box .textarea {
		float: left;
		width: 100% !important;
	}
	.comment-box .textarea textarea {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.comment-box button {
		float: left;
		width: 100%;
		height: 45px;
		margin: 0;
	}
	.sub-product-wrap .panel .comment-box {
		padding: 25px 15px;
		margin-bottom: 0px;
	}
}


.reviewArea {
	float: left;
	width: 100%;
	padding: 20px 0 0;
	background-color: #fff;
}
.sub-product-wrap .panel .reviewArea {
	padding: 40px 0 0;
}

.reviewArea > div {
	float: right;
	margin-bottom: 10px;
}
.reviewArea > div button {
	display: block;
	float: right;
	margin-top: -6px;
	padding: 2px 12px 1px;
	font-size: 13px;
	color: #8c8c8c;
	background-color: #fff;
}
.reviewArea > div button:first-child {
	position: relative;
	padding-right: 0;
}
.reviewArea > div button:first-child:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 11px;
	background-color: #8c8c8c;
}

.reviewArea ul {
	float: left;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	border-top: 1px solid #5c5c5c;
}
.reviewArea ul li {
	border-bottom: 1px solid #eee;
}
.reviewList {
	float: left;
	width: 100%;
/* 	border-top: 1px solid #ddd; */
	padding: 20px 20px;
}
.reviewList:first-child {
	border-top: none;
}
.reviewList img {
	width: 20%;
}


.reviewList ins {
	float: left;
	padding: 5px 0 1px;
	width: 100%;
	font-size: 13px;
	color: #121212;
	text-decoration: none;
}
.reviewList ins strong {
	float: left;
	width: 10%;
	margin-bottom: 20px;
}
.reviewList ins em {
	float: left;
}
.reviewList ins span {
	float: left;
	margin: -1px 0 0 10px;
}
.reviewList ins strong button {
	margin-top: -4px;
	padding: 0 10px;
	background: transparent;
	font-size: 15px;
	color: #777;
/* 	border: none; */
/* 	border-radius: 4px; */
}
.reviewList ins strong button:hover {
	color: #121212;
}
.review_rate {
	position: relative;
	width: 95px;
}
.im {
	background-image: url('../../images/kr/shop/icon_bookmark_on.png');
	background-size: 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	margin-right: 4px;
	display: inline-block;
}
.im.rest {
	background-image: url('../../images/kr/shop/icon_bookmark_off.png');
}
.review_rate .rate-base-layer {
	position: absolute;
	top: 0;
	left: 0;
}
.review_rate .rate-base-layer .im {background-image: url('../../images/kr/shop/icon_bookmark_off.png');}


.reviewList .reviewHead {
	float: right;
	margin-top: -2px;
	font-size: 14px;
	letter-spacing: -.02em;
	color: #8c8c8c;
	text-align: right;
	
}
.reviewList .reviewHead span {
	margin: 0 25px 0 0 !important;
	min-width: 100px;
	text-align: right;
}


.reviewContent {
	float: left;
	padding: 11px 0 1px;
	width: 100%;
}
.reviewContent span {
	display: block;
	margin-bottom: 10px;
	font-family: 'NotoSansM';
	font-size: 15px;
	color: #999;
}
.reviewContent span b {
	margin-right: 9px;
	color: #121212;
}
.reviewContent p {
	float: left;
	margin: 4px 0 0;
	width: 90%;
	font-family: 'NotoSansL';
	font-size: 15px;
	line-height: 1.45;
	color: #121212;
}
.reviewContent button {
	display: block;
	float: right;
	margin-top: -1px;
	padding: 2px 12px 1px;
	font-family: 'NotoSansR';
	font-size: 13px;
	color: #8c8c8c;
	background-color: #fff;
	border: 1px solid #8c8c8c;
	border-radius: 3px;
}

@media (min-width: 500px) {
	.reviewList {position: relative;}
	.reviewList ins strong {margin-bottom: 0px;}
}

@media (max-width: 499px) {
	.reviewList {
		padding: 20px 15px !important;
	}
	.reviewList ins strong {width: 30%; margin-bottom: 10px;}
	.reviewList .reviewHead {width: 70%;}
	.reviewContent {
		padding: 0;
		overflow: hidden;
	}
}
@media (max-width: 414px) {
	.reviewList ins strong {width: 32%;}
	.reviewList .reviewHead {width: 68%;}
}
@media (max-width: 385px) {
	.reviewList ins strong {width: 35%;}
	.reviewList .reviewHead {width: 65%;}
}
@media (max-width: 375px) {
	.reviewList ins strong {width: 36%;}
	.reviewList .reviewHead {width: 63%;}
	.reviewList .reviewHead span {min-width: 80px;}
}
@media (max-width: 360px) {
	.reviewList ins strong {width: 38%;}
	.reviewList .reviewHead {width: 62%;}
}



/* Dropify File */

.dropify-wrapper .dropify-preview .dropify-render .dropify-filename-inner {
	display: none;
	position: absolute;
	bottom: 10%;
	left: 50%;
	font-family: 'NotosansM';
	transform: translate(-50%,-50%);
}
.dropify-wrapper .dropify-preview .dropify-render .dropify-filename-inner:last-child {display: block;}


/* Basket List */

.basketlist {float: left; width: 100%; margin-top: 7px; margin-bottom: 5px;}
.basketlist .nav-tabs {border-bottom: 1px solid #999;}
.basketlist .nav-tabs > li {
  width: 25%;
  height: 53px;
  background-color: transparent;
  margin-bottom: 1px;
}
@media (max-width: 991px) {
	.basketlist .nav-tabs > li a {font-size: 14px !important;}
	.basketlist .nav-tabs {margin-bottom: -5px;}
	.basketlist .tableth {
		float: left !important;
		padding: 0 30px !important;
	}
}
@media (max-width: 767px) {
	.basketlist .nav-tabs > li {
		width: 25% !important;
		height: 41px;
	}
}
@media (max-width: 499px) {
	.basketlist {margin-top: 15px;}
	.basketlist section {padding-top: 0px !important;}
	.basketlist .nav-tabs > li a {height: 43px !important; font-size: 13px !important; padding: 15px 5px !important;}
	.basketlist .tableth {padding: 0 10px !important;}
	.basketlist section h5 {margin-left: 0;}
}
@media (max-width: 376px) {
	.basketlist .nav-tabs > li a {padding: 15px 1px !important;}
}
@media (max-width: 360px) {
	.basketlist .nav-tabs > li:last-child a {letter-spacing: -.05em;}
}
.basketlist .nav-tabs > li a {
	padding: 20px 0;
	color: #797979;
	font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
	font-size: 15px;
	border-bottom: 1px solid #222 !important;
}
.basketlist .nav-tabs > li a em {
  	margin: 0 2px;
	font-style: normal;
}
.basketlist .nav-tabs > li a:hover {
	color: #666;
	font-size: 15px;
	background-color: #fafafa;
	border-color: #fafafa;
	border-bottom: 1px solid #999;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.basketlist .nav-tabs > li a:focus {
  font-size: 15px;
}
.basketlist .nav-tabs > li.active {
  background-color: #fff;
}
.basketlist .nav-tabs > li.active a {
  font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
  color: #333;
  background-color: #fff;
  border: 1px solid #222 !important;
  border-bottom-color: #fff !important;
}
.basketlist .nav-tabs > li.active a:hover,
.basketlist .nav-tabs > li.active a:focus {
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid transparent;
}

.basketlist .col-md-2 {
	padding-left: 0;
	padding-right: 0;
}
.basketlist .col-md-3,
.basketlist .col-md-34,
.basketlist .col-md-4,
.basketlist .col-md-6 {
	padding-left: 0;
	padding-right: 0;
	border-left: 0 solid #ddd;
}
.basketlist .col-md-2:first-child,
.basketlist .col-md-3:first-child,
.basketlist .col-md-34:first-child,
.basketlist .col-md-4:first-child,
.basketlist .col-md-6:first-child {
	border-left: 0px solid #ccc;
}

@media (max-width: 991px) {
	.basketlist {margin-bottom: 1px;}
	.basketlist .col-md-2,
	.basketlist .col-md-3,
	.basketlist .col-md-34,
	.basketlist .col-md-6 {
		float: left;
		margin: 0;
		width: 50% !important;
		border-left: 0;
	}
	.basketlist .col-md-4 {
		padding-left: 0;
		padding-right: 0;
		margin-top: 0px !important;
		width: 33.333%;
		float: left;
		margin: 20px 0 !important;
	}
	.basketlist .col-md-4 .panel {margin: 0 !important;}
	.basketlist .panel.panel-primary {
		position: relative;
		z-index: 9;
	}
	.basketlist .panel .panel-heading {
		margin: 0 -1px -1px 0;
		padding: 15px 0;
		height: 45px;
		border: 1px solid #dce1e4 !important;
	}
	.basketlist .panel.panel-primary .panel-heading {border: 1px solid #555 !important;}
	
	.basketlist {
		margin: 5px 0 11px;
		border-right: 1px solid #dce1e4;
		border-bottom: 1px solid #dce1e4;
	}
	.basketlist .panel .panel-heading {
		color: #333;
		background-color: transparent;
	}
	.categoryRight .basketlist > a:hover {z-index: 10;}
	.categoryRight .basketlist > a:hover .panel .panel-heading {border-color: #1090fd !important;}
	.categoryRight .panel.panel-primary .panel-heading {
		color: #1090fd;
		background-color: #fff;
		border-color: #1090fd !important;
		z-index: 10;
	}
	.basketlist .panel .panel-heading h3 {
		padding: 0 10px;
		height: auto;
		font-family: 'NotosansM';
		font-size: 13px !important;
/* 		text-align: left; */
	}
	
	.basketlist .col-md-2 .panel-title,
	.basketlist .col-md-3 .panel-title,
	.basketlist .col-md-34 .panel-title {font-size: 15px !important;}
	a:hover.col-md-2,
	a:hover.col-md-3,
	a:hover.col-md-34 {text-decoration: none;}
}
@media (max-width: 767px) {
	.basketlist .panel .panel-heading {
		padding: 10px 0;
		height: 35px;
	}
	.basketlist .col-md-2 .panel-title,
	.basketlist .col-md-3 .panel-title,
	.basketlist .col-md-34 .panel-title {font-size: 14px !important;}
}
@media (max-width: 375px) {
	.categoryRight .basketlist .panel .panel-heading h3 {padding: 0 5px;}
}



.basket {
	float: left;
	width: 100%;
	margin-top: 20px;
}
@media (max-width: 991px) {
	.basket table.full-mobile {
		display: inline-block !important;
	}
}
@media (max-width: 767px) {
	.basket h5 label {
		margin-top: 13px;
	}
}
@media (max-width: 499px) {
	.basket .basketImg {
		width: 65px;
		margin-right: 10px;
	}
}
.basket h5 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}
.basket .txt-right .btn {
	height: 34px;
	line-height: 1.9;
}
.basket table {
	border-top: 2px solid #4a4a4a;
}
.basket table tr.bgf th {
	background: #f7f7f7;
}
.basket table tr {
	position: relative;
	border-bottom: 1px solid #ccc;
}

.basket table tr th {
	padding: 13px 0 15px;
	font-weight: 500;
	font-size: 13px;
	color: #333;
	text-align: center;
}
.basket table tr th:first-child {
	padding: 8px 21px;
}
.basket table tr td {
	padding: 10px 0;
	font-size: 16px;
	color: #333;
}
.basket table tr td:first-child {
	padding: 10px 0 10px 25px;
	vertical-align: top;
}
.basket table tr td strong {
	float: left;
	margin: 1px 0 4px;
	color: #7b90a1;
}

.basket table tr td span {
	float: left;
	margin: 4px 0 0;
	width: 100%;
	color: #555;
	font-size: 12px;
	line-height: 16px;
}
.basket table tr td > em {
	float: left;
	margin: 3px 0 0;
	width: 100%;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	color: #555;
}
.basket table tr td em {font-style: normal;}

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

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

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

.basket .basketImg img {
	width: 70px;
	height: 70px;
	border: 1px solid #ddd;
}

@media (min-width: 1200px) {
	.basket .basketText {
		width: 74% !important;
	}
}


.basket .basketText {
	float: left;
	width: 66%;
	line-height: 18px;
	padding: 0;
	margin: 0;
}

.basket .basketText a {
	float: left;
	width: 100%;
	color: #333;
	line-height: 1.4em;
	margin-bottom: 3px;
}
.basket .basketText input[type="button"] {
	padding: 6px 0 8px !important;
	width: 86px;
	color: #455869;
	border: 1px solid #ccc;
	background-color: #fff;
}
.basket .basketText input[type="button"]:hover {
	background-color: #edf0f0;
}



@media (max-width: 499px) {
	.basket .basketText a {
		font-size: 14px;
		line-height: 1.5em;
	}
	.basket .basketImg img {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 991px) {
	.basket .full-mobile td {padding: 10px 0;}
	.basket .full-mobile th:first-child,
	.basket .full-mobile td:first-child {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.basket table tr td .radio span,
	.basket table tr td .checker span {
		margin-top: -3px;
	}
	.basket .full-mobile .basketNumber {
		float: left;
    	width: 100%;
		padding: 0;
		margin-bottom: 8px;
		font-family: 'NotosansM';
		font-size: 14px;
		text-align: left;
		border-left: none !important;
	}
	.basket .full-mobile .basketNumber em {
		font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
		font-size: 16px;
		margin-left: 5px;
	}
	.basket .full-mobile .basketNumber span em {
		font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic, sans-serif;
		font-size: 14px;
		vertical-align: inherit;
		color: #333;
		margin-right: 10px;
	}
	.basket .full-mobile .bit .basketText {
		padding: 0;
	}
	.basket .full-mobile .bit {
		float: left;
    	width: 100%;
	}
	.basket .full-mobile .bt {
		float: left;
    	width: 100%;
    	padding: 5px 0 10px;
	}
	.basket .full-mobile .bt .basketText {
		float: left;
    	width: 100%;
	}
	.basket .full-mobile .bt .basketText span {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 1px;
	}
	
	.basket .basketText {
		width: 60%;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.basket .basketImg img {
		width: 55px;
		height: 55px;
	}
}


.basket .basketNumber {
	padding: 0 25px;
	font-size: 16px;
	color: #333;
	text-align: right;
/* 	border-left: 1px solid #ddd; */
}
.basket .basketNumber span {
	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;
}

@media (min-width: 1200px) {
	.basket .basketNumber input[type="text"] {
		width: 55% !important;
	}
}
.basket .basketNumber input[type="text"] {
	display: inline-block;
	padding: 3px 10px 6px !important;
	width: 35%;
	height: 32px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	text-align: right;
}
.basket .basketNumber input[type="button"] {
	float: right;
	margin-top: 15px;
	padding: 7px 8px;
	height: 40px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	color: #455869;
	border-color: #ccc;
	background-color: #f7f8f8;
}
.basket .basketNumber input[type="button"]:hover {
	background-color: #d9dfe3;
}
.basket .basketPrice {
	padding-right: 20px;
	font-size: 16px;
	color: #555;
	text-align: right;
/* 	border-left: 1px solid #ddd; */
}
.basket .basketDelivery {
	padding-right: 20px;
	font-size: 15px;
	color: #555;
	text-align: right;
/* 	border-left: 1px solid #ddd; */
/* 	border-right: 1px solid #ddd; */
}
.basket .basketSelect {
	padding-left: 20px;
	padding-right: 19px;
	font-size: 16px;
	color: #555;
/* 	border-left: 1px solid #ddd; */
}
.basket .basketSelect span {
	font-size: 14px;
	color: #7a6fbe;
	text-align: center;
}

.basket .basketNumber em {
	float: none;
	margin: 0;
	font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: initial;
}
.basket .basketDelivery em {
	float: none;
	margin: 0;
	font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic, sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: initial;
}
.basket .basketNumber em b {
	float: none;
	margin: 0;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: initial;
	color: #222;
}
.basket .basketPrice em {
	float: none;
	margin: 0;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: initial;
	color: #222;
}
.basket .process {
	color: #555;
	padding: 0 20px;
	text-align: center;
/* 	border-left: 1px solid #ddd; */
}
.basket .process h4 {
	text-align: left;
}
.basket .process em {
	font-family: 'NotosansM';
	font-size: 13px;
	color: #222;
	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 {
	z-index: 1;
	margin: 0;
	width: 70px;
	height: 70px;
}
.basket .soldout .show a {
	font-size: 12px;
	text-decoration: none;
}
.basket .sale {
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 5px 10px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	text-decoration: none;
	border-radius: 2px;
}
.basket .sale:hover {
	background-color: #1da890;
}
.basket .soldout button {
	background: #999;
	cursor: default;
}
.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/common/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: 991px) {
	.basket .full-mobile .soldout .show {
		width: 100%;
		height: 100%;
	}
	.basket .full-mobile .basketNumber b {
		display: inline-block;
		padding-right: 7px;
/* 		width: 46%; */
		font-family: 'NotosansM';
		font-size: 14px;
	}
	.basket .full-mobile .basketNumber span {
		float: right;
		width: auto;
		text-align: right;
		position: absolute;
		right: 10px;
		margin-top: -3px;
		line-height: 27px;
	}
}


/* AllPrice */

.basketAllPrice .all-price {
	float: left;
	padding: 27px 0 22px;
	width: 100%;
	font-size: 20px;
	color: #333;
	font-family: 'NotosansM';
	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;
	color: #333;
	font-size: 16px;
	font-weight: 500;
}
.basketAllPrice .all-price button {
	float: left;
	padding: 10px 15px;
	width: 16.7%;
}
.basketAllPrice .all-price p em {
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	color: #333;
	letter-spacing: -.6px;
	margin: 0 3px 0 20px;
}

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


.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 #777;
}
@media (max-width: 499px) {
	.basket .basketAllPrice {
		padding-top: 5px;
	}
	.basket .basketAllPrice .all-price {
		padding: 2px 0 25px;
	}
}



.basket-buttons {
	float: left;
	margin: 20px 0 40px;
	width: 100%;
}
@media (max-width: 991px) {
	.basket-buttons div {
		width: 100% !important;
	}
	.basket-buttons div a {
		width: 100% !important;
		margin-bottom: 5px;
	}
	.basket-buttons div.order a {
		width: 50% !important;
	}
	.basket-buttons div button {
		font-size: 15px !important;
	}

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

@media (max-width: 499px) {
	.basket-buttons div button {
		font-size: 14px !important;
	}
}



.gift-list h5 {
	margin: 50px 0 15px;
}
.gift-list .cd-gallery > li {width: 16.666%;}
.gift-list .cd-gallery .cd-item-wrapper {
	padding: 13px;
	height: 177px;
}
.gift-list .cd-gallery .cd-item-wrapper label {
	top: 15px;
	left: 17px;
	z-index: 99;
}

@media (min-width: 992px) {
	.gift-list .cd-gallery > li {margin-bottom: 20px; width: 25%;}
	.gift-list .cd-gallery .cd-item-wrapper {height: 216px;}
}
@media (min-width: 1200px) {
	.gift-list .cd-gallery > li {width: 16.666%;}
	.gift-list .cd-gallery .cd-item-wrapper {height: 177px;}
}

@media (max-width: 991px) {
	.gift-list .cd-gallery > li {width: 50%;}
	.gift-list .cd-gallery .cd-item-wrapper {height: 346px;}
}
@media (max-width: 767px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 337.5px !important;}
}
@media (max-width: 640px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 274px !important;}
}
@media (max-width: 499px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 211px !important;}
	.gift-list .cd-item-info > b {font-size: 14px !important;}
}
@media (max-width: 414px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 184.5px !important;}
	.gift-list .cd-item-info > b {font-size: 14px;}
}
@media (max-width: 375px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 165px !important;}
	.gift-list .cd-item-info > b {font-size: 13px;}
}
@media (max-width: 414px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 157.5px !important;}
}


/* OrderDetail */

.orderDetail h4 {
	margin: -2px 0 13px !important;
	height: 18px;
	font-family: 'NotosansM';
	font-size: 16px;
}

@media (max-width: 991px) {
	.orderDetail h4 {
		font-size: 14px !important;
		margin: 10px 0 13px !important;
	}
	.orderDetail h4 span strong {
		font-family: 'Spoqa-Medium', 'NotoSansM', 'NanumGothic', Dotum, Arial, sans-serif;
	}
	.orderDetail h4 > div.buttons {
		margin-top: 15px !important;
		margin-bottom: 10px !important;
		width: 100%;
	}
	.orderDetail h4 > div.buttons button {
		float: left;
		width: 32.333%;
		margin-left: 1.5%;
	}
	.orderDetail h4 > div.buttons button:nth-child(1) {
		margin-left: 0;
	}
	.buttons button.widH {
		width: 49.5% !important;
		margin-top: 3px;
	}
	.button-info {
		font-size: 13px;
		line-height: 1.65rem !important;
		padding: 15px 10px !important;
	}
}

.orderDetail h4 > div.buttons {
	float: right;
	margin-top: -10px;
}

.orderDetail .full-desktop tr td:first-child {
	vertical-align: middle;
}
.orderDetail .full-desktop tr td .checker {
	margin-top: 0;
}
.orderDetail .full-desktop .basketImg img {
	width: 70px;
	height: 70px;
}
.orderDetail .full-desktop .basketText {
	margin-bottom: 0;
	line-height: normal;
}
.orderDetail .full-desktop .basketNumber {
	padding-right: 10px;
	font-size: 15px;
}
.orderDetail .full-desktop .basketPrice {
	padding-right: 10px;
	font-size: 15px;
}
.orderDetail .full-desktop .process {
	padding: 5px 10px;
}
.orderDetail.listTable .full-desktop tr td {
	padding: 6px 14px 6px;
    height: 47px;
    font-family: 'NotosansR';
    font-size: 13px;
    text-align: center;
    line-height: 16px;
    vertical-align: middle;
}
.orderDetail.listTable .full-desktop tr td em {
	display: inline-block;
	padding: 6px 0;
	width: auto;
	font-style: normal;
}

.buttons {
	margin-top: 10px;
}
.button-info {
	float: left;
	margin: 20px 0 0;
	padding: 10px 20px;
	width: 100%;
	font-size: 12px;
	line-height: 1.85rem;
	text-align: left;
	border: 2px solid #e1e1e1;
	background: #fafafa;
}
.button-info span {
	display: inline-block;
	width: 100%;
	min-height: 18px;
	line-height: 1.45rem;
}

.soldout .show {
	position: absolute;
	width: 122px;
	height: 122px;
	background-color: rgba(0, 0, 0, .5);
}
.soldout .show a {
	position: absolute;
	bottom: 0;
	padding: 1px 0 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 {
	text-align: center;
}
.mypage-table01 td {
	height: 110px;
}

.mypage-meminfo em {
	font-size: 15px;
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	padding-left: 15px;
}
.mypage-meminfo i {
	font-size: 20px;
	color: #B0B0B0;
	vertical-align: middle;
}
.mypage-meminfo h4 {
	margin-bottom: 14px;
}
.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;
}

@media (max-width: 991px) {
	.mypage-order {
		padding: 0 !important;
		text-align: left !important;
	}
	.mypage-order span {
		width: auto !important;
		height: auto !important;
		padding: 0 !important;
    	margin: 0 0 0 20px;
    	text-align: left;
    	vertical-align: middle;
	}
}

.mypage-order {
	font-size: 17px;
	text-align: center;
	padding: 5px 0;
}
.mypage-order em {
	font-size: 24px;
	font-family: 'Spoqa-Medium', Ubuntu, NotoSansM, sans-serif;
	color: #222;
	font-style: normal;
}
.mypage-order span {
	display: inline-block;
	width: 100%;
	height: 2.57em;
	font-size: 13px;
	color: #555;
	padding: 20px 0 0;
}
.mypage-order i {
	display: inline-block;
	color: #fff;
	border-radius: 50px;
	padding: 15px;
}
.mypage-order i img {
	width: 35px;
	height: 35px;
}
.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: #c1c1c1;
}
.panel .last {
	min-height: 407px;
}
@media (max-width: 991px) {
	.panel .last {
		min-height: auto;
	}
}

.mypage-orderlist.full-mobile {float: left;}
.mypage-orderlist.full-mobile tbody,
.mypage-orderlist.full-mobile tr {
	float: left;
	width: 100%;
}
.mypage-orderlist.full-mobile.table-striped > tbody > tr:nth-of-type(even) {
	background-color: #f9f9f9;
}
.mypage-orderlist.full-mobile td {
	float: left;
	text-align: left;
	width: 100%;
	height: auto;
	line-height: 24px !important
}
.mypage-orderlist.full-mobile td em {
	display: block;
	float: left;
	min-width: 100px;
	font-family: 'NotoSansM', 'Spoqa-Medium', 'NanumGothic', Dotum, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.mypage-orderlist.full-mobile td ins {
	display: block;
	margin-left: 85px;
	text-decoration: none;
	min-height: 24px;
	overflow: hidden;
}
.mypage-orderlist.full-mobile td.wid em {
	display: block;
	float: left;
	min-width: 145px;
	font-style: normal;
	font-weight: 500;
}
.mypage-orderlist.full-mobile td.wid ins {
	display: block;
	margin-left: 145px;
	text-decoration: none;
	min-height: 24px;
}


.mypage-orderlist2.full-mobile tbody,
.mypage-orderlist2.full-mobile tr {
	float: left;
	width: 100%;
}
.mypage-orderlist2.full-mobile td {
	float: left;
	width: 85%;
	line-height: 24px !important;
}
.mypage-orderlist2.full-mobile td:first-child {
	float: left;
	width: 15%;
}
.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 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 {
	padding-right: 0;
	padding-left: 0;
}
.mypage-orderlist th,
.mypage-orderlist td,
.modal .mypage-orderlist th,
.modal .mypage-orderlist td {
	text-align: center;
	line-height: 18px !important;
}

.mypage-orderlist th a,
.mypage-orderlist td a {
	text-decoration: underline !important;
}
.mypage-orderlist td span {
	float: left;
	width: 95%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mypage-orderlist.full-mobile td span {
	float: left;
	width: 65%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mypage-orderlist.full-mobile td ins span {
	width: auto;
}
.mypage-orderlist td button {
	margin-top: 4px;
	padding: 3px 0;
	width: 85px;
}
.mypage-orderlist.full-mobile td ins button,
.mypage-orderlist2.full-mobile td ins button {
	margin-top: 0;
}
.mypage-orderlist td button:first-child {
	margin-top: 0px;
}
.mypage-orderlist h4 {
	margin: 0;
}
.mypage-orderlist h4 em {
	margin: 0 3px 0 10px;
	font-style: normal;
	font-family: 'NotosansB';
	font-weight: 500;
	font-size: 24px !important;
	color: #222;
}
.mypage-orderlist h5 {
	margin: 0;
	font-family: 'NotosansM';
}
.mypage-orderlist h5 span {
	display: block;
	float: right;
	line-height: 20px;
}
.mypage-orderlist h5 span em {
	font-family: "Spoqa-Bold", 'NotoSansM', NanumGothic;
	font-size: 13px !important;
	margin: 0 !important;
}
.mypage-orderlist h5 button {
	float: right;
	margin: -4px 0 -7px 10px;
	padding: 6px 18px 7px;
	height: 37px;
	font-family: 'NotosansM';
	font-size: 14px;
}
.mypage-orderlist h5 button:first-child {
/* 	margin-left: 0; */
}
.mypage-orderlist h5 button i {margin-right: 5px;}
.mypage-orderlist h5 em {
	margin: 0 3px 0 10px;
	font-style: normal;
	font-family: 'NotosansB';
	font-weight: 500;
	font-size: 20px !important;
	color: #222;
}
.mypage-orderlist td img {margin: -11px 0 -9px;}
.mypage-orderlist .process em {
	font-family: 'NotosansR';
	font-size: 13px;
	font-weight: 500;
	color: #23a9fe;
	font-style: normal;
}
.mypage-orderlist .process button {
	margin-top: 3px;
	min-width: 75px;
}
.mypage-orderlist .process button:first-child {
	margin-top: 0px;
}

@media (min-width: 992px) {
	.mypage-orderlist .process button {
		margin: 5.5px 0 -2px;
		padding: 3px 0;
		width: 85px;
	}
	.mypage-orderlist .process button:last-child {margin: 5px 0 -2px;}
	.mypage-orderlist .process button:first-child {margin: -7px 0 -4px;}
}

@media (max-width: 991px) {
	.full-scroll {overflow-y: auto;}
	.full-scroll .mypage-orderlist {width: 955px;}
	.full-scroll .mypage-orderlist th,
	.full-scroll .mypage-orderlist td {white-space: nowrap;}
	.full-scroll .mypage-orderlist td:last-child {
		max-width: 85px;
		box-sizing: content-box;
	}
	.full-scroll .mypage-orderlist td:last-child .btn {display: block;}
}


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) {
   .basketlist .col-md-3, .basketlist .col-md-34, .basketlist .col-md-6 {float: left; width: 50% !important; margin-bottom: 0;}
   .basketlist .col-md-3 .panel-title {font-size: 14px !important;}
   .basketlist .col-md-34 .panel-title {font-size: 14px !important;}
   a:hover.col-md-3 {text-decoration: none;}
   a:hover.col-md-34 {text-decoration: none;}
}



.date-search4 div {padding: 0; margin-right: 20px;}
.date-search4 dl {float: left; width: 100%; margin: 0; padding: 0;}
.date-search4 dd input[type='text'] {width: 100%;}
.date-search4 button {width: 100%; font-size: 12px; text-align: center;}
.date-search4 button i {float: none; margin-right: 5px; background: none;}

@media (max-width: 991px) {
	.date-search4 button {
		margin: 10px 0;
	}
}

.data-search {float: right !important;}
.data-search div {padding: 0; margin-right: 20px;}
.data-search dl {float: left; width: 100%; margin: 0; padding: 0;}
.data-search dd input[type='text'] {width: 100%;}
.data-search button {width: 100%; font-size: 12px; text-align: center;}
.data-search button i {float: none; margin-right: 5px; background: none;}

@media (max-width: 991px) {
	.data-search {width: 100%;}
	.data-search button {margin: 10px 0;}
}



.date-search dl {float: left; margin: 10px 10px 0 0; padding: 0; min-height: 34px;}
.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; margin: 7px 20px 0 0; font-family: 'NotosansM'; font-weight: normal;}
.date-search dt,
.date-search dd {float: left;}
.date-search dd {padding: 0;}
.date-search dl.date:first-child dd {margin-right: 4px;}
.date-search dl.date dd:last-child {margin-right: 0;}
.date-search dd > span {float: left; margin: 8px 10px 0;}
.date-search dd select,
.date-search dd > input {min-width: 170px; max-width: 100%;}
.date-search dd.none select {min-width: auto;}
.date-search dd.half {padding-right: 11px;}
.date-search dd.half select {float: left; width: 46%; min-width: auto;}
.date-search dd.half select:first-child {margin-right: 5px;}
.date-search dd > strong {float: left; margin: 6px 15px 0 0; width: 18.6%;}
.date-search dd > .radio,
.date-search dd .checkbox {margin-top: 7px; margin-bottom: 0; width: 100%;}
.date-search dd > .radio label,
.date-search dd .checkbox label {margin-bottom: 5px; padding-right: 10px; padding-left: 0; min-width: 92px;}
.date-search dd > .radio label div.radio,
.date-search dd.checkbox label div.checker {margin-left: -2px;}

@media (min-width: 992px) {
	.date-search .col-md-4 {width: 31.33333333%;}
	.date-search dl.date dd > .form-control,
	.date-search .col-md-4 dd > .form-control {
		min-width: 101px;
		max-width: 101px;
	}
}
@media (min-width: 1200px) {
	.date-search .col-lg-5 {
		margin-right: 0 !important;
		width: 41.33333333%;
	}
	.date-search .col-md-3 {width: 23.1%;}
	.date-search .col-md-3 > input {max-width: 170px;}
	.date-search dl.date dd > .form-control,
	.date-search .col-md-4 dd > .form-control {
		min-width: 170px;
		max-width: 170px;
	}
	.date-search .col-md-7 dd {width: 80%;}
	.date-search dd > .radio label,
	.date-search dd .checkbox label {
		padding-right: 20px;
		min-width: auto;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.date-search dl.date dd.col-lg-5 {width: 37%;}
	.date-search dt.w-xs {
		margin-right: 9px;
		width: 80px !important;
	}
	.date-search .col-md-5 {width: 37.5%;}
	.date-search .col-md-5 dt {width: 40px;}
	.date-search .col-md-5 dd > input[type="time"] {padding-right: 5px; padding-left: 5px; width: 37%;}
}
@media (max-width: 991px) {
	.date-search dl {
		width: 100%;
		margin-right: 20px !important;
	}
	.date-search dl:first-child {
		margin-right: 20px !important;
	}
	.date-search dt {float: left; width: 100%; margin: 7px auto; text-align: left !important;}
	.date-search dl:first-child dt {margin-top: 0;}
	.date-search dd {float: left; width: 100%; margin: 5px auto 0;}
	.date-search dd select {min-width: 180px !important;}
	.date-search dd.half {margin-right: 0 !important; padding-right: 0;}
	.date-search dd.half select {width: 49.6%;}
	.date-search dd input[type="time"]:last-child {float: right;}
	.date-search button.btn-blueL {margin-top: 3px; width: 100%;}
	
	.date-search .col-md-5 {margin-top: 10px;}
	.date-search .col-md-5 dt {height: auto;}
	.date-search .col-md-5 dd > input {width: 49.5%;}
}
@media (max-width: 767px) {
	.date-search dd.half select {width: 49.53%;}
}
@media (max-width: 639px) {
	.date-search dd.half select {width: 49.39%;}
}
@media (max-width: 499px) {
	.date-search dl:nth-child(3) {
		margin-top: 5px !important;
	}
	.date-search dt {
		margin-bottom: 5px !important;
	}
	.input-a {width: 46%;}
	.date-search dl.config dd .input-a {
		width: 48.5%;
		min-width: 100px !important;
	}
	.date-search dl.date dd:nth-of-type(2) button.btn {width:32.6%;}
	.date-search dd.half select {width: 49.13%; min-width: auto !important;}
	.date-search dd.half select:nth-of-type(even) {float: right;}
}
@media (max-width: 413px) {
	.date-search dl dd .radio label {padding-right: 16px;}
}
@media (max-width: 375px) {
	.date-search dl dd .radio label {padding-right: 13px;}
}
@media (max-width: 360px) {
	.date-search dl dd .radio label {
		min-width: 80px;
		padding-right: 8px;
	}
		.date-search dl.date dd:nth-of-type(2) button.btn {width: 32.3%;}
}


.date-search3 dl {float: left; margin: 10px 10px 0 0; padding: 0;}
.date-search3 dl:first-child {margin-top: 0; margin-right: 0;}
.date-search3 dl.date {border-bottom:1px solid #eaeaea; padding: 0 0 10px;}
.date-search3 dt {width: 50px; margin: 7px 30px 0 0; font-family: 'NotosansM'; font-weight: normal;}
.date-search3 dt,
.date-search3 dd {float: left;}
.date-search3 dd {padding: 0;}
.date-search3 dd:first-child {margin-left: 0px;}
.date-search3 dl.date:first-child dd {margin-right: 5px;}
.date-search3 dl.date dd:last-child {margin-right: 0;}
.date-search3 dd span {float: left; margin: 8px 10px 0;}
.date-search3 dd > .form-control {min-width: 160px; max-width: 100%;}

@media (min-width: 992px) {
	.date-search3 .col-md-4 {width: 31.33333333%;}
	.date-search3 .col-md-4 dd > .form-control {min-width: 101px; max-width: 101px;}
}
@media (min-width: 1200px) {
	.date-search3 dd > .form-control {min-width: 170px;}
	.date-search3 .col-md-4 dd > .form-control {min-width: 170px; max-width: 170px;}
	.date-search3 .col-md-7 dd {width: 80%;}
}

@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 10px 0 0; padding: 0;}
.col-form dt {width: 60px; margin: 7px 20px 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%;}

.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 dt.full {/* width: 80px; margin: 7px 0 5px !important; text-align: left !important; */}
	.col-form dd.full {width: 100%;}
	
	.col-form-txt dl {margin: 5px 15px 0 0;}
	.padd.btn {padding: 9px 12px 8px;}
	
	.mypage-orderlist.full-mobile td input[type='text'] {margin-bottom: 10px !important;}
}
@media (max-width: 991px) {
	.col-form-txt dl {width: 100%; margin: 5px 0;}
	.col-form-txt dt {width: 20%; margin: 0; text-align: left;}
	.col-form-txt dd {width: 75%;}
	.col-form-txt dt.full {width: 20%; margin: 0 0 0 10px; text-align: left;}
	.col-form-txt dd.full {width: 98%; margin: 0 10px;}
	.padd.btn {padding: 7px 12px 6px;}

	.col-form dl.date {padding-bottom: 0; border-bottom: none;}
	.col-form dl.date dt {padding-top: 7px;}
	.col-form dl.date:first-child dt:first-child {margin-top: 0 !important; padding-top: 0;}
	.col-form dt {width: 100%; margin: 7px auto !important; text-align: left;}
	.col-form dd {margin: 5px auto 0;}
	.col-form button {margin: 15px 0 0;}
}
@media (max-width: 556px) {
	.col-form dt {width: 100%; margin: 7px 5px 0 0; text-align: left;}
	.padd.btn {padding: 7px 8px 6px;}
}



.input-form {
	float: left;
	position: relative;
	padding: 7px 21px 8px 20px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	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;
}



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


.input-a {
	float: left;
	position: relative;
	padding: 7px 17px 8px 16px;
	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;
}

@media (min-width: 992px) {
	.input-a {width: 170px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.date-search dl.date dd .input-a {width: 42%;}
}
@media (max-width: 991px) {
	.input-a {
		float: left;
		width: 47.99%;
	}
	.date-search dl dd div.input-a:last-child {
		float: right;
		margin-right: 0;
	}
	.date-search3 dl dd div.input-a:last-child {
		float: right;
		margin-right: 0;
	}
}
@media (max-width: 767px) {
	.input-a {width: 46.55%;}
}
@media (max-width: 499px) {
	.input-a {width: 46%;}
}
@media (max-width: 413px) {
	.input-a {width: 45.63%;}
}
@media (max-width: 375px) {
	.input-a {width: 45.5%;}
}
@media (max-width: 374px) {
	.input-a {width: 45.5%;}
}
@media (max-width: 360px) {
	.input-a {width: 44.27%;}
}



.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 {
	margin: 40px 0 20px !important;
}
.tableth table {
	border-top: 1px solid #4a4a4a;
	margin: 10px 0 0;
}
.tableth table tr {
	position: relative;
}
.tableth th em {
	margin-left: 2px;
	font-style: normal;
	color: #038afd;
}
.tableth table tr th {
	padding: 6px 20px 6px;
	height: 47px;
	font-family: 'NotosansM';
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
}
.tableth table tr td {
	position: relative;
	padding: 6px 14px 6px;
	height: 47px;
	vertical-align: middle;
	font-family: 'NotosansR';
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	line-height: 22px;
}
.tableth table tr td p {
	float: left;
	margin: 5px 0 0;
	width: 100%;
}
.tableth table tr td p:first-child {margin-top: 0;}
.tableth table tr td img {
	max-width: 100%;
	height: auto !important;
}
.tableth table tr td textarea {resize: vertical;}
.tableth table tr td label {
	margin: 4px 15px 4px 0;
	padding-right: 10px;
	padding-left: 0;
}
.tableth table tr td label:nth-last-of-type(1) {
	margin-right: 0 !important;
	padding-right: 0;
}
.tableth table tr td label .radio,
.tableth table tr td label .checker {
	margin-top: -2px;
}
/* .tableth table tr td.phone-num select,
.tableth table tr td.phone-num input[type="text"] {
	float: left;
	width: 31.9%;
}
.tableth table tr td.phone-num input[type="text"] {
	margin-left: 10px;
} */
.tableth table tr td.phone-num select,
.tableth table tr td.phone-num input[type="text"] {
	float: left;
	width: 31.9%;
}
.tableth table tr td.phone-num input[type="text"] {
	margin-left: 10px;
}
.tableth table tr td.address input[type="text"] {
	float: left;
	width: 65.86%;
	margin-right: 10px;
}
.tableth table tr td.address .btn {min-width: 56px;}
.tableth table tr td.email input[type="text"] {
	float: left;
	margin-right: 5px;
	width: 47.6%;
}
.tableth table tr td.email input[type="text"]:nth-of-type(2) {
	margin-right: 0;
}
.tableth table tr td.email span {
	float: left;
	margin: 4px 5px 0 0;
}
.tableth table tr td.email select {
	float: left;
	width: 25%;
}
.categoryRight .tableth table tr td.email input[type="text"] {
	width: 46%;
}

.tableth table tr td span {
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-size: 16px;
	color: #333;
	margin-right: 2px;
}
.tableth table tr td span em {
	font-size: 20px;
	font-weight: 500;
	color: #121212;
	font-style: normal;
}

@media (min-width: 992px) {
	.categoryRight .tableth h5 {
		margin: -2px 0 13px;
		height: 18px;
	}
	.tableth table tr td.phone-num-full input[type="text"] {width: 32.2%;}
	.tableth table tr td.phone-num select {width: 32.12%;}
	.tableth table tr td.phone-num input[type="text"] {
		margin-left: 5px;
		width: 32.12%;
	}
	.tableth table tr td.email input[type="text"] {width: 46.09%;}
	.tableth table tr td.search select,
	.tableth table tr td.search input[type="text"] {width: 35.93%;}
	.tableth table tr td.address input[type="text"] {
		margin-right: 5px;
		width: 77.78%;
	}
	
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 31.79%;}
	.categoryRight .tableth table tr td.address input[type="text"] {width: 72.61%;}
	.categoryRight .tableth table tr td.address .btn {min-width: 57px;}
}
@media (min-width: 1200px) {
	.tableth table tr td.phone-num-full input[type="text"] {width: 32.4%;}
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.37%;}
	.tableth table tr td.email input[type="text"] {width: 46.86%;}
	.tableth table tr td.search select,
	.tableth table tr td.search input[type="text"] {width: 38.71%;}
	.tableth table tr td.address input[type="text"] {width: 82.87%;}
	
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 32.28%;}
	.categoryRight .tableth table tr td.address input[type="text"] {width: 80.78%;}
	.categoryRight .tableth table tr td.address .btn {min-width: 56px;}
	
	.tableth table tr td label + br {display: none;}
}

@media (max-width: 991px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {
		float: left;
		width: 31.82% !important;
	}
	
	.tableth table tr td label + br {display: none;}
}
@media (max-width: 767px) {
	.tableth table tr th,
	.tableth table tr td {
		padding: 10px;
	}
	.tableth table tr td {
		line-height: 19px;
	}
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.83% !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;
		width: 66.2%;
	}
	
	.form-control {padding: 6px 5px !important;}
	.input-form {padding: 7px 16px 8px 15px;}
}
@media (max-width: 720px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.75% !important;}
}
@media (max-width: 639px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.57% !important;}
}
@media (max-width: 531px) {
	.tableth table tr td label {
		margin-right: 10px;
		padding-right: 0;
		min-width: 70px;
	}
	.orderDetail + .tableth + .tableth table tr td label {width: auto;}
}
@media (min-width: 500px) and (max-width: 531px) {
	.orderDetail + .tableth + .tableth table tr td label + .btn {margin-left: 4px !important;}
}
@media (max-width: 499px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.4% !important;}
	.tableth table tr td.address .btn {width: 32.4%;}
	
	.tableth table tr td label + br {display: block;}
}
@media (max-width: 375px) {
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {width: 32.31% !important;}
	.tableth table tr td.address input[type="text"] {width: 66.17%;}
	.tableth table tr td.address .btn {width: 32.31%;}
}


.h4spansel {
	float: right;
	margin-top: 7px;
	min-width: 120px;
}

.accordion {float: left; width: 100%; display: table;}
.accordion span {width: 10%;  display: table-cell; font-size: 13px !important; vertical-align: middle; padding: 0 10px;}
.accordion span.situation {width: 11%;}
.accordion span p {margin: 0; padding: 0;}
.accordion a strong {font-family: 'Spoqa-Regular'; color: #999; line-height: 18px;}
.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: 1199px) {
	.accordion span p img {width: auto; max-width: 68px; height: auto; max-height: 68px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.accordion em button:first-child {margin-bottom: 5px;}
}
@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;}
}
@media (max-width: 767px) {
	.accordion span.file {width: 7%;}
	.accordion span.situation {width: 18%;}
}
@media (max-width: 499px) {
	.accordion span {
		padding-left: 0;
		text-align: center;
	}
	.accordion span.situation {width: 22%;}
	.accordion em {
		padding-right: 0;
		width: 30%;
	}
	.accordion em button:first-child {margin-bottom: 5px;}
}
@media (max-width: 375px) {
	.accordion span.situation {width: 26%;}
}

.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: #e3211d; outline: none;}
.middleCate-tab li.on > a {border-color: #e3211d; background: #fff; color: #e3211d; z-index: 10;}
.middleCate-tab li.on > a .cnt {color: #e3211d; 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: #e3211d; background: #fff; color: #e3211d; cursor: pointer; z-index: 11;}
.middleCate-tab a:hover.blankNone,.tmp-tab a:focus.blankNone {text-decoration: none; border-color: #ccc; background: #fff; color: #e3211d; cursor: default; z-index: 11;}



.middleCate-tab2 {float: left; width: 100%;}
.middleCate-tab2 ul {float: left; width: 100%; padding: 0; margin-bottom: 20px;}
.middleCate-tab2 ul:after {display: block; clear: both; content:''}
.middleCate-tab2 li {
	float: left;
	width: 14.285%;
	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 #e8e8e8; 
	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: #333; outline: none;}

@media (max-width: 499px) {
	.middleCate-tab2 li.on > a {
		font-family: 'NotoSansM' !important;
		color: #222 !important;
		border-color: #222 !important;
	}
}

.middleCate-tab2 li.on > a {
	font-family: 'NotoSansM';
	color: #05a7f2;
	font-weight: normal;
	border-color: #05a7f2;
	background: #fff;
	z-index: 10;
}
.middleCate-tab2 li.on > a .cnt {color: #333; 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: #05a7f2; background: #fff; color: #333; cursor: pointer; z-index: 11;}
.middleCate-tab2 a:hover.blankNone,.tmp-tab a:focus.blankNone {text-decoration: none; border-color: #ccc; background: #fff; color: #333; cursor: default; z-index: 11;}

.middleCate-tab3 {float: left; width: 100%; margin: 15px 0;}
.middleCate-tab3 ul {float: left; width: 100%; padding: 0;}
.middleCate-tab3 ul:after {display: block; clear: both; content:''}
.middleCate-tab3 li {
	float: left;
	width: 24%;
	padding: 10px 0;
	margin: 0 5px; 
	border-bottom: 1px solid #e1e1e1;
	background-color: #fff;
}
.middleCate-tab3 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-tab3 li a .cnt {margin-left: 6px; color: #999;}
.middleCate-tab3 li a:focus {text-decoration: none; color: #22baa0; outline: none;}
.middleCate-tab3 li.on > a {border-color: #22baa0; background: #fff; color: #22baa0; z-index: 10;}
.middleCate-tab3 li.on > a .cnt {color: #22baa0; font-weight :normal;}
.middleCate-tab3 li.on i {padding-left: 18px; background: url(../img/ico/ico_ok2.png) no-repeat 0 6px;}
.middleCate-tab3 a:hover,.tmp-tab a:focus {text-decoration: none; border-color: #22baa0; background: #fff; color: #22baa0; cursor: pointer; z-index: 11;}
.middleCate-tab3 a:hover.blankNone,.tmp-tab a:focus.blankNone {text-decoration: none; border-color: #ccc; background: #fff; color: #22baa0; cursor: default; z-index: 11;}

@media (max-width: 991px) {
	.middleCate-tab2 ul {
		border-right: 1px solid #dce1e4;
		border-bottom: 1px solid #dce1e4;
	}
}
@media (max-width: 636px) {
	.middleCate-tab li {width: 100%;}
	.middleCate-tab2 li {width: 50%;}
}

@media (min-width: 372px) and (max-width: 551px) {
	.middleCate-tab3 li {
		width: 100% !important;
		margin: 0 !important;
	}
}

@media (min-width: 552px) and (max-width: 990px) {
	.middleCate-tab3 li {
		width: 48% !important;
	}
}

@media (min-width: 991px) and (max-width: 1199px) {
	.middleCate-tab3 li {
		width: 32% !important;
	}
}


@media (max-width: 1199px) {
	.file_input_textbox {width: 68% !important;}
}


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


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


.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: 45px; right: 30px; width: 41px; height: 41px; border-radius: 50%; background: url('../../images/kr/ico_careerlist_link2.png') no-repeat 50% 50%; background-color: #12AFCB; }
.login2-bottom ul li .item {position: relative; }
.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 {line-height: 22px; margin-bottom: 10px; color: #232733; font-size: 15px; font-weight: 500; }
.login2-bottom ul li .item-description {line-height: 18px; color: #727887; font-size: 12px; }
.login2-bottom ul li a:hover {  }
.login2-bottom ul li a:hover:after {background-color: #1DB198;}
.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: 45px; right: 30px; width: 41px; height: 41px; border-radius: 50%; background: url('../../images/kr/ico_careerlist_link2.png') no-repeat 50% 50%; background-color: #fcc519; }
.login2-bottom ul li a.other:hover:after {background-color: #f25656;}
.login2-bottom ul li a.other:after {transition: background-color 0.3s ease;}



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



.top-sel {
	float: right;
	width: 50%;
}
.top-sel span {
	float: left;
	margin-top: -10px !important;
	margin-left: 1%;
	width: 49%;
}
.top-sel span .form-control {
	height: 31px;
	border-color: #ccc;
}

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



/* message popup
 ---------------------------------------------------------- */

/* OUT */

.modal-talk-open {
	padding-right: 0 !important;
}
.modal-talk {
	top: auto;
	right: 30px;
	bottom: 30px;
	left: auto;
	z-index: 999999;
	padding-right: 0 !important;
	width: 400px;
	border-radius: 19px 19px 0 0;
		-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 7px rgb(0, 0, 0, 0.2);
}
.modal-talk .modal-dialog {
	margin: 0;
	width: 100%;
}

@media (max-width: 767px) {
	.modal-talk {
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		border-radius: 0;
	}
}

#message_wrapper {
	padding: 0;
	width: 100%;
}
#message_wrapper h1 {
	margin: 0;
	padding: 10px 30px 20px 20px;
	width: 100%;
	font-weight: normal !important;
	font-size: 20px;
	color: #ffffff;
/* 	background: #25b82b; */
	background: linear-gradient(145deg,#25b82b,#504cf0);
/* 	border-top: 5px solid #009f65; */
/* 	border-radius: 12px 12px 0 0; */
}
#message_wrapper h1 span {
	margin-right: 15px;
	font-size: 15px;
}
#message_wrapper h1 em {
	display: inline-block;
	margin-bottom: 15px;
	font-style: normal;
	font-size: 12px;
	color: #ffffff;
	opacity: 1;
}

#message_wrapper h1 a {
	float: right;
	margin-top: -12px;
	margin-left: 10px;
	font-size: 35px;
	color: #fff;
	text-decoration: none;
}
#message_wrapper h1 a:hover {color: #f1f1f1;}
#message_wrapper h1 i {
	float: right;
	margin: -21px -16px 0 0;
	font-size: 23px;
	opacity: 0.5;
	cursor: pointer;
}
#message_wrapper h1 button.close {
	float: right;
	margin: -37px -11px 0 0;
	opacity: 1;
	text-shadow: none;
}
#message_wrapper h1 button.close span {
	margin: 0;
	font-size: 28px;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
}
#message_wrapper h1 b {
	display: block;
	margin-top: 10px;
	margin-bottom: 7px;
	width: 100%;
	/* text-align: center; */
}

#message_wrapper form {
	padding: 0;
	width: 100%;
}
#message_wrapper table {
	table-layout: auto !important;
	width: 100%;
}
#message_wrapper td {position: relative;}
#message_wrapper td.explain01 {
	padding-top: 0;
	padding-bottom: 5px;
	font-family: Dotum, 돋움;
	font-size: 12px;
	line-height:16px;
	color: #a9a8b3;
}
#message_wrapper td.explain02 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Dotum, 돋움;
	font-size: 12px;
	line-height: 16px;
	color: #a9a8b3;
}
#message_wrapper td div.talklList {
	margin: -1px 0;
	padding: 0px 10px 0px;
	width: 100%;
	height: 515px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	background-color: #fff;
}
#message_wrapper td textarea {
	margin: 0 0 10px;
	padding: 10px;
	width: 100%;
	height: 108px;
	font-family: Dotum, 돋움;
	font-size: 12px;
	color: #333;
	overflow-y: scroll;
	border: 1px solid #ddd;
	border-radius: 0;
}
#message_wrapper td textarea::-webkit-input-placeholder {
	padding-top: 35px;
	font-family: Dotum, 돋움;
	font-size: 12px;
	color: #a9a8b3;
	text-align:center;
}
#message_wrapper td textarea:-ms-input-placeholder {
	font-family: Dotum, 돋움;
	font-size: 12px;
	line-height: 108px;
	color: #c9d1d7;
	text-align:center;
}
#message_wrapper td input[type='text'] {
	display: inline-block;
	float: left;
/* 	margin-right: 3px; */
	padding: 2px 3px 2px 3px;
	width: 81%;
	height: 56px;
	font-family: Dotum, 돋움, Arial, sans-serif;
	font-size: 13px;
	line-height: 30px;
	vertical-align: top;
	color: #333333;
	background: #ffffff;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
#message_wrapper td input.talk {
	padding: 2px 40px 2px 20px;
	width: 100%;
}
#message_wrapper td input.talk + .btn {
	position: absolute;
	top: 13px;
	right: 11px;
	float: right;
	padding: 0;
	width: 30px;
	height: 30px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background: #2fa434;
	border-radius: 100%;
}
#message_wrapper td input.talk + .btn:link,
#message_wrapper td input.talk + .btn:active,
#message_wrapper td input.talk + .btn:focus {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

#message_wrapper p {text-align: center;}
#message_wrapper p button.send {
	margin-right: 7px;
	width: 150px;
	height: 50px;
	font-family: 'NanumBarunGothic';
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	background: #00bb77;
	border: none;
	corsur:pointer;
}
#message_wrapper p button:hover.send {background: #02a368;}
#message_wrapper p button.cancel {
	width: 150px;
	height: 50px;
	font-family: 'NanumBarunGothic';
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	background: #7b7d7b;
	border: none;
	corsur: pointer;
}
#message_wrapper p button:hover.cancel {background: #696969;}

#message_wrapper .cd-list dd {height: 165px;}
#message_wrapper .cd-list.reward-list dd {height: 112px;}
#message_wrapper .cd-list dd:nth-last-of-type(1) {margin-bottom: 0}
#message_wrapper .cd-list dd > label {
	top: 10%;
}
#message_wrapper .cd-list dd > p {
	margin-right: 15px;
	margin-left: 15px;
	width: 80px;
	height: 80px;
}
#message_wrapper .cd-list.choice dd > p {
	margin-left: 40px;
}
#message_wrapper .cd-list dd > p img {
	width: 80px;
	height: 80px;
}
#message_wrapper .cd-list dd > p.adult {display: none;}
#message_wrapper .cd-list dd > p.adult img {
	left: 50%;
	padding: 0;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
#message_wrapper .cd-list .pro-name {
	left: 115px;
	width: 64%;
}
#message_wrapper .cd-list.choice .pro-name {
	left: 135px;
	width: 57%;
}
#message_wrapper .cd-list .pro-name .pro-info a b {margin-top: -3px;}
#message_wrapper .cd-list .pro-name .pro-info a:hover b {text-decoration: none;}
#message_wrapper .cd-list .pro-name .pro-price span {
	margin-left: 0;
	font-size: 15px;
}
#message_wrapper .cd-list .pro-name p {
	margin-top: 10px;
	width: 100%;
	height: auto;
	text-align: left;
}
#message_wrapper .cd-list .pro-name p a {
	font-family: 'NotoSansM';
	color: #121212;
}


input[type="button"].fileupload_btn {
	float: left;
	margin-left: 0.5%;
	width: 9%;
	height: 34px;
	font-size: 13px;
	color: #455869;
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 0;
}
input[type="button"]:hover.fileupload_btn {
	background: #d9dfe3;
}
@media (max-width: 456px) {
	input[type="button"].fileupload_btn {
		width: 12%;
	}
}
@media (max-width: 375px) {
	input[type="button"].fileupload_btn {
		width: 15%;
	}
}


/* IN */

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

.jstalktheme .clear {
	clear: both;
}

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

.jstalktheme .title {
	clear: both;
	padding: 5px 0;
	font-family: 'NotoSansM';
	font-size: 14px;
	text-align: center;
	background-color: #f1f1f1;
}

.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 {
	position: relative;
	float: right;
	width: calc(100% - 48px);
}

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

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

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

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

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

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

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

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

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

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

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

.jstalktheme .msg .othertalk .box .b {
	position: relative;
	left: -2px;
	z-index: 2;
	float: left;
	padding: 20px 15px 10px;
	max-width: calc(100% - 79px);
	min-height: 24px;
	word-break: break-all;
	background-color: #fafafa;
	border-radius:25px 25px 25px 0;
}
.jstalktheme .msg .othertalk .box .b p {
	text-align: left !important;
}
.jstalktheme .msg .othertalk .box .b span {
	display: block;
	margin-bottom: 10px;
	font-family: 'NotoSansM';
	font-size: 15px;
	color: #121212;
}

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

.jstalktheme .msg .othertalk .box .btn-wrap {
	position: relative;
	left: -2px;
	z-index: 2;
	float: left;
	padding: 10px 0 10px;
	max-width: calc(100% - 50px);
	min-height: 24px;
	word-break: break-all;
	background-color: transparent;
	border-radius:25px 25px 25px 0;
}
.jstalktheme .msg .othertalk .box.full-width {
	text-align: center;
}
.jstalktheme .msg .othertalk .box.full-width .btn-wrap {
	width: 100%;
	max-width: 100%;
}
@media (max-width: 499px) {
	.jstalktheme .msg .othertalk .box .btn-wrap .btn {
		-webkit-box-shadow: none !important;
		   -moz-box-shadow: none !important;
				box-shadow: none !important;
	}
}
.jstalktheme .msg .othertalk .box .btn-wrap .btn {
	margin: 6px 2px 0;
	padding: 8px 20px 6px;
	font-size: 13px;
	color: #2fa434;
	border-color: #2fa434;
	border-radius: 10px;
	-webkit-box-shadow: 2px 5px 3px -3px rgba(0, 0, 0, 0.14);
	   -moz-box-shadow: 2px 5px 3px -3px rgba(0, 0, 0, 0.14);
			box-shadow: 2px 5px 3px -3px rgba(0, 0, 0, 0.14);
}

.jstalktheme .msg .othertalk .box .btn-wrap .btn:active,
.jstalktheme .msg .othertalk .box .btn-wrap .btn:focus {
	background-color: #fff;
}
.jstalktheme .msg .othertalk .box .btn-wrap .btn:hover {
	background-color: #f6fcf7;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

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

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

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



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

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

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


/* Main Customer Center */

.customer-center {
	padding: 40px 0 0;
	background-color: #fff;
	border-top: 1px solid #ddd;
}
.bottom-banner {
	float: left;
	padding-left: 15px;
}
.bottom-banner a {
	float: left;
	margin-right: 2px;
}
.bottom-banner img {
	width: 100%;
}
.customer {
	float: left;
	padding-left: 15px;
	width: 338px;
}

.customer h4 {
	margin-top: -1px;
}
.customer ul {
	float: left;
	margin: 3px 0 0;
	padding: 0;
	height: 67px;
	line-height: 1.78;
	overflow: hidden;
}
.customer ul a {
	float: left;
	width: 280px;
	white-space: nowrap;
	font-family: 'Dotum';
	color: #555;
	text-overflow: ellipsis;
	overflow: hidden;
}
.cs-center {
	position: relative;
	display: inline-block;
	margin-top: 24px;
}
.cs-center .pro-heading {
	position: absolute;
	padding: 0;
}
.cs-center img {
	padding-top: 30px;
}
.cs-center strong {
	line-height: 0.7;
	letter-spacing: -0.01em;
	font-size: 46px;
	color: #fc7803;
}
.cs-center span {
	display: inline-block;
	margin-top: 15px;
	margin-left: 4px;
	line-height: 1.42857143;
}
@media (max-width: 1199px) {
	.bottom-banner {
		width: 70%;
	}
	.bottom-banner a {
		width: 49%;
	}
	.cs-center {
		margin-top: 15px;
	}
	.customer {
		width: 28.5%;
		height: 194px;
	}
	.customer ul a {
		width: 93%;
		height: 21px;
		overflow: hidden;
	}
	.cs-center img {
		padding-top: 19px;
		width: 65%;
	}
	.cs-center strong {
		font-size: 37px;
	}
	.cs-center span {
		margin-top: 10px;
		letter-spacing: -0.08em;
	}
}
@media (max-width: 991px) {
	.bottom-banner {
		padding-right: 15px;
		width: 100%;
	}
	.bottom-banner a {
		width: 48%;
	}
	.customer {
		margin-top: 25px;
		padding-right: 15px;
		width: 100%;
		height: auto;
	}
	.customer ul {
		height: 57px;
	}
	.cs-center {
		float: right;
		margin-top: 0;
		width: 48%;
	}
	.cs-center img {
		padding-top: 30px;
		width: 52px;
	}
	.cs-center strong {
		line-height: 1.42857143;
		letter-spacing: inherit;
	}
	.cs-center span {
		margin-top: -5px;
		letter-spacing: inherit;
	}
}
@media (max-width: 767px) {
	.bottom-banner a {
		width: 100%;
		margin-right: 0 !important;
	}
	.customer-center {
		padding-bottom: 20px !important;
	}
	.customer div {
		width: 100%;
	}
	.cs-center {
		margin-top: 15px;
	}
	.cs-center strong {
		line-height: inherit;
	}
}
@media (min-width: 549px) and (max-width: 767px) {
	.cs-center td:first-child {
		width: 15%;
	}
	.cs-center td:last-child {
		padding-top: 25px;
	}
	.cs-center span {
		margin-left: 5%;
	}
}


.more {
	margin-top: 9px;
	text-align: center;
}
.more a {
	display: block;
	margin: 0 auto;
	padding: 14px 0 13px;
	width: 180px;
	font-weight: 500;
	font-size: 14px;
	color: #555;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e0e0e0;
}
.more a:hover {
	text-decoration: none;
	background-color: #eee;
}
@media (max-width: 414px) {
	.more a {
		width: 100%;
	}
}



/* Footer */

footer {
	width:100%;
	z-index:1;
	margin: 0;
	padding: 0px 0 10px;
	font-size: 13px;
	line-height: 20px;
	background: #fff;
}
footer .page-footer {
	width: 100%;
	padding: 40px 0 10px;
	background: #fff;
	border-top: 2px solid #222;
}
footer .page-footer ul {
	margin: 0;
	padding: 0;
}
footer .page-footer ul li {
	float: left;
	padding: 0 20px;
}
footer .page-footer ul li:first-child {
	padding-left: 0px !important;
}
footer .page-footer ul li a {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	font-family: 'NotoSansR', NanumGothic;
}
footer .page-footer ul li a:hover {
	color: #1c4196 !important;
}
footer .page-footer ul li a.acc {
	color: #121212;
	font-family: 'NotoSansM', NanumGothic;
}
footer .footer-copyright {
	position: relative;
	margin-top: 0px;
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 14px;
	color: #222;
	line-height: 23px;
	padding-top: 41px;
}
footer .footer-copyright p {
	margin: 30px 0 0;
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 13px;
	color: #4a4a4a;
	line-height: 22px;
}
footer .footer-copyright p:nth-child(2) {
	margin: 15px 0 0;
}
footer .footer-copyright p:nth-child(3) {
	font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic;
}
footer .footer-copyright .csNo {
	position: absolute;
	right: 0;
	bottom: 50px;
	font-family: "Spoqa-Medium", 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 20px;
	color: #333;
}
footer .footer-copyright .csNo span {
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 24px;
	color: #1c4196;
}
footer .widget-header {
	margin-bottom: 30px;
}
footer .widget-header h3 {
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #303030;
	text-transform: none;
}

.full-footer .footer-widget {
	text-align: center;
}
.footer-widget {
	margin-top:20px;
}




/* layerpopup (공통) */
.layerpopup {position: fixed; top: 35px; left: 30%; z-index: 9999; border: 1px solid #555; background: #fff; clear: both; /* cursor: move; */}
#indexPopupDiv .layerpopup h2 {float: left; font-size: 18px; color: #222222; font-weight: 500; margin: 0; padding: 0; width: 100%; height: 34px;}
#indexPopupDiv .layerpopup h2 .pop_close {float: right; margin: 0; padding: 5px 10px; cursor: pointer;}
.layerpopup .pop_cont {clear: both; overflow:hidden; padding: 0px 0 0px; text-align: center;}
.layerpopup .pop_cont img {width: 100%; height: 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 {margin-top: 10px; margin-bottom: 10px;}
.layerpopup .checkbox label {display: inline-block; margin-top: 1px; padding-right: 10px; padding-left: 0; font-size: 13px;}
.layerpopup .checkbox label div.checker {margin-top: -3px; margin-right: 3px; vertical-align: middle;}
.layerpopup .checkbox a {float: right; margin-top: -1px; margin-right: 10px;}

@media (max-width: 767px) {
	.layerpopup {
		top: 108px !important;
		left: 0 !important;
		width: 100%;
	}
	.layerpopup .pop_cont {
		width: 100% !important;
		height: 100% !important;
	}
	.layerpopup .pop_cont img {
		max-width: 100% !important;
		height: auto !important;
	}
}
@media (max-width: 414px) {
	.layerpopup {top: 115px !important;}
}


/* newOderPay */
.pay-plus {
	margin: 4px 0 0 !important;
	width: 25px;
	height: 25px;
	line-height: 26px;
	font-size: 12px !important;
	text-align: center;
	background-color: #e5e5e5;
	border-radius: 100%;
}
@media (max-width: 991px) {
	.pay-price {
		width: 50% !important;
	}
	.pay-delivery {
		width: 38% !important;
	}
	.all.pay-price {
		width: 100% !important;
		margin-top: 20px !important;
	}
	.all.pay-price span {
		font-size: 18px !important;
	}
	.all.pay-price em {
		font-size: 24px !important;
	}
}

.newOderPay ul {
	float: left;
	padding: 0;
	width: 100%;
	border-top: 1px solid #aaa;
}
.newOderPay li {
	float: left;
	width: 50%;
	height: 49px;
	border-bottom: 1px solid #ccc;
}
.newOderPay li label {
	float: left;
	margin: 0;
	padding: 13px 20px 12px;
	width: 30%;
	height: 39px;
	font-family: 'Notosansm';
	font-size: 12px;
	text-align: left;
}
.newOderPay li p {
	float: left;
	margin: 0;
	padding: 13px 20px 12px;
	width: 70%;
	line-height: 22px;
	font-size: 12px;
	vertical-align: middle;
	text-align: right !important;
}
.newOderPay li p span {
	font-family: 'NotosansM';
	font-size: 16px;
	color: #333;
}
.newOderPay li p span em {
	font-family: 'NotosansM';
	font-size: 20px;
	color: #6153b4;
	font-style: normal;
	padding-left: 10px;
}



.btnIcon ul {float: left; margin-bottom: 30px; padding: 0; width: 100%;}
.btnIcon ul li {float: left; width: 50%;}
.btnIcon ul li a {float: left; width: 40%; background: #595959; border: 1px solid #494949; padding: 15px 0; font-family: 'NotosansB'; font-size: 15px; color: #fff; text-align: center;}
.btnIcon ul li a:hover {background: #393939;}
@media (max-width: 991px) {
	.btnIcon ul li {width: 100%;}
}

/*---------------------------------
 * 전체카테고리 영역
 *---------------------------------*/

.nav-fixed .horizontal-bar {
	position: fixed !important;
}
.page-horizontal-bar.compact-menu .sub-menu-category {
/* 	display: none; */
	position: relative;
	z-index: 1;
	margin: -999px 0 0;
	padding: 0px 0 0;
	width: 100%;
	background-color: #f5f8fa;
/* 	border-top: 1px solid #eaeced; */
	border-bottom: 1px solid #dadcdd;
/* 	-webkit-transition: .4s; */
/* 			transition: .4s; */
}
.page-horizontal-bar.compact-menu .sub-menu-category:before {
	content: " ";
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 10px;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.07);
	   -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.07);
			box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.07);
}
.nav-fixed.visible-category .sub-menu-category {
/* 	position: fixed !important; */
/* 	margin-top: -38px !important; */
}
.nav-fixed.visible-category .sub-menu-category.first-store {
/* 	position: fixed !important; */
	margin-top: -101px !important;
}

[class^="category-"],
[class^="scrollbox-"] {
	height: 360px;
}

.category-box {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
/* 	width: 100%; */
	min-height: 360px !important;
}

.category-body {
	position: absolute;
	margin: 0 auto;
	width: 790px;
	overflow: hidden;
	height: 100% !important;
/* 	background: #f7f7f7 url('../../images/kr/header/bg_category.gif') 0 0 repeat-y; */
/* 	border-top: 1px solid #e9e9e9; */
}

@media (min-width: 992px) {
	.page-horizontal-bar.compact-menu .sub-menu-category {
		background-color: transparent;
		border-bottom: none;
	}
}


/* 카테고리 서브메뉴1 */
.page-horizontal-bar ul.scrollbox-depth1 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
/* 	z-index: 100; */
	padding: 15px 0 3px;
	width: 198px;
	height: 100% !important;
/* 	background-color: #eef1f4; */
/* 	border: 1px solid #dadcdd; */
	border-top: none;
	border-bottom: none;
	background-color: rgba(14,23,29,0.78);
}
.page-horizontal-bar ul.scrollbox-depth1:after {
	content: " ";
	display: block;
	clear: both;
}
.page-horizontal-bar ul.scrollbox-depth1 a {
	text-decoration: none;
}
.page-horizontal-bar ul.scrollbox-depth1 li a {
	padding: 3px 25px;
	font-family: 'NotosansM';
	font-size: 14px;
	white-space: nowrap;
	letter-spacing: -.5px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.page-horizontal-bar ul.scrollbox-depth1 > li {
/* 	position: initial; */
	font-size: 14px;
/* 	color: #fff; */
}
.page-horizontal-bar ul.scrollbox-depth1 .no a {
	background: none !important;
}
.page-horizontal-bar ul.scrollbox-depth1 > li > div > a {
	display: block;
	width: 198px;
	height: 29px;
	color: #c6d2da;
	letter-spacing: -.5px;
	cursor: default;
}
.page-horizontal-bar .arrow a {
/* 	background-image: url('../../images/kr/header/arrow_category.png'); */
/* 	background-position: 100% -4px; */
/* 	background-repeat: no-repeat; */
}
.page-horizontal-bar ul.scrollbox-depth1 > li > div > a:hover,
.page-horizontal-bar ul.scrollbox-depth1 > li > div > a:focus,
.page-horizontal-bar ul.scrollbox-depth1 > li > div.active > a {
	position: relative;
	color: #fff;
/* 	background-position: 100% -42px; */
}

@media (min-width: 992px) {
	.page-horizontal-bar ul > li > div > a > i {
		display: none;
		float: right;
		margin: 1px 0 0;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		color: #99a7b1;
	}
	.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: #fff;
	}
}

/* 카테고리 서브메뉴2 */
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 {
	display: none;
	position: absolute;
	top: 0;
	left: 197px;
	padding: 15px 0 3px;
	width: 198px;
	height: 100% !important;
/* 	background-color: #f1f4f6; */
/* 	border-right: 1px solid #dadcdd; */
/* 	border-bottom: 1px solid #e9e9e9; */
	background-color: rgba(14,23,29,0.74);
}
.page-horizontal-bar ul.scrollbox-depth1 > li:first-child > ul {
/* 	display: block; */
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 li:first-child > div > a {
/* 	color: #22BAA0; */
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 li > div > a {
	display: block;
	width: 198px;
	height: 25px;
	color: #99a7b1;
	letter-spacing: -.5px;
/* 	background-image: url('../../images/kr/header/arrow_category.png'); */
/* 	background-position: 100% 0; */
/* 	background-repeat: no-repeat; */
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 li > div > a:hover,
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 li > div > a:focus,
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 li > div.active > a {
	position: relative;
	color: #fff;
	background-position: 100% -42px;
}


/* 카테고리 서브메뉴3 */
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 li div + .scrollbox-depth3 {
	display: none;
	position: absolute;
	top: 0;
	left: 197px;
	padding: 15px 0 6px;
	width: 198px;
	height: 100% !important;
/* 	overflow: hidden; */
/* 	overflow-y: auto; */
/* 	background-color: #f6f8fa; */
/* 	border-right: 1px solid #dadcdd; */
/* 	border-bottom: 1px solid #e9e9e9; */
	background-color: rgba(14,23,29,0.66);
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 li:first-child > ul {
/* 	display: block; */
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2 li div + .scrollbox-depth3 {
/* 	display: block; */
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth3.type2 {
	display: none;
	position: absolute;
	top: 0;
	left: 394px;
	padding: 3px 0;
	width: 198px;
/* 	overflow: hidden; */
/* 	overflow-y: auto; */
	background-color: #f9f9f9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth3 > li > a {
	display: block;
	width: 198px;
	height: 38px;
	color: #99a7b1;
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth3 > li > a:hover,
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth3 > li > a:focus,
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth3 li > div.active > a {
	position: relative;
	color: #fff;
}


/* 카테고리 서브메뉴3 */
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth4 {
	display: none;
	position: absolute;
	top: 0;
	left: 197px;
	padding: 25px 0 3px;
	width: 198px;
	height: 100% !important;
	background-color: rgba(14,23,29,0.75);
/* 	overflow: hidden; */
/* 	overflow-y: auto; */
/* 	background-color: #f6f8fa; */
/* 	border-right: 1px solid #dadcdd; */
/* 	border-bottom: 1px solid #e9e9e9; */
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth3 li:first-child > ul {
	display: block;
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth3 div.active + .scrollbox-depth4 {
	display: block;
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth4.type2 {
	left: 394px;
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth4 > li > a {
	display: block;
	width: 198px;
	height: 38px;
	color: #99a7b1;
}
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth4 > li > a:hover,
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth4 > li > a:focus,
.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth4 > li > a.active {
	position: relative;
	color: #fff;
}


/* 카테고리 배너 */
.page-horizontal-bar ul.banner-promotion {
	display: block;
	position: absolute;
	top: 0;
	left: 789px;
	float: right;
	margin: 0;
	padding: 0;
	width: 411px;
	height: 360px;
	background-color: #fff;
/* 	border-left: 1px solid #e9e9e9; */
}

.page-horizontal-bar ul.banner-promotion a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.page-horizontal-bar ul.banner-promotion .banner-title {
	display: block;
	margin: 0 0 3px;
	font-weight: normal;
	font-size: 21px;
	letter-spacing: -1px;
}

.page-horizontal-bar ul.banner-promotion .banner-img {
	display: block;
	margin: 10px 0;
	width: 292px;
	height: 200px;
	background-color: #f2f2f2;
}
.page-horizontal-bar ul.banner-promotion .banner-img img {
	width: 100%;
	height: 100%;
	border: 1px solid #e8e8e8;
}

.page-horizontal-bar ul.banner-promotion .banner-sub-title {
	display: block;
	position: absolute;
	margin-bottom: 5px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: -1px;
	color: #686868;
}

.page-horizontal-bar ul.banner-promotion .banner-sub-title strong {
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0px;
	color: #333333;
}
.page-horizontal-bar ul.banner-promotion .banner-sub-title em {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 34px;
	letter-spacing: -1px;
	color: #fa6e51;
}

@media (max-width: 1199px) {
	.page-horizontal-bar.compact-menu .sub-menu-category {
/* 		padding: 0 !important; */
	}
	.page-horizontal-bar ul.scrollbox-depth1,
	.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth2,
	.page-horizontal-bar ul.scrollbox-depth1 .scrollbox-depth3 {
		top: 0 !important;
		padding: 5px 0 !important;
	}
	.category-body {
		width: 598px;
	}
}
@media (max-width: 991px) {
	.page-horizontal-bar.compact-menu .sub-menu-category {
		display: none !important;
	}
}



/*  */

.loginBtnArea {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: -30px auto 0;
	z-index: 100;
}
.loginBtn {
	float: none;
	width: 1140px;
	margin: 0 auto;
}
.loginBtn ul {
	float: left;
	width: 100%;
	padding: 0;
}
.loginBtn ul li {
	float: left;
	width: 20%;
	height: 75px;
	background: #222;
	text-align: center;
}
.loginBtn ul li:first-child {
	float: left;
	width: 20%;
	height: 75px;
	background: #555;
	text-align: center;
}
.loginBtn ul li.third {
	background: #555;
}
.loginBtn ul li.last {
	width: 40%;
	background: #2eb5e7;
}
.loginBtn ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #eee;
	letter-spacing: -0.7px;
	line-height: 75px;
}
.loginBtn ul li a:hover {
	background: #020202;
	font-size: 15px;
}
.loginBtn ul li:first-child a:hover,
.loginBtn ul li.third a:hover {
	background: #444;
}
.loginBtn ul li.last a:hover {
	background: #189fd1;
}

.loginCopyRightA {
	float: left;
	width: 100%;
}
.loginCopyRightA span {
	display: block;
	width: 1140px;
	margin: 25px auto 0;
	font-size: 13px;
	line-height: 24px;
}
.loginCopyRightA span em {
	float: left;
	width: 100%;
	padding: 10px 0 20px;
	font-size: 11px;
	font-style: normal;
}

.footer-copyright .loginCopyRightA {
	float: left;
	width: 100%;
}
.footer-copyright .loginCopyRightA span {
	display: block;
	width: 1140px;
	margin: 0 auto;
	font-size: 13px;
	color: #fff;
	line-height: 24px;
}
.footer-copyright .loginCopyRightA span em {
	float: left;
	width: 100%;
	padding: 10px 0 0;
	font-size: 11px;
	font-style: normal;
}

.confirm {
	float: left;
	margin: 0px 0 20px;
	width: 100%;
	border: 5px solid #e8e8e8;
}

.confirm table {
	display: block;
	padding: 0 165px 0 190px;
	width: 100%;
}
.confirm table tr th {
	padding-right: 40px;
	color: #555;
}
.confirm table tr td {
	padding: 28px 0 26px;
	font-size: 16px;
	color: #555;
}
.confirm .form-control {
	float: left;
	margin-right: 6px;
	width: 143px;
	height: 40px;
	border-color: #d3d3d3;
}
.confirm .form-control:nth-child(2) {
	width: 123px;
}
.confirm .form-control:nth-child(3) {
	width: 182px;
}
.confirm p {
	margin: 45px 0 1px;
	font-size: 25px;
	line-height: 1.56em;
	text-align: center;
}
.confirm strong {
	font-size: 26px;
	color: #2d71c4;
}
.confirm .btn-md {
	display: inline-block;
	padding: 11px 48px 10px;
	font-size: 13px;
	text-align: center;
}

@media all and (min-width: 768px) {
	.confirm h5 {display: none;}
}

@media all and (max-width: 1199px) {
	.confirm table {
		padding: 0 100px;
	}
	.confirm table tr th {
		padding: 0 20px;
		min-width: 110px;
	}
	.confirm .form-control,
	.confirm .form-control:nth-child(2),
	.confirm .form-control:nth-child(3) {
		width: 20%;
	}
}
@media all and (max-width: 991px) {
	.confirm table {
		padding: 0;
	}
	.confirm table tr th {
		text-align: center;
	}
	.confirm table tr td {
		width: 100%;
	}
	.confirm .btn-md {
		padding-right: 30px;
		padding-left: 30px;
	}
	.confirm .form-control,
	.confirm .form-control:nth-child(2),
	.confirm .form-control:nth-child(3) {
		width: 24%;
	}
}
@media all and (max-width: 767px) {
	.confirm {
		border: none;
	}
	.confirm table {
		border: 5px solid #dcd8f3;
	}
	.confirm table tr th {
		display: none;
	}
	.confirm table tr td {
		padding-right: 30px;
		padding-left: 30px;
		text-align: center;
	}
	.confirm .form-control,
	.confirm .form-control:nth-child(2),
	.confirm .form-control:nth-child(3) {
		width: 27%;
	}
	.confirm .btn-md {
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media all and (max-width: 639px) {
	.confirm table tr th {
		display: none;
	}
	.confirm table tr td {
		padding-right: 30px;
		padding-left: 30px;
		text-align: center;
	}
	.confirm .form-control,
	.confirm .form-control:nth-child(2),
	.confirm .form-control:nth-child(3) {
		width: 24.7%;
	}
}
@media all and (max-width: 499px) {
	.confirm table tr td {
		padding-right: 15px;
		padding-left: 15px;
	}
	.confirm .btn-md {
		float: right;
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media all and (max-width: 375px) {
	.confirm .form-control,
	.confirm .form-control:nth-child(2),
	.confirm .form-control:nth-child(3) {
		width: 23.5%;
	}
}
@media all and (max-width: 360px) {
	.confirm .form-control,
	.confirm .form-control:nth-child(2),
	.confirm .form-control:nth-child(3) {
		width: 23%;
	}
}


.certificate {
	float: left;
	width: 100%;
	background: #f6f6f6;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	text-align: center;
	margin: 15px auto 0;
}
.certificate ul {
	display: inline-block;
	text-align: center;
	margin: 25px auto;
	padding: 0;
}
.certificate ul li {
	float: left;
	font-size: 16px;
	text-align: center;
	margin: 35px;
}
@media (max-width: 570px) {
	.certificate ul li {
		margin: 5px !important;
	}
}
@media (max-width: 740px) {
	.certificate ul li a {
		width: 100px !important;
		height: 100px !important;
		padding: 20px !important;
	}
	.certificate .textArea h3,
	.certificate .textArea span {width: 100% !important; text-align: left; padding-bottom: 15px;}
}
.certificate ul li a {
	display: block;
	width: 160px;
	height: 160px;
	padding: 40px;
	text-align: center;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
}
.certificate ul li a:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}
.certificate ul li a img {
	width: 90%;
	opacity: .2;
}
.certificate ul li a:hover img {
	opacity: .6;
}

.certificate .textArea {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #d5d5d5;
	background: #fff;
	padding: 25px;
}
.certificate .textArea h3 {
	float: left;
	width: 17%;
	font-size: 20px;
	padding-top: 45px;
}
.certificate .textArea span {
	float: left;
	width: 83%;
	font-size: 13px;
	text-align: left;
	line-height: 24px;
}



/* Login Before */

.page-header-fixed .navbar.he84 {
	height: 84px;
	border-bottom: transparent;
}
.navbar.he84 .logo-box {margin-top: 0;}

@media (max-width: 991px) {
	.navbar.he84 .logo-box .logo-text {display: block !important;}
	.page-header-fixed .navbar.he84 .search-button {display: none;}
	.page-header-fixed .navbar.he84 + .page-inner7 .page-breadcrumb.other02 {
		margin-top: 84px;
		margin-bottom: 25px;
	}
}
@media (max-width: 767px) {
	.page-header-fixed .navbar.he84 {height: 71px;}
	.navbar.he84 .logo-box {
		height: 71px;
		line-height: 71px;
	}
}


.page-header-fixed .navbar.he74 {
	height: 74px;
	border-bottom: transparent;
}
.navbar.he74 .logo-box {
	position: relative;
	bottom: 0;
	margin-top: 0;
	height: 74px;
}
.navbar.he74 .logo-box .logo-text.bg {padding: 3px 25px 0 0;}

@media (max-width: 991px) {
	.page-header-fixed .navbar.he74 {border-bottom: 1px solid #e8e8e8 !important;}
	.page-header-fixed .navbar.he74 + .page-inner7 {padding-top: 74px;}
}



/*  */
.date-inpt,
.datepicker.dropdown-menu {
	z-index: 9;
}


/* 회원가입 */
.memberJoinsTab {
	display: grid;
	margin: 30px auto 0;
	width: 100%;
	padding: 0;
	border-radius: 5px;
}

.memberJoinsTab .tableth table tr td {
	background: none;
}
.memberJoinsTab .tableth table tr td label {
	float: left;
	margin: 4px 10px 4px 0 !important;
	padding-right: 0;
}
.memberJoinsTab .tableth .tableView table tr td label:nth-last-of-type(2) {margin-right: 20px;}
.memberJoinsTab .tableth table tr td label strong,
.memberJoinsTab .tableth table tr td > span strong {
	font-family: 'NotosansM';
}
.memberJoinsTab .tableth table tr td > span {
	margin: 4px 0 0;
    width: auto;
    font-size: 13px;
    color: #333;
}
.memberJoinsTab .tableth table tr td label span {
	margin: 0;
}
.memberJoinsTab .tableth table tr td label div.checker span {margin: 0;}
.memberJoinsTab .tableth table tr td label + a {
	float: left;
	margin: 3px 0 0 0;
}
.memberJoinsTab .nav-tabs {border-bottom: 1px solid #999;}
.memberJoinsTab .nav-tabs > li {
  width: 50%;
  height: 53px;
  background-color: transparent;
  margin-bottom: 1px;
}
@media (max-width: 991px) {
	.memberJoinsTab .nav-tabs > li a {font-size: 14px !important;}
	.memberJoinsTab .nav-tabs {margin-bottom: -5px;}
	.memberJoinsTab .tableth {
		float: left !important;
		padding: 0 30px !important;
	}
}
@media (max-width: 499px) {
	.memberJoinsTab {margin-top: 15px;}
	.memberJoinsTab section {padding-top: 0px !important;}
	.memberJoinsTab .nav-tabs > li a {font-size: 13px !important; padding: 15px 5px !important;}
	.memberJoinsTab .tableth {padding: 0 10px !important;}
	.memberJoinsTab section h5 {margin-left: 0;}
}
@media (max-width: 376px) {
	.memberJoinsTab .nav-tabs > li a {padding: 15px 1px !important;}
}
@media (max-width: 360px) {
	.memberJoinsTab .nav-tabs > li:last-child a {letter-spacing: -.05em;}
}
.memberJoinsTab .nav-tabs > li a {
  padding: 15px 10px;
  color: #797979;
  font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
  font-size: 16px;
  border-bottom: 1px solid #999;
}
.memberJoinsTab .nav-tabs > li a:hover {
	color: #797979;
	font-size: 16px;
	background-color: #fafafa;
	border-color: #fafafa;
	border-bottom: 1px solid #999;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.memberJoinsTab .nav-tabs > li a:focus {
  font-size: 16px;
}
.memberJoinsTab .nav-tabs > li.active {
  background-color: #fff;
}
.memberJoinsTab .nav-tabs > li.active a {
  font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
  color: #333;
  background-color: #fff;
  border: 1px solid #999;
  border-bottom-color: #fff;
}
.memberJoinsTab .nav-tabs > li.active a:hover {
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid transparent;
}

.memberJoinsTab .tableth {
	float: left;
	width: 100%;
	padding: 30px 30px 60px;
	background-color: #fff;
}
.memberJoinsTab section {
	float: left;
	width: 100%;
	padding: 20px 0;
	background: #fff;
}
.memberJoinsTab .tableth h5 {
	float: left;
	width: 21%;
	font-family: 'NotosansM';
	font-size: 18px;
	background-color: #fff;
	margin: 10px 0 0;
	padding: 15px 0 0;
	border-top: 1px solid #333;
}

.memberJoinsTab .tableth h5 em {
/* 	float: left; */
/* 	width: 100%; */
	font-family: 'NotosansR';
	font-size: 13px;
	color: #555;
	font-style: normal;
	padding-top: 10px;
}
.memberJoinsTab .tableth table {
	float: right;
	width: 76.5%;
	border-top: 1px solid #aaa;
	margin: 10px 0 0;
}
.memberJoinsTab .tableth table tr td.phone-num select,
.memberJoinsTab .tableth table tr td.phone-num input[type="text"] {
	margin-right: 5px;
	width: 15.12%;
}
.memberJoinsTab .tableth table tr td.phone-num input[type="text"] {
	margin-left: 0;
}
.memberJoinsTab .tableth table tr td.address input[type="text"] {
	width: 80.1%;
}
.memberJoinsTab .tableth table tr td.email input[type="text"] {
	float: left;
	margin-right: 5px;
	width: 28.293%;
}
.memberJoinsTab .tableth table tr td.email span {
	float: left;
	margin: 4px 5px 0 0;
}
.memberJoinsTab .tableth table tr td.email select {
	float: left;
	width: 25%;
}

@media (min-width: 992px) {
	.memberJoinsTab .tableth table tr td.address input[type="text"] {width: 83.5%;}
}
@media (min-width: 1200px) {
	.memberJoinsTab .tableth table tr td.address input[type="text"] {width: 82.1%;}
}
@media (min-width: 1300px) {
	.memberJoinsTab .tableth table tr td.address input[type="text"] {width: 81.54%;}
}

@media (max-width: 991px) {
	.memberJoinsTab .tableth .tableView h5 {
		width: 100%;
		margin: 25px 0 25px !important;
		padding: 5px 0 0;
		border-top: none;
	}
	.memberJoinsTab .tableth .tableView table {
		width: 100%;
		margin-top: 0;
		border-bottom: 1px solid #ccc;
	}
	.memberJoinsTab .tableth .tableView table tr th {
		padding-bottom: 0;
		background-color: transparent;
		border-bottom: 0;
	}
	.memberJoinsTab .tableth .tableView table tbody {float: left; padding: 10px 0;}
	.memberJoinsTab .tableth .tableView table tr td {height: auto; padding: 0 10px; border-bottom: 0;}
}


.agreement > div {display: inline-block; width: 100%;}

@media (max-width: 499px) {
	.agreement > div.cont {
		font-size: 15px !important;
		line-height: 24px !important;
		padding-top: 10px !important;
	}
}
.agreement > div.cont {
	font-family: 'NotosansM';
	font-size: 16px;
    line-height: 25px;
    padding: 45px 25px 10px 0;
    overflow-y: auto;
    vertical-align: middle;
}
.agreement > div.cont ins {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #888;
    text-decoration: none;
    margin-top: 15px;
}
@media (max-width: 499px) {
	.agreement > div.cont h3 {
		font-size: 22px !important;
		line-height: 54px !important;
	}
}
.agreement > div.cont h3 {
	font-family: 'NotosansR';
	font-size: 26px;
	line-height: 90px;
	font-weight: normal;
}
.agreement > div.cont h3 em {
	font-family: 'NotosansM';
	font-size: 34px !important;
	font-style: normal;
}
.agreement > div.agree {background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0; margin: 30px 0 0;}
.agreement > div.agree label {font-family: 'NotosansB';}

.agreement > div.agreeCont {
	font-size: 13px;
    line-height: 20px;
    padding: 35px 30px;
    margin: 90px 0 40px;
    overflow-y: auto;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #e5e5e5;
}
.agreement > div.agreeCont div.checker {margin-top: -2px;}
.agreement > div.agreeCont strong {
	font-family: 'NotosansM';
	font-size: 14px;
}
.agreement > div.agreeCont em {
	float: left;
	width: 100%;
	font-style: normal;
	padding-left: 26px;
	padding-top: 5px;
	line-height: 18px;
}
.agreement > div.sub-buttons-p {
	float: none; 
	width: 100%;
	display: block;
	margin: 40px auto;
}

@media (max-width: 499px) {
	.memCouponArea {
		width: 112% !important;
		height: auto !important;
		background: url('../../images/kr/coupon_bg_m.png') no-repeat left top !important;
		margin: 40px 0 0 !important;
	}
	.memCouponArea span {width: 56% !important; padding: 70px 0 60px !important;}
	.memCouponArea span h5 {font-size: 14px !important;}
	.memCouponArea span strong {font-size: 40px !important;}
	.memCouponTxt {
	    margin-left: 0 !important;
	}
	.m-b-xl120 {
	    margin-bottom: 30px !important;
	}
	.product-list.basket-list h4.active {margin-bottom: 0px !important;}
}
.memCouponArea {
	float: right;
	width: 520px;
	height: 250px;
	background: url('../../images/kr/coupon_bg.png') no-repeat left top;
	margin: 60px 0 0;
}
.memCouponArea span {
	float: right;
	width: 64%;
	height: 100%;
	color: #fff;
	text-align: center;
	padding: 55px 0 0;
}
.memCouponArea span h5 {
	width: 100%;
	font-size: 18px;
	font-family: 'NotosansL';
	font-weight: normal;
	margin-bottom: 0;
}
.memCouponArea span strong {
	width: 100%;
	font-size: 70px;
	font-family: 'Spoqa-Medium', 'Ubuntu', Arial, Dotum, sans-serif;
}
.memCouponTxt {
	float: left;
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin-top: 16px;
	margin-left: 25px;
}



/* Mobile Table View */
.table-view {
	float: left;
	padding: 0 10px 20px;
	width: 100%;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #ccc;
}
.table-view dl {
	float: left;
	margin-top: 7px;
	width: 100%;
}
.table-view dl dt {
	padding: 10px 0;
	font-family: 'NotosansM';
}
.table-view dl dt em {
	font-style: normal;
	font-size: 11px;
	color: #999;
}
.table-view dl dd {
	padding: 4px 0;
}
.table-view dl dd .form-control {
	float: left;
	margin-left: 5px;
}
.table-view dl dd .form-control:first-child {margin-left: 0 !important;}
.table-view dl dd span {
	float: left;
	margin-top: 10px;
	font-size: 12px;
}

.table-view dl dd.address .form-control {
	margin: 5px 0 0 0 !important;
	width: 100%;
}
.table-view dl dd.address .form-control:first-child {
	margin-top: 0 !important;
	width: 87%;
}

/* .table-view dl dd.phone-num .form-control {
	width: 28.5%;
	text-align: center;
} */
.table-view dl dd.phone-num .form-control {
	width: 32.814%;
	text-align: center;
}
.table-view dl dd.phone-num select {
	text-align: left !important;
}

.table-view dl dd.email .form-control {
	margin-top: 5px;
	margin-left: 0;
	width: 49.3%;
}
.table-view dl dd.email .form-control:nth-of-type(1),
.table-view dl dd.email .form-control:nth-of-type(2) {margin-top: 0;}
.table-view dl dd.email .form-control:nth-of-type(even) {float: right;}
.table-view dl dd.email input:nth-of-type(2) {padding-left: 25px !important;}
.table-view dl dd.email span {
	position: relative;
	float: left;
	margin: 8px -27px 0 10px;
	padding-left: 5px;
	width: auto;
	text-align: center;
}

.table-view dl dd .btn-other {
	float: right;
	margin-left: 5px;
	padding: 7px 10px 9px !important;
	width: 70px;
	font-size: 13px;
}
.table-view dl dd label {
	margin: 0 20px 0 -2px;
	vertical-align: middle;
}
.table-view dl dd div.radio span,
.table-view dl dd div.checker span {
	margin: -1.5px 0 0;
	width: 18px;
}
.table-view dl dd .half {width: 49%;}
.table-view dl dd .half:nth-of-type(even) {float: right;}

@media (min-width: 992px) {
	.tableView h5 em {
		float: left;
		width: 100%;
	}
	.table-view {
		float: right;
		margin-top: 10px;
		padding: 0;
		width: 76.5%;
		border-bottom: none;
	}
	.table-view dl {
		margin-top: 0;
		background-color: #fafafa;
		border-bottom: 1px solid #ccc;
	}
	.table-view dl dt {
		float: left;
		padding: 6px 20px 6px;
		width: 27%;
		height: 47px;
		line-height: 2.85rem;
		background-color: #fafafa;
	}
	.table-view dl dd {
		float: left;
		padding: 6px 14px 6px;
		width: 73%;
		height: 47px;
		line-height: 2.85rem;
		background-color: #fff;
	}
	.table-view dl dd .form-control {
		float: left;
		width: 51.6%;
	}
	.table-view dl dd .btn-other {float: left;}
	.table-view dl dd span {
		margin-top: 0;
		padding-left: 10px;
		letter-spacing: -.1em;
	}
	.table-view dl dt.address {height: 86px;}
	.table-view dl dd.address:nth-of-type(2) {
		margin-top: -1px;
		padding-top: 0;
		height: 40px;
	}
	.table-view dl dd.address .form-control:first-child {width: 35.25%;}
	.table-view dl dd.address:nth-of-type(2) .form-control {width: 59.54%;}
	.table-view dl dd.address:nth-of-type(2) .form-control:nth-of-type(2) {
		margin: 0 0 0 5px !important;
		width: 39.38%;
	}
	.table-view dl dd br {display: none;}
	
	.table-view dl dd.phone-num .form-control {width: 16.45%;}
	
	.table-view dl dd.email .form-control {
		float: left !important;
		margin-top: 0;
		margin-left: 5px;
		width: 25.22%;
	}
	.table-view dl dd.email select {margin-left: 5px;}
	.table-view dl dd.email span {margin-top: 0;}
	.table-view dl dd.email-copy {height: auto;}
	.table-view dl dd.email-copy .form-control {/* width: 19.13%; */}
	.table-view dl dd.email-copy .form-control:nth-of-type(4) {width: 20.9%;}
	.table-view dl dd.email-copy .form-control:nth-of-type(5) {
		margin-top: 6px;
		margin-left: 0;
	}
}
@media (min-width: 1200px) {
	.table-view dl dt {width: 22%;}
	.table-view dl dd {width: 78%;}
	.table-view dl dd .form-control {width: 46.683%;}
	.table-view dl dd span {letter-spacing: normal;}
	
	.table-view dl dd.phone-num .form-control {width: 15.08%;}
	
	.table-view dl dd.email .form-control {width: 22.99%;}
	.table-view dl dd.email-copy .form-control {/* width: 19.38%; */}
	.table-view dl dd.email-copy .form-control:nth-of-type(4) {width: 28.7%;}
	.table-view dl dd.address .form-control:first-child {width: 35.25%;}
	.table-view dl dd.address:nth-of-type(2) .form-control {width: 59.54%;}
	.table-view dl dd.address:nth-of-type(2) .form-control:nth-of-type(2) {width: 39.62%;}
}

@media (max-width: 991px) {
	.table-view dl dd.address:nth-of-type(2) .form-control {
		margin-top: 5px !important;
		width: 100% !important;
	}
	.table-view dl dd.company-num .form-control {width: 32.4%;}
	.table-view dl dd.company-num select {margin-right: 5px;}
	.table-view dl dd.email select {/* display: none; */}
	.table-view dl dd .file_input_textbox {width: 93.55% !important;}
}
@media (max-width: 767px) {
	.table-view dl dd.address .form-control:first-child {width: 85%;}
	.table-view dl dd.phone-num .form-control {width: 32.7%;}
	.table-view dl dd .file_input_textbox {width: 88.5% !important;}
}
@media (max-width: 639px) {
	.table-view dl dd.address .form-control:first-child {width: 79.5%;}
	.table-view dl dd.phone-num .form-control {width: 32.45%;}
}
@media (max-width: 499px) {
	.table-view dl dt {
		font-size: 13px;
		padding: 10px 0 5px !important;
	}
	.table-view dl dd.address .form-control:first-child {width: 78%;}
	.table-view dl dd.phone-num .form-control {width: 32.36%;}
	.table-view dl dd.company-num .form-control {width: 32.36%;}
	.table-view dl dd.email .form-control {width: 49.274%;}
	.table-view dl dd .half {width: 49%;}
	.table-view dl dd .file_input_textbox {width: 88% !important;}
}
@media (max-width: 413px) {
	.table-view dl dd.address .form-control:first-child {width: 76%;}
	.table-view dl dd.phone-num .form-control {width: 32.28%;}
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32.28%;}
	.table-view dl dd.email .form-control {width: 49.22%;}
	.table-view dl dd .file_input_textbox {width: 87% !important;}
}
@media (max-width: 385px) {
	.table-view dl dd.address .form-control:first-child {width: 75%;}
	.table-view dl dd.phone-num .form-control {width: 32%;}
	.table-view dl dd.company-num .form-control {width: 32%;}
	.table-view dl dd .half {width: 49%;}
	.table-view dl dd .file_input_textbox {width: 86.5% !important;}
}
@media (max-width: 375px) {
	.table-view dl dd .form-control {padding: 6px 10px !important;}
	.table-view dl dd.address .form-control:first-child {width: 75%;}
	.table-view dl dd.phone-num .form-control {width: 32.24%;}
	.table-view dl dd.company-num .form-control {width: 32.24%;}
	.table-view dl dd .half {width: 49%;}
	.table-view dl dd .file_input_textbox {width: 86.5% !important;}
}
@media (max-width: 360px) {
	.table-view dl dd.address .form-control:first-child {width: 73.75%;}
	.table-view dl dd.phone-num .form-control {width: 32.18%;}
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32.18%;}
	.table-view dl dd.email .form-control {width: 49.14%;}
	.table-view dl dd .half {width: 49%;}
	.table-view dl dd .file_input_textbox {width: 85.8% !important;}
}
@media (max-width: 320px) {
	.table-view dl dd.address .form-control:first-child {width: 70%;}
	.table-view dl dd.phone-num .form-control {width: 32%;}
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32%;}
	.table-view dl dd.email .form-control {width: 49%;}
	.table-view dl dd .half {width: 49%;}
	.table-view dl dd label {margin-right: 18px;}
}



/* 결제수단 */

.card-view {
	display: inline-block;
	position: relative;
	padding: 30px 0 53px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.card-view > .btn {
	position: absolute;
	top: 0;
	right: 20px;
	margin-left: 3px;
	padding: 5px;
	width: 25px;
	height: 25px;
	background: none;
	border-radius: 100%;
}
.card-view > .btn:nth-of-type(2) {
	right: 0;
}
.card-view .swiper-card {
/* 	width: 80%; */
}
.card-view .swiper-card .swiper-slide {
	width: 40%;
	opacity: .5;
}
.card-view .swiper-card .swiper-slide.swiper-slide-active {opacity: 1;}
.card-view .swiper-card a {
	display: inline-block;
	position: relative;
	padding: 10px 20px;
	width: 200px;
	height: 113px;
	background-color: #5d789e;
	border-radius: 8px;
}
.card-view .swiper-card a button {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 2px 6px;
	font-size: 12px;
	color: #fff;
	background-color: rgba(255, 255, 255, .4);
	border-radius: 10px;
}
.card-view .swiper-card a b {
	display: block;
	font-family: 'NotoSansM';
	font-size: 14px;
	color: #fff;
	text-align: left;
}
.card-view .swiper-card a em {
	display: block;
	margin: 35px 0 20px;
	font-style: normal;
	font-family: "Spoqa-Medium";
	font-size: 13px;
	color: #fff;
	text-align: left;
}
.card-view .swiper-card .card-add a {
	background-color: #b5b5b5;
}
.card-view .swiper-card .card-add a i {
	margin-top: 11px;
	padding: 9px 5px;
	width: 32px;
	height: 32px;
	font-size: 15px;
	color: #b5b5b5;
	text-align: center;
	background-color: #fff;
	border-radius: 100%;
}
.card-view .swiper-card .card-add a span {
	display: none;
	margin: 5px 0 7px;
	width: 100%;
	font-size: 13px;
	color: #fff;
	text-align: center;
}
.card-prev,
.card-next {
	display: none;
	top: 83px;
	width: 26px;
	height: 26px;
	--swiper-navigation-size: 15px;
	font-weight: normal;
	background-color: rgba(255, 255, 255, .5) !important;
	border-radius: 100%;
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.33);
	   -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.33);
			box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.33);
	-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;
}
.card-prev {
	left: 20px;
}
.card-next {
	right: 20px;
}
.card-view .swiper-pagination {
	margin-top: 14px;
	width: 100%;
}
.card-view .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
	width: 8px;
	height: 8px;
	background-color: #414141;
	border-radius: 100%;
}

@media (min-width: 992px) {
	.card-view,
	.card-view .swiper-pagination {padding-right: 10px;}
}

@media (max-width: 499px) {
	.card-view .swiper-card .swiper-slide {
		width: 50% !important;
	}
}


.card-info {
	float: left;
    width: 100%;
    background: #fafafa;
    padding: 30px 75px 20px;
	margin: 50px 0 -30px;
}
.card-info dl {
	float: left;
	padding-top: 5px;
	width: 100%;
}
.card-info dl dt {
	float: left;
	width: 30%;
	font-family: 'NotosansM';
	font-size: 13px;
	text-align: left;
	line-height: 32px;
}
.card-info dl dt em {
	color: #797979;
	font-style: normal;
}
.card-info dl dd {
	float: left;
	width: 70%;
	font-family: 'NotosansR';
	font-size: 13px;
	text-align: left;
}
.card-info dl dd .half {
	float: left;
	width: 49.5%;
}
.card-info dl dd .quarter {
	float: left;
	width: 24%;
	margin-right: 1%;
}
.card-info dl dd .half:nth-of-type(even) {
	float: right;
}
.card-info dl dd .pass {
	-webkit-text-security: disc;
	ime-mode: disabled;
}
.card-info .btn {
	float: left;
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'NotosansM';
	font-size: 14px;
}

@media (max-width: 499px) {
	.card-info {
	    padding: 20px 20px 10px !important;
	}
	.card-info dl dt {width: 40% !important;}
	.card-info dl dd {width: 60% !important;}
	.card-info dl dd .quarter {width: 49% !important;}
	.card-info dl dd .quarter:nth-child(2n) {float: right; margin-right: 0;}
	.card-info dl:first-child dd .quarter:nth-of-type(1),
	.card-info dl:first-child dd .quarter:nth-of-type(2) {margin-bottom: 5px;}
}


.pay-list {
	padding-right: 0;
	padding-left: 0;
}
.pay-list p {
	float: left;
	margin: 25px 0 7px;
	width: 100%;
	font-family: 'NotoSansM';
}
.pay-list ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.pay-list ul#payment {
	margin: 30px 0 20px;
}
.pay-list ul li {
	position: relative;
	float: left;
	width: 25%;
	height: 47px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.pay-list ul li:hover {
	color: #333;
	background-color: #f6f8fa;
	cursor: pointer;
}
.pay-list ul li a {
	float: left;
	padding: 10px 0;
	width: 100%;
	height: 100%;
	font-family: 'NotosansM';
	font-size: 1.1rem;
	line-height: 2.1em;
	text-align: center;
}
.pay-list ul li.active {
	border-color: #777;
}
.pay-list ul li.active:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 1px;
	background: #777;
}
.pay-list ul li.active:after {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	width: 1px;
	height: 47px;
	background: #777;
}
.pay-list ul li.active a {
	color: #fff;
	background-color: #595959;
}
.pay-list ul#bank li.active a {
	color: #fff;
	background-color: #595959;
}
.pay-list ul li.active a:before {
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	width: 100%;
	height: 1px;
	background: #777;
}
.pay-list ul li a img {height: 26px;}
.pay-list ul li a i {
	display: block;
	height: 26px;
	overflow: hidden;
}
.pay-list ul#payment li a i img {
	position: relative;
	top: 0;
	width: auto;
	height: 52px;
}
.pay-list ul#payment li.active a i img {
	top: -26px;
}

.pay-list ul li label {
	margin-bottom: 0;
	padding: 10px 0;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 1.1rem;
	line-height: 2.1em;
	text-align: center;
	cursor: pointer;
}
.pay-list ul li.active label {
	color: #fff;
	background-color: #595959;
}
.pay-list ul li div.radio {display: none;}

@media (max-width: 499px) {
	.pay-list ul li {width: 50%;}
	.pay-list ul li.blank {display: none;}
}



/************************** CATEGORY LEFT LIST **************************/

.categoryLeft {
	float: left;
	width: 185px;
/* 	background-color: #fff; */
/* 	border: 1px solid #e6e6e6; */
}
.category-list {
	float: left;
	margin-bottom: 21px;
	width: 100%;
	height: auto !important;
/* 	border-bottom: 1px solid #efefef; */
}
.category-list h4 {
/* 	display: none; */
	position: relative;
	float: left;
	margin: 14px 0 0;
	padding: 14px 0 12px;
	width: 100%;
	height: auto;
	font-family: 'NotosansM';
	font-weight: normal;
	font-size: 15px;
	color: #222;
}
.category-list h4:after {
	content: '';
	position: absolute;
	top: 8px;
	right: 0;
	width: 91px;
	height: 2px;
	background-color: #222;
}
@media (max-width: 499px) {
	.category-list > div:first-child h4:first-child {padding-bottom: 0px !important;}
	.category-list h4:after {display: none;}
}
.category-list > div:first-child h4:first-child,
.category-list > div:first-child h4.active {
	margin-top: -1px;
	padding-top: 0;
	padding-bottom: 17px;
}
.category-list h4.active {
/* 	display: block; */
}

.category-list .list-depth2 {
	position: relative;
	float: left;
	width: 100%;
}
.category-list .list-depth2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background-color: #ececec;
}
.category-list .list-depth2 a {
	position: relative;
	float: left;
	padding: 7px 0 10px;
	width: 100%;
	font-family: 'NotoSansR';
	font-size: 13px;
	line-height: 1.75rem;
	color: #4a4a4a;
	font-weight: normal;
	text-align: left;
}
.category-list .list-depth2.active a {
	font-family: 'NotoSansM';
	color: #222;
}
.category-list .list-depth2:hover a {
	color: #222;
}
.category-list .list-depth2 a:after {
	content: '';
	position: absolute;
	top: 17px;
	right: 0;
	z-index: 1;
	width: 10px;
	height: 2px;
	background-color: transparent;
}
.category-list .list-depth2:hover a:after {
	background-color: #ddd;
}
.category-list .list-depth2.active a:after {
	background-color: #222;
}
.category-list .list-depth2.active a.active {display: block !important;}
.category-list .list-depth2 a i {
	display: none;
	float: right;
	margin: 3px 0 0;
	font-style: normal;
	font-size: 16px;
	color: #4a4a4a;
}
.category-list .list-depth2.active a i {
/* 	font-weight: 600; */
	color: #222;
	-webkit-transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
			transform: rotateX(180deg);
}

.category-list ul {
	display: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
/* 	background-color: #fff; */
/* 	border-bottom: 1px solid #dce1e4; */
}
.category-list ul.active {display: block;}
.category-list ul li {
	position: relative;
	float: left;
	width: 100%;
/* 	border-bottom: 1px solid #dce1e4; */
}
.category-list ul li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background-color: #ececec;
}
.category-list ul ul {display: none;}
.category-list ul li:hover a {
	background-color: rgba(0, 0, 0, .045);
	color: #222;
	font-family: 'NotoSansR';
}
.category-list ul li a {
	position: relative;
	float: left;
	padding: 4px 10px 7px 12px;
	width: 100%;
	font-family: 'NotoSansR';
	font-size: 13px;
	line-height: 1.75rem;
	color: #4a4a4a;
	text-align: left;
	background-color: #fafafa;
}
.category-list ul li.active a {
	font-family: 'NotoSansM';
	color: #51b72f;
	background-color: rgba(255, 255, 255, 1);
}
.category-list ul li.active a:after {
/* 	content: '';
	position: absolute;
	top: 17px;
	right: 0;
	z-index: 1;
	width: 10px;
	height: 2px;
	background-color: #222; */
}

.category-list.full-mobile select {
	width: 100%;
	height: 34px;
	font-family: 'NotosansR';
	font-size: 13px;
	color: #333;
	background: url(../../images/kr/shop/select_arrow.png) top 12px right 9px no-repeat !important;
	background-size: 11px !important;
	border-color: #ddd;
	padding: 7px 10px;
}

@media (max-width: 991px) {
	.category-list.full-mobile select {
		top: 2px !important;
	}
	.categoryLeft {
/* 		display: none; */
		width: 100%;
	}
	.category-list {
		margin-bottom: 0px;
	}
	.category-list h3 a {
		font-size: 14px;
	}
	.categoryLeft .category-list h4 {
		margin-top: 0 !important;
		padding: 28px 0 9px;
		border: none;
	}
	.categoryLeft .category-list ul {
		position: relative;
/* 		margin-bottom: 1px; */
		background-color: #fff;
		border-right: 1px solid #dce1e4;
		border-bottom: 1px solid #dce1e4;
	}
	.categoryLeft .category-list ul:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #dce1e4;
	}
	.categoryLeft .category-list ul li {
		display: block;
		float: left;
		width: 50%;
		background-color: #fff;
	}
	.categoryLeft .category-list ul li:after {display: none;}
	.categoryLeft .category-list ul li a {
		display: block;
		float: none;
		margin: 0 -1px -1px 0;
		padding: 0 10px;
		width: auto;
		height: 45px;
		font-size: 15px;
		line-height: 43px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		background-color: #fff;
		border: 1px solid #dce1e4;
	}
	.categoryLeft .category-list ul li.active > a {
		z-index: 10;
		font-family: 'NotosansM';
		color: #333;
		text-decoration: initial;
		background: #fff;
		border-color: #444;
	}
	.categoryLeft .category-list ul li.active > a i {
		/* display: none; */
		margin: 9px 0 0 0;
	}
}
@media (max-width: 767px) {
	.categoryLeft .category-list ul li a {
		height: 35px;
		font-size: 13px;
		line-height: 33px;
	}
	.categoryLeft .category-list ul li.active > a i {
		margin: 7px -2px 0 0;
		font-size: 18px;
	}
}
@media (max-width: 360px) {
	.category-list ul li a {
		padding-right: 10px;
		padding-left: 10px;
	}
}


.category-list .input-group {
	top: -2px;
	margin: 0 0 39px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #4a4a4a;
}
.category-list .input-group input[type="text"] {
	padding: 6px 30px 6px 15px !important;
	height: 38px;
	font-size: 13px;
	border: none;
}
.category-list .input-group .input-group-btn {
	display: table;
	position: absolute;
	top: -1px;
	right: -1px;
	float: right;
	width: 36px;
}
.category-list .input-group .input-group-btn .search {
	margin: 0;
	padding: 10px 9px 9px 10px;
	width: 36px;
	height: 40px;
	background-color: transparent !important;
	border: none;
}
.category-list .input-group .input-group-btn .search:link,
.category-list .input-group .input-group-btn .search:active,
.category-list .input-group .input-group-btn .search:focus {
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
			box-shadow: none !important;
}
.category-list .input-group .input-group-btn .search .fa-search {
	color: #333;
	font-size: 15px;
}

@media (max-width: 991px) {
	.category-list .input-group {
		top: 0;
		float: left;
		margin: 15px 0 0px !important;
		width: 100% !important;
		border-width: 1px;
	}
}
@media (max-width: 375px) {
	.category-list .input-group .input-group-btn {right: 1px;}
}


.category-list select {
	position: relative;
	top: -2px;
	padding: 3px 15px 4px !important;
	height: 40px;
	font-size: 14px;
	color: #333;
}

@media (max-width: 991px) {
	.category-list select.form-control {
		top: 0;
		padding: 6px 10px !important;
	}
}



.category-list .list-default {
	position: relative;
	float: left;
	width: 100%;
}
.category-list .list-default:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background-color: #4a4a4a;
}
.category-list .list-default:last-child:after {
	background-color: transparent;
}
.category-list .list-default a {
	position: relative;
	float: left;
	padding: 7px 0 9px;
	width: 100%;
	font-family: 'NotoSansR';
	font-size: 13px;
	line-height: 1.75rem;
	color: #555;
	text-align: left;
	border-bottom: 1px solid #e8e8e8;
}
.category-list .list-default a.active {
	font-family: 'NotoSansM';
	color: #222;
}
.category-list .list-default a.active:after,
.category-list .list-default a.active:hover:after {
	background-color: #222;
}
.category-list .list-default a:after {
	content: '';
	position: absolute;
	top: 17px;
	right: 0;
	z-index: 1;
	width: 10px;
	height: 2px;
	background-color: transparent;
}
.category-list .list-default a:hover:after {
	background-color: #ddd;
}
.category-list .list-default.active a:after {
	background-color: #222;
}

@media (max-width: 991px) {
	.categoryLeft .category-list.full-mobile h4 {display: none;}
	.category-list .list-default {
		position: relative;
		margin-top: 20px;
	}
	.category-list .list-default:before {
		content: '';
		position: absolute;
		top: 0;
		right: 1px;
		width: 1px;
		height: 100%;
		background-color: #ececec;
	}
	.category-list .list-default:after {
		content: '';
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #ececec !important;
	}
	.category-list .list-default a {
		margin: 0 -1px -1px 0;
		padding: 7px 10px 9px;
		width: 50%;
		border: 1px solid #ececec;
	}
	.category-list .list-default a.active {
		z-index: 9;
		border-color: #1090fd;
		color: #1090fd;
	}
	.category-list .list-default a:hover:after,
	.category-list .list-default a.active:after,
	.category-list .list-default a.active:hover:after {
		right: 10px;
		background-color: #1090fd;
	}
	
	.categoryLeft .category-list .listArea.full-mobile h4 {
		margin: 14px 0 -20px !important;
		padding: 14px 0 12px;
	}
}



/* Left Menu Option
 **************************/

.listArea {
	float: left;
	width: 100%;
	color: #121212;
}
.listArea h4 {
	position: relative;
	float: left;
	margin: 14px 0 0;
	padding: 14px 0 12px;
	width: 100%;
	height: 43px;
	font-family: 'NotosansM';
	font-weight: 500;
	font-size: 15px;
	color: #222;
}
.listArea:first-child h4:first-child {margin-top: -15px;}
.listArea h4:after {
	content: '';
	position: absolute;
	top: 22px;
	right: 0;
	width: 91px;
	height: 2px;
	background-color: #222;
}
.listArea > .checkbox,
.listArea > .radio {
	float: left;
	margin: 0;
	padding: 0 0 13px;
	width: 100%;
	height: 100%;
	border-bottom: 0px solid #efefef;
}
.listArea > .checkbox:last-child,
.listArea > .radio:last-child {
	border-bottom: none;
}
.listArea > .checkbox label,
.listArea > .radio label {
	float: left;
	padding: 3px 0 4px;
	width: 100%;
	font-family: 'NotosansR';
	font-weight: normal;
	font-size: 13px;
	line-height: 1.75rem;
	color: #888;
	text-align: left;
}
.listArea > .checkbox label:hover,
.listArea > .radio label:hover {
	color: #222;
}
.listArea > .checkbox label div.checker,
.listArea > .radio label div.radio {
	margin-top: -2px;
	margin-right: 2px;
	margin-left: -2px;
}
.listArea > .checkbox label input[type="checkbox"],
.listArea > .radio label input[type="radio"] {
	position: relative;
	float: left;
	margin-right: 8px;
	margin-left: 0px;
	width: 13.65px;
	opacity: 0;
}
.listArea > .checkbox label div.checker input[type="checkbox"],
.listArea > .radio label div.radio input[type="radio"] {
	margin-right: 0;
	margin-left: 0;
	width: 18px;
}

.listArea .input-box {
	float: left;
	margin-bottom: 8px;
	width: 100%;
	height: 100%;
}
.listArea .input-box .form-control {
	float: left;
	padding-right: 20px !important;
	width: 85px;
	height: 30px;
	text-align: right;
	border-color: #e1e1e1;
}
.listArea .input-box .form-control:nth-last-of-type(1) {
/* 	float: right; */
}
.i-money {
	float: left;
	margin: 8px 5px 0 -17px;
	font-family: 'NotoSansL';
	font-size: 13px;
	color: #666;
}
.listArea .input-box span {
	float: left;
	padding: 6px 4px 0;
	width: 15px;
	color: #666;
}

.listArea button {
	position: relative;
	float: left;
	margin: 0 0 21px;
	padding: 7px 0 8px;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 13px;
	color: #222;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #e8e8e8;
}
.listArea button:hover {
	color: #fff;
	background-color: #444;
	border: 1px solid #444;
	transition: 0.3s ease;
}
.listArea button.gray {
	position: relative;
	float: left;
	margin: 0 0 21px;
	padding: 7px 0 8px;
	width: 100%;
	font-family: 'NotosansL';
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-color: #333;
	border: 1px solid #333;
}
.listArea button.gray:hover {
	color: #fff;
	background-color: #003476;
	border: 1px solid #003476;
	transition: 0.3s ease;
}
.listArea button.danger {
	position: relative;
	float: left;
	margin: 0 0 21px;
	padding: 7px 0 8px;
	width: 100%;
	font-family: 'NotosansL';
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-color: #f4171e;
	border: 1px solid #f4171e;
}
.listArea button.danger:hover {
	color: #fff;
	background-color: #d9141b;
	border: 1px solid #d9141b;
	transition: 0.3s ease;
}

@media (max-width: 991px) {
	.listArea {
		display: none;
	}
}

.product-search .listArea h4:first-child {
	margin-top: -1px;
	padding-top: 0;
	height: auto;
}
.product-search .listArea h4:first-child:after {
	top: 8px;
}



/* 법인전용몰
 **************************/

.categoryLeft .full-mobile select.form-control {width: 48.707%;}

@media (min-width: 640px) {
	.categoryLeft .full-mobile select.form-control {width: 48.67%;}
}
@media (min-width: 768px) {
	.categoryLeft .full-mobile select.form-control {width: 48.265%;}
}

@media (max-width: 991px) {
	.categoryLeft .full-mobile select.form-control {
		float: left;
/* 		margin-top: 5px; */
		padding: 6px 10px !important;
		letter-spacing: -.03em;
	}
	.categoryLeft .full-mobile select.form-control:nth-of-type(even) {float: right;}
}
@media (max-width: 499px) {
	.categoryLeft .full-mobile select.form-control {width: 48.35%;}
}
@media (max-width: 414px) {
	.categoryLeft .full-mobile select.form-control {
		padding-bottom: 7px !important;
		width: 48.18%;
		height: 37px;
	}
}
@media (max-width: 375px) {
	.categoryLeft .full-mobile select.form-control {width: 47.83%;}
}
@media (max-width: 360px) {
	.categoryLeft .full-mobile select.form-control {width: 47.88%;}
}


/************************** CATEGORY RIGHT LIST **************************/

.categoryRight {
	float: left;
	width: 935px;
/* 	border: 1px solid #e6e6e6; */
}
.categoryRight .panel {
	float: left;
	margin-top: 10px;
	margin-bottom: 0;
	width: 100%;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.categoryRight .panel:first-child {
	margin-top: 0;
}

@media (min-width: 768px) {
	.categoryRight {
		float: right;
		width: 530px;
	}
	.categoryRight .category-list {
		display: none;
	}
}
@media (min-width: 992px) {
	.categoryRight {
		width: 693px;
	}
}
@media (min-width: 1200px) {
	.categoryRight {
		width: 935px;
	}
}

@media (max-width: 991px) {
	.categoryRight {
		margin-top: 30px !important;
		width: 100%;
	}
	.categoryRight .category-list {
		display: block;
		background-color: #fff;
	}
	.categoryRight .col-md-4 .panel:first-child {
		margin-top: 10px;
	}
	.categoryRight div:nth-of-type(2).col-md-4 .panel:first-child {
		margin-top: 0;
	}
}
@media (max-width: 499px) {
	.categoryRight {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
}



.page-index .adult {display: none;}


.categoryRight h4 {
	margin: 10px 0 15px;
	font-family: 'NotosansM';
	font-size: 16px;
}
.categoryRight h4 > span > strong {
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-size: 16px !important;
}
.categoryRight h4.active {
/* 	float: left;
	margin: 0 0 30px;
	padding: 18px 0 19px;
	width: 100%;
	font-family: 'NotoSansB';
	font-size: 20px;
	color: #333;
	border-bottom: 2px solid #0c6eaf; */
}
.categoryRight .panel-heading.clearfix h4.panel-title {
	padding: 0;
	height: auto;
	font-family: 'NotosansM';
	font-size: 20px !important; 
}
.categoryRight h5 {
	float: left;
	margin: 10px 0 6px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 16px;
	color: #333;
}
.categoryRight h5 em {
	font-family: 'NotosansB';
	font-style: normal;
	margin: 0 3px 0 10px;
}
.categoryRight h5 span {
	margin-top: 6px;
	font-size: 13px;
}
.categoryRight h6 {
	position: relative;
	margin-top: 10px;
	font-family: 'NotosansR';
	font-size: 12px;
	text-align: right;
}
.categoryRight h6.text-right {
	float: right;
	margin-top: -1px;
}
.categoryRight h6.text-right button {
	margin-top: -12px;
}


.h4spansel {
	float: right;
	margin-top: -5px;
	min-width: 120px;
	font-size: 12px;
	text-align: right;
}
.h4spansel button,
.h4spansel select {
	height: 34px;
	font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
}
.h4spansel select {
	padding: 6px 12px;
	min-width: 100px;
	text-align: left;
	font-size: 13px;
}

.h5spansel {
	float: right;
	margin-top: -15px;
	min-width: 120px;
	font-size: 12px;
	text-align: right;
}
.h5spansel button,
.h5spansel select {
	height: 34px;
}
.h5spansel select {
	padding: 6px 12px;
	min-width: 80px;
	text-align: left;
}

@media (max-width: 375px) {
	.h5spansel {
		float: left;
		margin-top: 10px;
		width: 100%;
		text-align: left;
	}
}


/*
.image-file {
	float: left;
	width: 100%;
	margin-top: 9px;
	padding: 0;
}

@media (max-width: 500px) {
	.image-file span.img textarea {
		float: right !important;
		margin-left: 0 !important;
		width: 68.5% !important;
	}
	.image-file span.img button {
	    float: left !important;
	    width: 100% !important;
	    height: 35px !important;
	    font-size: 15px;
	    color: #fff;
	    background: #e70618;
	    margin-top: 10px;
	}
}
.image-file span.img {
	position: relative;
	float: left;
	width: 100%;
	margin-right: 6px;
	margin-top: 6px;
}
.image-file span.img a {
	float: left;
	width: 95px;
	height: 95px;
}
.image-file span.img textarea {
	float: left;
	width: 78%;
	min-height: 95px;
	max-height: 95px;
	color: #121212;
	background: #f1f1f1;
	border: 1px solid #e4e4e4;
	margin-left: 10px;
	overflow-y: auto:
}
.image-file span.img button {
	position: absolute;
	top: -5px;
	right: -5px;
	z-index: 9;
	float: right;
	padding: 5px;
	width: 20px;
	height: 20px;
	font-size: 11px;
	line-height: 0.9em;
	color: #fff;
	background: #999;
	border-radius: 100%;
}
.image-file span.img button:hover {background: #ccc;}
.dropify-wrapper{
	position: relative;
	display: block;
	height: 95px;
	color: #fff;
	overflow: hidden;
	background-image: none;
	border: 1px solid #e4e4e4;
	-webkit-transition: border-color .15s linear;
			transition: border-color .15s linear;
}
.dropify-wrapper .dropify-message {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
}
.dropify-wrapper .dropify-message p.dropify-error {
	display: none;
	margin: 5px 0 0;
	font-weight: 700;
	color: #F34141;
}
.dropify-wrapper input {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	opacity: 0;
	cursor: pointer;
}
.dropify-wrapper .dropify-preview {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.dropify-wrapper .dropify-preview span.dropify-render {
	position: relative;
	display: inline-block;
	width: 33px;
	height: 33px;
	overflow: hidden;
	background-color: #ddd;
	border-radius: 10px;
}
.dropify-wrapper .dropify-preview .dropify-render img {
	width: 100%;
	height: 100%;
}
.dropify-wrapper .dropify-preview .dropify-render i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 23px;
	color: #999999;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
	position: absolute;
	bottom: -2.5px;
	left: 50%;
	width: 28px;
	height: 12px;
	font-weight: 600;
	font-size: 10px;
	letter-spacing: -.03em;
	white-space: nowrap;
	line-height: 1.1;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #888;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.dropify-font-file:before {
	content: "\f016";
}
[class*=" dropify-font-"]:before,
[class^=dropify-font-]:before {
	display: inline-block;
	margin-right: .2em;
	margin-left: .2em;
	width: 1em;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
}
.dropify-wrapper .dropify-preview .dropify-infos {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 130px;
	z-index: 3;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(0, -40%);
			transform: translate(0, -40%);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transition: all .2s ease;
			transition: all .2s ease;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 25px;
	white-space: nowrap;
	color: #111111;
	text-overflow: ellipsis;
	overflow: hidden;
}

.modal-body .dropify-wrapper .dropify-preview span.dropify-render {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	background: transparent;
}
.modal-body .table td label:first-child {padding-left: 0;}
.modal-body .table td .image-file {
	float: left;
	width: auto;
	margin: 0 !important;
}
.modal-body .table td .image-file span.img {
	float: left;
	width: auto;
	margin-right: 6px;
	margin-top: 0;
}
.modal-body .table td .image-file span.img a {
	width: 55px;
	height: 55px;
}
.modal-body .table td .image-file span.img a .dropify-wrapper {height: 55px;}
.modal-body .table td a.glyphicon {
	font-size: 22px !important;
	float: right;
	margin-top: 16px;
	color: #999;
}
.modal-body .table td a.glyphicon:hover {color: #555;}
.modal-body .table.review td .file_input_textbox {width: 69.8%;}
.modal-body .table.review td .file_input_div {
	position: relative;
	top: 0;
	float: left;
}

.modal-body label {margin-top: 7px;}

@media (min-width: 768px) {
	.modal-body .table.review td .file_input_textbox {width: 77.5%;}
}
@media (min-width: 992px) {
	.modal-body .table.review td .file_input_textbox {width: 85.6%;}
}

@media (max-width: 550px) {
	.modal-body .table td .image-file span.img a {
		width: 30px;
		height: 30px;
	}
	.modal-body .table td .image-file span.img a .dropify-wrapper {height: 30px;}
	.modal-body .table td a.glyphicon {margin-top: 3px;}
}
@media (max-width: 499px) {
	.modal-body .table.review td .file_input_textbox {width: 52.5%;}
	.modal-body .table.review td .file_input_div + .btn {
		float: left !important;
		margin-left: 5px;
	}
}
*/


.myInfoArea {
	float: left;
	width: 100%;
	padding: 0;
	margin: 7px 0 30px;
}
.myInfoArea li:nth-child(1),
.myInfoArea li:nth-child(2) {
	float: left;
	width: 23%;
	height: 140px;
	font-size: 15px;
	color: #666;
	text-align: center;
	border: 5px solid #e1e1e1;
	padding: 35px 0px;
	margin-right: 2%;
}
.myInfoArea li:nth-child(1) em,
.myInfoArea li:nth-child(2) em {
	float: left;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 18px;
	color: #222;
	font-style: normal;
	margin-top: 10px;
}
.myInfoArea li:nth-child(3) {
	float: right;
	width: 48%;
	height: 140px;
	text-align: center;
/* 	border: 2px solid #fb6300; */
	padding: 25px 25px;
	border: 2px solid;
  	border-image: linear-gradient(to right, #23ab87 , #3c7af5, #23ab87) 1;
}
.myInfoArea li:nth-child(3) dl {
	float: left;
	width: 100%;
}
.myInfoArea li:nth-child(3) dt {
	float: left;
	width: 50%;
	font-family: 'NotosansM';
	font-size: 14px;
}
.myInfoArea li:nth-child(3) dt span {
	float: left;
	text-align: left;
	padding-left: 15px;
	line-height: 18px;
}
.myInfoArea li:nth-child(3) dt span ins {
	color: #aaa;
	font-family: 'NotosansR';
	font-size: 12px;
	text-decoration: none;
}
.myInfoArea li:nth-child(3) dt i {
	float: left;
	display: inline-block;
	padding: 3px;
	background: #fafafa;
	border: 1px solid #e8e8e8;
	border-radius: 50%;
	text-align: center;
}
.myInfoArea li:nth-child(3) dd {
	float: right;
	width: 50%;
	font-family: 'Spoqa-Regular', 'NotoSansR', 'NanumGothic';
	font-size: 22px;
	text-align: right;
	line-height: 50px;
}
.myInfoArea li:nth-child(3) dl dd strong {
	font-family: 'Spoqa-Medium', 'NotoSansM', 'NanumGothic';
	color: #222;
	margin-right: 2px;
}
.myInfoArea li:nth-child(3) dl:nth-child(2) dd strong {
	margin-right: 8px;
}


@media (max-width: 1300px) {
	.myInfoArea li:nth-child(1),
	.myInfoArea li:nth-child(2) {
		width: 49%;
		margin-right: 2%;
	}
	.myInfoArea li:nth-child(2) {
		margin-right: 0;
		float: right;
	}
	.myInfoArea li:nth-child(3) {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
}

@media (max-width: 499px) {
	.myInfoArea li:nth-child(1),
	.myInfoArea li:nth-child(2) {
		font-size: 14px;
		height: 90px !important;
		padding: 15px 0 !important;
	}
	.myInfoArea li:nth-child(1) em,
	.myInfoArea li:nth-child(2) em {
		font-size: 16px;
		margin-top: 5px;
	}
	.myInfoArea li:nth-child(3) {
		padding: 25px 15px;
	}
	.myInfoArea li:nth-child(3) dt span {
	    padding-left: 5px;
	}
	
	
	.fullMore {
		color: #222 !important;
		height: 42px !important;
	}
}


.fullMore {
	float: left;
	width: 100%;
	height: 50px;
	font-size: 13px;
	color: #777;
	text-align: center;
	background: #f7f7f7;
	margin: 10px 0 30px;
}
.fullMore:hover {
	color: #222;
	background: #f1f1f1;
}

.btn-tip {
	position: relative;
	float: right;
	margin: -3px 0 0 10px;
	padding: 3px 6px;
	font-weight: 400;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	background-color: #999;
}
.btn-tip:hover,
.btn-tip:active,
.btn-tip:focus {
	color: #fff;
/* 	background-color: #858585; */
}
.btn-tip i:before {
/* 	content: ''; */
	position: absolute;
	top: 5px;
	left: 9px;
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn-tip i b {
	position: relative;
	float: left;
	margin-right: 6px;
	width: 16px;
	font-style: normal;
	font-weight: 600;
	font-size: 10px;
	line-height: 1.4;
	color: #999;
	text-align: center;
}
.btn-tip span {
	float: right;
	margin: 1px 0 0 5px;
	font-size: 11px;
}
.tip-box {
	display: inline-block;
	display: none;
	position: absolute;
	top: 22px;
	right: 0;
	z-index: 99;
	padding: 10px;
	width: 100%;
	min-width: 250px;
	max-width: 990px;
	font-family: 'NotosansL';
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	color: #898989;
	text-align: left;
	background-color: #fff;
	border: 1px solid #1090fd;
	border-radius: 3px;
}
.tip-box:before {
	content: '';
	position: absolute;
	top: -7px;
	right: 10px;
	width: 9px;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #1090fd;
	border-left: 7px solid transparent;
}
.tip-box:after {
	content: '';
	position: absolute;
	top: -6px;
	right: 11px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
}
.tip-box.active {display: inline-block;}
.tip-box .close {
	margin-top: -1px;
	font-size: 16px;
}
.tip-box strong {
	display: block;
	margin: 5px 0;
	font-family: 'NotosansM';
	font-size: 12px;
	color: #333;
}


@media (max-width: 991px) {
	.tip-box {top: 38px;}
}

@media (max-width: 767px) {
	a.info-box-icon {
		float: right;
		font-size: 12px;
		color: #121212;
	}
	a.info-box-icon i {margin-left: 10px;}
}

@media (max-width: 499px) {
	.btn-tip {margin: 5px 0 5px 5px;}
}


.horizontal-bar .accordion-menu > li > ul.mypick {
    left: 0!important;
	top: 51px !important;
    position: absolute;
    width: 100%;
    height: 361px;
    background-image: url(../../images/kr/header/mypick_bg.jpg);
	background-repeat: no-repeat;
	background-position: center right;
    background-color: #8895d3;
    border-bottom: 0;
}
.horizontal-bar .accordion-menu > li > ul.mypick > li {
	display: inline-block;
    width: 1200px;
    margin: 92px auto 0;
    padding: 0 3%;
}
.horizontal-bar .accordion-menu > li > ul.mypick > li > h5 {
	float: left;
    width: 100%;
    font-size: 26px;
    color: #fff;
    text-align: left;
    margin: 0 0 30px;
}
.horizontal-bar .accordion-menu > li > ul.mypick > li > a {
	float: left;
    width: 11.4%;
    display: block;
    margin: 0 2.6%;
    padding: 0;    
    text-align: center !important;
}
.horizontal-bar .accordion-menu > li > ul.mypick > li > a span {
	position: relative;
	float: left;
    width: 123px;
    height: 123px;
    background: rgba(255,255,255,0.3);
/*     background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) padding-box padding-box, linear-gradient(rgb(212, 18, 23), rgb(248, 135, 13)) border-box border-box; */
    border-radius: 50%;
    border: 2px solid transparent;
    margin-bottom: 10px;
    overflow: hidden;
}
.horizontal-bar .accordion-menu > li > ul.mypick > li > a:hover span {
	width: 123px;
	height: 123px;
	background: rgba(255,255,255,1);
/* 	-webkit-box-shadow: 0 11px 3px 2px rgba(0, 0, 0, 0.31); */
/* 	   -moz-box-shadow: 0 11px 3px 2px rgba(0, 0, 0, 0.31); */
/* 			box-shadow: 0 11px 3px 2px rgba(0, 0, 0, 0.31); */
	-webkit-transition: all 0.35s ease-in-out;
	   -moz-transition: all 0.35s ease-in-out;
		 -o-transition: all 0.35s ease-in-out;
			transition: all 0.35s ease-in-out;
}
.horizontal-bar .accordion-menu > li > ul.mypick > li > a em {
    padding: 5px 0px 6px;
    border-radius: 50px;
    font-family: 'NotosansM';
    font-size: 16px;
    color: #333;
    font-style: normal;
}
.horizontal-bar .accordion-menu > li > ul.mypick > li > a img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.tableth.full-device table tr td {
	display: table-cell;
	margin: 0;
}
.tableth.full-device table tr td label {margin: 0;}
.tableth.full-device table tr td > span.text-info {
	display: inline-block;
	margin: 0;
	padding: 6px 0 0;
	font-size: 12px;
	line-height: 1.9rem;
}
.col-md-6 .tableth.full-device table tr td .text-title {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 6px 5px;
	width: 20%;
	font-family: 'NotosansM';
	font-size: 13px;
	line-height: 1.9rem;
	text-align: left;
}
.col-md-6 .tableth.full-device table tr td label {margin: 0 15px 0 0;}


@media (min-width: 992px) {
	.tableth.full-device h4 {float: left;}
	.tableth.full-device table {
		float: left;
		margin: 7px 0 0;
		width: 100%;
	}
	.tableth.full-device table tbody {
		float: left;
		width: 100%;
	}
	.tableth.full-device table tr {
		display: inline-table;
		position: relative;
		width: 50%; float: left;
	}
	.tableth.full-device table tr th {
		width: 36%;
		height: 62px;
		letter-spacing: -.02em;
	}
	.tableth.full-device table tr td {
		width: 64%;
		height: auto;
	}
	.tableth.full-device table tr td.text-right {text-align: left;}
	.tableth.full-device table tr.wide {width: 100%;}
	.tableth.full-device table tr.wide th {width: 18%;}
	.tableth.full-device table tr.wide td {width: 82%;}
	.tableth.full-device table tr.wide td .form-control {
		float: left;
		margin-right: 14px;
		width: 36.765%;
	}
	.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 th.address {height: 87.5px;}
	.tableth.full-device table tr td.address input[type="text"] {width: 22.81%;}
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(2) {
		clear: both;
		margin-top: 5px;
		width: 61.38%;
	}
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(1) {
		float: right;
		margin-top: 5px;
		margin-right: 0;
		width: 36.03%;
	}
	
	.col-md-6 .tableth.full-device table tr {width: 100%;}
}

@media (min-width: 1200px) {
	.tableth.full-device table tr th {height: 62px;}
	.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: 27.3%;}
	.tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(1) {width: 36.715%;}
}

@media (max-width: 991px) {
	.tableth.full-device {padding: 0 !important;}
	.tableth.full-device table tr.blank {display: none;}
	.tableth.full-device table tr.wide td .form-control {width: 100% !important;}
	.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;}
}

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


.modal .tableth.full-device table tr td.phone-num input[type="text"] {
	margin-left: 0 !important;
	width: 70% !important;
}
.modal .tableth.full-device table tr td.phone-num input[type="text"]:first-child {
	margin-bottom: 5px;
	width: 100% !important;
}
.modal .tableth.full-device table tr td.phone-num input[type="text"] + span {
	float: right;
	margin-top: -33px;
	margin-right: 11px;
	font-family: 'Spoqa-Regular', 'NotosansR';
	font-size: 12px;
	letter-spacing: -.03em;
	color: #999;
}
.modal .tableth.full-device table tr td.phone-num .btn {
	float: right;
}
.modal .tableth.full-device table tr td.address input[type="text"]:first-child {width: 50%;}
.modal .tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(2),
.modal .tableth.full-device table tr td.address input[type="text"]:nth-last-of-type(1) {width: 100% !important;}
.modal .tableth.full-device > p {
	display: inline-block;
	margin: 10px 0 25px;
	letter-spacing: -.02em;
}
.modal .tableth.full-device > p strong {
	display: block;
}


@media (min-width: 500px) {
	.modal .tableth.full-device table tr td.address input[type="text"]:first-child {width: 80% !important;}
}

@media (min-width: 640px) {
	.modal .tableth.full-device table tr td.address input[type="text"]:first-child {width: 85% !important;}
}

@media (min-width: 768px) {
	.modal .tableth.full-device table tr td.address input[type="text"]:first-child {width: 82% !important;}
}

@media (min-width: 992px) {
	.modal .tableth.full-device table tr {width: 100%;}
	.modal .tableth.full-device table tr td.address input[type="text"]:first-child {width: 50% !important;}
}

@media (max-width: 639px) {
	.modal .tableth.full-device table tr td.phone-num input[type="text"] {width: 100% !important;}
	.modal .tableth.full-device table tr td.phone-num .btn {
		float: left;
		margin-top: 5px;
	}
	
	.modal-footer {text-align: center;}
	.modal-footer .btn {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 32.4%;
		font-size: 14px;
	}
	.modal-footer .btn + .btn {margin-left: 3px !important;}
}

@media (max-width: 499px) {
	.modal-footer .btn {
		width: 32%;
		padding-top: 7px;
		padding-bottom: 7px;
	}
}
@media (max-width: 375px) {
	.modal .tableth.full-device table tr td.address input[type="text"]:first-child {width: 72% !important;}
}

@media (max-width: 360px) {
	.modal .tableth.full-device table tr td.address input[type="text"]:first-child {width: 70.8% !important;}
}


#popupServiceGuide {
    display: none; /*숨기기*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}

#contentAll {
    position: absolute;
    left: 0;
    top: 0;
    width: 65%;
    height: 100%;
    text-align: center;
    background: #fff;
    overflow-y: auto;
}
.page-horizontal-bar #contentAll {
	width: 100%;
	height: 100%;
}

#contentAll div.section01.verOther {
	display: none;
	float: left;
    width: 100%;
    height: auto;
    font-family: 'NotosansM';
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    background: #fff;
    background-image: url('../../images/common/sg0101.png');
	background-size: auto;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 80px 0px;
}
#contentAll div.section01.verOther ul {
	float: left;
    width: 100%;
}
#contentAll div.section01.verOther ul li {
	position: relative;
	float: left;
    width: 50%;
    text-align: left;
    line-height: 32px;
}
#contentAll div.section01.verOther ul li:nth-child(1) {
	text-align: right;
	padding-top: 15px;
}
#contentAll div.section01.verOther ul li:nth-child(2) {
	padding: 70px 0 0 40px;
}
#contentAll div.section01.verOther ul li:nth-child(2) img {
	padding: 0 0 40px 0;
}
#contentAll div.section01.verOther ul li:nth-child(2) span {
	font-size: 18px;
	text-align: left;
	line-height: 28px;
}


@media (max-width: 992px) {
	#contentAll div.section01 {
		padding: 50px 0 0 !important;
	}
}

@media (max-width: 499px) {
	#contentAll div.section01 {
		background-image: url('../../images/common/sg0101_m.jpg') !important;
	}
}


#contentAll div.section01 {
	display: block;
	float: left;
    width: 100%;
    height: auto;
    font-family: 'NotosansM';
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    background: #fff;
    background-image: url('../../images/common/sg0101.jpg');
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 110px 0 0;
}
#contentAll div.section01.fp ul {
	float: left;
	width: 68%;
	margin: 15px 15% 0;
}
#contentAll div.section01 ul {
	float: left;
	width: 74%;
	margin: 15px 12% 0;
}
#contentAll div.section01 ul li {
	color: #fff;
	text-align: left;
	float: right;
}
#contentAll div.section01 ul li h3 {
	font-family: 'Spoqa-Bold', 'NotoSansM', 'NanumGothic';
	font-size: 38px;
	line-height: 48px;
}
#contentAll div.section01.fp ul li h3:before {
    height: 85px;
}
#contentAll div.section01 ul li h3:before {
	content: "";
    float: left;
    display: block;
    width: 5px;
    height: 133px;
    background: #fff;
    margin-right: 20px;
    margin-top: 8px;
}
#contentAll div.section01 ul li span {
	display: block;
	line-height: 26px;
	padding: 50px 0 10px 25px;
}
#contentAll div.section01 ul li span em {
	display: block;
	padding: 40px 0 0;
	font-family: 'NotoSansR', 'NanumGothic';
	font-size: 16px;
	color: #f1f1f1;
	font-style: normal;
}
#contentAll div.section01 dl {
	display: inline-block;
	width: 78%;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	margin: 50px 11% 0;
	padding: 80px 0;
}
#contentAll div.section01 dl dt {
	width: 100%;
	font-family: 'NotoSansR', 'Spoqa-Regular', 'NanumGothic';
	font-size: 18px;
	color: #333;
	line-height: 26px;
	margin-bottom: 50px;
}
#contentAll div.section01 dl dt strong {
	display: inline-block;
	width: 100%;
	font-family: 'S-CoreDream-7ExtraBold', 'NotoSansM', 'NanumGothic';
	font-size: 34px;
	color: #121212;
	margin-bottom: 30px;
}
#contentAll div.section01 dl dd {
	float: left;
	width: 35%;
	font-family: 'NotoSansR';
	font-size: 15px;
	color: #212121;
	text-align: center;
}
#contentAll div.section01 dl dd:nth-child(3) {
	width: 30%;
}
#contentAll div.section01 dl dd em {
	display: block;
	width: 100%;
	font-family: 'Spoqa-Bold';
	font-size: 24px;
	font-style: normal;
	margin-bottom: 10px;
}
#contentAll div.section01 dl.second {
	display: inline-block;
	width: 70%;
	text-align: center;
	background: #fff;
	box-shadow: none;
	margin: 20px 15% 50px;
	padding: 20px 0;
}
#contentAll div.section01 dl.second dd {
	width: 50%;
}
#contentAll div.section02 {
	position: relative;
	float: left;
    width: 100%;
    height: 100%;
    font-family: 'NotosansM';
    font-size: 24px;
    color: #212121;
    font-weight: normal;
    background: #f5f6f6;
	padding: 95px 0 0;
	margin-top: 30px;
}
#contentAll div.section02 ul {
	position: absolute;
	float: left;
    width: 100%;
}
#contentAll div.section02 ul li {
	float: left;
    width: 50%;
    text-align: left;
}
#contentAll div.section02 ul li h2 {
	float: right;
    width: 76%;
	font-family: 'NotoSansR', 'Spoqa-Regular', 'NanumGothic';
	font-size: 18px;
	color: #333;
	line-height: 26px;
	margin-bottom: 170px;
}
#contentAll div.section02 ul li h2 strong {
	display: inline-block;
	width: 100%;
	font-family: 'S-CoreDream-7ExtraBold', 'NotoSansM', 'NanumGothic';
	font-size: 34px;
	color: #121212;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	#contentAll div.section02 ul li h2 strong {
	    margin-bottom: 0px !important;
	}
}

#contentAll div.section02 ul li dl {
	float: left;
    width: 76%;
    padding-left: 55px;
}
#contentAll div.section02 ul li dl dd:nth-child(1) {
	padding-top: 0;
}
#contentAll div.section02 ul li dl dd:nth-child(6) {
	border-bottom: 0;
}
#contentAll div.section02 ul li dl dd:nth-child(7) {
	padding: 100px 0 60px;
	border-bottom: 0;
}
#contentAll div.section02 ul li dl dd {
	font-family: 'NotoSansR';
	font-size: 15px;
	color: #666;
	border-bottom: 1px solid #ddd;
	padding-top: 25px;
	padding-bottom: 25px;
}
#contentAll div.section02 ul li dl dd em {
	display: inline-block;
	font-family: 'NotoSansB';
	font-size: 20px;
	color: #212121;
	font-style: normal;
	margin-top: 15px;
}
#contentAll div.section02 ul li dl dd img {
	width: 160px !important;
}

@media (max-width: 499px) {
	#contentAll div.section02 ul li dl dd img {
		width: 140px !important;
	}
}


#contentAll div.section02 ul li dl dd span {
	display: block;
	font-size: 15px;
	color: #555;
	padding: 25px 0;
	line-height: 25px;
}
#contentAll div.section03 {
	float: left;
    width: 100%;
    height: auto;
    font-family: 'NotosansM';
    font-size: 22px;
    color: #212121;
    font-weight: normal;
    line-height: 44px;
    background: transparent;
    padding: 250px 0 130px;
}
#contentAll div.section03 img {
	margin-bottom: 50px;
}

.exit {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

/*본문내용*/
#contents12 {
    cursor: pointer;
    color: #7c7c7e;
}

@media (min-width: 992px) {
	.page-horizontal-bar #contentAll div.section01 dl {
		margin-top: 0 !important;
	}
}
@media (min-width: 1536px) {
	.page-horizontal-bar #popupServiceGuide {
		left: 50%;
		width: 1240px;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			 -o-transform: translateX(-50%);
				transform: translateX(-50%);
	}
/* 	.page-horizontal-bar #contentAll div.section01 {background-position: top -40% left;} */
/* 	.page-horizontal-bar #contentAll div.section01 dl {width: 65%;} */
	.page-horizontal-bar #contentAll div.section01 dl.second {margin-top: 50px !important;}
	.page-horizontal-bar #contentAll div.section02 {height: 96%;}
}

@media (min-width: 1721px) {
	#contentAll {width: 62%;}
}

@media (min-width: 1800px) {
	#contentAll {width: 64.1%;}
}

@media (min-width: 1902px) {
	#contentAll {
		width: 65%;
		height: 934px;
	}
	#contentAll.full-height div.section02 {height: 97%;}
	#contentAll.full-height div.section02 ul li dl dd:last-child {padding-top: 80px;}
	
/* 	.page-horizontal-bar #contentAll div.section01 {background-position: top -70% left;} */
}

@media (max-width: 1720px) {
	#contentAll div.section02 ul li dl dd:nth-child(7) {
	    padding: 60px 0 40px !important;
	}
}

@media (min-width: 1536px) and (max-width: 1720px) {
	#contentAll {
	    width: 60%;
	    height: 100% !important;
	}
	#contentAll div.section01 {
		    padding: 60px 0 0 !important;
	}
	#contentAll div.section01 ul,
	#contentAll div.section01 dl {
	    width: 90% !important;
	    margin: 20px 5% 0 !important;
	}
	#contentAll div.section01 ul li {
		margin-right: 50px;
	}
	#contentAll div.section02 {
		height: 111% !important;
	}
	#contentAll div.section02 ul li h2,
	#contentAll div.section02 ul li dl {
		width: 90% !important;
	}
	#contentAll div.section02 ul li dl {
		padding-left: 25px !important;
	}
	#contentAll div.section02 ul li img {width: 95% !important;}
}

@media (max-width: 1599px) {
	#contentAll {width: 65%;}
	.page-login.kyoboFP-login #contentAll {width: 57.4%;}
}

@media (max-width: 1536px) {
	#contentAll {width: 63.5%;}
	.page-login.kyoboFP-login #contentAll {width: 55.6%;}
}

@media (max-width: 1535px) {
	#contentAll {
		position: relative !important;
	    width: 100% !important;
	    height: 100% !important;
	}
	#contentAll div.section01.verOther ul li:nth-child(1) {
		width: 40%;
	}
	#contentAll div.section01.verOther ul li:nth-child(2) {
		width: 60%;
		padding: 70px 40px 0 40px !important;
	}
	#contentAll div.section01 dl {
		width: 90% !important;
		margin: 50px 5% !important;
	}
	#contentAll div.section02 {
		height: auto !important;
		padding-bottom: 20px !important;
	}
	#contentAll div.section02 ul {
		position: relative !important;
	}
	
	#contentAll div.section02 ul li dl dd:nth-child(7) {
		border-top: 1px solid #ddd;
		padding: 80px 0 30px !important;
	}
	#contentAll div.section02 ul li dl dd:nth-child(7) img {display: block;}
	#contentAll div.section02 ul li h2 {
		width: 100% !important;
		padding: 0 35px !important;
		margin-bottom: 50px !important;
		text-align: center;
	}
	#contentAll div.section02 ul li dl {
		width: 100% !important;
		padding: 0 115px !important;
	}
	#contentAll div.section02 ul li dl dd {
		padding-top: 15px !important;
    	padding-bottom: 15px !important;
	}
	#contentAll div.section03 {
		padding: 110px 40px 130px !important;
	}
}

@media (max-width: 1199px) {
	#contentAll div.section02 ul li {
		width:100% !important;
	}
	#contentAll div.section02 ul li img {
		display: none;
	}
}

@media (max-width: 991px) {
	#contentAll {
	    width: 100% !important;
	}
	#contentAll div.section01.verOther dl {
		box-shadow: none !important;
	}
	#contentAll div.section01 ul li h3 {
		font-size: 29px;
		line-height: 34px;
		text-shadow: 0 0 15px #555;
	}
	#contentAll div.section01 ul li h3:before {
	    height: 93px !important;
	}
	#contentAll div.section01.fp ul li h3:before {
	    height: 60px !important;
	}
	#contentAll div.section01 dl {
		margin: 0 5% 20px !important;
	}
	#contentAll div.section01 dl dd {
		margin-top: 30px;
	}
}

@media (max-width: 779px) {
	#contentAll div.section01 ul li span {
		font-size: 17px;
		color: #212121;
		padding: 70px 0 20px;
	}
	#contentAll div.section01.fp ul li span {
		padding: 90px 0 10px;
	}
	#contentAll div.section01 ul li span em {
		font-size: 15px;
		color: #666 !important;
	}
}

@media (max-width: 630px) {
	#contentAll div.section01.verOther {
	    font-family: 'NotosansR' !important;
	    font-size: 20px;
	}
	#contentAll div.section01.verOther ul li:nth-child(1) {
		display: none !important;
	}
	#contentAll div.section01.verOther ul li:nth-child(2) {
		width: 100% !important;
		padding: 0 80px 0 40px !important;
	}
	#contentAll div.section01.verOther dl {
	    width: 100% !important;
	    margin: 50px 0 0 !important;
	    padding: 80px 40px 0 !important;
	}
	#contentAll div.section01.verOther dl.second {
		margin: 0 !important;
	}
	#contentAll div.section03 {
		font-size: 18px !important;
		line-height: 30px !important;
	}
	#contentAll div.section03 img {
		width: 50% !important;
	}
	#contentAll div.section01 ul {
		width: 80% !important;
		margin: 20px 10% 0 !important;
	}
}

@media (max-width: 499px) {
	#contentAll div.section01 ul li span {
		font-size: 16px;
		padding: 180px 0 30px;
	}
	#contentAll div.section01 dl {
		padding: 0;
		box-shadow: none;
	}
	#contentAll div.section01 ul li h3 {
		text-shadow: 0 0 25px #8b8780;
	}
	#contentAll div.section01.verOther {
		background-size: auto !important;
	}
	#contentAll div.section01.verOther ul li:nth-child(2) {
		text-align: center;
		padding: 0 40px 0 40px !important;
	}
	#contentAll div.section01.verOther ul li:nth-child(2) span {
		text-align: center !important;
	}
	#contentAll div.section01.verOther dl dd {
		margin-top: 30px;
	}
	#contentAll div.section01.verOther dl.second {
		padding: 0 40px 0 !important;
	}
	#contentAll div.section01 dl dt {
		margin-bottom: 20px !important;
	}
	#contentAll div.section01 dl dd,
	#contentAll div.section01 dl dd:nth-child(3) {
		width: 100% !important;
	}
	#contentAll div.section02 {
		padding-top: 80px;
	}
	#contentAll div.section02 ul li dl {
		width: 100% !important;
		padding: 0 35px !important;
	}
	#contentAll div.section03 {
	    padding: 70px 40px !important;
	}
	#contentAll div.section01 dl.second dd:nth-child(1) {
		margin: 0 !important;
	}
}
@media (max-width: 375px) {
	#contentAll div.section01 ul li span {padding: 150px 0 30px;}
}
@media (max-width: 360px) {
	#contentAll div.section01 ul li h3 {font-size: 28px;}
	#contentAll div.section01 ul li span {padding: 80px 0 30px;}
}



/* 배송지선택 - 고객
 **************************/

#clientSearchLayer {padding-left: 0 !important;}
#clientSearchLayer .modal-header {overflow: visible;}
#clientSearchLayer .middleCate-tab2 {margin-top: 11px;}
#clientSearchLayer .middleCate-tab2 ul {margin-bottom: 10px;}
#clientSearchLayer .middleCate-tab2 ul li {width: 33.33333333%;}
#clientSearchLayer .middleCate-tab2 ul li > a {
	text-align: center;
	cursor: default;
}
#clientSearchLayer .middleCate-tab2 ul li:first-child > a:hover,
#clientSearchLayer .middleCate-tab2 ul li:last-child > a:hover {
	z-index: 0;
	border-color: #e8e8e8;
}
#clientSearchLayer .modal-body > p {
	float: right;
	margin-bottom: 5px;
	width: 100%;
	font-size: 11px;
	line-height: 1.35rem;
	text-align: right;
}

.search-wrap {
	float: left;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
}
.search-wrap .search-left {
	float: left;
	width: 66.8%;
	border-right: 1px solid #ddd;
}
.search-wrap .search-left h5 {
	margin: 0;
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
}
.search-wrap .search-left h5 select {
	display: inline-block;
	width: 20%;
}
.search-wrap .search-left h5 input {
	display: inline-block;
	width: 59%;
}
.search-wrap .search-left h5 .btn {
	float: right;
}
.search-wrap .search-left h5 label {
	margin: 14px 0 0 -2px;
}
.search-wrap .search-left ul {
	height: 230px;
	overflow-y: scroll;
}
.search-wrap .search-left ul li {
	padding: 10px 15px;
	font-size: 13px;
	line-height: 20px;
	border-bottom: 1px solid #ddd;
}
.search-wrap .search-left ul li label {
	float: left;
	margin: 0 5px 0 -2px;
	width: 90px;
	font-size: 12px;
}
.search-wrap .search-left ul li strong {
	display: inline-block;
	width: 76%;
	font-family: 'NotoSansR';
}
.search-wrap .search-left ul li em {
	font-family: 'Spoqa-Medium', Ubuntu, NotoSansM, sans-serif;
	font-style: normal;
}
.search-wrap .search-left ul li strong span {
	display: block;
/* 	float: left; */
/* 	width: 100%; */
	min-height: 40px;
/* 	white-space: nowrap; */
/* 	text-overflow: ellipsis; */
/* 	overflow: hidden; */
}

.search-wrap .search-right {
	float: right;
	width: 33.2%;
}
.search-wrap .search-right h5 {
	margin: 0;
	padding: 14px 15px 13px;
	border-bottom: 1px solid #ddd;
}
.search-wrap .search-right h5 em {
	font-family: 'Spoqa-Medium', Ubuntu, NotoSansM, sans-serif;
	font-style: normal;
	color: #f4171e;
}
.search-wrap .search-right h5 i {
	float: right;
	margin-top: -1px;
	padding: 2px 0;
	cursor: pointer;
}
.search-wrap .search-right ul {
	height: 275px;
	overflow-y: scroll;
}
.search-wrap .search-right ul li {
	padding: 10px 11px 0px 12px;
	font-size: 13px;
/* 	border-bottom: 1px solid #ddd; */
}
.search-wrap .search-right ul li em {
	font-family: 'Spoqa-Medium', Ubuntu, NotoSansM, sans-serif;
	font-style: normal;
/* 	margin-left: 10px; */
}
.search-wrap .search-right ul li i {
	float: right;
	font-size: 16px;
	cursor: pointer;
}

@media (max-width: 767px) {
/* 	.search-wrap {overflow-y: scroll;} */
	.search-wrap .search-left {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #ddd;
	}
	.search-wrap .search-left h5 input {width: 66%;}
/* 	.search-wrap .search-left ul {height: 180px;} */
	.search-wrap .search-right {width: 100%;}
/* 	.search-wrap .search-right ul {height: 86px;} */
}
@media (max-width: 639px) {
	.search-wrap .search-left h5 input {width: 60%;}
}
@media (max-width: 513px) {
	.search-wrap .search-left ul li strong {width: 75%;}
}
@media (max-width: 499px) {
/* 	.search-wrap {height: 317px;} */
	.search-wrap .search-left h5 input {width: 56%;}
	.search-wrap .search-right h5 i {margin-right: -3px;}
	.search-wrap .search-left ul li {/* padding-right: 0; */}
	.search-wrap .search-left ul li strong {width: 71%;}
}
@media (max-width: 413px) {
	.search-wrap .search-left h5 input {width: 54.5%;}
	.search-wrap .search-left ul li strong {width: 68%;}
}
@media (max-width: 375px) {
/* 	.search-wrap {height: 317px;} */
	.search-wrap .search-left h5 input {width: 53%;}
	.search-wrap .search-left ul li strong {width: 67%;}
}
@media (max-width: 360px) {
/* 	.search-wrap {height: 390px;} */
	.search-wrap .search-left h5 input {width: 51.5%;}
	.search-wrap .search-left ul li strong {width: 65%;}
}


.full-price {
	float: left;
	margin-top: 13px;
	margin-bottom: 25px;
	padding: 5px 0 5px;
	width: 100%;
	font-size: 18px;
	color: #121212;
	text-align: right;
	background-color: #fff;
	border: 0px solid #ccc;
	-webkit-box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.09);
	   -moz-box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.09);
			box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.09);
}
.full-price h5 {
	float: left;
	margin-top: -40px !important;
	font-family: 'NotosansM';
	font-size: 18px;
}
.full-price p {
	position: relative;
	float: left;
	margin: 14px 0 11px;
	padding: 0 10px;
	width: 17%;
	font-size: 13px;
	line-height: 1.5;
	color: #4a4a4a;
	text-transform: uppercase;
	text-align: center;
}
.full-price p:first-child,
.full-price p:last-child {
	width: 19.5%;
}
.full-price p:nth-child(5) {
	width: 13%;
}
.full-price p span {
	display: block;
	margin-top: 7px;
	font-size: 14px;
	color: #121212;
}
.full-price p em {
	margin: 0 3px 0 0;
	font-style: normal;
	font-family: 'Spoqa-Medium';
	font-size: 17px;
}
.full-price p span button {
	display: inline-block;
	position: relative;
	padding: 6px 10px 6px 12px;
}
.full-price p span button i {
	width: 24px;
	height: 25px;
	line-height: 26px;
}
.full-price p span input {
	display: inline-block;
	margin: 0 -5px;
	padding-right: 5px !important;
	padding-left: 5px !important;
	width: 40px;
	height: 25px;
	text-align: center;
}
.full-price p.pay-symbols {
	margin: 30px 0 28px;
	padding: 0;
	width: 3.3%;
}
.full-price p.pay-symbols:nth-of-type(2),
.full-price p.pay-symbols:nth-of-type(4) {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}


@media (max-width: 991px) {
	.full-price p {
		padding: 0;
	}
}

@media (max-width: 767px) {
	.full-price p {
		margin: 5px 0;
		width: 28%;
		height: 46px;
		font-size: 14px;
		letter-spacing: -.02em;
		text-align: center;
	}
	.full-price p span {margin-top: 5px;}
	.full-price p em {
		margin: 0;
	}
	.full-price p.pay-symbols {
		margin: 22px 0;
		width: 8%;
		height: 18px;
		text-align: center;
	}
	.full-price p:nth-last-of-type(4),
	.full-price p:nth-last-of-type(3) {
		width: 19%;
	}
	.full-price p:nth-last-of-type(2) {
		width: 23%;
	}
	.full-price p:nth-last-of-type(1) {
		width: 33%;
	}
}
@media (max-width: 499px) {
	.full-price p:nth-child(5) {
		width: 17%;
	}
}


#clientSearchLayer .modal-footer {
	z-index: initial;
	margin-top: 0;
}

.client-add {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
}


.tip-box.gift-pick {
	top: 40px;
	padding: 20px 20px;
	text-align: center;
}
.tip-box.gift-pick:before {right: auto; left: 233px;}
.tip-box.gift-pick:after {right: auto; left: 234px;}
.tip-box.gift-pick strong {
	font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
	font-size: 16px;
	text-align: left;
}
.tip-box.gift-pick label {
	margin-right: 0;
	width: 100%;
	text-align: left;
}
.tip-box.gift-pick label:nth-of-type(1) {
	margin-top: 6px;
	padding-top: 20px;
	border-top: 1px solid #4a4a4a;
}
.tip-box.gift-pick label:nth-of-type(2) {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.tip-box.gift-pick label + button {
	float: right;
	margin-top: 20px;
}


@media (max-width: 1199px) {
	.tip-box.gift-pick {top: 70px;}
	.tip-box.gift-pick:before {left: 15px;}
	.tip-box.gift-pick:after {left: 16px;}
}

@media (max-width: 991px) {
	.tip-box.gift-pick {top: 40px;}
	.tip-box.gift-pick:before {left: 233px;}
	.tip-box.gift-pick:after {left: 234px;}
	.tip-box.gift-pick label + button {
		float: none;
		padding-top: 8px;
		padding-bottom: 8px;
		width: 100%;
		font-size: 13px;
	}
}

@media (min-width: 414px) and (max-width: 640px) {
	.tip-box.gift-pick + br {display: none;}
}

@media (max-width: 574px) {
	.tip-box.gift-pick {top: 70px;}
	.tip-box.gift-pick:before {left: 11px;}
	.tip-box.gift-pick:after {left: 12px;}
}

@media (max-width: 390px) {
	.tip-box.gift-pick:before {right: 115px; left: auto;}
	.tip-box.gift-pick:after {right: 116px; left: auto;}
	.tip-box.gift-pick label {letter-spacing: -.03em;}
}

.panel .panel-body p img{
	max-width: 100%;
	height: auto !important;
}