@charset "UTF-8";

/* Global Styles ..  */

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

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

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

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

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

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

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


/* Typography */

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

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

th {text-align: left;}

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

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

.oneoneArticleView_table select.form-control { background-image: none !important; background-color: #eee; border: 1px solid #dcdcdc; border-radius: 3px; }

select::-ms-expand {
	display: none;
}

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

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

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

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 13px;
}

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

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

.f-normal {
    font-family: 'NotosansR';
    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;
}

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

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

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

.f-lblue {
    color: #0d99d6 !important;
}

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

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

.f-yellow {
    color: #f6d433;
}

.f-orange {
    color: #e79b2f !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;
}


.f-inherit:hover,
.f-inherit:active,
.f-inherit:focus {
    color: inherit !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: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 11px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 11px;
    height: 18px;
    padding: 3px 6px 3px 6px;
    text-shadow: none !important;
}

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

a:hover .badge.badge-default {
    background: #ddd;
    color: #333;
}
.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 5px 3px !important;
}

.badge.badge-yes {
    background: #1090fd;
    color: #FFF;
	padding: 3px 5px 3px !important;
} */
/* 25.08.29 수정 */
.badge.badge-no,
.badge.badge-yes {
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100% !important;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
	/* padding: 3px 5px 3px !important; */
    padding: 0 !important;
    line-height: 26px !important;
}

.badge.badge-no {
    background: #888;
}

.badge.badge-yes {
    background: #1090fd;
}

@media (max-width: 991px) {
    .badge.badge-no,
    .badge.badge-yes {
        /* display: inline-block;
        vertical-align: middle;
        line-height: 18px; */
        margin: 0;
        line-height: 26px !important;
    }

}
/* 25.08.29 수정 */


/* 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: 20em;
	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 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-xxxs {
    margin-top: -3px;
}

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

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

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

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

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

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

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

.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-xs {
    margin-top: 10px !important;
}

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

.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-xs {
    margin-right: 10px;
}

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

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

.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-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-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-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 {
    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-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
}

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

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

.p-v-md {
    padding-top: 20px;
    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;
}


/* Borders */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Buttons */

.btn-other {
    padding: 7px 12px 8px !important;
    height: 34px;
}
.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-rounded.btn-addon i {
    margin: -7px -16px;
    margin-right: 15px;
    border-radius: 50px;
}

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

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

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

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

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

.btn-rounded {
    padding-left: 5px;
    padding-right: 5px;
    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-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: #f2ca4c;
    border-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

.btn-onoff {
    color: #fff;
    background-color: #f57031;
    border-color: transparent;
}

.btn-onoff: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;
}
/* 25.09.01 수정 */
.btn-blue2 {
    color: #fff;
    background-color: #0C90FC;
    border-color: transparent;
}
.btn-blue3 {
    color: #fff;
    background-color: #1A67A2;
    border-color: transparent;
}
.agree-label {
  display: inline-block;       /* 부모 레이아웃 방해 안 함 */
  text-align: center;          /* 내부 중앙 정렬 */
  line-height: 1;              /* 체크박스와 텍스트 높이 맞춤 */
  white-space: nowrap;         /* 한 줄로 유지 */
  width: 100%;                 /* 블록처럼 폭 전체 사용 → 중앙 유지 */
  margin-bottom: 15px;
}

.agree-label input[type="checkbox"] {
  accent-color: #888888;
  vertical-align: middle;      /* 텍스트와 수직 중앙 */
}

.agree-label strong {
  vertical-align: middle;      /* 체크박스와 텍스트 맞춤 */
}

.agree-label .required {
  color: #FF0000;
}
.btn-order-num {
    width: 110px;
    height: 40px;
    padding: 0;
    background: #fff;
    color: #0C90FC;
    border: 1px solid #0C90FC;
    border-radius: 3px;
    font-size: 12px;
}
@media (max-width: 991px) {
    .btn-order-num {
        font-size: 14px;
    }
}
/* 25.09.01 수정 */

Button.btn-lg.btn-blue {
    border-radius: 3px;
    font-size: 12px;
    width: 90px;
}
@media (max-width: 499px) {
    Button.btn-lg.btn-blue {
        float: left !important;
        width: 100% !important;
        height: 45px !important;
        margin: 0 !important;
        font-size: 14px;
    }
}



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

.btn-buyNow {
    color: #ffffff;
    background-color: #1090fd !important;
    border-color: #1090fd;
    border-radius: 4px !important;
    border-width: 1px;
    margin-right: 5px;
}

.btn-buyNow:hover {
    color: #ffffff;
    background-color: #1071c4;
    border-color: #1071c4;
    border-radius: 4px !important;
    border-width: 1px;
}

.btn-basket {
    color: #123a8f;
    background-color: #ffffff;
    border-color: #1090fd;
    border-radius: 4px !important;
    border-width: 1px;
}

.btn-basket:hover {
    color: #123a8f;
    background-color: #dadada;
    border-color: #1090fd;
    border-radius: 4px !important;
    border-width: 1px;
}


.btn-wish {
    color: #123a8f;
    font-size: 20px !important;
    background-color: #ffffff;
    border-color: #1090fd;
    /*padding: 5 0 !important;*/
    border-radius: 4px; !important;
    border-width: 1px;
}

.btn-wish:hover {
    color: #123a8f;
    background-color: #dadada;
    border-color: #1090fd;
    border-radius: 4px; !important;
    border-width: 1px;
}

/*.btn-wish:focus,
.btn-wish.focus {
    color: #123a8f;
    border-color: #123a8f;
    background-color: #ffffff;
    border-radius: 4px;
    border-width: 1px;
}*/












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

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

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

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

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

.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;
    border-color: #c9c9c9;
}

.btn-blue {
    color: #fff;
    background-color: #0c99d6;
    border-color: transparent;
}
.btn-light-gray {
    background: #eee;
    color: #000;
    border-radius: 3px;
    font-family: "Pretendard" !important;
    font-weight: 500;
}

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

.btn-blue:hover {
    color: #fff;
    background-color: #306baa;
    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;
}

.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-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-36 {
    width: 36.8% !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-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;
    background: transparent !important;
}


@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: 51px 0 34px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    font-size: 18px;
    font-weight: 600;
}
.pro-heading .panel-title {
    font-size: 44px;
    float: none;
    margin: 0px;
    padding: 0px;
    font-family: 'NotosansB';
    letter-spacing: -0.04em;
    color: #222;
    text-align: center;
}

@media all and (min-width: 1200px) {
	.pro-heading {
		padding: 101px 0 64px;
	}
}



.panel .panel-heading {
    padding: 18px 0 19px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    height: 59px;
    font-family: 'NotosansB', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 14px;
}

.panel .panel-heading h4 em {
	color: #1090fd;
	font-style: normal;
	font-family: 'NotosansB';
	padding-right: 1px;
}

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

}

h4.panel-title {
	float: left;
    width: 100%;
	margin: 0 0 13.5px 0 !important;
	font-size: 18px;
	color: #121212;
	text-align: left;
}
h4.panel-title > button {
	position: absolute;
	right: 10px;
	top: 20px;
	background-color: transparent;
}
h4.panel-title > button img {
	width: 28px;
	height: 28px;
}
h4.panel-title em {
	float: left;
	width: 89%;
	font-style: normal;
    line-height: 1.8rem;
}
h4.panel-title.accordion em {
	float: none;
	width: 15%;
}

.panel .panel-heading .panel-title {
	float: left;
	width: 100%;
    font-size: 14px !important;
    margin: 0px;
    padding: 0px;
    font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    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;
}

/* 25.08.29 수정  */
 .panel .panel-heading.oneone-panel-heading .btn-inquiry-submit {
    display: none;
 }
/* 25.08.29 수정  */


@media (max-width: 991px) {
	.panel .panel-heading {
		padding: 8px 0 10px;
		height: auto;
	}
    /* 25.08.29 수정  */
    .panel .panel-heading.oneone-panel-heading {
        position: relative;
        padding: 8px 0 20px;
    }
    .panel .panel-heading.oneone-panel-heading .btn-inquiry-submit {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 120px;
        height: 40px;
        color: #0C90FC;
        font-size: 15px;
        font-weight: 500;
        background: #fff;
        border: 1px solid #0C90FC;
        border-radius: 3px;
        text-align: center;
    }
    .oneoneadd .panel-heading {
        padding-top: 0;
        border-bottom: 1px solid #707070;
    }
    /* 25.08.29 수정  */

	.panel .panel-heading .panel-title {
		font-size: 13px !important;
		float: none;
	}
	h4.panel-title {margin-bottom: 23px !important;}
	.categoryRight .panel-heading2 {padding: 0;}
	.categoryRight .panel-heading2 h6 {margin: 5px 0;}
	
	h4.panel-title > button { 
		display: none;
	}
}
@media (max-width: 414px) {
	h4.panel-title.accordion em {width: 24%;}
	.panel-heading.p-xs h4.panel-title.accordion em {width: 15% !important;}
	.panel-heading.p-xs h4.panel-title.accordion em button:last-child {margin-top: 3px;}
}
@media (max-width: 375px) {
	h4.panel-title.accordion em {width: 27%;}
}
@media (max-width: 360px) {
	h4.panel-title.accordion em {width: 28%;}
}



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

.page-login .panel .panel-body {
    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: #fff;
    border: 1px solid #e9e9e9!important;
}

.panel-heading2 {
    padding: 5px 0 0;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-heading2 h6 {
    margin: 15px 0 15px;
    font-size: 12px !important;
}

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

.panel-default .panel-heading {
    height: 50px;
    color: #999;
    background: transparent;
    /* border-color: #e7e7e7; */
    border-bottom: 1px solid #555 !important;
}

.panel-default2 .panel-heading {
    height: 50px;
    background: transparent;
    /* border-color: #e7e7e7; */
    border-bottom: 1px solid #555 !important;
}
.panel-default3 .panel-heading {
    height: 50px;
    background: #eee;
    border-color: #e7e7e7;
}
.panel-default4 .panel-heading {
    height: 50px;
    background: #eee;
    border-color: #e7e7e7;
}

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

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

.panel-primary .panel-heading {
    height: 50px;
    background: transparent;
    color: #333;
    border: 1px solid #555 !important;
    border-bottom: 0px !important;
}

.panel-primary .panel-heading .panel-title {
    font-size: 17px !important;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.panel-yellow {
    background: #f6d433;
}

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

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

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

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

.panel-red {
    background: #f25656;
}

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

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

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

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

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



/* Wells */

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


/* Modals */

.modal {
    z-index: 9999999;
}
/* .modal-open .modal {padding-right: 0 !important;} */

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

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

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

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

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

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

/* Pagination */

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

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


/* 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 {
	margin: 10px 0 50px;
	border-bottom: 1px solid #ddd;
}
.panel-body-sub .nav-tabs > li {
	margin-bottom: 1px;
	height: 53px;
}
.panel-body-sub .nav-tabs > li {
/* 	width: 50%; */
}
.panel-body-sub .nav-tabs > li > a {
	padding: 15px 10px;
	overflow: hidden;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
/* 	font-family: 'NotosansM'; */
	font-size: 16px;
/* 	line-height: 1.1; */
	color: #797979;
	background: transparent;
}
.panel-body-sub .nav-tabs > li a:hover {
	color: #fff;
	font-size: 16px;
	background-color: #0d99d6;
	border-bottom: 1px solid #0d99d6;
}
.panel-body-sub .nav-tabs > li.active {
	background: #fff;
}
.panel-body-sub .nav-tabs > li.active > a,
.panel-body-sub .nav-tabs > li.active > a:hover,
.panel-body-sub .nav-tabs > li.active > a:focus {
	font-family: 'NotosansM';
	font-size: 16px;
	color: #333;
	background: #fff;
	border-bottom-color: #fff;
}


.panel-body-sub .nav-justified {
	margin: 0;
	border: none;
}
.panel-body-sub .nav-justified > li {
	height: 52px;
}
.panel-body-sub .nav-justified > li > a,
.panel-body-sub .nav-justified > li > a:hover {
	padding: 16px 10px;
	font-family: 'NotosansR';
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	background: #fff;
	border: 1px solid #dadcdd;;
}
.panel-body-sub .nav-justified > li.active > a,
.panel-body-sub .nav-justified > li.active > a:hover,
.panel-body-sub .nav-justified > li.active > a:focus {
	padding: 16px 10px;
	font-family: 'NotosansM';
	font-size: 16px;
	color: #fff;
	background: #01387d;
	border-color: transparent;
}
.panel-body-sub .nav-justified + .tab-content {
	background-color: #fff;
}


.panel-body-sub .nav-middleCate > li {
	float: left;
	width: 25%;
	height: 35px;
}
.panel-body-sub .nav-middleCate > li > a,
.panel-body-sub .nav-middleCate > li > a:hover,
.panel-body-sub .nav-middleCate > li > a:active,
.panel-body-sub .nav-middleCate > li > a:focus {
	display: block;
	position: relative;
	margin: 0 -1px -1px 0 !important;
	padding: 0 10px;
	height: 35px;
	font-size: 13px;
	line-height: 33px;
	white-space: nowrap;
	color: #333;
/* 	text-align: left; */
	text-overflow: ellipsis;
	overflow: hidden;
	border: 1px solid #dce1e4;
}
.panel-body-sub .nav-middleCate > li > a:hover {
	border-color: #1090fd;
}
.panel-body-sub .nav-middleCate > li.active > a,
.panel-body-sub .nav-middleCate > li.active > a:hover,
.panel-body-sub .nav-middleCate > li.active > a:active,
.panel-body-sub .nav-middleCate > li.active > a:focus {
	z-index: 10;
	margin: 0 -1px -1px 0;
	padding: 0 10px;
	height: 35px;
	font-size: 13px;
	color: #1090fd;
/* 	text-align: left; */
	background: #fff !important;
	border-color: #1090fd;
}



.cd-soldout {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	font-family: 'NotosansM';
	font-size: 13px;
	color: #fff;
}
.cd-soldout span {
	display: block;
	padding: 3px 10px;
	min-width: 75px;
	font-family: 'NotoSansM';
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	background-color: #666;
}
.cd-soldout span.sale {
	background-color: #9d51f2;
}
.cd-soldout span.gift {
	background-color: #1ab499;
}
.cd-soldout span.book {
	background-color: #0cc3d4;
}
/* .cd-soldout span.sale { */
/* 	background-color: #1da890; */
/* } */
/* .cd-soldout span.gift { */
/* 	background-color: #0c99d6; */
/* } */
/* .cd-soldout span.book { */
/* 	background-color: #0c6eaf; */
/* } */
/* .cd-soldout span.ebook { */
/* 	background-color: #0cc5d6; */
/* } */
/* .cd-soldout span.audio { */
/* 	background-color: #9d51f2; */
/* } */

.cd-outofdate {
	opacity: 0.7;
}


@media (max-width: 991px) {
	h4.panel-title .cd-soldout {
		position: initial;
		margin-bottom: 5px;
        display: flex;
	}
	h4.panel-title .cd-soldout span {display: inline-block;}
    h4.panel-title .cd-soldout span.gift {
        flex-shrink: 0;
    }
    h4.panel-title .cd-soldout span[data-name="promotionDesc"] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
        line-height: 16px;
        height: 22.3px;
        text-align: start;
    }
	h4.panel-title span.pro-tit {
		display: block;
		margin: 8px 0 -8px;
		font-size: 14px;
		color: #999;
		float: left;
		width: 100%;
	}
	h4.panel-title span.pro-tit i {
		position: relative;
		top: -2px;
		padding: 0 3px;
		font-size: 12px;
	}
}
@media (max-width: 499px) {
	.sub-product-info-wrap .cd-soldout span {
		margin-bottom: 5px;
	}
	.cd-soldout span {
		padding: 4px 5px;
		width: 60px;
		font-size: 13px;
		letter-spacing: -.04em;
	}
}



/* Tabs */

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

.tab-content.line {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
}
.memberJoinsTab .tab-content {
    background: #fff;
}
@media (max-width: 499px) {
	.nav-tabs > li > a {padding: 10px 5px;}
}
.nav-tabs > li > a {
    border-radius: 0!important;
    font-size: 13px;
    color: #999;
    border-bottom: 1px solid #999;
    text-align: center;
    margin: 0 !important;
}

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

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 13px;
    color: #333;
    cursor: default;
    background-color: #fff;
    border-bottom-color: #fff;
    text-align: center;
}

.nav-pills > li > a {
    color: #777;
    border-radius: 0!important;
}

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

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

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}
.tab-content > .tab-pane p {
	font-size: 13px;
}



.tab-content > .tab-pane p.size13 { font-size: 13px; text-align: center; margin-bottom: 5px;}
.tab-content > .tab-pane p.size15 { font-size: 16px; text-align: center; margin-top: 20px;}
.tab-content > .tab-pane p.size25 { font-size: 25px; text-align: center; }
.tab-content > .tab-pane p.size23 { font-size: 23px; text-align: center; margin-top: 35px; font-weight: bold;}
@media (max-width: 991px) {
    .tab-content > .tab-pane p.size13 { font-size: 11px; text-align: center; margin-bottom: 5px;}
    .tab-content > .tab-pane p.size15 { font-size: 13px; text-align: center; }
    .tab-content > .tab-pane p.size25 { font-size: 18px; text-align: center; }
    .tab-content > .tab-pane p.size23 { font-size: 18px; text-align: center; margin-top: 35px; font-weight: bold;}
}

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

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

.tab-content > .tab-pane form.idpw-form tr {
    border-bottom: 1px solid #eee;
}

.tab-content > .tab-pane form.idpw-form th {
    font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
}

.tab-content > .tab-pane form.idpw-form th,
.tab-content > .tab-pane form.idpw-form td {
    padding: 10px 0;
    font-weight: normal;
    font-size: 14px;
}

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

@media (max-width: 991px) {
	.idpw-form span {display: none;}
	.tab-content > .tab-pane form.idpw-form {
		padding: 30px 5px 10px;
	}
}


/* 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;
}
.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 {
    padding: 15px 20px;
    height: auto!important;
    font-size: 14px;
    background: #fff;
    border-bottom: 0!important;
    border: 1px solid #ddd !important;
}

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

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

.panel > .panel-heading + .panel-collapse > .panel-body > p {
    margin: 0;
    padding: 0 10px;
}

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

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

.panel-group .panel-heading .panel-title {
    position: relative;
    margin: 0 !important;
    width: 100%;
    text-align: left;
}

.panel-group .panel-heading h4.panel-title.accordion em {
    font-family: 'NotosansM';
}

@media (max-width: 414px) {
	.panel-group .panel-heading {padding: 15px 10px;}
}


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

.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 #dce1e4;
    box-shadow: none!important;
    font-size: 13px;
    padding: 4px 10px;
    -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;
}
/* 25.09.01 수정 */
.oneoneadd .form-control {
    font-family: "Pretendard";
    border-radius: 3px;
}
.oneoneadd .form-control::placeholder {
    color: #C2C2C2;
}
.oneoneadd textarea.form-control {
    min-height: 166px;
}
@media (max-width: 991px) {
    .oneoneadd .form-control,
    .oneoneadd textarea.form-control  {font-size: 14px;}
}
/* 25.09.01 수정 */

.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 .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 45px;
    font-size: 15px;
    padding: 4px 20px !important;
}
.date-search .input-group .btn {
    padding: 13px 14px 12px;
}
.date-search .input-group .btn i {
    font-size: 16px;
}

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

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: 1200px) {
	.table > tbody > tr > td.txt-middle a  {
		width: 12em !important;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.table > tbody > tr > td {
	background-color: #fff;
}

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

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


/* Middle Box */

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


/* Date Picker */

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

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

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

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


/* Colorpicker */

.colorpicker {
    padding: 10px!important;
}


/* Dropzone */

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


/* Image Cropper */

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


/* Sparkline Charts */

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


/* Flot Chart */

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

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

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

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

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

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


/* Vector Maps */

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

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


/* Gritter Notifications */

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

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

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

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

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

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

/* Calendar */


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


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

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

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

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

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

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

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

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

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

.fc .fc-event,
.fc-event-dot {background-color: #4053af;}
.fc .fc-event:hover {
	background-color: #feb727;
	border-color: #feb727;
}

.panel .fc-highlight {background: #fff;}
.panel .attendance .fc-highlight {background: #ddd;}


/* List Groups */

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

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


/* Header */

.navbar {
    border: none;
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 999;
    border-radius: 0px;
    margin: auto;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}

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

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

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

.sidebar {
    background: #fff;
}

.sidebar-header {
    background: #fff;
}

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

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

.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 li a:hover,
.menu.accordion-menu ul li.active a {
    color: #096bad;
}

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

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

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

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

.menu ul {
    background: #f7f7f7;
}

.horizontal-bar .menu > li > ul {
    border-top: 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 {
/*     border-top: 0; */
/*     border-left: 1px solid #e9e9e9; */
/*     border-right: 1px solid #e9e9e9; */
/*     border-bottom: 1px solid #e9e9e9; */
/*     background: #f7f7f7; */
}

@media (min-width: 992px) {
	.sidebar {background-color: transparent;}
}



/* logo */

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

.logo-box img {
	min-width: 160px;
	max-width: 247px;
}
.logo-box img.avatar {
	min-width: auto;
	height: 66px;
}
.container .logo-search a.logo-text img.avatar1 {
    position: absolute;
	min-width: auto;
	height: auto;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.container .logo-search a.logo-text img.avatar1.active {
    opacity: 1;
    z-index: 1;
}



.avatar1 {
	padding: 0px;
	margin: 0;
	position: relative;
	display: inline-block;
	height: 27px;
}
.nav-fixed .avatar1 {
	height: 21px;
}

.container .logo-search a.logo-text img.avatar2 {
    opacity: 1;
    z-index: 1;
}
.avatar2 {
    padding: 0px;
    margin: 0;
    position: relative;
    display: inline-block;
    height: 27px;
}
.nav-fixed .avatar2 {
    height: 21px;
}

@keyframes rotateImages {
    0% { transform: rotateY(0deg); }
    25% { transform: rotateY(90deg); }
    50% { transform: rotateY(180deg); }
    75% { transform: rotateY(270deg); }
    100% { transform: rotateY(360deg); }
}

@media (min-width: 992px) {
	.navbar .logo-box {display: none;}
}

@media (max-width: 991px) {
	.navbar .logo-box {
		margin: 0 auto;
		background: transparent!important;
/* 		text-align: center; */
		width: 100%!important;
		border: 0!important;
	}
	.navbar .logo-box a {
		color: #5F5F5F!important;
	}
	.navbar .logo-box .logo-text {
		display: none !important;
		padding: 0!important;
		width: 100%;
		line-height: 70px;
	}
	
	.logo-box img {max-width: 180px;}
	.logo-box img.avatar {
		min-width: auto;
		height: 50px;
		margin-left: 0 !important;
	}
	
	.avatar1,
	.nav-fixed .avatar1 {}

    .container .logo-search a.logo-text img.avatar1.active {
        height: 20px;
    }

}
@media (max-width: 640px) {
	.logo-box img {max-width: 133px;}
}



/* Top Menu */

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

.top-menu .top-left {
	float: left;
	margin: 0;
	padding: 0;
}
.top-menu .top-left li {
	float: left;
	font-size: 13px;
	text-align: center;
}
.top-menu .top-left li:nth-child(1) a {
	padding: 8px 21px 9px;
	font-size: 13px;
	color: #fff;
	background-color: #0c6eaf;
	margin: 0;
}
.top-menu .top-left li:nth-child(1) a:hover {
	background-color: #0162a2;
}
.top-menu .top-left li:nth-child(2) a {
	padding: 8px 21px 9px;
	font-family: Arial;
	font-size: 13px;
	color: #fff;
	font-weight: 800;
	background-color: #1090fd;
	margin: 0;
}
.top-menu .top-left li:nth-child(2) a:hover {
	background-color: #1088ee;
}
.top-menu .top-left li:nth-child(3) a {
	padding: 8px 21px 9px;
	font-family: Arial;
	font-size: 13px;
	color: #fff;
	font-weight: 800;
	background-color: #4bacc6;   /* 기업 버튼 색상 */
	margin: 0;
}
.top-menu .top-left li:nth-child(3) a:hover {
	background-color: #3fa0ba;
}
.top-menu .top-left li:nth-child(3) em {
	position: relative;
	background: #ffffff;
	border-radius: 5px;
	font-style: normal;
	padding: 7px 7px 6px;
	top: 9px;
}
.top-menu .top-left li:nth-child(3) em:after, .top-menu .top-left li:nth-child(3) em:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.top-menu .top-left li:nth-child(3) em:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 5px;
	margin-top: -5px;
}
.top-menu .top-left li:nth-child(3) em:before {
	border-color: rgba(85, 85, 85, 0);
	border-right-color: #fff;
	border-width: 6px;
	margin-top: -6px;
}
.top-menu .top-left li a {
	display: block;
    position: relative;
	float: left;
	padding: 8px 1px 9px;
	margin: 0 8px;
	color: #121212;
}
/* .top-menu .top-left li a:after { */
/* 	content: ''; */
/* 	position: absolute; */
/* 	bottom: -1px; */
/* 	left: 0; */
/* 	width: 100%; */
/* 	height: 3px; */
/* 	background-color: #1090fd; */
/* 	-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; */
/* } */
/* .top-menu .top-left li a:hover:after { */
/* 	-webkit-transform: scaleX(1); */
/* 		-ms-transform: scaleX(1); */
/* 			transform: scaleX(1); */
/* 	opacity: .8; */
/* } */
.top-menu h3 {
	float: left;
	font-size: 13px;
}
.notice {
	float: left;
	padding: 11px 0 11px 13px;
	width: 100%;
	font-family: 'NotosansL';
	font-size: 13px !important;
	line-height: 1.3;
	white-space: nowrap;
	color: #222;
	text-overflow: ellipsis;
	overflow: hidden;
/* 	border-bottom: 1px solid #e0e0e0; */
}
.notice:hover {
	color: #222;
}

@media (max-width: 991px) {
    .top-menu {
        display: none;
    }
}


.navbar-nav.navbar-right {
    margin-right: 0;
}
@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:first-child > a {
/* 	padding-right: 52px; */
/* 	font-size: 14px; */
/* 	line-height: 19px; */
}
.top-menu .navbar-nav > li:last-child > a {
    padding: 8px 0 8px 13px;
}

.top-menu .navbar-nav > li.dropdowntxt1 > a {
    padding: 20px 10px 20px 0px;
    float: left;
}
.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 13px;
    font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 13px;
    color: #222;
    border: none;
    position: relative;
    line-height: 20px;
}

.top-menu .nav > li > a:hover,
.top-menu .nav > li > a:focus,
.top-menu .nav > li > a:active,
.top-menu .nav .open > a,	op-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;
}
.top-menu .navbar-nav > li > a > .user-name b {
    font-family: 'NotosansM';
}

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

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

@media (max-width: 767px) {
	.page-inner7 {
		padding: 61px 0 80px 0 !important;
	    background: #fff !important;
	    position: relative !important;
	    min-height: auto !important;
	}
}


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

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

/* 상단 드롭다운 메뉴 개선 (241119) */
.navbar .dropdown .dropdown-menu.new {
	min-width: auto;
	width: 116px;
	border-radius: 10px;
	padding: 5px 0;
}

.navbar .dropdown .dropdown-menu.new::before,
.navbar .dropdown .dropdown-menu.new::after {
	display: none !important;
}

.navbar .dropdown .dropdown-menu.new > li > a {
	font-size: 14px;
	color: #333;
}


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

.navbar {
    border: none;
    background: #FFF;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 999;
    border-radius: 0px;
    margin: auto;
    min-height: 37px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

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

.page-header-fixed .navbar {
    position: absolute;
    right: 0;
    left: 0;
}
.page-header-fixed .navbar.he84 {
    height: 84px;
}

@media (min-width: 992px) {
	.nav-bar {
		z-index:9999 !important;
		position:fixed !important;
		left:0;
		top:0;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #e9e9e9;
	}
    .nav-bar-under {
        z-index:9999 !important;
        position:fixed !important;
        /*left:0;*/
        top:86px;
        /*width: 100%;*/
        background-color: #fff;
        border-bottom: 1px solid #e9e9e9;
    }
	.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;
	}

    .nav-bar-under {
        z-index:9999 !important;
        position:fixed !important;
        /*left:0;*/
        top:118px;
        /*width: 100%;*/
        background-color: #fff;
        border-bottom: 1px solid #e9e9e9;
    }

	.page-header-fixed .navbar.he84 {height: 61px;}
	
	.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: 117px;}
}
@media (max-width: 767px) {
	.page-content header h1 {padding: 0 20px;}
	.navbar-inner {
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media (max-width: 500px) {
	.page-content header,
	.nav-fixed .page-content header {height: 117px;}
	.navbar-inner {
		padding-right: 23px;
		padding-left: 23px;
	}
}
@media (max-width: 414px) {
	.navbar-inner {
		padding-right: 15px;
		padding-left: 15px;
	}
}



/* Page Content */

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


/* Sidebar */

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

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

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

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

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

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

.page-header-fixed .page-sidebar {
/*     padding-top: 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 (max-width: 991px) {
	.page-header-fixed .page-sidebar {
		padding-top: 117px;
	}
	
	.page-header-fixed .page-sidebar {
		padding: 169px 0 0 0 !important;
	}
}



/* 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 {
    border-right: 0;
    height: 100%;
}

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

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

.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
.horizontal-bar .accordion-menu > li > a {
    padding: 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: 28px 16px 34px;
    height: 87px;
}
.nav-fixed .horizontal-bar .nav-bar .accordion-menu > li > a:after {
	bottom: 25px;
}
.horizontal-bar .accordion-menu[data-type="company"] > li > a {
	padding: 24px 25px;
	height: 73px;
}
.nav-fixed .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu[data-type="company"] > li > a,
.nav-fixed .horizontal-bar .accordion-menu[data-type="company"] > 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: 18px;
    letter-spacing: -.035em;
    color: #222;
}
.horizontal-bar .accordion-menu > li:nth-of-type(7) > a > p,
.horizontal-bar .accordion-menu > li:nth-of-type(8) > a > p {
	/* color: hsl(0deg 0% 45%); */
}

.compact-menu .horizontal-bar .accordion-menu li a p {
    font-family: DdoDdoSarangOTFBold , NotosansM, Dotum, Arial, sans-serif;
	vertical-align: middle;
}




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

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

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

.horizontal-bar .accordion-menu .sub-menu.mypage-sub li a {float: left; width: 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 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: 75px;
    position: absolute;
}

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

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

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

.small-sidebar .horizontal-bar .accordion-menu > li > ul {
    top: 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: 13px 19px 10px;
		height: 53px;
	}
	.horizontal-bar .accordion-menu > li.droplink-category > a {margin-left: -19px;}
	.horizontal-bar .accordion-menu[data-type="company"] > li > a {
		padding: 13px 13px 10px;
		height: 53px;
	}
	.nav-fixed .horizontal-bar .accordion-menu > li.droplink-category > a {margin-right: 0;}
	.horizontal-bar .accordion-menu[data-type="company"] > 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: 24px 13.5px 25px;
		height: 73px;
	}
	.horizontal-bar .accordion-menu > li.droplink-category > a {
		margin-left: -10px;
		padding: 25px 10px 24px;
	}
	.nav-fixed .horizontal-bar .accordion-menu > li.droplink-category > a {margin-right: 6px;}
	.horizontal-bar .accordion-menu[data-type="company"] > li > a {
		padding: 24px 13.5px 25px;
		height: 73px;
	}
	.horizontal-bar .accordion-menu[data-type="company"] > li.droplink-category > a {padding: 25px 10px 24px;}
	.nav-fixed .horizontal-bar .accordion-menu[data-type="company"] > 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; 특가 추가해서 줄임*/
        padding: 27px 3.5px 30px 5px;
	}
}

@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: 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 {height: 70px;}
	.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="company"] > 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;}
	
	.page-horizontal-bar .navbar .logo-box {
		height: 120px;
	}
}
@media (max-width: 767px) {
	.page-horizontal-bar.page-header-fixed .horizontal-bar {
/* 		padding-top: 117px; */
	}
	.horizontal-bar .accordion-menu[data-type="company"] > 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;
	}
}



/* Search */

.search-form {
    display: block;
    width: 100%;
    height: 165px;
    z-index: 9;
    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: 38px;
    margin-bottom: 37px;
    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: 20px;
    padding: 7px 16px 8px;
}
.search-form .input-group button:hover,
.search-form .input-group button:focus {
    background-color: #0184f3 !important;
    box-shadow: none;
    border: none;
    outline: none;
    color: #5f5f5f;
    font-size: 20px;
    padding: 7px 16px 8px;
}

@media (min-width: 992px) {
	.search-form .input-group {width: 60%;}
}
@media (min-width: 1300px) {
	.search-form .input-group {width: 50%;}
}
@media (min-width: 1680px) {
	.search-form .input-group {width: 40%;}
}

@media (max-width: 991px) {
	.search-form {
		padding-top: 60px;
		height: 190px;
	}
	.search-form.search-active,
	.nav-fixed .search-form.search-active {
		display: none;
		margin-top: 0px !important;
	}
	.search-form .input-group {width: 91.5% !important;}
}


.page-search {
	position: relative;
	z-index: 99;
    padding-top: 37px;
	background-color: #fff;
}
.page-search .page-search-inner ul {margin: 0 auto !important;}
.page-search .logo-search {
	float: left;
	width: 100%;
}
.nav-fixed .page-search .logo-search {width: 225px;}
.page-search .logo-text {
	display: table;
	float: left;
/* 	margin-right: 10%; */
	padding: 39px 0 34px;
    width: 223px;;
    height: 100px;
    text-align: left;
}
.nav-fixed .page-search .logo-text {
	padding: 28px 0 32px;
	height: 87px;
}

@media (min-width: 992px) {
	.page-search .logo-text {
		padding-bottom: 24px;
		height: 90px;
	}
	.page-search .logo-search .search2 {width: 500px !important;}
	.page-search .search-form2 .input-group {
		margin-bottom: 10px;
		height: 45px;
	}
	.page-search .logo-search .cart2,
	.page-search .logo-search .sidebar-pusher2 {display: none;}
}
@media (min-width: 1200px) {
	.page-search .logo-text {
		padding-bottom: 34px;
		height: 100px;
	}
	.page-search .search-form2 .input-group {
		margin-bottom: 20px;
		height: 55px;
	}
}

@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 .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 50px 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;
	}
	
	.search-form2 .input-group-btn .close-search > img {
		width: 13px;
	}
	
	.nav-fixed:not(.product-detail) .page-search .search-form2 .input-group,
	.nav-fixed:not(.product-detail) .page-search .logo-search .search2 .swiper-container.swiper-rolling {
		display: none !important;
	}
	
	.nav-fixed:not(.product-detail) .page-search .search2.recent .search-form2 .input-group{
		display: block !important;
	}
	
	.nav-fixed.page-horizontal-bar:not(.product-detail) .navbar .logo-box {
		height: 70px;
	}
	
	.navbar .navbar-inner .sidebar-pusher {
		display: none;
	}
	
	.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;
	}
	
	.page-search .logo-search .cart2 {
		position: absolute;
		top: 35px;
		right: 15px;
		transform: translateY(-50%);
	}
	.page-search .logo-search .cart2 .badge {
		display: none;
		position: absolute;
		top: -4px;
		right: -4px;
		padding: 0;
		width: 15px;
		height: 15px;
		border-radius: 15px;
		font-family: 'NotoSansM';
		font-size: 9px !important;
		color: #fff;
		text-align: center;
		line-height: 15px;
		font-weight: normal;
		background-color: #418EF5;
	}
	.page-search .logo-search .cart2 .badge.active {
		display: block;
	}
	
	/*
	.page-search .logo-search .cart2 img {
		width: 28px;
		height: 34px;
	}
	*/
	
	.page-search .logo-search .sidebar-pusher2 {
		position: absolute;
		top: 38px;
		left: 15px;
		margin-left: 0;
	}
	
	.page-search .logo-search {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.page-search .logo-search .search2 {
		width: 100%;
	}
	
	.page-search .search-form2 .input-group {
		margin: 0;
		width: 100% !important;
	}
	
	.page-search .logo-search .search2 .swiper-container.swiper-rolling {
		top: 0;
		left: 30px;
		width: calc(100% - 40px) !important;
	}
	
	.page-search .logo-search .search2.recent .swiper-container.swiper-rolling {
		width: calc(100% - 105px) !important;
	}
	
	.page-search .logo-text, 
	.nav-fixed .page-search .logo-text {
		width: 43%;
		max-width: 200px;
		padding: 0;
		position: relative;
	}
	
	.container .logo-search a.logo-text img.avatar1 {
		width: 100%;
		height: auto !important;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.container .logo-search a.logo-text img.avatar-kr {
		height: auto !important;
		width: 120%;
	}
	
	
	.page-search .logo-search .search2.recent {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99999;
		background-color: #fff;
		
        overflow-x: hidden;
        overflow-y: auto;
	}
	
}
@media (max-width: 767px) {
	.page-search .page-search-inner ul {
		padding-right: 30px;
		padding-left: 30px;
	}
	.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;}
	.page-search .logo-search .cart2 {right: 30px;}
	
	.page-search .search-form2 .input-group {
		width: 100% !important;
	}
}
@media (max-width: 640px) {
	.page-search .page-search-inner ul {
		margin: 0 !important;
		padding-right: 23px;
		padding-left: 23px;
	}
	.page-search .search-form2 .input-group {
		margin: 16px 0 0;
		width: 280px !important;
		height: 43px;
	}
	.page-search .search-form2 .input-group input {
		padding: 0 50px 0 15px !important;
/* 		height: 43px; */
		font-size: 13px;
	}
	
	.page-search .logo-search .cart2 {
		display: none;
		top: 35px;
		right: 23px;
	}
	
	.page-search .search-form2 .input-group {
		width: 100% !important;
		margin: 0;
	}
	
	.page-search .logo-search .cart2 {
		display: block;
	}
}
@media (max-width: 499px) {
	.page-search .page-search-inner ul {
		padding-right: 15px;
		padding-left: 15px;
	}
	.page-search .search-form2 .input-group {
		margin-top: 18px;
		width: 230px !important;
		height: 39px;
	}
	.page-search .search-form2 .input-group input {
		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;}
	
	.page-search .logo-search .cart2 {
		top: 35px;
		right: 15px;
	}
	
	/*
	.page-search .logo-search .cart2 img {
		width: 25px;
		height: 30px;
	}
	*/
	
	.page-search .logo-search .cart2 .badge {
		top: 5px;
		left: -1px;
	}
	
	.page-search .search-form2 .input-group {
		width: 100% !important;
		margin: 0;
	}
}
@media (max-width: 413px) {
	.page-search .search-form2 .input-group {width: 215px !important;}
	
	.page-search .search-form2 .input-group {
		width: 100% !important;
		margin: 0;
	}
}
@media (max-width: 385px) {
	.page-search .search-form2 .input-group {width: 213px !important;}
	
	.page-search .search-form2 .input-group {
		width: 100% !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 50px 0 10px !important;}
	
	.page-search .search-form2 .input-group {
		width: 100% !important;
	}
}
@media (max-width: 360px) {
	.page-search .search-form2 .input-group {
		width: 185px !important;
	}
	
	.page-search .search-form2 .input-group {
		width: 100% !important;
	}
}
@media (max-width: 340px) {
	.avatar1, .nav-fixed .avatar1 {
	    height: 14px;
	}
	.page-search .search-form2 .input-group {
	    width: 160px !important;
	}
	.page-search .search-form2 .input-group input {padding: 0 50px 0 7px !important;}
	
	.page-search .search-form2 .input-group {
		width: 100% !important;
	}
}

.search-recent {
	width: 100%;
}

.search2:not(.recent) .search-recent,
.search2.recent.auto .search-recent {
	display: none !important;	
}

.search-recent button {
	background-color: transparent;
}

.search-recent > div {
	width: 100%;
	padding: 0 20px;
}

.search-recent .recent-tit {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search-recent .recent-tit .tit {
	font-size: 18px;
	font-weight: 600;
	padding: 14px 0;
}

.search-recent .recent-tit .search-recent-del {
	font-size: 14px;
	color: #A7A4A0;
}

.search-recent .search-recent-keyword {
	padding-bottom: 30px;
}

.search-recent .search-recent-empty {
	padding: 9px 0 0;
	font-size: 15px;
}

.search-recent .keyword-list {
	display: flex;
	flex-direction: column;
	padding: 0 !important;
}

.search-recent .keyword-list > li {
	border-bottom: solid 1px #DCDCDC;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.search-recent .keyword-list button {
	padding: 0;
	display: block;
}

.search-recent .keyword-list .btn-keyword {
	width: calc(100% - 25px);
	text-align: left;
	padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-recent .keyword-list .btn-del-keyword {
	width: 15px;
	height: 15px;
	margin-left: 10px;
	background: url("../../images/kr/header/recent_keyword_del.svg") no-repeat center;
	background-size: 12px;
}

.search-recent .search-recent-books {
	background-color: #F5F5F5;
	padding: 5px 20px 30px;
}

.search-recent .recent-books {
	position: relative;
	display: inline-block;
	width: auto;
}

.search-recent .recent-books .btn-recent-books {
	display: flex;
	border-radius: 5px;
	overflow: hidden;
	padding: 0;
}

.search-recent .recent-books .btn-recent-books img {
	height: 153px;
}

.search-recent .recent-books .btn-del-recent-books {
	width: 30px;
	height: 30px;
	background: url("../../images/kr/header/recent_books_del.svg") no-repeat center;
	background-size: contain;
	position: absolute;
	top: -8px;
	right: -8px;
	padding: 0;
}

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

@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;
}
.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;
}
.nav-fixed .logo-search .search2 {display: none;}

.search-form2 .input-group {
    margin-top: 25px;
    width: 100%;
    height: 55px;
    background-color: #fff;
    border: 2px solid #1090fd;
    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 28px !important;
    width: calc(100% - 12px);
    height: 51px;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: -.04em;
    color: #333;
    background: transparent;
    border: 0px solid #1090fd;
    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: 0;
	right: 25px;
	z-index: 100;
	float: left;
	width: auto;
	height: 100%;
}
.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;
}
.input-group-btn > .search {
	height: 50px;
	background-color: #1090fd !important;
}
.search-form2 .input-group-btn .search,
.search-form2 .input-group-btn .search:hover,
.search-form2 .input-group-btn .search:focus {
	background-color: transparent !important;
	margin-left: 3px;
	height: 100%;
	font-size: 0;
}

.input-group-btn > .search .fa-search {
	color: #fff;
}

.search-form2 .input-group-btn .close-search,
.search-form2 .input-group-btn .close-search:hover,
.search-form2 .input-group-btn .close-search:focus {
    height: 100%;
    font-size: 0;
}

.search-form2 .input-group-btn .close-search > img {
    width: 15px;
}

.search-form2 .input-group .btn-close-search-div {
	width: 25px;
	height: 25px;
	background: url("../../images/kr/header/recent_close.svg") no-repeat center !important;
	background-size: contain !important;
    position: absolute;
    left: -40px;
    top: 7px;
}

.search2:not(.recent) .search-form2 .input-group .btn-close-search-div {
	display: none !important;
}

.menu.accordion-menu li.search {
	display: none;
	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: 28px 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: 627px !important;}
	.search-form2 .input-group {
		margin-bottom: 10px;
		height: 45px;
	}
	
	.search-form2 .input-group .btn-close-search-div { display: none; }
}
@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;
	}
	.search-form2 .input-group {
		margin-bottom: 20px;
		height: 55px;
	}
}

@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: #1090fd !important;}
}
@media (max-width: 767px) {
	.horizontal-bar .page-sidebar-inner .logo-text {
		display: none;
	}
}

.page-search .search2:not(.auto) .search-form2 .search-auto {
	display: none !important;
}

@media (min-width: 992px){
	.page-search .search-form2 .search-recent {
		display: none;
	}
	
	.page-search .auto .search-form2 .input-group {
		border: 1px 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: #fff !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: 55px;
		left: 0;
		z-index: -1;
	/* 	padding: 20px 28px; */
		width: 100%;
		background-color: #fff;
		border: 1px solid #e5e5e5;
		border-radius: 4px;
		-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.09);
		   -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.09);
				box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.09);
	}
}

@media (max-width: 991px) {
	.page-search .recent .search-form2 .input-group {
		width: calc(100% - 71px) !important;
		margin: 16px 20px 16px 51px;
		position: relative;
	}
	
	.page-search .recent .search-form2 .input-group::after {
		content: '';
		display: block;
		clear: both;
	}
}


.search-auto .type-list {
	float: left;
	margin: 0;
	padding: 35px 28px 10px;
	width: 100%;
}
.search-auto .type-list li:hover a {
	background-color: transparent;
}
.search-auto .type-list a {
	float: left;
	padding: 12px 0;
	width: 100%;
}
.search-auto .type-list a:after {
/* 	content: ''; */
/* 	position: absolute; */
/* 	bottom: 0; */
/* 	left: 0; */
/* 	z-index: 1; */
/* 	width: 100%; */
/* 	height: 1px; */
/* 	background-color: #dce1e4; */
}
.search-auto .type-list p {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	width: 126px;
	min-height: 83px;
	max-height: 83px;
	overflow: hidden;
	border: 1px solid #dadcdd;
}
.search-auto .type-list p img {
	margin-top: 0;
	width: 100%;
	min-height: 100%;
	background-color: #f8fafd;
}
.search-auto .type-list p.adult {
	background-color: #f8fafd;
}
.search-auto .type-list p.adult img {
	margin-top: 8px;
	width: 100%;
	min-height: auto;
	background-color: transparent;
}
.search-auto .type-list .pro-name {
	float: left;
	margin-top: -3px;
	padding: 0;
	width: 80%;
}
.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;
}
.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;
}
.search-auto .type-list a:hover .pro-name em b {
	text-decoration: underline;
}
.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;
}
.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;
}
.search-auto .type-list .pro-name em strong span {
	float: none;
	margin-left: 15px;
	width: auto;
	letter-spacing: initial;
	color: #333;
}
.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;
}
.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;
}
.search-auto .type-list .pro-name .price .won {
	margin: 0;
	font-family: 'NotosansR';
	font-size: 15px;
}
.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: #f8fafd;
	border-top: 1px solid #ebedee;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.page-search .search-form2 .search-auto > p a {
	font-size: 12px;
}
.page-search .search-form2 .search-auto > p a:last-child {
	float: right;
}

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

@media (max-width: 991px) {
	.page-search .auto .search-form2 .input-group input {height: 39px;}
	.page-search .search-form2 .search-auto {width: 100%;}
	.search-auto ul.type-list {padding: 10px 15px 10px;}
	.search-auto ul.type-list a {padding: 10px 0;}
	.search-auto .type-list p {
		width: 75px;
		min-height: 90px;
		max-height: 90px;
	}
	.search-auto .type-list .pro-name {width: calc(100% - 90px); }
	.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;} */
	/* .search-auto .type-list .pro-name {width: 72%;} */
}
@media (max-width: 640px) {
	.page-search .auto {
		left: -1px;
		width: 100% !important;
	}
	.page-search .auto .search-form2 {
		position: relative;
		/*top: -75px;*/ /* 2023-05-22 수정 양상융 과장 요청*/
	}
	.page-search .search-form2 .search-auto {width: 100%;}
	.search-auto .type-list .pro-name {width: 78%;}
}
@media (max-width: 500px) {
/* 	.page-search .auto .search-form2 .input-group {width: 454px !important;} */
	.search-auto .type-list p {
/* 		margin-right: 10px; */
		width: 66px;
		min-height: 83px;
		max-height: 83px;
	}
	.search-auto .type-list .pro-name {width: calc(100% - 85px);}
	.search-auto .type-list .pro-name em b {font-size: 13px;}
	.search-auto .type-list .pro-name .price {
		margin-top: 11px;
		font-size: 13px;
		line-height: 1.5rem;
	}
	.search-auto .type-list .pro-name .price b {font-size: 13px;}
	.search-auto .type-list .pro-name .price .won {font-size: 12px;}
	.search-auto .type-list .pro-name .price span {
		margin-left: 0;
		font-size: 12px;
	}
}

/*
@media (max-width: 499px) {
	.search-auto .type-list .pro-name {width: 76%;}
}
@media (max-width: 385px) {
	.search-auto .type-list .pro-name {width: 74%;}
}
@media (max-width: 360px) {
	.search-auto .type-list .pro-name {width: 72%;}
}
*/



/* Menu */

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

.menu.accordion-menu {
    display: block;
    margin: 0 auto;
/*     padding: 0px; */
/*     width: 1140px; */
	color: white;
/* 	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: 0px solid transparent;
}

.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 23px;
}
@media (max-width: 1200px) {
	.menu.accordion-menu > li.navText > a:after {bottom: 5px !important;}
	.nav-fixed .menu.accordion-menu > li.navText > a:after {bottom: 20px !important;}
}
.menu.accordion-menu > li.navText > a:after {
	content: '';
	position: absolute;
	bottom: 13px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #1090fd;
		-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: .9;
}

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 {
	list-style-type: none;
}

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

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

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

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

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

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li a {
    padding-left: 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!important;
}

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

.compact-menu:not(.page-horizontal-bar) .menu.accordion-menu > li > a > p {
    display: inline!important;
}

.compact-menu .menu.accordion-menu a span.menu-icon,
.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: 88px;
    padding-top: 1px;
    -webkit-padding-before: 0;
    min-width: 150px;
}

.page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu ul {
    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 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 > li.navText > a {margin: 0 10px;}
	.nav-fixed .menu.accordion-menu > li.navText > a {margin: 0 7px;}
	.nav-fixed .menu.accordion-menu > li.navText > a > p { font-size: 15px; }
	.horizontal-bar .accordion-menu > li > a > p {letter-spacing: -.08em;}
	
	.nav-fixed .horizontal-bar .accordion-menu > li.droplink-category > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	.nav-fixed .horizontal-bar .page-sidebar-inner .logo-search {
		width: 140px;
		margin-right: 30px;
	}
	.nav-fixed .horizontal-bar .page-sidebar-inner .logo-search .logo-text {
		width: 100%
	}
	.nav-fixed .horizontal-bar .page-sidebar-inner .logo-search .logo-text .avatar2 {
		width: 100%;
		height: auto;
	}
}
@media (min-width: 1200px) {
	.menu.accordion-menu > li.navText > a {margin: 0 14px;}
	.nav-fixed .menu.accordion-menu > li.navText > a {margin: 0 7px;}
	.horizontal-bar .accordion-menu > li > a > p {letter-spacing: -.035em;}
	.nav-fixed .menu.accordion-menu > li.navText > a > p { font-size: 18px; }

}
@media (min-width: 1300px) {
	.menu.accordion-menu > li.navText > a {margin: 0 23px;}
	.nav-fixed .menu.accordion-menu > li.navText > a {margin: 0 18px;}
}

@media (max-width: 991px) {
	.menu.accordion-menu {
		border-bottom: 0px solid #e9e9e9 !important;
	}
	.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;
	}
}


/* Small Menu */

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu {
    width: 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .page-sidebar-inner {
    overflow: hidden!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu {
    width: 240px!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu > li > a {
    padding: 15px;
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a {
    padding: 15px;
    padding-left: 18px;
    padding-right: 18px;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a {
    text-align: left;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu > li > a > .menu-icon {
    margin-right: 10px!important;
}

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

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

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .menu-icon {
    font-size: 20px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .arrow, 
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.menu-title,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .badge {
    display: none!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p {
    margin: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.open .sub-menu {
    visibility: hidden;
    height: 0!important;
    padding: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-widget,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-header {
    display: block!important;
}
    
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
    display: block!important;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p,
.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
    display: inline!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.open .sub-menu  {
    visibility: visible;
    height: auto!important;
    padding: 10px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .arrow {
    display: block!important;
    float: right;
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar,
.small-sidebar:not(.page-sidebar-fixed) .sidebar > *,
.horizontal-bar,
.horizontal-bar > * {
    overflow: visible!important;
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar .slimScrollBar,
.horizontal-bar .slimScrollBar {
    display: none!important;
}

.small-sidebar:not(.page-sidebar-fixed) .menu.accordion-menu {
    width: auto;
    oveflow: visible!important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
    padding: 0;
    margin: 0;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
    list-style: none;
    position: relative;
    width: auto;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a {
    text-decoration: none;
    display: block;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a {
    padding: 15px 25px 15px 23px !important;
    text-align: center;
    position: relative;
    width: 261px;
}

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

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
    margin: 0;
    float: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a .arrow:before {
	width: 1px;
    float: right;
    margin-left: 15px;
    margin-top: -2px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: 18px;
    content: "\f104";
    font-weight: 400;
}

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

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

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

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

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

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a > span.arrow {
    display: none;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
    display: block;
    text-align: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.menu-title {
    display: none;
}

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

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

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

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

/* Banner */
        .sbanner {
            background-color: #fdf2f2;
            border-radius: 8px;
            display: flex;
            overflow: visible; /* 잘림 방지 */
            margin-bottom: 100px; /* 아래 테이블과 겹치지 않게 여백 추가 */
            position: relative;
            align-items: flex-end;
        }

        .sbanner-text {
	        position: absolute; /* 절대 위치 지정 */
		    bottom: -75px;       /* 아래쪽 여백 */
		    left: 20px;         /* 왼쪽 여백 */
            padding: clamp(20px, 4vw, 40px);
            width: 62%;
            min-width: 278px;
            max-height: 241px;
            z-index: 2;
            background-color: #ffffff;
        }

        .sbanner-text h3 {
		    font-size: clamp(18px, 2.5vw, 25px) !important; /* 최소 18px, 최대 25px, 화면에 따라 비율 조정 */
		    font-weight: 600;
		    margin-bottom: 25px;
		}

		.sbanner-text p {
		    font-size: clamp(14px, 1.8vw, 16px); /* 최소 13px, 최대 15px, 화면에 따라 비율 조정 */
		    color: #333333;
		    line-height: 1.6;
		}

        .sbanner-image {
            width: 40%;
            background-size: cover;
            background-position: center;
        }
        
        .sbanner-image-m {
            width: 100%;
            min-width: 302px;
            background-size: cover;
            background-position: center;
        }
        
        .sbanner-image-m img {
		    width: 100%;    /* 가로 폭을 div에 맞춤 */
		    height: 223px;
		}
        
        /* Process Steps */
        .process-section {
            margin-bottom: 20px;
        }

        .process-title {
            font-size: 18px;
            font-weight: 600 !important;
            margin-bottom: 20px;
        }

        .process-steps {
            display: flex;
            justify-content: space-around;
            align-items: center;
            background-color: #fcfcfc;
            padding: 40px 0;
            border: 1px solid #f0f0f0;
            border-radius: 8px;
        }

        .step {
            text-align: center;
            flex: 1;
        }

        .step-icon {
            width: 80px;
            height: 80px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            font-size: 32px;
            color: #0059a6;
        }
        
        .step-icon img {
		    width: 100%;       /* div 폭에 맞춤 */
		    height: auto;      /* 비율 유지 */
		    display: block;    /* inline 이미지 간격 제거 */
		}

        .step-text {
            font-size: clamp(13px, 2vw, 16px);
            font-weight: 600;
        }

        .step-arrow {
            color: #ddd;
            font-size: 20px;
        }
        
        .step-arrow .step-line {
		    position: absolute;     /* 화살표 중앙 기준 겹치게 */
		    margin-top: -70px;
		    margin-left: -17px;
		}

        /* Notice Section */
        .notice-section {
            margin-bottom: 50px;
        }

        .notice-header {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 10px;
            cursor: pointer;
        }

		/* 열렸을 때 */
		.notice-header.active + .notice-content {
		    display: block;
		}
		
		/* 버튼 */
		.notice-header .mypage-menu-btn {
			margin-left: -20px;
			background: none;
		}
		
		.notice-header .mypage-menu-btn img {
			width: 22px;
			height: 22px;
			transform: rotate(180deg);
		}
		
		.notice-header.active .mypage-menu-btn img {
		    transform: rotate(0deg);
		}

        .notice-content {
            background-color: #fff;
            border: 1px solid #eee;
            padding: 30px;
            border-radius: 8px;
            font-size: 14px;
            color: #666;
            display: none;
        }

        .notice-item {
            margin-bottom: 20px;
        }

        .notice-item:last-child {
            margin-bottom: 0;
        }

        .notice-item-title {
            font-weight: bold;
            color: #333;
            margin-bottom: 8px;
        }

        .notice-item ul {
            /* list-style: disc; */
            margin-left: -40px;
        }

        .notice-item li {
            margin-bottom: 5px;
        }
        
        .section-divider {
		    height: 1px;
		    background-color: #888888;
		    width: 100%;
		    margin: -20px 0 35px;
		}
        
        .section-divider-m {
		    height: 10px;
		    width: 100vw;
		    margin: -25px 0 25px -25px;
		    background: #EEEEEE;
		    border-top: 1px solid #DCDCDC;
		    border-bottom: 1px solid #DCDCDC;
		}
        
/* Form Section */
        .form-section-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .form-info {
            font-size: 14px;
            color: #888;
            margin-bottom: 20px;
        }
        
        .textarea-info {
	  display: flex;              /* flex로 한 줄 배치 */
	  justify-content: space-between; /* 왼쪽 끝과 오른쪽 끝으로 배치 */
	  align-items: center;        /* 세로 가운데 정렬 */
	  font-size: 12px;
	}
        
/* Privacy Policy */
        .privacy-box {
        	display: flow-root;
            background-color: #f9f9f9;
            padding: 20px;
            border: 1px solid #eee;
            border-radius: 4px;
            margin-top: 20px;
            font-size: 13px;
            color: #666;
        }

        .privacy-box h4 {
        	font-size: 15px !important;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .privacy-box ol {
            padding-left: 0px;
        }

        .privacy-box li {
            margin-bottom: 5px;
        }

        .privacy-consent {
            text-align: center;
            margin: 30px 0 45px;
            font-size: 15px;
            line-height: 1.9;
        }
        
        .privacy-consent label {
		    display: inline-flex;     /* 한 줄 정렬 */
		    align-items: center;
		    font-size: 15px;
		    font-weight: normal;
		    gap: 6px;
		    white-space: nowrap;      /* 전체 줄바꿈 방지 */
		    margin-top: 10px !important;
		    line-height: 1.38;
		}
        
        .required-mark {
        	display: flow-root;
        	margin-top: 19.9px !important;
            color: #ff4d4f;
        }

        .submit-btn-wrapper {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .submit-btn-wrapper-m {
            text-align: center;
            margin-bottom: 35px;
        }

        .submit-btn {
            background-color: #0059a6;
            color: white;
            border: none;
            padding: 15px 80px;
            font-size: 16px;
            font-weight: bold;
            border-radius: 4px;
            cursor: pointer;
        }

        /* Footer Contacts */
        .footer-contacts {
            display: flex;
            gap: 20px;
            border-top: 1px solid #eee;
            padding-top: 40px;
            padding-left: 40px;
            background-color: #f9f9f9;
        }
        
        .footer-contacts-m {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            border-top: 1px solid #eee;
            margin-bottom: -30px;
            padding-top: 35px;
            background-color: #f9f9f9;
        }
        
        .contact-info-label-m {
		    margin-left: -8px;  
		    margin-bottom: 13px;
		}

        .contact-box {
            flex: 1;
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .contact-box-title {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .contact-box-email {
            font-size: 13px;
            color: #0059a6;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .contact-box-icon {
            font-size: 24px;
            color: #0059a6;
        }

        .contact-info-label {
            font-size: 14px;
            font-weight: bold;
            width: 180px;
        }

        .contact-details {
            display: flex;
            gap: 5px;
        }

        .contact-item {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 10px;
            margin-top: -15px;
            margin-bottom: 35px;
        }

        .contact-item-name {
            font-size: 12px;
            text-align: center;
            color: #444444 !important;
            width: 220px !important;
        }

        .contact-item-email {
            font-size: 13px;
            color: #333;
            padding: 5px 10px;
            border-radius: 4px;
            background: white;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .contact-item-email i {
            color: #0059a6;
        }

/* Page Inner */

.page-inner {
	position: relative;
	padding: 0 0 50px 0;
	min-height: 910px;
}
.page-inner:before {
	content: '';
	position: absolute;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 1000px;
	background: linear-gradient(#f6f9fd -1%, #f8fafd 11%, #fff 99%);
}

#index .page-inner {
	padding-bottom: 0;
}
.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: 84px 0 80px 0;
	background: #fff;
	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 (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;}
}
@media (max-width: 991px) {
	#index .page-inner {
		padding-top: 30px;
	}
	
	#index .page-inner {
		padding-top: 50px;
	}
}
@media (min-width: 640px) and (max-width: 767px) {
	.page-inner .container {
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media (min-width: 415px) and (max-width: 639px) {
	.page-inner .container {
		padding-right: 23px;
		padding-left: 23px;
	}
}
@media (max-width: 500px) {
	#index .page-inner {
		padding-top: 0px;
	}
	
	#index .page-inner {
		padding-top: 50px;
	}
}


.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: 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;
        -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;
    }
    
    .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;
    }
    
    .page-horizontal-bar .page-inner {
		padding: 50px 0;
	}
	
	
	/* 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::after {
		content: '';
		display: block;
		float: none;
		clear: both;
	}
	.horizontal-bar .accordion-menu.new-menu > li {
		float: left;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		width: 100%;
		background-color: #f7f7f7;
	}
	.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: 15px 0;
		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;
	}
	.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: #337ab7;
	}
}
@media (max-width: 767px) {
	.page-horizontal-bar .sidebar .page-sidebar-inner {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 10px 0;}
	.page-horizontal-bar .page-inner { padding-top: 50px; }
	
	.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 {
/* 	margin: 770px 0 50px; */
/*     padding: 15px 20px; */
	height: 75px;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #e5e5e5;
}

.page-title h3 {
	font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 24px;
    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: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    font-size: 24px;
    color: #333;
    padding: 0px;
    margin: 0;
}


/* Page breadcrumb */

.page-breadcrumb2 {
    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%;
    position: relative;
}

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

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

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

.page-breadcrumb {
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    height: 60px;
    overflow: visible !important;
    border-bottom: 1px solid #d7d7d7;
}
@media (max-width: 991px) {
	.page-breadcrumb {display: none;}
}
@media (max-width: 499px) {
	.page-breadcrumb {height: auto; margin-top: 10px;}
	.page-breadcrumb h3 {padding: 15px 0 !important;}
}
.page-breadcrumb h3 {
/*     display: block; */
    font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
    color: #444;
    font-size: 14px !important;
    font-weight: normal;
    padding: 20px 0;
}
.page-breadcrumb h3 strong {
    font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
    color: #121212;
    font-weight: normal;
}
.page-breadcrumb h3 i {
	font-size: 17px;
    margin: 0 20px;
}
.page-breadcrumb h3.font-16 {font-size: 16px !important;}
.page-breadcrumb.other01 {
    padding: 0;
	margin: 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
    background: url('../../images/kr/attachment2.jpg') !important;
    background-size: cover;
	background-position: 0 63% !important;
    width: 100%;
    height: 70px;
    position: relative;
}

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

.page-breadcrumb.other03 {
    padding: 0;
	margin: 0 0 25px;
    border-bottom: 1px solid #e9e9e9;
    background: #f8f8f8 !important;
    width: 100%;
    height: 60px;
    position: relative;
}
.page-breadcrumb.other03 strong i {
	font-size: 15px;
	color: #020202;
	font-style: normal;
	font-weight: 600 !important;

}

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

.pwTxt {
	font-size: 13px;
    line-height: 24px;
    margin-top: 25px;
}

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



/* Main Wrapper */

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


/* Footer */

footer {
    width: 100%;
    display: block;
    margin-top: 60px;
    padding-top: 19px;
    padding-bottom: 19px;
    color: #333333;
	border-top: 1px solid #ebecee;
}
#index footer {
	margin-top: 0;
	border-top: 0;
}

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

footer span {
	color: #333;
}
@media (max-width: 767px) {
	footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	footer span {
		width: 100%;
	}
	
	.speechduck {right: -40px !important; bottom: 0px !important;}
	.speechduck img {width: 50%; height: 50%;}
}

.speechduck {position: fixed; z-index: 99; float: right; right: 29px; bottom: 85px;}
.speechduck a img {width: 45px;}



/* 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: 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 (max-width: 991px) {
	.sidebar-pusher {
		display: block;
		top: 93px;
		left: 50%;
		margin-left: -383px;
	}
	.push-sidebar {
		padding: 12px 3px 11px 23px;
		-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: #333;
	}
	.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;
	}
	.push-sidebar {padding-left: 30px;}
}
@media (max-width: 639px) {
	.push-sidebar {padding-left: 23px;}
}
@media (max-width: 414px) {
	.sidebar-pusher {top: 94px;}
	.push-sidebar {padding-left: 15px;}
}
@media (max-width: 413px) {
	.sidebar-pusher {top: 95px;}
}
@media (max-width: 375px) {
	.sidebar-pusher {top: 94px;}
}



/* Search Button */

.search-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
    right: 0;
}

.search-button a {
    display: inline-block;
    padding: 20px 20px;
    color: #5F5F5F;
    border: none;
    position: relative;
    line-height: 20px;
    float: right;
    font-size: 17px;
    text-decoration: none;
}
.search-button a.close-search {
	display: none;
}
.search-button.on a.show-search {
	display: none;
}
.search-button.on a.close-search {
	display: block;
	padding-right: 22px;
}

@media (max-width: 991px) {
	.search-button {
/* 		display: block; */
	}
}


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



/* 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-family: 'NotosansR', NanumGothic, Dotum, Arial, 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: 1200px) {
	.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-size: 63px;
	font-family: 'NotosansM', NanumGothic, Dotum, Arial, 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;
    margin-bottom: 15px;
}
.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/common/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;
}

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

    .profile-info-value {
        color: #fff;
        float: none;
        margin: 0 10px 0 10px;
        display: inline-block;
    }
}


/* Mailbox */

.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 {
    margin: 10px 0 15px;
    padding: 0;
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
}

.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 {
    padding: 5px 0 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.message-header h3 {
    float: left;
    margin: 0;
    font-size: 18px;
    color: #121212;
}

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

.message-header p.message-date {
    float: right;
    margin: 0;
    color: #333;
    font-size: 13px;
}
.message-header p.message-date em {
/*     margin-left: 10px; */
    font-style: normal;
    color: #121212;
    font-family: 'NotosansM';
}

div.message-header > div > div.col-md-4 > div.drop-store {
    float: right !important;
    position: relative !important;
    padding-right: 20px !important;
    font-size: 18px !important;
    font-family: 'NotosansM';
    display: inline-block;
}






div.message-header > div > div.col-md-4 > div > a.dropdown-toggle.drop-store {cursor: pointer;}
div.message-header > div > div.col-md-4 > div > a.dropdown-toggle.drop-store span.red{color: #ff5f2f;}
div.message-header > div > div.col-md-4 > div > a.dropdown-toggle.drop-store span.green{color: #2da551;}
div.message-header > div > div.col-md-4 > div > a.dropdown-toggle.drop-store span.black{color: #000000; padding-right: 20px;}
div.message-header > div > div.col-md-4 > div > a.dropdown-toggle.drop-store img{max-width: 35px;}

div.message-header > div > div.col-md-4 > div > ul.dropdown-menu.drop-store{
    min-width: 250px;
    background-color: white;
    border: 1px solid #cacaca;
    border-radius: 10px;
    margin: 15px;
    overflow-y: scroll;
    max-height: 195px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;

}

div.message-header > div > div.col-md-4 > div > ul > li{
    color : #777777;
    text-align: left;
    /*padding: 12px;*/
    cursor: pointer;
    padding-bottom: 15px;
}
div.message-header > div > div.col-md-4 > div > ul > li > a{
    padding: 0 0 0 0 !important;
}

@media (max-width: 767px) {
    div.message-header > div > div.col-md-4 > div.drop-store {
        padding-right: 5px !important;
        font-size: 15px !important;
        padding-top: 10px !important;
    }
    div.message-header > div > div.col-md-4 > div > ul.dropdown-menu.drop-store{
        margin: 15px 5px 0 0;
        max-height: 175px;
    }


    div.message-header > div > div.col-md-4 > div > a.dropdown-toggle.drop-store span.black{padding-right: 5px;}
    div.message-header > div > div.col-md-4 > div > a.dropdown-toggle.drop-store img{max-width: 20px;}
}


.message-header div.dropdown-container a span.red{color: #ff5f2f;}
.message-header div.dropdown-container a span.green{color: #2da551;}
.message-header div.dropdown-container a span.black{color: #000000; padding-right: 20px;}
.message-header div.dropdown-container a img{max-width: 35px;}




.message-sender {
    margin-bottom: 10px;
    padding: 0 0 5px 0;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
}

.message-sender img {
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    border-radius: 50%;
}

.message-sender p {
    display: inline-block;
}

.message-sender span {
    color: #7F7F7F;
}

.message-content {
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
    z-index: 0;
}

.message-content p {
    text-align: left;
    padding: 20px 30px;
    font-size: 13px;
}

.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: #0c6eaf;
   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-content .couponArea {
   width: 100%;
   margin-top: 40px;
   padding: 0 30px;
}

.message-content .couponArea dl dt {
   width: 100%;
   font-size: 24px;
   margin-bottom: 20px;
   font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
   text-align: left;
   word-break: keep-all;
}
.message-content .couponArea dl dd {
   width: 100%;
   max-width: 560px;
   height: 80px;
   display: flex;
   font-size: 24px;
   text-align: left;
}
.message-content .couponArea dl dd input[type="text"] {
   width: 100%;
   flex: 1;
   height:100%;
   font-size: 28px;
   text-align: center;
   border: 2px solid #ddd;
   margin-top: 5px;
   margin-right: 7px;
}
.message-content .couponArea dl dd button {
	float: left;
	margin-top: 5px;
	width: 150px;
	height: 100%;
	font-size: 24px;
	border-radius: 4px;
}

.message-attachments {
    margin-bottom: 10px;
    padding: 0 0 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
}

.message-attachment {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 200px;
    border: 1px solid #f1f1f1;
}

.message-attachment a {
    text-decoration: none;
}

.message-attachment img {
    display: block;
    width: 100%;
}

.attachment-info {
    padding: 10px;
    background: #f9f9f9;
}

.attachment-info p {
    margin: 0;
}

.attachment-info span {
    font-size: 11px;
    color: #aaa;
}

.compose-message {
    padding: 0 0 10px 0;
    overflow: hidden;
}

.compose-options {
    display: block;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 991px) {
    .mailbox-header h2 {
        margin: 20px 0;
        text-align: center;
    }
    .message-content .quizArea dl dt {width: 20%;}
    .message-content .quizArea dl dd {width: 80%;}
    .message-content .quizArea dl dd input[type="text"]:nth-last-of-type(1) {/* margin-right: 0; */}
}
@media (max-width: 767px) {
    .message-content .quizArea dl dt {text-align: left;}
    
    .message-content .couponArea{ padding: 0; }
    .message-content .couponArea dl dt,
    .message-content .couponArea dl dd button {font-size: 20px;}
    .message-content .couponArea dl dd button { width: 120px; }
    .message-content .couponArea dl dd input[type="text"] { font-size: 24px; }
    .message-content .couponArea dl dd {height: 60px;}
}
@media (max-width: 414px) {
	.message-content .quizArea dl dt,
	.message-content .quizArea dl dd {
		font-size: 20px !important;
		
	}
    .message-content .quizArea dl dd input[type="text"] {
        width: 57px;
        height: 57px;
    }
    
    .message-content .couponArea dl dt,
    .message-content .couponArea dl dd button {font-size: 18px;}
    .message-content .couponArea dl dd button { width: 100px; }
    .message-content .couponArea dl dd input[type="text"] { font-size: 20px; }
    .message-content .couponArea dl dd {height: 50px;}
}
@media (max-width: 375px) {
    .message-content .quizArea dl dd input[type="text"] {
        width: 47px;
        height: 47px;
    }
}


/* 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 .page-inner:before {display: none;}
.page-error #main-wrapper {
    margin: 4% 5% 0;
}
.page-error .page-content {
    float: left;
    width: 100%;
}
.page-error .page-content .page-inner {
    background-image: url("../../images/common/error_bg.jpg");
    background-size: 100%;
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
}
.page-error .page-content .page-inner .center {
	width: 60%;
}
.page-error .details {
    margin: 60px 0 60px;
    text-align: center;
}
.page-error .details h3 {
	font-family: 'NotosansL', NanumGothic, Dotum, Arial, sans-serif;
	font-size: 22px !important;
	color: #0c6eaf;
	margin: 20px 0;
}
.page-error .details p {
	font-size: 14px;
	color: #666;
}
.page-error button {
	font-size: 15px;
	padding: 10px 15px;
	margin: 0 5px;
}
.page-error button:nth-child(1) {
	color: #0c6eaf;
	background: #fff;
	border: 2px solid #0c6eaf;
}
.page-error button:nth-child(1):hover {
	color: #1090fd;
	border: 2px solid #1090fd;
}
.page-error button:nth-child(2) {
	color: #fff;
	background: #0c6eaf;
	border: 2px solid transparent;
}
.page-error button:nth-child(2):hover {
	background: #1090fd;
}

.page-error .product-list {margin-top: 160px;}

@media (min-width: 992px) {
	.page-error .cd-gallery > li {width: 25%;}
	.page-error .cd-item-wrapper {height: 303px;}
}
@media (min-width: 1200px) {
	.page-error .cd-item-wrapper {height: 232px;}
}

@media (max-width: 1200px) {
	.page-error .page-content {background-size: auto; background-repeat: no-repeat;}
	.page-error #main-wrapper {margin: 0;}
	.page-error .page-content .page-inner .center {
		width: 100% !important;
	}
	.page-error .product-list {width: 100% !important; margin-top: 90px;}
	.page-error .page-content .page-inner {
	    background-size: 260%;
	    background-repeat: no-repeat;
	}
	.page-error .product-list.basket-list h4 {padding: 38px 30px 19px;}
	.page-error .product-list.basket-list .cd-gallery {padding: 0 30px;}
}
@media (max-width: 499px) {
	.page-error .details {margin: 80px 0 60px !important;}
	.page-error .product-list {
	    margin-top: 0px !important;
	}
	.page-error .details h3 {margin: 20px 0 10px !important;}
}
@media (max-width: 500px) {
	.page-error .page-content .page-inner {background-size: 210%;}
}



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



/* Login */

.page-register #main-wrapper,
.page-forgot #main-wrapper,
.page-lock-screen #main-wrapper {
    margin: 5%;
}
@media (min-width: 1761px) {
	.page-login #main-wrapper {
	    margin: 4.9% auto 5% !important;
	    width: 1140px !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important;}
}
@media (min-width: 1641px) and (max-width: 1760px) {
	.page-login #main-wrapper {
	    margin: 5% auto 5% !important;
	    width: 1140px !important;
	}
	.login_copy {left: 10% !important; bottom: 150px !important;}
}
@media (min-width: 1401px) and (max-width: 1640px) {
	.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: 1351px) and (max-width: 1400px) {
	.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: 1141px) and (max-width: 1350px) {
	.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: 1140px) {
	.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: 501px) and (max-width: 1139px) {
	.login_copy {left: 5% !important; bottom: 180px !important;}
}
@media (min-width: 501px) and (max-width: 762px) {
	.page-login #main-wrapper {
	    margin: 12% auto 10% !important;
	}
}
@media (max-width: 761px) {
	.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 (max-width: 500px) {
	.page-login #main-wrapper {
	    margin: 20% auto 10% !important;
	}
	.login_copy {left: 0% !important; bottom: -20px !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;
}

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

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

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

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


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

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

.login-box {
	float: left;
	min-width: 100%;
    margin: 0 auto;
    padding: 50px 50px 20px;
    background: #fff;
    border-radius: 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;
}
@media (max-width: 991px) {
	.login2-area {
		top: 70px;
		margin-bottom: 60px;
	}

	.page-inner3 .no-p-r {padding-left:0px !important;}
}

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

.login-box2 {
	position: relative;
	top: 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;
}



/* 회원가입 */
.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;}
.memberJoinsTab .tableth table tr td label div.checker span {margin: 0;}
.memberJoinsTab .tableth table tr td label + a {
	float: left;
	margin: 6px 0 0 -10px;
}

.memberJoinsTab .nav-tabs > li {
  width: 33.33333333%;
  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-size: 16px; 
}
.memberJoinsTab .nav-tabs > li a:hover {
	color: #fff;
	font-size: 16px;
	background-color: #0d99d6;
	border-bottom: 1px solid #0d99d6;
		-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 {
  color: #333;
  background-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;
	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;
}
@media (max-width: 499px) {
	.memberJoinsTab .tableth h5 em {
		margin-left: 5px;
	}
}
.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;
	margin-left: 5px;
	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: 84.54%;}
}

@media (max-width: 991px) {
	.memberJoinsTab .tableth .tableView h5 {
		margin: 25px 0 25px !important;
		padding: 0;
	}
	.memberJoinsTab .tableth .tableView table {
		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 tr td {border-bottom: 0;}
	.memberJoinsTab .tableth .tableView table tr td label {margin-right: 20px;}
	.memberJoinsTab .tableth.full-mobile .tableView table tbody {float: left; padding: 10px 0;}
	.memberJoinsTab .tableth.full-mobile .tableView table tr td {height: auto; padding: 0 10px;}
}

/* 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%;
}
@media (max-width: 499px) {
	.table-view dl dt {
		font-size: 13px;
		padding: 10px 0 5px !important;
	}
}
.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 select,
.table-view dl dd input[type="text"] {float: left;}
.table-view dl dd.address input[type="text"] {
	margin: 5px 0 0 0 !important;
	width: 100%;
}
.table-view dl dd.address input[type="text"]:first-child {
	margin-top: 0 !important;
	width: 87%;
}
.table-view dl dd.phone-num select {margin-right: 5px;}
.table-view dl dd input[type="text"]:nth-of-type(2),
.table-view dl dd input[type="text"]:nth-of-type(3) {margin-left: 5px;}
.table-view dl dd.phone-num select,
.table-view dl dd.phone-num input[type="text"] {width: 28.5%;}
.table-view dl dd.phone-num input[type="text"] {text-align: center;}
.table-view dl dd.email input[type="text"] {width: 46.5%;}
.table-view dl dd.email input[type="text"]:nth-of-type(2) {float: right;}
.table-view dl dd.email span {
	float: left;
	padding-left: 5px;
	width: auto;
	text-align: center;
}
.table-view dl dd .btn-other {
	float: right;
	margin-left: 5px;
	width: 70px;
}
.table-view dl dd label {
	margin: 6px 20px 6px -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 (max-width: 991px) {
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32.4%;}
	.table-view dl dd.company-num select {margin-right: 5px;}
	/* .table-view dl dd .file_input_textbox {width: 93.55% !important;} */
}
@media (max-width: 767px) {
	.table-view dl dd.address input[type="text"]:first-child {width: 78%;}
	.table-view dl dd.phone-num select,
	.table-view dl dd.phone-num input[type="text"] {width: 25%;}
	/* .table-view dl dd .file_input_textbox {width: 88.5% !important;} */
}
@media (max-width: 499px) {
	.table-view dl dd.address input[type="text"]:first-child {width: 78%;}
	.table-view dl dd.phone-num select,
	.table-view dl dd.phone-num input[type="text"] {width: 25%;}
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32.36%;}
	.table-view dl dd.email input[type="text"] {width: 46.5%;}
	.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 input[type="text"]:first-child {width: 76%;}
	.table-view dl dd.phone-num select,
	.table-view dl dd.phone-num input[type="text"] {width: 24.3%;}
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32.28%;}
	/* .table-view dl dd .file_input_textbox {width: 87% !important;} */
}
@media (max-width: 385px) {
	.table-view dl dd.address input[type="text"]:first-child {width: 75%;}
	.table-view dl dd.phone-num select,
	.table-view dl dd.phone-num input[type="text"] {width: 24%;}
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32%;}
	.table-view dl dd.email input[type="text"] {width: 46%;}
	.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 select,
	.table-view dl dd input[type="text"],
	.table-view dl dd input[type="password"] {padding: 6px 10px !important;}
	.table-view dl dd.address input[type="text"]:first-child {width: 75%;}
	.table-view dl dd.phone-num select,
	.table-view dl dd.phone-num input[type="text"] {width: 24%;}
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32.24%;}
	.table-view dl dd.email input[type="text"] {width: 46.5%;}
	.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 input[type="text"]:first-child {width: 73.75%;}
	.table-view dl dd.phone-num select,
	.table-view dl dd.phone-num input[type="text"] {width: 23.5%;}
	.table-view dl dd.company-num select,
	.table-view dl dd.company-num input[type="text"] {width: 32.18%;}
	.table-view dl dd.email input[type="text"] {width: 46%;}
	.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 input[type="text"]:first-child {width: 70%;}
	.table-view dl dd.phone-num select,
	.table-view dl dd.phone-num input[type="text"] {width: 22%;}
	.table-view dl dd.email input[type="text"] {width: 45.5%;}
	.table-view dl dd .half {width: 49%;}
	.table-view dl dd label {margin-right: 18px;}
}



/* 결제수단 */
.table-list {
	display: block !important;
	padding-right: 0;
	padding-left: 0;
}
.table-list p {
	float: left;
	margin: 30px 0 17px;
	width: 100%;
	font-family: 'NotoSansB';
}
.table-list ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table-list ul#payment {
	margin: 0 0 20px;
	border-top-color: #777;
}
.table-list ul li {
	position: relative;
	float: left;
	width: 25%;
	height: 47px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table-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;
}
.table-list ul li a:hover {
	color: #333;
/* 	background-color: #f6f8fa; */
/* 	cursor: pointer; */
}
.table-list ul li.active {
	border-color: #777;
}
.table-list ul li.active:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 1px;
	background: #777;
}
.table-list ul li.active:after {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	width: 1px;
	height: 47px;
	background: #777;
}
.table-list ul li.active a {
	color: #fff;
	background-color: #595959;
}
.table-list ul#bank li.active a {
	color: #fff;
	background-color: #595959;
}
.table-list ul li.active a:before {
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	width: 100%;
	height: 1px;
	background: #777;
}
.table-list ul li a img {height: 26px;}
.table-list ul li a i {
	display: block;
	height: 26px;
	overflow: hidden;
}
.table-list ul#payment li a i img {
	position: relative;
	top: 0;
	width: auto;
	height: 52px;
}
.table-list ul#payment li.active a i img {
	top: -26px;
}

@media (min-width: 992px) {
	.table-list {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 499px) {
	.table-list ul li {width: 50%;}
	.table-list ul li.blank {display: none;}
}



.idpwsearch {
  margin: 30px auto 0;
  width: 45%;
  padding: 0;
  border-radius: 5px;
}

.idpwsearch .tab-content > .tab-pane form.idpw-form {
	display: inline-block;
    width: 100%;
	padding: 45px 60px;
	background: linear-gradient(#fff 10%, #fafcfd 80%, #fafcfd 1%);
}

.idpwsearch .nav-tabs > li {
  width: 50%;
  height: 53px;
  background-color: transparent;
  margin-bottom: 1px;
}
.idpwsearch .nav-tabs > li a {
  padding: 15px 10px !important;
  color: #999;
  font-size: 16px !important; 
}
.idpwsearch .nav-tabs > li a:hover {
  color: #555;
  font-size: 16px;
  background-color: #f3f6fa;
}

.idpwsearch .nav-tabs > li.active {
  background-color: #fff;
}
.idpwsearch .nav-tabs > li.active a {
  color: #333;
  background-color: #fff;
}
.idpwsearch .nav-tabs > li.active a:hover {
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid transparent;
}

.idpwsearch .id-info,
.idpwsearch .pw-info {
	float: left;
	width: 100%;
	margin: 35px 0 0;
	padding: 50px 0 60px;
	text-align: center;
	font-size: 15px;
	border: 5px solid #e3e6eb;
	background: #f3f6fa;
	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: 991px) {
	.idpwsearch {width: 70%;}
	.idpw-form > button {width: 50%;}
	.idpw-form > button.col-md-12 {width: 100%;}
}
@media (max-width: 767px) {
	.idpwsearch {width: 80%;}
}
@media (max-width: 640px) {
	.idpwsearch {width: 86%;}
	.idpwsearch .tab-content > .tab-pane form.idpw-form {padding: 30px 20px;}
}
@media (max-width: 500px) {
	.tab-content {padding-top: 0 !important;}
	.idpwsearch {width: 93.5%;}
	.idpwsearch .id-info, .idpwsearch .pw-info {
		font-size: 14px;
		padding: 10px 8px;
		line-height: 22px;
	}
	.idpwsearch .tab-content > .tab-pane form.idpw-form td div.col-md-3 {
		float: left;
		width: 33%;
	}
	.idpwsearch .tab-content > .tab-pane form.idpw-form td div.col-md-3:last-child {padding-right: 0;}
	.idpwsearch .tab-content > .tab-pane form.idpw-form td.email div.col-md-3 {
		float: left;
		width: 100%;
	}
	.idpwsearch .tab-content > .tab-pane form.idpw-form td.email div.col-md-4 {
		float: left;
		width: 49.5%;
	}
	.idpwsearch .tab-content > .tab-pane form.idpw-form td.email div.col-md-4:last-child {padding-right: 0;}
	.idpwsearch .tab-content > .tab-pane form.idpw-form td.email div.col-md-4 select.form-control {float: right;}
}
@media (max-width: 414px) {
	.idpwsearch {width: 92.5%;}
}
@media (max-width: 375px) {
	.idpwsearch .id-info, .idpwsearch .pw-info {letter-spacing: -.03em;}
}
@media (max-width: 360px) {
	.idpwsearch .id-info br:first-child {/* display: none; */}
}


/* Login alt */

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


/* Search Results */

.search-item {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.search-item p {
    margin: 0;
}

.search-item a {
    text-decoration: none;
}

.search-item a.search-link {
    color: #22BAA0;
}


/* Chat */

.chat {
    position: relative;
    padding-bottom: 100px;
}

.chat .chat-item {
    display: block;
    padding: 10px 15px;
    width: 100%;
    overflow: hidden;
}

.chat .chat-item-right .chat-message {
    float: right;
}

.chat .chat-item .chat-image {
    float: left;
    display: inline-block;
}

.chat-item-left .chat-message {
    margin-top: 5px;
}

.chat .chat-item .chat-message {
    position: relative;
    border-radius: 12px;
    padding: 4px 12px;
    max-width: 75%;
    background: #f1f1f1;
    display: inline-block;
}

.chat .chat-item img {
    display: block;
    width: 40px;
    border-radius: 50%;
    margin-right: 5px;
}

.chat .chat-item-right .chat-message {
    background: #22BAA0;
    float: right;
    color: #fff;
}

.chat-write {
    padding: 5px;
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 240px;
}

.chat-write input {
    width: 100%;
}


/* Transitions */

.top-menu .navbar-nav > li > a > .badge,
.menu li a .arrow:before,
.menu li.open > a > .arrow:before {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


/* Overflow */

.navbar .logo-box,
.navbar .logo-box a,
.top-menu .navbar-nav > li > a > img,
.info,
.messages li a,
.messages li a .msg-img,
.messages li a .msg-text,
.messages li a .msg-time,
.tasks li a,
.tasks li a .task-icon,
.search-form,
body:not(.small-sidebar):not(.page-horizontal-bar) .menu.accordion-menu,
.page-inner,
.page-inner6,
.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,
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;}

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

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

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

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



.overlay {
    background: rgba(0,0,0,0.4);
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.show-menu .overlay {
    display: block;
}

.page-content {
    background-color: #fff;
}




/* Nav Mobile */

nav.nav-menu {
	overflow: hidden;
	background-color: #fff;
	border-bottom: 0px solid #d0d0d0;
}
nav.nav-menu:after {
	content: '';
	position: absolute;
	top: 0;
	right: -20px;
	z-index: 9;
	width: 20px;
	height: 100%;
	background-color: #fff;
	-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);
}
nav.nav-menu ul {
	display: table;
	margin: 0;
	padding-left: 0;
	white-space: nowrap;
}
nav.nav-menu ul li {
	position: relative;
	display: table-cell;
	line-height: 0;
	font-size: 0;
	padding-left: 1px;
}
nav.nav-menu ul li a {
	display: block;
	color: #384150;
	line-height: 1;
	font-family: 'NotosansM';
	font-size: 16px;
	letter-spacing: -1px;
	padding: 15px 16px;
}
nav.nav-menu ul li a.on {
	color: #337ab7;
}
nav.nav-menu ul li a.on:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	border-bottom: 4px solid #337ab7;
}

@media (min-width: 992px) {
	nav.nav-menu {display: none;}
}
@media (max-width: 991px) {
	nav.nav-menu ul {
		padding-left: 30px;
		min-width: 516px;
	}
	
	nav.nav-menu ul {
		padding-left: 0;
	}
}
@media (max-width: 767px) {
	nav.nav-menu ul {padding-left: 45px;}
	
	nav.nav-menu ul {
		padding-left: 0;
	}
}
@media (max-width: 640px) {
	nav.nav-menu ul {padding-left: 40px;}
	
	nav.nav-menu ul {
		padding-left: 0;
	}
}
@media (max-width: 414px) {
	nav.nav-menu ul {padding-left: 35px;}
	nav.nav-menu ul li a {
		padding: 16px 16px;
		text-align: center;
	}
	nav.nav-menu ul {
		padding-left: 0;
	}
}
@media (max-width: 385px) {
	nav.nav-menu ul li a {padding-right: 12px; padding-left: 12px;}
}
@media (max-width: 375px) {
	nav.nav-menu ul li a {padding-right: 11px; padding-left: 11px;}
}
@media (max-width: 360px) {
	nav.nav-menu ul li a {padding-right: 9px; padding-left: 9px;}
}

/* 모바일 메뉴 수정 */
nav.mo-nav-menu{
    background-color: #fff;
    border-bottom: 0px solid #d0d0d0;
    height: auto;
    background: white;
    position: relative;
    overflow-x: auto;
    -ms-overflow-style: none;
}
nav.mo-nav-menu::-webkit-scrollbar {
    display: none;
}
nav.mo-nav-menu .list{
    display: flex;
    height: auto;
    white-space: nowrap;
    padding-inline-start: 0;
    margin-bottom: 0;
}
nav.mo-nav-menu .list li a{
    display: block;
    color: #384150;
    line-height: 1;
    font-family: 'NotosansM';
    font-size: 16px;
    letter-spacing: -1px;
    padding: 15px 16px;
    position: relative;
}
nav.mo-nav-menu .list li a span{
    white-space: nowrap;
}
nav.mo-nav-menu #bookshelf-link{
    padding-right: 20px;
}
nav.mo-nav-menu #bookshelf-link a::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    right: -4px;
    top: 52%;
    transform: translateY(-50%);
    background: url(../../images/kr/bookshelf/icon_nav_new.svg) no-repeat center;
    background-size: contain;
}
@media (min-width: 992px) {
    nav.mo-nav-menu {
        display: none;
    }
}
@media (max-width: 991px) {
    nav.mo-nav-menu {
        display: block;
    }
}

/**** BEST10 ****/

@media (max-width: 500px) {
	#owl-demo.owl-carousel {
		margin-top: 30px !important;
	}
}
#owl-demo.owl-carousel {
	margin-top: 0px;
	width: 100%;
}
#owl-demo.owl-carousel .owl-stage-outer {
	width: 100%;
}

#owl-demo .item {
	display: block;
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	width: 100%;
	color: #fff;
	text-align: center;
}
#owl-demo .item a {
	float: left;
	width: 100%;
}
#owl-demo .item a > i {
	position: absolute;
	top: 15px;
	left: 0;
	float: left;
	padding-top: 4px;
	width: 36px;
	height: 36px;
	font-family: 'Arial', 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 0.85rem;
	letter-spacing: -.03em;
	word-spacing: 0.05em;
	line-height: 1.2rem;
	color: #fff;
	text-align: center;
	background-color: #0c6eaf;
}
#owl-demo .item a > i b {
	display: block;
	font-family: 'NanumSquareRoundEB';
	font-size: 16px;
}
#owl-demo .item a > p {
	float: left;
	margin: 0;
	width: 80px;
	height: 80px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
}
#owl-demo .item a > p img {
	width: 100%;
	min-height: 100%;
}
#owl-demo .item a > p.adult img {
	padding: 0 9px;
	min-height: auto;
}
#owl-demo .item a > span {
	float: left;
	padding: 0 0 0 7px;
	width: 58%;
	height: 67px;
	font-family: 'NotosansR';
	font-size: 13px;
	color: #999;
	text-align: left;
	overflow: hidden;
}
#owl-demo .item a > span strong {
	display: block;
	position: relative;
	float: left;
	margin-top: 6px;
	margin-bottom: 4px;
	width: 100%;
	height: 40px;
	font-family: 'NotosansR';
	font-size: 14px;
	line-height: 1.33;
	letter-spacing: -0.05em;
	word-spacing: 0.05em;
	color: #333;
	overflow: hidden;
}
#owl-demo .item a:hover > span strong {
	text-decoration: underline;
}
#owl-demo .item a > strong {
	float: left;
	margin-bottom: 37px;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 15px;
	color: #222;
}
#owl-demo .item a > strong span {
	margin-right: 10px;
	font-weight: normal;
	color: #999;
	text-decoration: line-through;
}
#owl-demo .item a > strong em {
	font-style: normal;
	font-family: 'NotosansB';
	font-size: 18px;
}
#owl-demo.owl-theme .owl-nav {
	position: absolute;
	top: 7px;
	margin-top: 0;
	width: 100%;
}
#owl-demo.owl-theme .owl-nav button {
	position: absolute;
}
#owl-demo.owl-carousel .owl-nav button.owl-prev {
	left: 0;
}
#owl-demo.owl-carousel .owl-nav button.owl-next {
	right: 15px;
}
#owl-demo.owl-theme .owl-nav button span {
	display: block;
	width: 18px;
	height: 63px;
	text-indent: -999999px;
	overflow: hidden;
	background-position: center;
	background-size: 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	border: 1px solid transparent;
	opacity: 1;
/* 	-webkit-box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20); */
/* 	   -moz-box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20); */
/* 			box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20); */
}
#owl-demo.owl-carousel .owl-nav button.owl-prev span {
	background-image: url('../../images/kr/main/swipe-prev-b.png');
	opacity: .6;
/* 	-webkit-box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20); */
/* 	   -moz-box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20); */
/* 			box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20); */
}
#owl-demo.owl-carousel .owl-nav button.owl-next span {
	background-image: url('../../images/kr/main/swipe-next-b.png');
	opacity: .6;
}
#owl-demo.owl-theme .owl-nav button:hover span {
	border: 1px solid transparent;
	opacity: 1;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.owl-theme .owl-nav .disabled {
	opacity: 0 !important;
}

.owl-theme .owl-dots .owl-dot span {
	margin: 0 6px !important;
	background-color: #999 !important;
}
.owl-theme .owl-dots .owl-dot.active span {
	background-color: #333 !important;
}
#owl-demo.owl-theme .owl-nav [class*=owl-] {
	margin: 0;
}
#owl-demo.owl-theme .owl-nav [class*=owl-]:hover {
	background: none !important;
}
#owl-demo.owl-theme .owl-control {
	margin-top: 0;
}
#owl-demo.owl-theme .owl-dots {
	display: none;
}
#owl-demo.owl-theme .owl-custom {
	display: none;
}

@media (min-width: 768px) {
	#owl-demo.owl-carousel {
		width: 735px;
	}
	#owl-demo.owl-carousel .owl-stage-outer {
		width: 720px;
	}
}
@media (min-width: 992px) {
	#owl-demo.owl-carousel {
		margin: 47px 0 30px;
		width: 955px;
	}
	#owl-demo.owl-carousel .owl-stage-outer {
		width: 940px;
	}
}
@media (min-width: 1200px) {
	#owl-demo.owl-carousel {
		width: 1155px;
	}
	#owl-demo.owl-carousel .owl-stage-outer {
		width: 1140px;
	}
}
@media (min-width: 1300px) {
	#owl-demo.owl-carousel {
		width: 1295px;
	}
	#owl-demo.owl-carousel .owl-stage-outer {
		width: 1280px;
	}
}

@media (max-width: 767px) {
	#owl-demo .item {padding-right: 0;}
	#owl-demo .item a > span {
		width: 51%;
	}
	
	#owl-demo.owl-carousel .owl-nav button.owl-prev {left: -30px;}
	#owl-demo.owl-carousel .owl-nav button.owl-next {right: -30px;}
}
@media (max-width: 639px) {
	#owl-demo.owl-carousel .owl-nav button.owl-prev {left: -23px;}
	#owl-demo.owl-carousel .owl-nav button.owl-next {right: -23px;}
}
@media (max-width: 500px) {
	#owl-demo .item a > i {
		top: 14px;
		padding-top: 4px;
		width: 44px;
		height: 44px;
		font-size: 13px;
		line-height: 1.5rem;
	}
	#owl-demo .item a > i b {font-size: 21px;}
	#owl-demo .item a > p {
		margin-top: 0;
		width: 86px;
		height: 86px;
	}
	#owl-demo .item a > span {
		padding-bottom: 7px;
		width: 56%;
		height: 69px;
		font-size: 12px;
		overflow: hidden;
	}
	#owl-demo .item a > span strong {
		margin-top: 5px;
		margin-bottom: 5px;
		height: 39px;
		font-size: 15px;
		line-height: 1.3;
	}
	
	#owl-demo.owl-theme .owl-nav button span {opacity: .8;}
}
@media (max-width: 414px) {
	#owl-demo .item a > i {
		top: 14px;
		padding-top: 4px;
		width: 36px;
		height: 36px;
		font-size: 11px;
		line-height: 1.2rem;
	}
	#owl-demo .item a > i b {font-size: 16px;}
	#owl-demo .item a > p {
		margin-top: 0;
		width: 78px;
		height: 78px;
	}
	#owl-demo .item a > span {
		padding-bottom: 7px;
		width: 55%;
		height: 66px;
		font-size: 13px;
		overflow: hidden;
	}
	#owl-demo .item a > span strong {
		margin-top: 4px;
		margin-bottom: 3px;
		height: 37px;
		font-size: 14px;
		line-height: 1.25;
	}
	#owl-demo.owl-carousel .owl-nav button.owl-prev {left: -15px;}
	#owl-demo.owl-carousel .owl-nav button.owl-next {right: -15px;}
}
@media (max-width: 375px) {
	#owl-demo .item a > i {top: 11px;}
	#owl-demo .item a > p {
		width: 70px;
		height: 70px;
	}
	#owl-demo .item a > span {
		height: 55px;
		font-size: 12px;
	}
	#owl-demo .item a > span strong {
		margin-bottom: 4px;
		height: 29px;
		font-size: 13px;
		line-height: 1.1;
	}
}
@media (max-width: 360px) {
	#owl-demo .item a > i {top: 9px;}
	#owl-demo .item a > p {
		width: 65px;
		height: 65px;
	}
}
@media (max-width: 340px) {
	#owl-demo .item a > span {
		width: 50%;
	}
}



/**** Main Visual ****/

.mainVisual {
	position: relative;
/* 	float: left; */
	width: 100%;
/* 	height: 770px; */
	overflow: hidden;
	background-color: #f5f0ec;
}
.mainBanner {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	z-index: 20;
}
.mainBanner li,
.mainBanner li a img {
	width: 100%;
}
.mainBanner li .banner-text {
	position: absolute;
	top: 29%;
	right: 0;
	width: 40.6%;
	color: #222;
	font-family: 'NotosansL', NanumGothic, Dotum, Arial, sans-serif;
	font-size: 52px;
	letter-spacing: -0.1em;
	text-align: left;
}
.mainBanner li .banner-text em {
	display: block;
	margin-bottom: 17px;
	font-style: normal;
	font-size: 20px;
	letter-spacing: normal;
}
.mainBanner li .banner-text strong {
	display: block;
	margin-top: -4px;
	font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
	font-size: 52px;
	letter-spacing: -0.01em;
}
.mainBanner li .banner-text span {
	display: block;
	margin-top: 28px;
	font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: -0.015em;
}

.mainBanner_nav {
	display: none;
	position: absolute;
	top: 50%;
	z-index: 999;
	width: 22px;
	height: 44px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mainBanner_nav.prev {
	left: 20px;
	background-image: url("../../images/kr/main/swipe-prev.png");
}
.mainBanner_nav.next {
	right: 20px;
	background-image: url("../../images/kr/main/swipe-next.png");
}

@media all and (max-width: 1559px) {
	.mainBanner li .banner-text {
		font-size: 45px;
	}
	.mainBanner li .banner-text strong {
		margin-top: -10px;
		font-size: 45px;
	}
	.mainBanner li .banner-text span {
		margin-top: 20px;
		font-size: 18px;
	}
}
@media all and (max-width: 1199px) {
	.mainBanner li .banner-text {
		right: 5%;
		font-size: 35px;
	}
	.mainBanner li .banner-text strong {
		margin-top: -10px;
		font-size: 35px;
	}
	.mainBanner li .banner-text span {
		margin-top: 20px;
		font-size: 16px;
	}
}
@media all and (max-width: 991px) {
	.mainBanner li .banner-text {
		right: 0;
		left: 50%;
		margin-left: -360px;
		width: 720px;
		font-size: 35px;
	}
	.mainBanner li .banner-text strong {
		margin-top: -10px;
		font-size: 35px;
	}
	.mainBanner li .banner-text span {
		margin-top: 20px;
		font-size: 16px;
	}
}
@media all and (max-width: 767px) {
	.mainBanner li .banner-text {
		top: 25%;
		left: 10%;
		margin: 0 auto;
		width: 100%;
		font-size: 25px;
	}
	.mainBanner li .banner-text strong {
		margin-top: -10px;
		font-size: 25px;
	}
	.mainBanner li .banner-text span {
		margin-top: 20px;
		font-size: 14px;
	}
}

.banner-dots {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
/* 	padding-left: 12px; */
	width: 182px;
	height: 100%;
	text-align: center;
}
.mainBannerBtn {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
/* 	background: rgba(255, 255, 255, 0.9); */
/* 	border-left: 1px solid #d0d0d0; */
}
.mainBannerBtn .mCustomScrollBox {
	right: 0;
	width: 100%;
}
.mainBannerBtn .mCSB_container {
	float: right;
	padding-left: 12px;
}
.mainBannerBtn li {
	display: inline-block;
	float: right;
	width: 171px;
	text-align: left;
}
.mainBannerBtn li a {
	position: relative;
	float: left;
	margin: 0;
	padding: 34px 0 34px 20px;
	width: 100%;
	font-family: 'NotosansM', NanumGothic, Dotum, Arial, sans-serif;
	font-size: 16px;
	color: #444;
/* 	background: rgba(255, 255, 255, 0.9); */
	border-bottom: 1px solid #cccdce;
	cursor: pointer;
}
.mainBannerBtn li a img {
	display: none;
}
.mainBannerBtn .mainBanner_here a {
	margin-top: -1px;
	padding: 34px 0 20px 20px;
	color: #fff;
	background-color: #ff6927;
	border-bottom: transparent;
}
.mainBannerBtn .mainBanner_here a:before {
	content: '';
	position: absolute;
	top: 30px;
	left: -12px;
	z-index: 1;
	border-top: 12px solid transparent;
	border-right: 12px solid #ff6927;
	border-bottom: 12px solid transparent;
}
.mainBannerBtn .mainBanner_here a img {
	display: block;
	margin-top: 15px;
}
.mainBannerBtn + p {
	position: absolute;
	top: 0;
	left: 11px;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	border-left: 1px solid #d0d0d0;
}

@media (max-width: 1630px) {
	.mainBanner_nav.prev {
		left: 1%;
		margin-left: 0;
	}
	.mainBanner_nav.next {
		right: 1%;
		margin-right: 0;
	}
}
@media (max-width: 1023px) {
	.mainVisual {
		height: auto;
	}
	.mainBanner li a img {
		margin-left: -15%;
		width: 130%;
	}
}
@media (max-width: 959px) {
	.mainBanner li a img {
		margin-left: -20%;
		width: 140%;
	}
	.mainBanner_nav {
		width: 35px;
		background-size: 11px 22px;
	}
	.mainBannerBtn {
		bottom: 0px;
	}
}
@media (max-width: 767px) {
	.mainBanner_nav {
		display: block;
	}
	.banner-dots {
		display: none;
	}
}
@media (max-width: 639px) {
	.mainBannerBtn li,
	.mainBannerBtn a {
		height: 40px;
		line-height: 40px;
	}
	.mainBannerBtn li a {
		padding: 0 10px;
		width: auto;
		font-size: 13px;
	}
	.mainBanner li a img {
		margin-left: -25%;
		width: 150%;
	}
}



/**** New Visual Banner ****/
/*
.sliderBanner {
	position: relative;
	float: left;
	margin-top: 40px;
	width: 800px;
	height: 365px;
	overflow: hidden;
}
.sliderBanner #slick.slick-slider {
	float: left;
	width: 100% !important;
	height: 100% !important;
}
.sliderBanner #slick .slick-list {
	height: 100%;
}

#slick .slick-arrow {
	position:absolute;
	bottom: 63px;
	z-index: 9;
	width: 21px;
	height: 14px;
	text-indent: -999999px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
}
#slick .slick-prev {
	left: 90px;
	background-image: url('../../images/kr/main/slick-prev.png');
}
#slick .slick-next {
	left: 176px;
	background-image: url('../../images/kr/main/slick-next.png');
}

#slick .slick-dots {
	position: relative;
	bottom: 80px;
	left: 126px;
}
#slick .slick-dots li {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 15px;
	text-align: center;
	opacity: 0;
}
#slick .slick-dots li.slick-active {
	opacity: 1;
}
#slick .slick-dots li button {
	padding: 0;
	font-family: 'NanumSquareRoundB';
	font-size: 15px;
	background-color: transparent;
}

.sliderBanner .slick-total {
	position: relative;
	bottom: 80px;
	left: 140px;
	z-index: 2;
	float: left;
	width: 27px;
	font-family: 'NanumSquareRoundR';
	font-size: 15px;
	letter-spacing: -.03em;
}
.sliderBanner .slick-total i {
	float: left;
	margin: 0 5px 0 0;
}

.sliderBanner .slick-button {
	position: relative;
	bottom: 77px;
	left: 194px;
	z-index: 2;
	float: left;
	width: 14px;
	height: 14px;
	text-indent: -999999px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.sliderBanner .slick-play {
	background-image: url('../../images/kr/main/slick-play.png');
}
.sliderBanner .slick-pause {
	background-image: url('../../images/kr/main/slick-pause.png');
}

@media (min-width: 992px) {
	.sliderBanner {
		margin-top: 60px;
		width: 600px;
		height: 274px;
	}
	#slick .slick-prev {
		left: 67px;
	}
	#slick .slick-next {
		left: 153px;
	}
	#slick .slick-dots {
		left: 103px;
	}
	.sliderBanner .slick-total {
		left: 117px;
	}
	.sliderBanner .slick-button {
		left: 171px;
	}
}
@media (min-width: 1200px) {
	.sliderBanner {
		width: 750px;
		height: 342px;
	}
	#slick .slick-prev {
		left: 84px;
	}
	#slick .slick-next {
		left: 170px;
	}
	#slick .slick-dots {
		left: 120px;
	}
	.sliderBanner .slick-total {
		left: 134px;
	}
	.sliderBanner .slick-button {
		left: 188px;
	}
}
@media (min-width: 1300px) {
	.sliderBanner {
		width: 800px;
		height: 365px;
	}
	#slick .slick-prev {
		left: 90px;
	}
	#slick .slick-next {
		left: 176px;
	}
	#slick .slick-dots {
		left: 126px;
	}
	.sliderBanner .slick-total {
		left: 140px;
	}
	.sliderBanner .slick-button {
		left: 194px;
	}
}
*/

#index .swiper-container.swiper-visual {
	position: relative;
	float: left;
	margin: 30px 0 0;
	background-color: #fff;
	background-color: #eff1f4;
}
.swiper-visual .swiper-slide a img {
	width: 100%;
}
.swiper-visual .swiper-control {
	position: absolute;
	bottom: 45px;
	left: 70px;
	z-index: 9;
	float: left;
	width: 145px;
	height: 14px;
}
.swiper-visual .swiper-control .swiper-pagination {
	position: initial;
	float: left;
	width: 65px;
	font-family: 'NanumSquareRoundR';
	font-size: 15px;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: #f1f1f1;
}
.swiper-visual .swiper-control .swiper-pagination .swiper-pagination-current {
	font-family: 'NanumSquareRoundEB';
	color: #fff;
}
.swiper-visual .swiper-control button {
	display: inline;
	position: initial;
	float: left;
	margin: 0;
	padding: 0;
	height: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.swiper-visual .swiper-control button:after {
	display: none;
}
.swiper-visual .swiper-control button.swiper-button-lock {display: none;}
.swiper-visual .swiper-control .swiper-prev,
.swiper-visual .swiper-control .swiper-next {
	width: 17px;
	background-size: 17px;
}
.swiper-visual .swiper-control .swiper-prev {
	background-image: url('../../images/kr/main/swiper-prev1.png');
}
.swiper-visual .swiper-control .swiper-next {
	background-image: url('../../images/kr/main/swiper-next1.png');
}
.swiper-visual .swiper-control .swiper-stop,
.swiper-visual .swiper-control .swiper-start {
	margin-left: 20px;
	width: 14px;
	background-size: 14px;
}
.swiper-visual .swiper-control .swiper-stop {
	background-image: url('../../images/kr/main/swiper-pause.png');
}
.swiper-visual .swiper-control .swiper-start {
	background-image: url('../../images/kr/main/swiper-play.png');
}

/* new */
#index .swiper-container.swiper-visual button {
	display: none;
	position: absolute;
	top: 50%;
	z-index: 0;
	padding: 30px 15px;
	width: 10px;
	height: 60px;
	margin-top: -30px;
	text-indent: -999999px;
	overflow: hidden;
	background-position: center;
	background-size: 10px;
	background-color: rgba(0, 0, 0, .3);
	background-repeat: no-repeat;
	border: 1px solid transparent;
	opacity: 1;
}
#index .swiper-container.swiper-visual:hover button {display: block;}
#index .swiper-container.swiper-visual button:hover {background-color: rgba(0, 0, 0, .55);}
.swiper-prev {
	left: 0px;
	right: auto;
	padding-left: 13px !important;
	background-image: url('../../images/kr/main/swipe-prev.png');
	-webkit-box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20);
	   -moz-box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20);
			box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20);
}
.swiper-next {
	right: 0px;
	left: auto;
	padding-right: 13px !important;
	background-image: url('../../images/kr/main/swipe-next.png');
	-webkit-box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20);
	   -moz-box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20);
			box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20);
}
#index .swiper-pagination {
	position: absolute;
	z-index: 0;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
}
#index .swiper-pagination-fraction,
#index .swiper-pagination-custom,
#index .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
}
#index .swiper-pagination-bullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 100%;
	opacity: 0.2;
}
#index .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}
#index .swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: 1;
}

@media (min-width: 768px) {
	#index .swiper-container.swiper-visual {
		width: 100% !important;
	}
}
@media (min-width: 992px) {
	#index .swiper-container.swiper-visual {
		width: 600px !important;
		height: 274px;
	}
/* 	#index .swiper-container.swiper-visual .swiper-pagination {display: none;} */
}
@media (min-width: 1200px) {
	#index .swiper-container.swiper-visual {
		width: 750px !important;
		height: 342px;
	}
}
@media (min-width: 1300px) {
	#index .swiper-container.swiper-visual {
		width: 800px !important;
		height: 365px;
	}
}

@media (max-width: 991px) {
	#index .swiper-container.swiper-visual {
		height: 329px;
		background-color: #fafbfe;
	}
	.swiper-visual .swiper-control {
		bottom: 20px;
		left: 26px;
	}
/* 	#index .swiper-container.swiper-visual button {display: none;} */
	.swiper-visual .swiper-control .swiper-pagination {
		font-size: 21px;
		line-height: 0.9;
	}
}
@media (max-width: 767px) {
	#index .swiper-container.swiper-visual {
		margin-top: 40px;
		height: auto !important;
	}
	.swiper-visual .swiper-slide-active {
		z-index: 9;
	}
	.swiper-visual .swiper-slide a img {
/* 		margin-left: -5%; */
/* 		width: 108%; */
	}
}
@media (max-width: 639px) {
	#index .swiper-container.swiper-visual {
		margin-top: 30px;
		height: 284px;
	}
}
@media (max-width: 500px) {
	#index .swiper-container.swiper-visual {
		height: 220px;
	}
	.swiper-visual .swiper-control {
		bottom: 46px;
		left: 23px;
	}
	.swiper-visual .swiper-control .swiper-pagination {
		width: 50px;
		font-size: 16px;
		line-height: 0.95;
	}
	.swiper-visual .swiper-control .swiper-prev,
	.swiper-visual .swiper-control .swiper-next {
		width: 17px;
		background-size: 17px;
	}
	.swiper-visual .swiper-control .swiper-stop,
	.swiper-visual .swiper-control .swiper-start {
		margin-top: -1px;
		margin-left: 19px;
		width: 11px;
		background-size: 11px;
	}
}
@media (max-width: 414px) {
	#index .swiper-container.swiper-visual {
		height: 189px;
	}
	.swiper-visual .swiper-control {
		bottom: 20px !important;
		left: 20px;
	}
	.swiper-visual .swiper-control .swiper-pagination {
		font-size: 14px !important;
		line-height: 1 !important;
	}
}
@media (max-width: 385px) {
	#index .swiper-container.swiper-visual {
		height: 176px;
	}
}
@media (max-width: 375px) {
	#index .swiper-container.swiper-visual {
		height: 170px;
	}
}
@media (max-width: 360px) {
	#index .swiper-container.swiper-visual {
		height: 164px;
	}
}



/**** Main Tab ****/

.main-tab.tab-wrap {
	position: relative;
	float: left;
	margin: 30px 0 0;
	width: 100%;
	background: transparent;
}
.main-tab.tab-wrap .tab-header {
	margin: 0 auto 18px;
	padding: 0;
	width: 100%;
	height: 36px;
	text-align: center;
}
.main-tab.tab-wrap .tab-header > li {
/* 	display: inline-table; */
	float: left;
	margin-left: 3%;
	padding: 0;
	width: 31.33333333%;
}
.main-tab.tab-wrap .tab-header > li:first-child {
	margin-left: 0;
}
.main-tab.tab-wrap .tab-header > li > a {
	float: left;
	padding: 7px 0;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 14px;
	letter-spacing: -0.04em;
	color: #666;
	text-align: center;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
	   -moz-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
			box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
}
.main-tab.tab-wrap .tab-header > li > a:hover {
	color: #333;
	background-color: #fff;
	border: 1px solid #f1f3f6;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.main-tab.tab-wrap .tab-header > li.active > a,
.main-tab.tab-wrap .tab-header > li.active > a:hover,
.main-tab.tab-wrap .tab-header > li.active > a:focus {
	position: relative;
	padding: 6px 0;
	color: #1090fd;
	background-color: #fff;
	border: 2px solid #1090fd;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.main-tab.tab-wrap .tab-header > li.active > a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.main-tab.tab-wrap .tab-header > li.active > a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}

.main-tab.tab-wrap .tab-content {
	padding: 0 !important;
	background-color: transparent;
}
.main-tab.tab-wrap .tab-content .type-list {
	margin: 0;
	padding: 0;
}
.main-tab.tab-wrap .tab-content .type-list a {
	position: relative;
	float: left;
	padding: 12px 0 13px;
	width: 100%;
}
.main-tab.tab-wrap .tab-content .type-list a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background-color: #dadcdd;
}
.main-tab.tab-wrap .tab-content .type-list p {
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
	width: 126px;
	height: 83px;
	overflow: hidden;
	border: 1px solid #dadcdd;
}
.main-tab.tab-wrap .tab-content .type-list p img {
	width: 100%;
	min-height: 100%;
}
.main-tab.tab-wrap .tab-content .type-list p.adult img {
	padding: 0 21px;
	min-height: auto;
}
.main-tab.tab-wrap .tab-content .type-list .pro-name {
	float: left;
	padding: 4px 0 0;
	width: 59%;
}
.main-tab.tab-wrap .tab-content .type-list .pro-name em {
	float: left;
	width: 100%;
	font-style: normal;
	font-size: 13px;
	line-height: 1.9rem;
	letter-spacing: -.04em;
	color: #333;
}
.main-tab.tab-wrap .tab-content .type-list .pro-name em b {
	float: left;
	width: 95%;
	height: 19px;
	font-family: 'NotosansM';
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.main-tab.tab-wrap .tab-content .type-list a:hover .pro-name em b {
	text-decoration: underline;
}
.main-tab.tab-wrap .tab-content .type-list .pro-name em span {
	float: left;
	height: 19px;
	color: #999;
	overflow: hidden;
}
.main-tab.tab-wrap .tab-content .type-list .pro-name .price {
	float: left;
	margin-top: 8px;
	font-family: 'NotosansB';
	font-size: 15px;
}
.main-tab.tab-wrap .tab-content .type-list .pro-name .price span.won {
	font-family: 'NotosansR';
}
.main-tab.tab-wrap .tab-content .type-list .pro-name .price strong {
	font-family: 'NotosansB';
	font-size: 15px;
	letter-spacing: -.03em;
}

.main-tab.tab-wrap .tab-content .type-list .none {
	text-align: center;
}
.main-tab.tab-wrap .tab-content .type-list .none img {
	margin-top: 100px;
	width: 55px;
}

@media (min-width: 992px) {
	.main-tab.tab-wrap {
		float: right;
		width: 311px;
	}
	.main-tab.tab-wrap .tab-header {
		margin-bottom: 5px;
	}
	.main-tab.tab-wrap .tab-content .type-list a {
		padding: 7px 0 8px;
	}
	.main-tab.tab-wrap .tab-content .type-list a:last-child {
		padding-bottom: 0;
	}
	.main-tab.tab-wrap .tab-content .type-list a:last-child:after {
		height: 0;
	}
	.main-tab.tab-wrap .tab-content .type-list p {
		width: 106px;
		height: 65px;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name {
		padding-top: 0;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name em {
		line-height: 1.65rem;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name .price {
		margin-top: 5px;
	}
	
	.main-tab.tab-wrap .tab-content .type-list .none img {
		margin-top: 75px;
	}
}
@media (min-width: 1200px) {
	.main-tab.tab-wrap {
		width: 361px;
	}
	.main-tab.tab-wrap .tab-header {
		margin-bottom: 10px;
	}
	.main-tab.tab-wrap .tab-content .type-list a {
		padding: 9px 0 10px;
	}
	.main-tab.tab-wrap .tab-content .type-list p {
		width: 126px;
		height: 83px;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name {
		padding-top: 4px;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name em {
		line-height: 1.9rem;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name .price {
		margin-top: 8px;
	}
	
	.main-tab.tab-wrap .tab-content .type-list .none img {
		margin-top: 100px;
	}
}
@media (min-width: 1300px) {
	.main-tab.tab-wrap {
		width: 401px;
	}
	.main-tab.tab-wrap .tab-header {
		margin-bottom: 18px;
	}
	.main-tab.tab-wrap .tab-header > li {
		margin-left: 13px;
		width: 125px;
	}
	.main-tab.tab-wrap .tab-content .type-list a {
		padding: 12px 0 13px;
	}
}

@media (max-width: 767px) {
	#index section.visual {
		padding-right: 0;
		padding-left: 0;
	}
	#index section.visual .main-tab.tab-wrap {
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media (min-width: 640px) and (max-width: 767px) {
	#index section.visual .main-tab.tab-wrap {
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media (min-width: 415px) and (max-width: 639px) {
	#index section.visual .main-tab.tab-wrap {
		padding-right: 23px;
		padding-left: 23px;
	}
}
@media (max-width: 500px) {
	.main-tab.tab-wrap {margin-top: 40px;}
	.main-tab.tab-wrap .tab-header {
		margin-bottom: 7px;
		height: 44px;
	}
	.main-tab.tab-wrap .tab-header > li > a,
	.main-tab.tab-wrap .tab-header > li > a:hover {
		padding: 8px 0 9px;
		font-size: 16px;
	}
	.main-tab.tab-wrap .tab-header > li.active > a,
	.main-tab.tab-wrap .tab-header > li.active > a:hover,
	.main-tab.tab-wrap .tab-header > li.active > a:focus {
		padding: 7px 0 8px;
	}
	
	.main-tab.tab-wrap .tab-content .type-list a {padding: 16px 0 17px;}
	.main-tab.tab-wrap .tab-content .type-list p {
		margin-right: 15px;
		width: 121px;
		height: 80px;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name {width: 68%;}
	.main-tab.tab-wrap .tab-content .type-list .pro-name em {
		line-height: 1.8rem;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name em b {
		width: 100%;
		height: 25px;
		font-family: 'NotosansR';
		font-size: 16px;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name em span {
		padding-top: 0;
		height: 22.19px;
		font-size: 14px;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name .price {margin-top: 6px;}
	.main-tab.tab-wrap .tab-content .type-list .pro-name .price,
	.main-tab.tab-wrap .tab-content .type-list .pro-name .price strong {font-size: 17px;}
	.main-tab.tab-wrap .tab-content .type-list .none {min-height: 311px;}
}
@media (max-width: 499px) {
	.main-tab.tab-wrap .tab-content .type-list .pro-name {width: 63%;}
}
@media (max-width: 414px) {
	#index section.visual .main-tab.tab-wrap {
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media (max-width: 413px) {
	.main-tab.tab-wrap .tab-content .type-list .pro-name {width: 62%;}
}
@media (max-width: 385px) {
	.main-tab.tab-wrap .tab-content .type-list .pro-name {width: 61%;}
}
@media (max-width: 375px) {
	.main-tab.tab-wrap .tab-header {height: 40px;}
	.main-tab.tab-wrap .tab-header > li > a {
		padding: 6px 0 8px;
		font-size: 14px;
	}
	.main-tab.tab-wrap .tab-header > li.active > a,
	.main-tab.tab-wrap .tab-header > li.active > a:hover,
	.main-tab.tab-wrap .tab-header > li.active > a:focus {
		padding: 5px 0 7px;
		font-size: 14px;
	}
	.main-tab.tab-wrap .tab-content .type-list p {
		margin-right: 15px;
		width: 108px;
		height: 79px;
	}
	.main-tab.tab-wrap .tab-content .type-list .pro-name {width: 63%;}
	.main-tab.tab-wrap .tab-content .type-list .pro-name em b {font-size: 13px;}
	.main-tab.tab-wrap .tab-content .type-list .pro-name em span {font-size: 12px;}
	.main-tab.tab-wrap .tab-content .type-list .pro-name .price {margin-top: 11px;}
	.main-tab.tab-wrap .tab-content .type-list .pro-name .price,
	.main-tab.tab-wrap .tab-content .type-list .pro-name .price strong {font-size: 14px;}
}
@media (max-width: 360px) {
	.main-tab.tab-wrap .tab-content .type-list .pro-name {width: 61%;}
}


/**** 베스트도서 ****/

#index .pro-heading {
	float: left;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: left;
}
#index .pro-heading .panel-title {
	float: left;
	font-size: 30px;
	letter-spacing: -.025em;
	line-height: 0.85;
	color: #333;
	text-align: left;
}
#index .pro-heading span {
	float: left;
	padding: 22px 0 0;
	width: 100%;
    font-family: 'NotosansR', serif;
	font-size: 16px;
	letter-spacing: -.04em;
	color: #999;
	text-align: left;
}
#index .pro-heading button {
	display: block;
	margin-top: 150px;
	padding: 0;
	font-family: 'NotosansR';
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -.01em;
	color: #555;
	background-color: transparent;
}
#index .pro-heading button:hover {
	font-family: 'NotosansM' !important;
	color: #121212 !important;
}
#index .pro-heading button i {
	float: right;
	margin: 1px 0 0 5px;
	width: 14px;
	font-size: 17px;
}
#index .pro-heading button:hover i {font-weight: bold;}

@media (min-width: 992px) {
	#index .pro-heading {width: 260px;}
}

@media (max-width: 991px) {
	#index .pro-heading {padding: 24px 0 0;}
	#index .pro-heading .panel-title {
		margin-bottom: 30px !important;
		width: 80%;
	}
	#index .pro-heading button {
		float: right;
		margin-top: 45px;
		margin-bottom: 16px;
	}
}
@media (max-width: 500px) {
	#index .main-store .pro-heading {padding: 20px 0 0;}
	#index .pro-heading {padding: 50px 0 0;}
	#index .pro-heading .panel-title {
		margin-bottom: 30px !important;
		width: 77%;
		font-size: 24px;
		line-height: 1;
	}
	#index .pro-heading span {display: none;}
	#index .pro-heading button {
		margin-top: 5px;
		font-size: 14px;
	}
	#index .pro-heading button i {
		margin: 0 -3px 0 10px;
		font-size: 20px;
	}
	.main-best {margin: 20px 0 0 !important;}
}
@media (max-width: 414px) {
	#index .pro-heading {padding: 40px 0 0;}
	#index .pro-heading .panel-title {margin-bottom: 20px !important;}
}
@media (max-width: 375px) {
	#index .main-store .pro-heading {padding: 10px 0 0 !important;}
}

.main-best {
	float: left;
	margin: 40px 0 0;
	padding: 0;
}
.main-best ul {
	float: left;
	margin: 0 0 -45px;
	padding: 0;
	width: 100%;
}
.main-best ul li {
	position: relative;
	float: left;
	padding: 0 15px;
	width: 50%;
}
.main-best ul li > a {
	position: relative;
	float: left;
	padding-bottom: 30px;
	width: 100%;
}
.main-best ul li > a p {
	margin-bottom: 15px;
	width: 100%;
/* 	height: 143px; */
	overflow: hidden;
	border: 1px solid #eaeced;
	cursor: pointer;
}
.main-best ul li > a p img {
	width: 100%;
/* 	min-height: 100%; */
	background-color: #f8fafd;
}
.main-best ul li > a p.adult {
	text-align: center;
	background-color: #f8fafd;
}
.main-best ul li > a p.adult img {
	position: relative;
	top: 24%;
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: auto;
	min-height: auto;
}
.main-best ul li > a i.number {
	float: left;
	width: 10%;
	height: auto;
	font-style: normal;
	font-family: 'NanumSquareRoundEB';
	font-size: 20px;
	color: #005bac;
	margin-top: -5px;
	letter-spacing: -1px;
	background-color: transparent;
	border-radius: 0;
	opacity: 1;
}
.main-best ul li > a .item-info {
	float: left;
	width: 90%;
	cursor: pointer;
}
.main-best ul li:nth-child(10) > a i.number {width: 15%;}
.main-best ul li:nth-child(10) > a .item-info {width: 85%;}
.main-best ul li > a .item-info b {
	float: left;
	width: 100%;
	height: 38px;
	font-family: 'NotosansR';
	font-size: 14px;
	line-height: 1.51rem;
/* 	white-space: nowrap; */
	color: #333;
	text-align: left;
/* 	text-overflow: ellipsis; */
	overflow: hidden;
}
.main-best ul li > a:hover .item-info > b {text-decoration: underline;}

.main-best ul li > a .item-info > span {
	float: left;
	margin-top: 5px;
	height: 32px;
	font-size: 13px;
	line-height: 1.36rem;
	color: #999;
	overflow: hidden;
}
.main-best ul li > a .item-info em {
	float: left;
	margin: 5px 0 5px;
	width: 100%;
	height: 20px;
	font-family: 'NotosansB';
	font-style: normal;
	font-size: 15px;
/* 	line-height: 2.66rem; */
	color: #333;
	text-align: left;
}
.main-best ul li > a .item-info em b {
	float: none;
	width: 100%;
	font-size: 15px;
	font-family: 'NotosansR';
	font-weight: normal;
	letter-spacing: -0.04em;
	word-spacing: 0.04em;
	color: #999;
	text-align: center;
	text-decoration: line-through;
}

div.pro-name > span > b {
    float: none;
    width: 100%;
    font-size: 15px;
    font-family: 'NotosansR';
    font-weight: normal;
    letter-spacing: -0.04em;
    word-spacing: 0.04em;
    color: #999;
    text-align: center;
    text-decoration: line-through;
}

.main-best ul li > a .item-info em .won {
	margin-right: 5px;
	font-family: 'NotosansR';
	text-decoration: none;
}

.main-best ul li .cd-item-details a:hover {opacity: 1;}
.main-best ul li:hover .cd-item-details a {display: block;}
.main-best ul li .cd-item-details a.cart {margin-left: -54px;}
.main-best ul li .cd-item-details a.wish {margin-left: 4px;}

@media (min-width: 768px) {
	.main-best ul li > a p {height: 499px;}
	.main-best ul li > a i.number {top: 510px;}
}
@media (min-width: 992px) {
	.main-best {margin-top: 60px;}
	.main-best ul {
		float: right;
		margin-right: -10px;
		margin-left: -10px;
		width: 700px;
	}
	.main-best ul li {
		padding: 0 10px;
		width: 33.3333%;
	}
	.main-best ul li:nth-child(7),
	.main-best ul li:nth-child(8),
	.main-best ul li:nth-child(9),
	.main-best ul li:nth-child(10) {
/* 		display: none; */
	}
	.main-best ul li > a p {height: 280px;}
	.main-best ul li > a i.number {top: 268px;}
}
@media (min-width: 1200px) {
	.main-best {margin-top: 105px;}
	.main-best ul {
		margin-right: -10px;
		margin-left: -10px;
		width: 900px;
	}
	.main-best ul li {
		padding: 0 10px;
		width: 25%;
	}
	.main-best ul li:nth-child(7),
	.main-best ul li:nth-child(8) {/* display: block; */}
}
@media (min-width: 1300px) {
	.main-best ul {
		margin-right: -15px;
		margin-left: -15px;
		width: 1050px;
	}
	.main-best ul li {
		padding: 0 15px;
		width: 20%;
	}
}

@media (max-width: 991px) {
	.main-best ul {margin-bottom: -45px !important;}
	.main-best ul li {
		padding-right: 7.5px;
		padding-left: 0;
	}
	.main-best ul li:nth-child(2n) {
		padding-right: 0;
		padding-left: 7.5px;
	}
	.main-best ul li .cd-item-details a {display: block;}
}
@media (max-width: 640px) {
	.main-best ul {margin-bottom: -43px !important;}
	.main-best ul li > a p {margin-bottom: 15px;}
	.main-best ul li > a i.number {
		top: 155px;
		left: -1px;
		font-size: 24px;
	}
	.main-best ul li:nth-child(10) a i.number {
		left: -4px;
		letter-spacing: -.15em;
	}
/* 	.main-best ul li:nth-child(10) a .item-info {padding-left: 35px;} */
	.main-best ul li > a .item-info b {
		height: 43px;
		font-size: 16px;
		line-height: 1.65rem;
	}
	.main-best ul li > a .item-info > span {
		margin-top: -3px;
		height: 27px;
		font-size: 14px;
		line-height: 2.26rem;
	}
	.main-best ul li > a .item-info em {
		margin: -3px 0 2px;
		font-size: 17px;
		line-height: 3.17rem;
	}
	.main-best ul li > a .item-info em b {font-size: 17px;}
	.main-best ul li .cd-item-details a {top: 267px;}
}
@media (max-width: 500px) {
	.main-best ul li .cd-item-details a {top: 255px;}
}
@media (max-width: 499px) {
	.main-best ul {margin-bottom: -33px !important;}
	.main-best ul li > a {padding-bottom: 40px;}
	.main-best ul li > a p {/* height: 120px; */}
	.main-best ul li > a i.number {
		top: 133px;
		font-size: 20px;
	}
	.main-best ul li > a .item-info b {
		height: 41px;
		font-size: 15px;
	}
	.main-best ul li > a .item-info > span {
		margin-top: -1px;
		font-size: 14px;
	}
	.main-best ul li > a .item-info em,
	.main-best ul li > a .item-info em b {font-size: 15px;}
	.main-best ul li .cd-item-details a {top: 215px;}
}
@media (max-width: 385px) {
	.main-best ul li .cd-item-details a {top: 195px;}
}
@media (max-width: 375px) {
	.main-best ul {margin-bottom: -23px !important;}
	.main-best ul li > a {padding-bottom: 30px;}
	.main-best ul li > a p {/* height: 100px; */}
	.main-best ul li > a i.number {top: 113px;}
	.main-best ul li > a .item-info b {font-size: 14px;}
	.main-best ul li > a .item-info > span {font-size: 13px;}
	.main-best ul li > a .item-info em,
	.main-best ul li > a .item-info em b {font-size: 14px;}
	.main-best ul li .cd-item-details a {top: 190px;}
}
@media (max-width: 360px) {
	.main-best ul li .cd-item-details a {top: 175px;}
}



/**** 신간도서 ****/

.main-new {
	position: relative;
	float: left;
	margin: 40px auto 0;
	width: 100%;
}

@media (min-width: 992px) {
	.main-new {margin-top: 60px;}
	#index .main-new .pro-heading button {margin-top: 203px;}
}
@media (min-width: 1200px) {
	.main-new {margin-top: 125px;}
}


.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	font-size: 18px;
	text-align: center;
	background: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
	-webkit-align-items: center;
			align-items: center;
}

.swiper-slide > a,
.swiper-slide .cd-item-container {
	float: left;
	width: 100%;
	height: 100%;
}
.swiper-slide .cd-item-wrapper {
	margin-top: 0;
/* 	padding: 25px; */
/* 	height: 280px; */
	background-color: #fff;
}
#index .swiper-container .cd-item-wrapper {margin: 0;}
.swiper-slide a img {/* width: auto; */}
.swiper-slide:hover .cd-item-details a {display: block !important;}
.swiper-slide:hover .cd-item-info > b {text-decoration: underline;}

#index .swiper-button-prev,
#index .swiper-button-next {
	top: 105px;
	padding: 13px 10px 10px;
	background-color: transparent;
}
#index .swiper-button-prev {left: -6px;}
#index .swiper-button-next {left: 64px;}

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

@media (min-width: 992px) {
	#index .swiper-container {
		float: right;
		margin: 0;
		width: 680px;
	}
	.swiper-view .swiper-slide {
		margin-right: 30px;
		width: 14.7%;
	}
	#index .swiper-view .swiper-slide {
		margin-right: 30px;
		width: 17.65%;
	}
	#index .swiper-container .cd-item-wrapper {height: 280px;}
}
@media (min-width: 1200px) {
	#index .swiper-container {width: 880px;}
	#index .swiper-container .cd-item-wrapper {padding: 25px;}
}
@media (min-width: 1300px) {
	#index .swiper-container {width: 1020px;}
	#index .swiper-container .cd-item-wrapper,
	.main-best ul li > a p {height: 258px;}
	.swiper-view .swiper-slide .cd-item-wrapper {height: 265px;}
}

@media (max-width: 991px) {
	.swiper-slide .cd-item-wrapper {/* height: 464px !important; */}
	#index .swiper-button-prev,
	#index .swiper-button-next {display: none;}
	.main-new .swiper-slide .cd-item-details a {top: 450px !important;}
}
@media (max-width: 767px) {
	#index section.visual {
		padding-right: 0;
		padding-left: 0;
	}
	.main-new .swiper-slide .cd-item-details a {top: 358px !important;}
}
@media (max-width: 640px) {
	.main-new .swiper-slide .cd-item-details a {top: 267px !important;}
}
@media (max-width: 500px) {
	.sub-view .swiper-slide {
		margin-right: 15px;
		width: 48.4%;
	}
	.swiper-slide .cd-item-info {padding-bottom: 30px !important;}
	.main-new .swiper-slide .cd-item-info {padding-bottom: 25px !important;}
	.main-new .swiper-slide .cd-item-details a {top: 255px !important;}
}
@media (max-width: 499px) {
	.main-new .swiper-slide .cd-item-details a {top: 52.9% !important;}
}
@media (max-width: 414px) {
	.sub-view .swiper-slide {width: 48%;}
}
@media (max-width: 385px) {
	.main-new .swiper-slide .cd-item-details a {top: 50.5% !important;}
}
@media (max-width: 375px) {
	.sub-view .swiper-slide {width: 47.85%;}
	.main-new .swiper-slide .cd-item-details a {top: 50% !important;}
}
@media (max-width: 360px) {
	.sub-view .swiper-slide {width: 47.8%;}
	.main-new .swiper-slide .cd-item-details a {top: 48% !important;}
}



#index .cd-gallery {
	float: left;
	margin: 0;
	text-align: center;
}

#index .cd-gallery > li {
	float: left;
	margin: 0;
/* 	padding: 0 15px; */
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		box-shadow: none;
}
#index .cd-gallery .cd-item-wrapper {
	margin: 0;
	padding: 25px;
	background-color: #fff;
}
#index .cd-gallery .cd-item-wrapper li.selected {
	overflow: hidden;
/* 	border: 1px solid #eaeced; */
}

#index .cd-gallery li:hover .cd-item-details a {display: block;}
#index .cd-item-details a.cart {margin-left: -54px;}
#index .cd-item-details a.wish {margin-left: 4px;}
#index .cd-item-info {
	padding: 15px 0 30px;
	border-bottom: none;
}
#index .cd-item-info > b {
	float: left;
	width: 100%;
	height: 38px;
	font-family: 'NotosansR';
	font-size: 14px;
	font-weight: normal;
	line-height: 1.51rem;
/* 	white-space: nowrap; */
	color: #333;
	text-align: left;
/* 	text-overflow: ellipsis; */
	overflow: hidden;
}
#index .cd-gallery > li > a:hover .cd-item-info > b {text-decoration: underline;}
#index .cd-item-info > span {
	float: left;
	margin-top: 5px;
	height: 32px;
	font-size: 13px;
	line-height: 1.36rem;
	color: #999;
	text-align: left;
	overflow: hidden;
}
#index .cd-item-info .cd-price {
	float: left;
	margin: 5px 0 5px;
	width: 100%;
	height: 20px;
	font-family: 'NotosansB';
	font-style: normal;
	font-size: 15px;
/* 	line-height: 2.66rem; */
	color: #333;
	text-align: left;
}
#index .cd-item-info .cd-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;
}
#index .cd-item-info .cd-price .won {
	margin-right: 5px;
	font-family: 'NotosansR';
	text-decoration: none;
}

#index .cd-gallery > li.none {
	display: inline-block;
	float: none;
	margin-top: 10%;
	padding: 120px 0 198px;
	width: 100%;
	text-align: center;
}
#index .cd-gallery > li.none img {
	margin: 30px 0 10px;
	width: 64px;
}

@media (min-width: 992px) {
	#index .cd-gallery {
		margin: 0 -10px;
		width: 700px;
	}
	#index .cd-gallery > li {
/* 		padding: 0 10px; */
/* 		width: 33.3333%; */
	}
	#index .cd-gallery .cd-item-wrapper {height: 280px;}
}
@media (min-width: 1200px) {
	#index .cd-gallery {
		margin: 0 -15px;
		width: 900px;
	}
}
@media (min-width: 1300px) {
	#index .cd-gallery {
		margin: 0 -15px;
		width: 1050px;
	}
	#index .cd-gallery > li {
/* 		padding: 0 15px; */
		width: 20%;
	}
	#index .cd-gallery .cd-item-wrapper {height: 258px;}
	#index .cd-item-details a {
		top: 104px;
		margin-top: 0;
	}
}

@media (max-width: 991px) {
	#index .cd-gallery {width: 100%;}
}
@media (max-width: 640px) {
	#index .cd-item-info > b {height: 43px;}
	#index .cd-item-info > span {margin-top: -3px;}
}
@media (max-width: 500px) {
	#index .cd-gallery > li {
		padding-right: 7.5px;
		padding-left: 0;
	}
	#index .cd-gallery > li:nth-child(even) {
		padding-right: 0;
		padding-left: 7.5px;
	}
	#index .cd-item-info {padding: 18px 0 22px;}
	#index .cd-item-info > b {
		height: 41px;
		font-size: 16px;
		line-height: 1.65rem;
	}
	#index .cd-item-info > span {
		margin-top: -1px;
		height: 27px;
		font-size: 14px;
		line-height: 2.26rem;
	}
	#index .cd-item-info .cd-price {
		margin: -2px 0 2px;
		height: 38px;
		font-size: 17px;
		line-height: 3.17rem;
	}
	#index .cd-item-info .cd-price b {font-size: 17px;}
}



/**** 서점 컨텐츠 ****/

.page-inner section.store {
	position: relative;
	width: 100%;
	margin: 110px 0 20px;
	background: url('../../images/kr/main/store_bg.jpg') top left no-repeat;
}

.main-store {
	margin-top: 40px;
	text-align: center;
}
.main-store .pro-heading .panel-title {
	float: left;
	font-size: 30px;
	letter-spacing: -.025em;
	line-height: 1;
	color: #333;
	text-align: left;
}

.main-store ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.main-store ul li {
	float: left;
	padding: 0 1%;
	width: 33.3333%;
}
.main-store ul li:first-child {
	padding: 0 2%;
	padding-left: 0;
}
.main-store ul li:last-child {
	padding: 0 2%;
	padding-right: 0;
}
.main-store ul li a {
	float: left;
	width: 100%;
	text-align: center;
}

.main-store ul li a p {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 100%;
/* 		-webkit-box-shadow: 0 -5px 7px 1px rgba(0, 0, 0, 0.09); */
/* 		-moz-box-shadow: 0 -5px 7px 1px rgba(0, 0, 0, 0.09); */
/* 	box-shadow: 0 -5px 7px 1px rgba(0, 0, 0, 0.09); */
}
.main-store ul li a p img {
	width: 100%;
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
}
.main-store ul li a:hover p img {
	-webkit-transform: scale(1.3);
	   -moz-transform: scale(1.3);
			transform: scale(1.3);
}
.main-store ul li a p i {
	position: absolute;
	top: 198px;
	left: 0;
	padding: 33px 0;
	width: 198px;
	height: 198px;
	background: rgba(30, 168, 142, .9);
	border-radius: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
}
.main-store ul li a:hover p i {
	top: 116px;
	visibility: visible;
	opacity: 1;
}
.main-store ul li a p i em {
	display: inline-block;
	width: 70%;
	font-style: normal;
	font-size: 19px;
	color: #fff;
	text-align: center;
	letter-spacing: -.3px;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;    
}
.main-store ul li a p i em span {
	float: none;
	font-family: 'NotosansR';
	font-size: 18px;
	color: #fff;
}
.main-store ul li a strong {
	float: left;
	margin: 15px 0 5px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 20px;
	color: #333;
}
/* .main-store ul li a:hover strong { */
/* 	text-decoration: line-through; */
/* 	text-decoration-thickness: 2px; */
/* } */
.main-store ul li a span {
	float: left;
	width: 100%;
	font-size: 15px;
	letter-spacing: -.05em;
	color: #999;
}
.main-store ul li a > em {
	display: none;
}

@media (min-width: 992px) {
	.main-store {
		margin-top: 60px;
	}
	.main-store ul {
		float: none;
		margin: 0 auto;
		padding: 0;
		width: 754px;
	}
	.main-store ul li {
		margin-left: 80px;
		padding: 0 !important;
	}
	.main-store ul li:first-child {
		margin-left: 0;
	}
	.main-store ul li {
		width: 198px;
	}
	.main-store ul li a p {
		width: 198px;
		height: 198px;
	}
}
@media (min-width: 1200px) {
	.main-store {
		margin-top: 115px;
	}
	.main-store .pro-heading {
		margin-top: -40px;
	}
}

@media (max-width: 991px) {
	.main-store ul li a p i {width: 100%;}
	.main-store ul li a:hover p i {top: 135px;}
}
@media (max-width: 767px) {
	.main-store ul li a:hover p i {top: 90px;}
}
@media (max-width: 640px) {
	.page-inner section.store {
		margin-top: 60px;
		margin-bottom: 0;
		background-size: contain;
	}
	.main-store {margin-top: 5px;}
	#index .main-store .pro-heading {padding-top: 17px;}
	#index .main-store .pro-heading .panel-title {
		width: 100%;
		text-align: center;
	}
	#index .main-store .pro-heading .panel-title span {
		padding-top: 12px;
		text-align: center;
	}
	.main-store ul li {
		margin-top: 20px;
		width: 100%;
	}
	.main-store ul li a p i {display: none;}
	.main-store ul li a:hover p i {top: 90px;}
	.main-store ul li a p {
		margin-right: 15px;
		width: 115px;
	}
	.main-store ul li a strong {
		width: 66%;
		font-size: 16px;
		text-align: left;
	}
	.main-store ul li a > span {
		width: 66%;
		text-align: left;
	}
	.main-store ul li a em {
		display: block;
		float: left;
		font-style: normal;
		font-size: 18px;
		color: #333;
		text-align: left;
		margin-top: 10px;
	}
	.main-store ul li a em > span {
		float: none;
		font-family: 'NotosansM';
		color: #333;
		font-size: 18px;
	}
}
@media (max-width: 550px) {
	#index .main-store .pro-heading .panel-title span {padding-top: 1%;}
}
@media (max-width: 414px) {
	.main-store ul li a strong {width: 61%; margin: 15px 0 0px;}
	.main-store ul li a > span {width: 61%;}
}
@media (max-width: 375px) {
	.main-store ul li a p {width: 116px;}
	.main-store ul li a em {font-size: 16px;}
}
@media (max-width: 360px) {
	.main-store ul li a p {width: 110px;}
}
@media (max-width: 350px) {
	.main-store ul li a p {width: 95px;}
}



/**** 추천도서 ****/

.main-pick {
	margin: 40px auto 0;
}
.main-pick .tab-header {
	float: left;
	margin: 41px auto 86px;
	padding: 0;
	width: 100%;
	text-align: center;
}
.main-pick .tab-header > li {
	display: block;
	float: left;
	margin-bottom: 4px;
	padding: 0;
	width: 100%;
}
.main-pick .tab-header > li > a {
	float: left;
	padding: 6px 16px 4px;
	min-width: 130px;
	font-family: 'NotosansR';
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -0.02em;
	color: #333;
	text-align: left;
}
.main-pick .tab-header > li > a:hover {
	color: #333;
	background-color: #fff;
}
.main-pick .tab-header > li.active > a,
.main-pick .tab-header > li.active > a:hover,
.main-pick .tab-header > li.active > a:focus {
	position: relative;
	font-family: 'NotosansM';
	color: #1090fd;
	background-color: #fff;
	border: 2px solid #1090fd;
	padding: 4px 18px 2px 14px;
}

@media (min-width: 992px) {
	.main-pick .tab-header > li > a {
		font-size: 15px;
		letter-spacing: -0.04em;
	}
}

.main-pick .tab-wrap {
	position: relative;
	float: left;
	margin: 0 auto -45px;
	background: #fff;
}
.main-pick .tab-wrap .tab-content {
	padding: 0 !important;
}

@media (min-width: 992px) {
	.main-pick {
		margin-top: 60px;
	}
	.main-pick .tab-wrap {
		float: right;
	}
}
@media (min-width: 1200px) {
	.main-pick {
		margin-top: 105px;
	}
}

@media (max-width: 991px) {
	.main-pick .tab-wrap {
		width: 100%;
	}
}
@media (max-width: 500px) {
	.main-pick .tab-wrap {margin-bottom: -43px;}
}



/* Pick Mobile */

.main-pick .frame {
	float: left;
	margin: 20px 0 40px;
	width: 100%;
	height: 36px;
	line-height: 32px;
	overflow: hidden;
}
.main-pick .frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: 100%;
}
.main-pick .frame ul li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	width: auto;
	height: 100%;
	text-align: center;
	cursor: pointer;
}
.main-pick .frame ul li a {
	border: 2px solid transparent;
}
.main-pick .frame ul li a,
.main-pick .frame ul li.active a,
.main-pick .frame ul li.active a:hover,
.main-pick .frame ul li.active a:focus {
	min-width: 100%;
	padding: 0 25px;
	font-family: 'NotosansM';
	font-size: 16px;
	text-align: center;
}
.main-pick .frame ul li a em {
	display: none;
}

@media (min-width: 992px) {
	.main-pick .frame {
		margin: 0;
		height: 0;
	}
}

@media (max-width: 991px) {
	#index .main-pick .pro-heading .panel-title {
/* 		float: none; */
		width: 100%;
	}
	.main-pick .pro-heading > .tab-header {display: none;}
	#index .main-pick .pro-heading button {
		clear: both;
		margin-top: -113px;
	}
	
	.main-pick .frame {/* width: auto; */}
}
@media (max-width: 767px) {
	#index .main-pick .pro-heading {overflow: visible !important;}
	
	.main-pick .frame {
/* 		margin: 0 0 30px -30px; */
		overflow: visible !important;
	}
}
@media (max-width: 640px) {
	.main-pick .frame {
/* 		margin-left: -23px; */
/* 		padding-left: 23px; */
	}
	.main-pick .frame ul li a,
	.main-pick .frame ul li.active a,
	.main-pick .frame ul li.active a:hover,
	.main-pick .frame ul li.active a:focus {
		padding: 0 25px;
	}
	
	#index .main-pick .pro-heading button {
		margin-top: -118px;
	}
}
@media (max-width: 499px) {
	.main-pick .frame {
		margin-bottom: 20px;
		margin-left: -15px;
		padding-left: 15px;
	}
	.main-pick .frame ul li a,
	.main-pick .frame ul li.active a,
	.main-pick .frame ul li.active a:hover,
	.main-pick .frame ul li.active a:focus {
		padding: 0 15px;
	}
	
	#index .main-pick .pro-heading button {
		margin-top: -95px;
	}
}



/* LEFT TABS HOVER EFFECT
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --body-bg-color: #1a1c1d;
  --text-color: #aaaebc;
  --hr-color: #26292a;
  --transition-duration: 0.2s;
  --transition-delay: 0.1s;
  --red: #e74c3c;
}

.main-pick .tab-header a {
  position: relative;
  display: block;
  padding: 6px 16px 4px;
}
.main-pick .tab-header .border {
  position: absolute;
  left: 0;
  background: #91ccfe;
  transition: transform var(--transition-duration) ease-in-out;
}
.main-pick .tab-header > li.active > a .border-top,
.main-pick .tab-header > li.active > a .border-bottom {
	height: 0;
}
.main-pick .tab-header > li.active > a .border-left,
.main-pick .tab-header > li.active > a .border-right {
	width: 0;
}
.main-pick .tab-header .border-top,
.main-pick .tab-header .border-bottom {
  width: 100%;
  height: 2px;
  transform: scaleX(0);
}
.main-pick .tab-header .border-left,
.main-pick .tab-header .border-right {
  width: 2px;
  height: 100%;
  transform: scaleY(0);
}
.main-pick .tab-header .border-top,
.main-pick .tab-header .border-left,
.main-pick .tab-header .border-right {
  top: 0;
}
.main-pick .tab-header .border-bottom {
  bottom: 0;
  transform-origin: bottom right;
}
.main-pick .tab-header .border-top {
  transform-origin: top left;
}
.main-pick .tab-header .border-left {
  transform-origin: bottom left;
}
.main-pick .tab-header .border-right {
  left: auto;
  right: 0;
  transform-origin: top right;
}
.main-pick .tab-header a:hover .border-top,
.main-pick .tab-header a:hover .border-bottom {
  transform: scaleX(1);
}
.main-pick .tab-header a:hover .border-left,
.main-pick .tab-header a:hover .border-right {
  transform: scaleY(1);
}
.main-pick .tab-header a:hover .border-right {
  transition-delay: var(--transition-delay);
}
.main-pick .tab-header a:hover .border-bottom {
  transition-delay: calc(var(--transition-delay) * 2);
}
.main-pick .tab-header a:hover .border-left {
  transition-delay: calc(var(--transition-delay) * 3);
}


/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.main-pick .tab-header[data-animation="diagonal"] .border-left {
  transform-origin: top left;
}
.main-pick .tab-header[data-animation="diagonal"] .border-right,
.main-pick .tab-header[data-animation="diagonal"] .border-bottom {
  transform-origin: bottom right;
}
.main-pick .tab-header[data-animation="diagonal"] a:hover [class^=border]{
  transition-delay: 0s;
}



/**** 오디오북 ****/

.main-audio {
	margin-top: 40px;
}
#index .main-audio .pro-heading {
	width: 100%;
	text-align: center;
}
#index .main-audio .pro-heading .panel-title {
	width: 100%;
	font-size: 20px;
	color: #333;
	text-align: center;
}
#index .main-audio .pro-heading .panel-title span {
	padding-bottom: 20px;
	font-size: 14px;
	color: #999;
	text-align: center;
}
#index .main-audio .pro-heading .panel-title img {
	display: block;
	margin: 0 auto;
	width: 64px;
}

@media (min-width: 992px) {
	.main-audio {
		margin-top: 60px;
	}
}
@media (min-width: 1200px) {
	.main-audio {
		margin-top: 135px;
	}
}

@media (max-width: 991px) {
	#index .main-audio .pro-heading .panel-title img {margin: 20px auto -20px;}
}
@media (max-width: 767px) {
	.main-audio {
		margin-right: -30px;
		margin-left: -30px;
	}
}
@media (max-width: 500px) {
	.main-audio {
		margin-right: -23px;
		margin-left: -23px;
	}
	#index .main-audio .pro-heading .panel-title {font-size: 24px;}
	#index .main-audio .pro-heading .panel-title img {
		width: 56px;
	}
}
@media (max-width: 414px) {
	.main-audio {
		margin-right: -15px;
		margin-left: -15px;
	}
}


.audiobook {
	float: left;
	margin-top: 23px;
	width: 100%;
}
.audiobook ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.audiobook ul li {
	float: left;
	width: 20%;
	height: 234px;
	overflow: hidden;
}
.audiobook ul li a {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
.audiobook ul li a p {
	margin-bottom: 18px;
	width: 100%;
	height: 100%;
	background-color: #f8fafd;
}
.audiobook ul li a p img {
	width: 100%;
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
}
.audiobook ul li a:hover p img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
			transform: scale(1.1);
}
.audiobook ul li a p.adult {
	text-align: center;
	background-color: #f8fafd;
}
.audiobook ul li a p.adult img {
	position: relative;
	top: 24%;
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: auto;
	min-height: auto;
}
.audiobook ul li a i.audio-play {
	display: none;
	position: absolute;
	top: 92px;
	left: 50%;
	z-index: 9;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	font-style: normal;
	font-family: 'NanumGothic';
	font-size: 20px;
	font-weight: bold;
	color: #005bac;
	border-radius: 100%;
/* 	opacity: .6; */
}
.audiobook ul li a i.audio-play:hover {
	opacity: 1;
}
.audiobook ul li a:hover i.audio-play {
	display: block;
}

.audiobook ul li a .item-info {
/* 	display: none; */
	position: absolute;
	top: 0;
	float: left;
	padding: 30px 20px 0 20px;
	width: 100%;
	height: 100%;
	background: rgba(1, 161, 171, .85);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	   -moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		 -o-transition: all 500ms ease;
			transition: all 500ms ease;
}
.audiobook ul li a:hover .item-info {
/* 	display: block; */
	opacity: 1;
	visibility: visible;
}
.audiobook ul li a .item-info b {
	float: left;
	width: 100%;
	height: 36px;
	font-family: 'NotosansR';
	font-size: 15px;
	line-height: 1.47rem;
	color: #fff;
	text-align: left;
	overflow: hidden;
}
.audiobook ul li a:hover .item-info b {
/* 	text-decoration: line-through; */
}
.audiobook ul li a .item-info > span {
	float: left;
	margin-top: 3px;
	height: 20px;
	font-size: 13px;
	color: #fff;
	overflow: hidden;
	opacity: .8;
}
.audiobook ul li a .item-info em {
	float: left;
	margin: 5px 0 5px;
	width: 100%;
	font-family: 'NotosansB';
	font-style: normal;
	font-size: 15px;
	line-height: 2.66rem;
	color: #fff;
	text-align: left;
}
.audiobook ul li a .item-info em b {
	float: none;
	width: 100%;
	font-size: 15px;
	font-family: 'NotosansR';
	font-weight: normal;
	letter-spacing: -0.04em;
	word-spacing: 0.04em;
	color: #fff;
	text-align: center;
	text-decoration: line-through;
}
.audiobook ul li a .item-info em .won {
	margin-right: 5px;
	font-family: 'NotosansR';
	text-decoration: none;
}

@media (max-width: 991px) {
	.audiobook ul {margin: 0 !important;}
	.audiobook ul li {width: 33.33333333%;}
	.audiobook ul li:last-child {display: none;}
	.audiobook ul li a i.audio-play {
		display: block;
		top: 100px;
	}
	.audiobook ul li a .item-info {
/* 		background-color: transparent; */
/* 		opacity: 1; */
/* 		visibility: visible; */
	}
}
@media (max-width: 767px) {
	.audiobook ul li {
		width: 50%;
	}
	.audiobook ul li:last-child {display: block;}
}
@media (max-width: 640px) {
	.audiobook ul li a i.audio-play {display: none !important;}
}
@media (max-width: 500px) {
	.audiobook ul li {height: 250px;}
	.audiobook ul li a i.audio-play {top: 100px;}
}
@media (max-width: 414px) {
	.audiobook ul li {height: 207px;}
	.audiobook ul li a i.audio-play {top: 80px;}
}
@media (max-width: 413px) {
	.audiobook ul li {height: 192.5px;}
}
@media (max-width: 375px) {
	.audiobook ul li {height: 187.5px;}
	.audiobook ul li a i.audio-play {top: 70px;}
}
@media (max-width: 360px) {
	.audiobook ul li {height: 180px;}
	.audiobook ul li a i.audio-play {top: 60px;}
}



/**** CUSTOMER ****/

.main-customer {
	margin-top: 40px;
	padding: 40px 0 10px;
	background-color: #f5f8fb;
}
#index .main-customer .pro-heading .panel-title {
	position: relative;
	float: left;
	font-family: 'NotosansB';
	font-size: 18px;
	letter-spacing: -.025em;
	line-height: 0.85;
	color: #005bac;
	text-align: left;
}
#index .main-customer .pro-heading button {
	display: block;
	margin-top: 73px;
	padding: 0;
	font-family: 'NotosansR';
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -.01em;
	color: #555;
	background-color: transparent;
}

.main-customer ul {
	float: left;
	margin: 15px 0 30px !important;
	padding: 0;
}
.main-customer ul li {
	float: left;
	margin-top: 13px;
	width: 100%;
}
.main-customer ul li:first-child {
	margin-top: 0;
}
.main-customer ul li a {
	float: left;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 15px;
	white-space: nowrap;
	letter-spacing: -.035em;
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
}
.main-customer ul li a:hover {
	text-decoration: underline;
	cursor: pointer;
}
.main-customer ul li a b {
	float: left;
	margin-right: 4px;
	font-family: 'NotosansR';
	font-size: 15px;
	color: #898989;
}
.main-customer ul li span {
	float: right;
	font-family: 'NotosansL';
	font-size: 15px;
	color: #999;
}
.main-customer ul li img {
	display: block;
	margin: 0 auto;
	width: 50px;
	transform: none;
}

@media (min-width: 992px) {
	.main-customer {
		margin-top: 60px;
		padding-top: 47px;
		padding-bottom: 45px;
	}
	#index .main-customer .pro-heading {
		padding-top: 4px;
		width: 120px;
		overflow: inherit;
	}
	#index .main-customer .col-md-6:last-child .pro-heading {
		padding-left: 35px;
		width: 155px;
	}
	#index .main-customer .col-md-6:last-child .pro-heading .panel-title:before {
		content: '';
		position: absolute;
		top: -1px;
		left: -50px;
		width: 1px;
		height: 20px;
		background-color: #d2dce7;
	}
	
	.main-customer ul {
		float: right;
		margin: 0 !important;
		width: 335px;
	}
	.main-customer .col-md-6:last-child ul {
		width: 300px;
	}
	.main-customer ul li {
		margin-top: 16.5px;
	}
	.main-customer ul li span {
		padding-right: 30px;
	}
}
@media (min-width: 1200px) {
	.main-customer {
		margin-top: 105px;
		padding-top: 77px;
		padding-bottom: 75px;
	}
	#index .main-customer .pro-heading {
		width: 140px;
	}
	#index .main-customer .col-md-6:last-child .pro-heading {
		width: 175px;
	}
	
	.main-customer ul {
		width: 415px;
	}
	.main-customer .col-md-6:last-child ul {
		width: 380px;
	}
}
@media (min-width: 1300px) {
	#index .main-customer .col-md-6:last-child .pro-heading {
		padding-left: 55px;
		width: 195px;
	}
	#index .main-customer .col-md-6:last-child .pro-heading .panel-title:before {
		left: -70px;
	}
	
	.main-customer ul {
		width: 485px;
	}
	.main-customer .col-md-6:last-child ul {
		width: 430px;
	}
}

@media (max-width: 991px) {
	#index .main-customer {padding-bottom: 0;}
	#index .main-customer .col-md-6 {margin: 0;}
	#index .main-customer .pro-heading {
		padding: 0 0 3px;
		width: 170px;
	}
	.main-customer ul {
		margin: -3px 0 85px !important;
		margin: 0 !important;
		width: 70%;
	}
	
	#index .main-customer .col-md-6:last-child {
		float: left;
		margin-top: 20px;
		padding-top: 50px;
		width: 100%;
	}
	#index .main-customer .col-md-6:last-child:before {
		content: '';
		position: absolute;
		top: 123px;
		top: 0;
		left: -15%;
		width: 130%;
		height: 10px;
		background-color: #fff;
	}
	#index .main-customer .col-md-6:last-child ul {
		margin-bottom: 35px !important;
	}
	#index .main-customer .pro-heading button {
		float: left;
		margin-top: 31px;
	}
}
@media (max-width: 640px) {
	#index .main-customer .pro-heading {
		width: 150px;
	}
	.main-customer ul {
		width: 65%;
	}
}
@media (max-width: 500px) {
	#index .main-customer {padding-top: 30px;}
	#index .main-customer .pro-heading {
		padding-top: 4px;
		width: 120px;
	}
	#index .main-customer .pro-heading .panel-title {
		width: 100%;
		font-size: 20px;
	}
	.main-customer ul {
/* 		margin: 1px 0 66px !important; */
		width: 67%;
	}
	.main-customer ul li a {
		font-size: 15px;
		line-height: 1.44;
	}
	.main-customer ul li a b {font-size: 15px;}
	
	#index .main-customer .col-md-6:last-child {
		margin-top: 30px;
		padding-top: 40px;
	}
	#index .main-customer .col-md-6:last-child:before {
/* 		top: 121px; */
		left: -15px;
		width: 105%;
		height: 7px;
	}
	#index .main-customer .col-md-6:last-child ul {
		margin-bottom: 29px !important;
	}
	#index .main-customer .pro-heading button {
		font-size: 14px;
		margin-bottom: 0;
		margin-top: 19px;
	}
}
@media (max-width: 414px) {
	#index .main-customer .pro-heading button {margin-top: 26px;}
	.main-customer ul {
		min-height: 87px;
	}
	.main-customer ul li a {font-size: 14px;}
	.main-customer ul li span {font-size: 13px;}
	.main-customer ul li a b {font-size: 14px;}
	#index .main-customer .col-md-6:last-child:before {/* top: 117px; */}
}
@media (max-width: 413px) {
	#index .main-customer .pro-heading {width: 115px;}
}
@media (max-width: 385px) {
	.main-customer ul {width: 66%;}
}
@media (max-width: 375px) {
	#index .main-customer .pro-heading {width: 100px;}
	#index .main-customer .pro-heading button {margin-top: 22px;}
	.main-customer ul li a {font-size: 13px;}
	.main-customer ul li span {font-size: 12px;}
	.main-customer ul li a b {font-size: 13px;}
	#index .main-customer .col-md-6:last-child:before {/* top: 112px; */}
}
@media (max-width: 360px) {
	.main-customer ul {width: 68%;}
}
@media (max-width: 340px) {
	.main-customer ul {width: 65%;}
}



/* CATEGORY LEFT LIST */

/* .page-breadcrumb h3 strong.pro-select {
	cursor: pointer;
}
.page-breadcrumb h3 strong.pro-select i {
	margin: 0 0 0 10px;
	font-size: 16px;
} */
.page-breadcrumb .dropdown {
	display: inline-block;
}
.page-breadcrumb .dropdown span {
	display: none;
	font-size: 14px;
	color: #444;
}


.page-breadcrumb .dropdown span.selected {
	display: block;
}
.page-breadcrumb .dropdown span i {
	margin: 0 0 0 10px;
	font-size: 16px;
}
.page-breadcrumb .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;
}
.page-breadcrumb .open .dropdown-menu {
	margin-top: 10px !important;
	overflow: visible;
	visibility: visible;
	opacity: 1;
}
.page-breadcrumb ul.dropdown-menu li {
	width: 100%;
}


.nice-select:nth-of-type(1),
.nice-select:nth-of-type(2) {
	padding-right: 0;
	cursor: default;
}
.nice-select:nth-of-type(1):after,
.nice-select:nth-of-type(2):after {display: none;}
.nice-select:nth-of-type(1) ul.list,
.nice-select:nth-of-type(2) ul.list {display: none;}

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

@media (max-width: 991px) {
	.product-detail .page-breadcrumb {display: none;}
	.page-breadcrumb .select-list {
		float: left;
		padding: 15px 0 0 !important;
		width: 100%;
		
		margin-top: -1px;
		padding-top: 0 !important;
		border-top: 3px solid #f6f9fd;
	}
	.select-list a,
	.select-list i {display: none;}
	.form-select {
		display: block !important;
		float: left;
		margin-top: 5px;
		width: 49%;
	}
	.nice-select {display: none !important;}
	.form-control.form-select:nth-of-type(even) {float: right;}
	.page-breadcrumb.show .form-control.form-select {
		padding: 6px 10px !important;
		letter-spacing: -.03em;
		background-position: center right -4px !important;
	}
}
@media (max-width: 414px) {
	.form-control.form-select {font-size: 14px;}
	.page-breadcrumb.show .form-control.form-select {
		padding-bottom: 7px !important;
		height: 37px;
	}
}
@media (max-width: 375px) {
	.form-control.form-select {
/* 		padding-right: 5px !important; */
/* 		padding-left: 5px !important; */
	}
}



.categoryLeft {
	float: left;
	width: 220px;
/* 	background-color: #fff; */
/* 	border: 1px solid #e6e6e6; */
}
.category-list {
	float: left;
	width: 100%;
	height: auto !important;
/* 	border-bottom: 1px solid #efefef; */
}
.category-list h4 {
	display: none;
	float: left;
	margin: 0;
	padding: 38px 0 19px;
	width: 100%;
	font-family: 'NotoSansB';
	font-size: 20px;
	color: #333;
	border-bottom: 2px solid #0c6eaf;
}
.category-list > div:first-child h4:first-child,
.category-list > div:first-child h4.active {
	padding-top: 18px;
}
.category-list h4.active {
	display: block;
}

.category-list ul {
/* 	display: none; */
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
/* 	background-color: #fff; */
/* 	border-bottom: 1px solid #dce1e4; */
}
.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: #dce1e4;
}
.category-list ul li.blank {display: none;}
.category-list ul ul {display: none;}
.category-list ul li:hover a {
	background-color: rgba(3, 104, 174, .03);
}
.category-list ul li a {
	position: relative;
	float: left;
	padding: 0 15px 0 15px;
	width: 100%;
	font-family: 'NotoSansM';
	font-size: 14px;
	line-height: 3.7rem;
	color: #333;
	text-align: left;
}
.category-list ul li.active a {
	text-decoration-thickness: 2px;
	text-decoration-color: rgba(51, 51, 51, .8);
/* 	background-color: #f8fafd; */
	background-color: rgba(255, 255, 255, .95);
}

.category-list ul li a i {
	display: none;
	float: right;
	margin: 11px 0 0;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	color: #21252a;
}
.category-list ul li.active a i {
	display: block;
}
.category-list ul li a em {
	display: inline-block;
	float: right;
	font-family: 'NotoSansM';
	font-style: normal;
	font-size: 13px;
	color: #1090fd;
}

.category-list button,
.category-list .button {
	float: left;
	margin-top: 70px;
	padding: 12px 0 13px;
	width: 100%;
	font-family: 'NotoSansM';
	font-size: 16px;
	border-radius: 3px;
}
.category-list .button + input {
	position: relative;
	left: 50%;
	z-index: -1;
	float: left;
	margin-top: -4px;
	width: 1px;
	height: 1px;
}
.category-list button.btn-addon {
	position: relative;
	z-index: 9;
	margin: -1px 0 -30px;
	height: 50px;
	font-family: 'NotoSansR';
	font-size: 14px;
	letter-spacing: -.04em;
}
.category-list button.btn-addon.btn-blue {
	background-color: #285efe;
	border-radius: 0;
}
.category-list button.btn-addon i {
	float: right;
	margin: -13px -1px 0 0;
	width: 50px;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
}
.category-list button.btn-addon:hover i {
	background-color: rgba(0,0,0, 0.25);
}
.category-list button img {
	display: block;
	margin: 8px auto 4px;
}

.category-list .input-group {
	top: -2px;
	margin: 0 0 -2px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #0c6eaf;
}
.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: 8px 9px 10px 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: #0c6eaf;
}

.category-list select {
	position: relative;
	top: -2px;
	padding: 3px 15px 4px !important;
	height: 40px;
	font-size: 14px;
	color: #333;
}

@media (max-width: 991px) {
	.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,
	.categoryLeft .category-list ul li.blank {
		display: block;
		float: left;
		width: 50%;
		background-color: #fff;
	}
	.categoryLeft .category-list ul li:after {display: none;}
	.categoryLeft .category-list ul li.blank {
		height: 45px;
	}
	.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;
	}
	.category-list.mypage ul ul {margin-bottom: -1px ;}
	.categoryLeft .category-list.mypage ul li:nth-of-type(2).active + ul,
	.categoryLeft .category-list.mypage ul li:nth-of-type(3).active + li + ul,
	.categoryLeft .category-list.mypage ul li:nth-of-type(5).active + li + ul,
	.categoryLeft .category-list.mypage ul li:nth-of-type(7).active + li + ul {display: block;}
	.categoryLeft .category-list ul li.sub {
		height: 35px;
	}
	.categoryLeft .category-list ul li.sub a {
		height: 36px;
		background-color: #f6f9fd;
	}
	.categoryLeft .category-list ul li.sub a.sub-active {
		/* font-family: 'NotoSansB'; */
		color: #1090fd;
	}
	
	.category-list.list-menu {display: block;}
	.category-list .input-group {
		top: 0;
		margin-bottom: 0;
		width: 100% !important;
	}
	.category-list select.form-control {
		top: 0;
		padding: 6px 10px !important;
	}
	.category-list button,
	.category-list .button {
		margin-top: 30px;
		padding: 7px 0 8px;
/* 		height: 40px; */
	}
	.category-list button.btn-addon {
		margin: 30px 0 -20px;
		padding: 7px 0 8px;
		height: 40px;
		font-family: 'NotoSansM';
		font-size: 16px;
		line-height: 1.42857143;
	}
	.category-list button.btn-addon i {
		position: absolute;
		top: -1px;
		right: -1px;
		margin: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}
@media (max-width: 767px) {
	.categoryLeft .category-list ul li.blank {
		height: 35px;
	}
	.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: 375px) {
	.category-list .input-group .input-group-btn {/* right: 1px; */}
}

.category-list .type-list {
	margin: 0;
	padding: 0;
}
.category-list .type-list li:hover a {
	background-color: transparent;
}
.category-list .type-list a {
	float: left;
	padding: 12px 0;
	width: 100%;
}
.category-list .type-list a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background-color: #dce1e4;
}
.category-list .type-list a:last-child {
/* 	padding-bottom: 0; */
/* 	border-bottom: 0; */
}
.category-list .type-list p {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	width: 126px;
	min-height: 83px;
	max-height: 83px;
	overflow: hidden;
	border: 1px solid #dadcdd;
}
.category-list .type-list p.adult img {
	margin-top: 8px;
	width: 100%;
	min-height: 100%;
}
.category-list .type-list p img {
	margin-top: 0;
	width: 100%;
	min-height: 100%;
	background-color: #f8fafd;
}
.category-list .type-list .pro-name {
	float: left;
	margin-top: -3px;
	padding: 0;
	width: 59%;
}
.category-list .type-list .pro-name em {
	float: left;
	width: 100%;
	font-style: normal;
	font-size: 14px;
	line-height: 1.65rem;
	letter-spacing: -.04em;
	color: #333;
}
.category-list .type-list .pro-name em b {
	float: left;
	width: 95%;
	height: 36px;
	font-family: 'NotosansR';
	font-size: 13px;
	line-height: 1.5rem;
/* 	white-space: nowrap; */
/* 	text-overflow: ellipsis; */
	overflow: hidden;
}
.category-list .type-list a:hover .pro-name em b {
	text-decoration: underline;
}
.category-list .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;
}
.category-list .type-list .pro-name .price {
	float: left;
	margin: 6px 0 -7px;
	font-family: 'NotosansR';
	font-size: 15px;
	line-height: 2.66rem;
}
.category-list .type-list .pro-name .price strong {
	font-family: 'NotosansB';
	font-size: 15px;
	letter-spacing: -.03em;
}

@media (min-width: 992px) {
	.category-list .type-list a {
		padding: 11px 0;
	}
	.category-list .type-list p {
		width: 65px;
		height: 83px;
	}
	.category-list .type-list .pro-name {
		margin-top: -3px;
	}
	.category-list .type-list .pro-name em {
		line-height: 1.65rem;
	}
	.category-list .type-list .pro-name .price {
		margin-top: 6px;
		margin-bottom: -7px;
	}
}



/* CATEGORY RIGHT LIST */

.categoryRight {
	float: left;
	width: 990px;
/* 	border: 1px solid #e6e6e6; */
}
.categoryRight .panel {
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	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: 680px;
	}
}
@media (min-width: 1200px) {
	.categoryRight {
		width: 880px;
	}
}
@media (min-width: 1300px) {
	.categoryRight {
		width: 990px;
	}
}

@media (max-width: 991px) {
	.categoryLeft {
/* 		display: none; */
		width: 100%;
	}
	.category-list {
		display: none;
	}
	.category-list h3 a {
		font-size: 14px;
	}
	.category-list ul li:last-child.open {
		padding-bottom: 0;
	}
	.category-list ul li a {
		padding: 6px 15px;
		font-size: 13px;
	}
	.listArea {
		display: none;
	}
	
	.categoryRight {
		margin-top: 30px !important;
		width: 100%;
	}
    .oneoneArticleView_categoryRight {
        margin-top: 0 !important;
    }
	.categoryRight .category-list {
		display: block;
		background-color: #fff;
	}
	
	/* Category Mobile */
	.category-list > ul.sub-menu {
		display: block !important;
		background-color: #fff;
	}
	.category-list ul.sub-menu li:hover,
	.category-list ul.sub-menu li:active,
	.category-list ul.sub-menu li:focus {
		background-color: #fff;
	}
	.category-list ul.sub-menu li a {
		color: #fff;
	}
	.category-list ul.sub-menu li a.depth1 {
		color: #121212;
	}
	.category-list ul.sub-menu li ul li:hover,
	.category-list ul.sub-menu li ul li:active,
	.category-list ul.sub-menu li ul li:focus {
		background-color: #e60618;
	}
	.category-list ul.sub-menu li.open a.depth1 {
		color: #e60618;
	}
	.category-list ul.sub-menu li a.depth1 p {
		font-size: 15px;
	}
	
	.category-list ul.sub-menu li a.depth1 .arrow:before,
	.category-list ul.sub-menu li a.depth2 .arrow:before {
		width: 10px;
		float: right;
		display: block;
		margin-top: -20px;
		font-size: 16px;
		font-family: FontAwesome;
		height: auto;
		content: "\f107";
		font-weight: 300;
	}
	.category-list ul.sub-menu li a.depth1 .arrow:before,
	.category-list ul.sub-menu li a.depth2 .arrow:before {
		margin-top: -22px;
	}
	.category-list ul.sub-menu li.open a.depth1 .arrow:before,
	.category-list ul.sub-menu li li.open a.depth2 .arrow:before {
		-webkit-transform: rotate(-180deg);
		   -moz-transform: rotate(-180deg);
			-ms-transform: rotate(-180deg);
			 -o-transform: rotate(-180deg);
				transform: rotate(-180deg);
	}
	.category-list ul.sub-menu li.open a.depth2 p {
		font-size: 13px;
	}
	.category-list ul.sub-menu li.open a.depth2 + .sub-menu {
		background-color: #d50011;
	}
	.category-list ul.sub-menu li.open a.depth2 + .sub-menu a {
		font-weight: normal;
		font-size: 13px;
	}
}
@media (max-width: 499px) {
	.categoryRight {
		margin-top: 20px !important;
	}
}
@media (max-width: 360px) {
	.category-list ul li a {
		padding-right: 10px;
		padding-left: 10px;
	}
}


.categoryRight h4.panel-title {
	font-family: 'NotosansM';
	font-size: 16px;
}
.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 h4.norMal {
	float: left;
	margin: 0;
	padding: 18px 0 19px;
	width: 100%;
	font-family: 'NotoSansB';
	font-size: 20px;
	color: #333;
	border-bottom: 0px solid #0c6eaf;
}
.sub-best h4 {
	float: left;
	margin: 0 !important;
	padding: 18px 0 10px;
	width: 100%;
	font-family: 'NotoSansB';
	font-size: 20px;
	border-bottom: 0px solid #0c6eaf;
}
.categoryRight .sub-best h4 {
	padding: 38px 0 19px;
}
.categoryRight .sub-best h4:first-child {
	padding-top: 18px;
}
.categoryRight .sub-best h4 a {
	color: #333;
}

@media (max-width: 991px) {
	.sub-best {margin-bottom: -27px;}
	.categoryRight .sub-best {margin-bottom: 40px;}
	.categoryRight .sub-best h4:first-child {
		padding: 8px 19px 19px;
		height: 49px;
	}
}

.categoryRight .sub-best {
	margin-bottom: 30px;
}
.categoryRight .sub-best .swiper-container-horizontal > .swiper-scrollbar {
	position: relative;
	margin-top: 10px;
}
.sub-best {
	position: relative;
	margin-bottom: 0px;
}
@media (max-width: 499px) {
	.sub-best h4 {padding: 8px 0 19px;}
	.sub-best > button {
		top: 20px !important;
	}
	.categoryRight .sub-best .swiper-container-horizontal > .swiper-scrollbar {
		margin-top: 15px;
	}
}
.sub-best > button {
	top: 24px;
	padding: 13px 10px 10px;
	background-color: transparent;
}
.sub-best .swiper-button-prev,
.sub-best .swiper-container-rtl .swiper-button-next {
	right: 64px;
	left: auto;
}
.sub-best .swiper-button-next,
.sub-best .swiper-container-rtl .swiper-button-prev {
	right: -6px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.sub-best .swiper-button-prev,
	.sub-best .swiper-button-next {
		top: 30px;
		padding: 0;
		width: 8px;
		height: 14px;
		color: #1b2429;
	}
	.sub-best .swiper-button-prev,
	.sub-best .swiper-container-rtl .swiper-button-next {
		right: 70px;
	}
	.sub-best .swiper-button-next,
	.sub-best .swiper-container-rtl .swiper-button-prev {
		right: 0;
	}
	.sub-best .swiper-button-prev {
		background: url('../../images/kr/main/swiper-prev.png') center left no-repeat;
	}
	.sub-best .swiper-button-next {
		background: url('../../images/kr/main/swiper-next.png') center left no-repeat;
	}
}
.sub-best .cd-item-details a.cart {
	margin-left: -54px;
}
.sub-best .cd-item-details a.wish {
	margin-left: 4px;
}
.sub-best .cd-item-info {
	padding: 15px 0 15px;
	background-color: transparent;
}
.sub-best .cd-item-info > b {
	font-size: 14px;
}

@media (min-width: 992px) {
	.categoryRight .sub-best .swiper-slide {
		margin-right: 30px;
		width: 14.15%;
	}
}
@media (min-width: 1300px) {
	.categoryRight .sub-best .cd-item-wrapper {
		height: 197px;
	}
}

@media (max-width: 500px) {
	.categoryRight .sub-best .swiper-slide {
		margin-right: 15px;
		width: 48.4%;
	}
}
@media (max-width: 414px) {
	.categoryRight .sub-best .swiper-slide {width: 48%;}
}
@media (max-width: 375px) {
	.categoryRight .sub-best .swiper-slide {width: 47.85%;}
}
@media (max-width: 360px) {
	.categoryRight .sub-best .swiper-slide {width: 47.8%;}
}



/* Product List*/

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

.product-category select {float: left; width: 23.45%; 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, Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #005bac;
}


@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: #333;}
.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, Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #333;
	opacity: 0.4;
}


/***** List *****/

.product-list {
	float: left;
	width: 100%;
	margin: 0;
}
.product-list h5 {
	float: left;
	margin: 20px 0 16px !important;
	width: 100%;
	font-family: 'NotosansL';
	font-size: 16px;
	color: #333;
	line-height: 24px;
}
.product-list h5 em {
	font-family: 'NotosansB';
	font-style: normal;
	margin: 0 3px 0 10px;
}
.product-list h5 ul {
	float: right;
	margin: -7px 0 0;
	padding: 0;
}
@media (max-width: 499px) {
	.product-list h5 ul li {
		margin-left: 7px !important;
	}
}
.product-list h5 ul li {
	float: left;
	margin-left: 15px;
}
.product-list h5 ul li.new-select {
	margin-right: 15px;
}
.product-list h5 ul li.view-type {
	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.09);
	   -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.09);
			box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.09);
}
.product-list h5 ul li a {
	float: left;
	padding: 8px 10px;
	font-family: 'NotosansR';
	font-size: 14px;
	color: #333;
}
.product-list h5 ul li a.active {
	font-family: 'NotosansM';
	color: #0c99d6;
}

.product-list h5 ul li button {
	float: left;
	padding: 9px 10px;
	width: 36px;
	height: 32px;
	background-color: #fff;
	border: none;
}
.product-list h5 ul li button:first-child {
	padding-right: 11px;
	padding-left: 11px;
}
.product-list h5 ul li button i {
	float: left;
	height: 14px;
	background: url('../../images/kr/shop/btn-view.png') top left no-repeat;
}
.product-list h5 ul li button .image-view {
	width: 14px;
}
.product-list h5 ul li button .image-list {
	width: 16px;
	background-position-x: right;
}
.product-list h5 ul li button.active i {
	background-position-y: bottom;
}

.product-list h5 ul li select {
	padding: 4px 10px;
	min-width: 100px;
	height: 32px;
	font-family: 'NotosansR';
	font-size: 13px;
	font-weight: normal;
	color: #333;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.09);
	   -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.09);
			box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.09);
}

@media (max-width: 991px) {
	.product-list h5 {margin: 30px 0 15px !important;}
}
@media (max-width: 360px) {
	.product-list h5 ul li select {min-width: 90px;}
}

.product-list dl dd {
	position: relative;
	float: left;
	margin-top: 12px;
	width: 100%;
	height: 241px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.13);
	   -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.13);
			box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.13);
}
.product-list dl dd:hover {
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075);
	   -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075);
			box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075);
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
}
.product-list dl dd:nth-of-type(1) {
	margin-top: 16px;
}
.product-list dl dd:last-child {
	margin-bottom: 22px;
}
.product-list dl dd > label {
	position: absolute;
	top: 22px;
	left: 28px;
}
.product-list dl dd > p {
	position: relative;
	float: left;
	margin: 25px 30px 0 55px;
	width: 128px;
	max-height: 186px;
	overflow: hidden;
	border: 1px solid #ebedee;
	cursor: pointer;
}
.product-list dl dd > p img {
	width: 100%;
	min-height: 100%;
	background-color: #f8fafd;
}
.product-list dl dd > p i.number {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 5px;
	min-width: 28px;
	font-style: normal;
	font-family: 'NotosansR';
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #005bac;
}
.product-list dl dd > p.adult {
	height: 181px;
	background-color: #f8fafd;
}
.product-list dl dd > p.adult img {
	position: absolute;
	top: 22%;
	padding: 0 16px;
	width: 100%;
	height: auto;
	min-height: auto;
	background-color: transparent;
}
.product-list .pro-name {
	float: left;
	width: 67%;
	padding: 26px 0 0;
}
.product-list .pro-name .cd-soldout {
	position: initial;
	margin-bottom: -10px;
	width: auto;
}
.product-list .pro-name .cd-soldout span {
	display: inline-block;
	float: left;
	margin-right: 5px;
	padding: 2px 10px;
	width: auto;
}

.product-list .pro-name .pro-info {
	float: left;
	width: 100%;
	font-size: 15px;
	font-style: normal;
}
.product-list .pro-name .pro-info a {
	float: left;
	width: 100%;
}
.product-list .pro-name .pro-info a:hover {
	text-decoration: underline;
}
.product-list .pro-name .pro-info a b {
	float: left;
	margin-top: 7px;
	width: 100%;
	max-height: 44px;
	font-family: 'NotosansR';
	font-size: 17px;
	line-height: 1.8rem;
	color: #333;
	overflow: hidden;
}
.product-list .pro-name .pro-info a:hover b {
	text-decoration: underline;
}
.product-list .pro-name .pro-info a b i.number {
	float: left;
	margin-right: 5px;
	height: auto;
	font-style: normal;
	font-family: 'NanumSquareRoundEB';
	font-size: 22px;
	color: #005bac;
	background-color: transparent;
	border-radius: 0;
	opacity: 1;
}
.product-list .pro-name .pro-info span {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 1.9rem;
	color: #999;
}
.product-list .pro-name .pro-info span b {
	font-family: 'NotosansR';
	cursor: pointer;
}
.product-list .pro-name .pro-info strong {
	float: left;
	margin-top: 2px;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 13px;
	letter-spacing: -.07em;
	line-height: 2.15rem;
	color: #333;
}
.product-list .pro-name .pro-info strong span {
	float: none;
	/*margin-left: 15px;*/
	width: auto;
	letter-spacing: initial;
	color: #333;
}

.product-list .pro-name .pro-price {
	float: left;
	margin-top: 1px;
	width: 100%;
	font-family: 'NotosansB';
	font-size: 14px;
	font-weight: normal;
	line-height: 2.5rem;
	color: #333;
}
.product-list .pro-name .pro-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;
}
.product-list .pro-name .pro-price .won {
	margin: 0;
	font-family: 'NotosansR';
	font-size: 15px;
}
.product-list .pro-name .pro-price span {
	margin-left: 15px;
	font-family: 'NotosansR';
	font-size: 13px;
}
.product-list .pro-name p {
	position: absolute;
	bottom: 40px;
	float: left;
	margin: 3px 0 0;
	width: 40%;
	height: 35px;
	font-size: 13px;
	line-height: 1.4rem;
	color: #333;
	overflow: hidden;
}
.product-list .pro-name p b,
.product-list .pro-name p strong,
.product-list .pro-name p span,
.product-list .pro-name p em {
	font-style: normal;
	font-family: 'NotosansR';
}

.product-list .level {
	position: absolute;
	right: 30px;
	bottom: 25px;
	margin: 0;
	padding: 0;
}
.product-list .level ul {
	float: left;
	width: 100%;
	padding: 14px 0 0;
}
.product-list .level li {
	float: left;
}
.product-list .level button {
	display: block;
	margin-top: 5px;
	padding: 7px 0;
	width: 140px;
	height: 40px;
	font-family: 'NotosansM';
	font-size: 15px;
	border: 2px solid #0c6eaf;
}
.product-list .level button:hover {
	border: 2px solid #1090fd;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
}

.product-list .level ul{
    list-style-type: none;
    padding: 0;
    float: left;
    width: 140px;
}

.product-list .level ul li{
    display: block;
    float: right;
}

.product-list .level ul li button{
    margin: 0 3px 3px 0 !important;
}

.product-list .level ul li button.btn-wish{
    width: 40px !important;
    border-color: #123a8f !important;
    border-width: 1px;

    margin-bottom: 5px;
    margin-right: 5px;

}
.product-list .level ul li button.btn-basket{
    border-color: #123a8f !important;
    border-width: 1px;
}
.product-list .level ul li button.btn-buyNow{
    border-color: #1090fd !important;
    border-width: 1px;
}
.product-list .level ul li button.btn-buyNow:hover{
    border-color: #1071c4 !important;
    background-color: #1071c4 !important;
}


/* .product-list .level button.btn-basket-list { */
/* 	color: #fff; */
/* 	background-color: #0c6eaf; */
/* 	margin-top: 15px; */
/* } */
/* .product-list .level button:hover.btn-basket-list { */
/* 	color: #fff; */
/* 	background-color: #015994; */
/* 	border: 2px solid #015994; */
/* } */

/* .product-list .level button.btn-basket-line { */
/* 	color: #0c6eaf; */
/* 	background-color: #fff; */
/* 	border: 2px solid #0c6eaf; */
/* } */
/* .product-list .level button:hover.btn-basket-line { */
/* 	color: #fff; */
/* 	background-color: #015994; */
/* 	border: 2px solid #015994; */
/* } */
/* .product-list .level button.btn-basket-del { */
/* 	color: #555; */
/* 	background-color: #eee; */
/* 	border: 2px solid #eee; */
/* } */
/* .product-list .level button:hover.btn-basket-del { */
/* 	color: #555; */
/* 	background-color: #ddd; */
/* 	border: 2px solid #ddd; */
/* } */
/* .product-list .level button.btn-basket-buy { */
/* 	color: #fff; */
/* 	background-color: #1090fd; */
/* 	border: 2px solid #1090fd; */
/* } */
/* .product-list .level button:hover.btn-basket-buy { */
/* 	color: #fff; */
/* 	background-color: #1088ee; */
/* 	border: 2px solid #1088ee; */
/* } */


.product-list .level button.btn-basket-list {
	color: #fff;
	background-color: #123a8e;
	border: 2px solid #123a8e;
}
.product-list .level button:hover.btn-basket-list {
	color: #fff;
	background-color: #042671;
	border: 2px solid #042671;
}
.product-list .level button.btn-basket-line {
	color: #333;
	background-color: #fff;
	border: 2px solid #555;
}
.product-list .level button:hover.btn-basket-line {
	color: #fff;
	background-color: #333;
	border: 2px solid #333;
}
.product-list .level button.btn-basket-buy {
	color: #fff;
	background-color: #1090fd;
	border: 2px solid #1090fd;
}
.product-list .level button:hover.btn-basket-buy {
	color: #fff;
	background-color: #047ee5;
	border: 2px solid #047ee5;
}


.product-list .level button.btn-default {
	color: #0c6eaf;
	background-color: #fff;
	border: 2px solid #0c6eaf;
}
.product-list .level button.btn-addon {
	margin: 0;
	padding: 0;
	width: 40px;
	color: #fff;
	background-color: #999;
	border: 0px solid transparent;
}
.product-list .level button.btn-addon i {
	margin: 0;
	width: 40px;
	height: 40px;
	line-height: 41px;
}
.product-list .level li input[type="text"] {
	width: 70px !important;
	height: 40px;
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4 !important;
	box-shadow: none !important;
	font-size: 13px;
	text-align: center;
	padding: 6px 10px !important;
	margin: 0 -1px;
}


.product-list .level p {
	margin: 2px 0 0;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	color: #555;
}
.product-list .level p img {
	float: left;
	margin-right: 11px;
	width: 29px;
	height: 26px;
	border: none;
}
.product-list .level p strong {
	float: left;
	margin-top: 4px;
	font-weight: normal;
}
.product-list .level span {
	float: left;
	margin-top: 4px;
	width: 100%;
	line-height: 1.4em;
	font-size: 16px;
	color: #7b90a1;
}
.product-list .level span input[type="button"],
.product-list .proImg .level span input[type="button"] {
	line-height: 1.4em;
	font-size: 16px;
	color: #7b90a1;
	background: none;
	border: none;
}
.product-list .level span input[type="button"]:hover,
.product-list .proImg .level span input[type="button"]:hover {
	text-decoration: underline;
}
.product-list .level a {
	position: absolute;
	left: 20px;
	bottom: 0;
	padding: 9px 0 1px 0;
	width: 132px;
	height: 24px;
	letter-spacing: -0.12em;
	font-family: Dotum, Arial, sans-serif;
	color: #455869;
	background-color: #edf0f0;
	text-align: center;
}
.product-list .level a:hover {
	background-color: #d9dfe3;
}
.product-list .level a p {
	margin: 1px 6px 0 -1px;
	width: auto;
	font-weight: normal;
	font-size: 24px;
	color: #677684;
}
.product-list .level a i {
	margin-right: 4px;
	width: auto;
	font-weight: normal;
	color: #677684;
}

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

@media (min-width: 1200px) {
	.product-list .pro-name {width: 75%;}
	.product-list .pro-name .pro-info a b {/* max-height: 46px; */}
	.product-list .pro-name p {width: 55%;}
}
@media (min-width: 1300px) {
	.product-list .pro-name {width: 77%;}
	.product-list .pro-name p {width: 57%;}
}

@media (max-width: 991px) {
	.product-list dl dd {
		height: 200px;
	}
	.product-list dl dd > label {
		top: 14px;
		left: 14px;
		z-index: 9;
	}
	.product-list dl dd > p {
		margin: 13px 10px 0 12px;
		width: 85px;
		height: 105px;
	}
	.product-list .pro-name {
		padding-top: 14px;
		width: 65%;
	}
	.product-list .pro-name .cd-soldout span {
		margin-right: 3px;
		padding: 2px 5px;
		width: 50px;
		font-size: 11px;
		letter-spacing: -.04em;
	}
	.product-list .pro-name .pro-info b {height: 45.59px;}
	.product-list .pro-name .pro-price {
		margin-top: 7px;
		line-height: 1.55rem;
	}
	.product-list .pro-name p {
		position: initial;
		bottom: 15px;
		left: 10px;
		width: 94%;
		height: 55.78px;
	}
	.product-list .level {
		top: 116px;
		left: 12px;
	}
	.categoryRight .product-list .level {
/* 		position: initial; */
		top: 118px;
/* 		left: 107px; */
/* 		margin-left: 107px; */
/* 		width: 64.5%; */
	}
	.product-list .level button.btn-addon {
		width: 25px;
		height: 25px;
	}
	.product-list .level button.btn-addon i {
		width: 25px;
		height: 25px;
		font-size: 11px;
		line-height: 25px;
	}
	.product-list .level li input[type="text"] {
		width: 37px !important;
		height: 25px;
	}
	.product-list .level button.btn-basket-list,
	.product-list .level button.btn-basket-line {
/* 		float: left; */
		margin-top: 4px;
/* 		margin-right: 3px; */
		padding: 3px 0;
		width: 85px;
		height: 30px;
		font-size: 12px;
		letter-spacing: -.05em;
	}
	
	.product-list + .w-78 {
		margin-top: 30px !important;
		width: 100% !important;
	}
	.product-list + .w-78 + .m-t-xxxl {
		margin-top: 10px !important;
	}
}
@media (max-width: 499px) {
	.product-list .pro-name {width: 72%;}
}
@media (max-width: 375px) {
	.product-list .pro-name {width: 68%;}
}
@media (max-width: 360px) {
	.product-list .pro-name {width: 67%;}
}


.modal .product-list h5 {
	margin-top: 0 !important;
}
.modal .product-list dl dd {
	height: 215px;
}
.modal .product-list dl div dd:nth-of-type(1) {
	margin-top: 0;
}
.modal .product-list dl dd:last-child {
	margin-bottom: 0;
}
.modal .product-list dl dd > label {
	top: 10px;
	left: 8px;
}
.modal .product-list dl dd > p {
	margin: 20px 20px 0 35px;
}
.modal .product-list .pro-name {
	padding-top: 21px;
}
.modal .product-list .pro-name p {
	bottom: 16px;
}
.modal .product-list .level {
	bottom: 20px;
}

@media (max-width: 499px) {
	.modal .product-list dl dd {height: 175px;}
	.modal .product-list dl dd > p {margin-right: 12px;}
	.modal .product-list .pro-name {width: 60%;}
	.modal .product-list .pro-name .pro-info b {overflow: hidden;}
	.modal .btnList .btn {min-width: 90px;}
}
@media (max-width: 413px) {
	.modal .product-list .pro-name {width: 56%;}
}
@media (max-width: 375px) {
	.modal .product-list .pro-name {width: 55%;}
}
@media (max-width: 360px) {
	.modal .product-list .pro-name {width: 53%;}
}



@media (max-width: 499px) {
	p.noneList {
		padding: 40px 0 50px !important;
		font-size: 13px;
	}
	p.noneList img {
	    width: 54px !important;
	}
}
p.noneList {
	display: inline-block;
	padding: 120px 0 130px;
	width: 100%;
	font-size: 13px;
	text-align: center;
	background: transparent;
	border-bottom: 1px solid #ddd;
}
p.noneList img {
	margin: 10px 0;
	width: 54px;
}
p.noneList.noline {
	border-bottom: 0px solid #999999;
}
.product-list p.none {
	display: inline-block;
	padding: 120px 0;
	width: 100%;
	font-size: 13px;
	text-align: center;
	background: transparent;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.product-list p.none.noline {
	border: none;
}
.product-list p.none img {
	margin: 30px 0 10px;
	width: 64px;
}
.event-list p.none {
	display: inline-block;
	padding: 120px 0;
	width: 100%;
	font-size: 13px;
	text-align: center;
	background: transparent;
	border-top: 1px solid #ddd;
/* 	border-bottom: 1px solid #ddd; */
}
.event-list p.none.noline {
	border: none;
}
.event-list p.none img {
	margin: 30px 0 10px;
	width: 64px;
}



/* 페이징 */

.pagination {
	clear: both;
	display: block;
	position: relative;
	margin: 0;
	padding: 25px 0 2px;
	text-align: center;
	overflow: hidden;
	background-color: transparent;
	border-radius: 0;
}
.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;}
}
@media (max-width: 414px) {
	.pagination {
		padding: 0px 0 2px;
	}
	.paginate a,
	.paginate strong {
		min-width: 20px !important;
	}
	.paginate a.next_end {margin-left: 3px !important;}
	.paginate a.pre_end {margin-right: 3px !important;}
}
@media (max-width: 385px) {
	.paginate a,
	.paginate strong {
		min-width: 17px !important;
		padding: 0 3px 3px !important;
	}
}
@media (max-width: 375px) {
	.paginate a,
	.paginate strong {
		min-width: 16px !important;
		padding: 0 2px 3px !important;
	}
}
@media (max-width: 360px) {
	.paginate a,
	.paginate strong {min-width: 15px !important;}
}
.paginate a,
.paginate strong {
	display: inline-block;
	margin: 0 1px;
	padding: 0px 5px 3px;
	width: auto;
	min-width: 26px;
	height: 26px;
	vertical-align: middle;
	line-height: 2.2rem;
	font-size: 14px;
	color: #a1a1a1;
	text-align: center;
	overflow: hidden;
}
.paginate a:hover,
.paginate a:focus {
	position: relative;
	z-index: 1;
	text-decoration: none;
}
.paginate strong {
	color: #333;
}
.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: 26px;
	height: 26px;
	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 #e4e8eb;
	border-radius: 0px;
	overflow: hidden;
}
.paginate a.pre_end {
	margin-right: 5px;
	background-position: -3px -33px;
}
.paginate a.pre {
	margin-right: 1px;
	background-position: -3px -3px;
}
.paginate a.next {
	margin-left: 1px;
	background-position: -32px -3px;
}
.paginate a.next_end {
	margin-left: 5px;
	background-position: -33px -33px;
}
.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 #797979;
}
.paginate a.disabled {
	background-color: #f8fafd;
	opacity: .8;
	cursor: default !important;
}
.paginate a:hover.disabled {
	border: 1px solid #e4e8eb;
}

@media (max-width: 767px) {
	.paginate {
		padding-top: 10px;
	}
}

.pagination .checkbox {
	position: absolute;
	top: 16px;
	left: 30px;
	margin: 0;
	padding: 0;
	letter-spacing: -.05em;
}
.pagination .checkbox div.checker {
	margin-top: -2px;
}
.pagination .checkbox label {
	margin: 0 25px 0 -2px;
	padding-left: 0;
}
.pagination .checkbox .btn-default {
	float: right;
	margin: -4px 0 0;
	padding: 3px 10px;
	font-size: 13px;
	letter-spacing: -.045em;
	color: #6b6e72;
	border-color: #e4e8eb;
}

@media (max-width: 1299px) {
	.pagination .checkbox {
		position: initial;
		float: left;
		margin-top: 4px;
		margin-left: 12px;
	}
}
@media (max-width: 767px) {
	.pagination .checkbox,
	.pagination .checkbox .btn-default {
		float: none;
	}
}


/* 기획전 타이틀 이미지 영역  */

.promotion-top {
	float: left;
	width: 100%;
	height: 230px;
	background: url(../../images/kr/event/bg_hashtag.jpg) top center no-repeat;
	margin-bottom: 50px;
}
.promotion-top dl {
	background-color: transparent;
	padding: 0px 20px 49px;
	margin-top: 65px;
	margin-bottom: 30px;
}
.promotion-top dl dt {
	font-family: 'NotosansM';
	font-size: 32px;
	color: #fff;
	text-align: center;
	padding: 10px 0 30px;
}
.promotion-top dl dt em {
	font-family: 'NotosansB';
	font-style: normal;
	padding: 0 20px;
}
.promotion-top dl dd {
	font-size: 17px;
	color: #fff;
	text-align: center;
}


/* 서점매장 */

.top-info {
	float: left;
	margin-bottom: 100px;
	width: 100%;
	height: auto;
	height: 240px;
	background: url(../../images/kr/store/bg_store.jpg) top center no-repeat;
	background-size: cover;
}
.top-info.bg2 {
	float: left;
	width: 100%;
	height: 150px;
	background: url(../../images/kr/store/bg_store2.jpg) top center no-repeat;
/* 	background-size: 100%; */
	margin-bottom: 50px;
}
.top-info.bg2 dl {
	background-color: transparent;
	padding: 0px 20px 49px;
	margin-top: 65px;
	margin-bottom: 30px;
}
.top-info.bg2 dl dt {
	font-size: 34px;
}
.top-info dl {
	margin: 100px 40px 30px;
	padding: 40px 30px 39px 40px;
	background-color: #fbfcfe;
}
.top-info dl dt {
	position: relative;
	margin-top: -2px;
	font-family: 'NotosansM';
	font-size: 26px;
	line-height: 2.3rem;
	color: #333;
}
.top-info dl dt em {
	float: left;
	font-family: 'NotosansL';
	font-size: 22px;
	font-style: normal;
	margin-top: -5px;
	margin-right: 20px;
}
.top-info dl dt i.bookmark {
	position: absolute;
	top: -10px;
	right: 0px;
	z-index: 9;
	float: right;
	margin: 0;
	width: 27px;
	height: 23px;
	background: url('../../images/kr/store/icon-bookmark.png') no-repeat;
	background-position-y: 0px;
	background-size: 27px !important;
	cursor: pointer;
}
@media (min-width: 992px) {
	.top-info dl dt i.bookmark:hover {
		background: url('../../images/kr/store/icon-bookmark.png') no-repeat;
		background-position-y: -23px;
	}
}
.top-info dl dt i.bookmark.active {
	background: url('../../images/kr/store/icon-bookmark.png') no-repeat;
	background-position-y: -23px;
}
.top-info dl dd {
	display: inline-block;
	font-family: 'NotosansR';
	font-size: 16px;
	line-height: 2.15rem;
	letter-spacing: -.02em;
	color: #121212;
}
.top-info dl dd strong {
	float: left;
	margin-top: 29px;
	width: 100%;
	font-family: 'NotosansB';
	font-size: 16px;
	color: #121212;
}
.top-info dl dd strong span {
	display: inline-block;
	margin-left: 10px;
	font-family: 'NotosansR';
	font-size: 16px;
	color: #121212;
}
.top-info dl dd em {
	display: block;
	float: left;
	margin-top: 15px;
	width: 100%;
	font-style: normal;
}
.top-info dl dd em b,
.top-info dl dd span b {
	display: block;
	float: left;
	width: 70px;
	font-family: 'NotosansM';
}
.top-info dl dd em ins,
.top-info dl dd span ins {
	text-decoration: none;
}

@media (min-width: 1200px) {
	.top-info dl {
		margin: 119px 300px 20px 40px;
	}
}
@media (min-width: 1300px) {
	.top-info dl {
		margin-right: 400px;
	}
}

@media (max-width: 991px) {
	.top-info {
		margin-bottom: 120px;
	}
	.top-info dl {
		display: inline-block;
		margin: 80px 25px 20px;
		padding: 35px 20px 30px;
		-webkit-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
		   -moz-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
				box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
	}
	.top-info.bg2 dl {
		margin-top: 70px;
		margin-left: 0;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	.top-info dl dt {
	    font-size: 22px;
	}
	.top-info dl dt i.bookmark {
		top: 0;
		right: 0;
	}
	.top-info dl dd strong {
		margin-top: 20px;
	}
	.top-info dl dd strong span {
		font-size: 15px;
	}
	.top-info dl dd em {
	    margin-top: 10px;
	    font-size: 15px;
	}
	.top-info dl dd span {
	    font-size: 15px;
	}
}
@media (max-width: 640px) {
	.top-info {
		margin-bottom: 140px;
	}
	.top-info dl dd span,
	.top-info dl dd em {float: left; width: 100%;}
	.top-info dl dd span b,
	.top-info dl dd em b {
		float: left;
		width: 20%;
	}
	.top-info dl dd span ins,
	.top-info dl dd em ins {
		float: left;
		width: 80%;
		line-height: 20px;
	}
}
@media (max-width: 522px) {
	.top-info dl dd strong span {
		display: block;
		margin-left: 0;
	}
}
@media (max-width: 499px) {
	.top-info {margin-bottom: 150px;}
	.top-info dl dd span b,
	.top-info dl dd em b {
		float: left;
		width: 25%;
	}
	.top-info dl dd span ins,
	.top-info dl dd em ins {
		float: left;
		width: 75%;
		line-height: 20px;
	}
}
@media (max-width: 413px) {
	.top-info {
		margin-bottom: 150px;
	}
	.top-info dl dt span {
		display: block;
		width: 90%;
	}
    .top-info dl dt a{
        font-size: 16px !important;
    }

    .top-info dl dt a img{
        width: 40% !important;
        padding-top: 5px !important;
    }


}


/* 오늘의 서점 */

.store-of-month .top-info {position: relative; margin-bottom: 10px; height: auto; min-height: 310px; background: none !important;}
.store-of-month .top-info > img {width: 100%; height: auto;}
.store-of-month .top-info dl {position: absolute; top: 100px; left: 30px; margin: 0; width: 87%; max-width: 550px; min-height: 226px;}

@media (min-width: 500px) {
	.store-of-month .top-info dl {
		position: relative;
    	top: 0 !important;
    	left: 0 !important;
    	width: 100%;
    	max-width: 990px;
    	min-height: 200px;
    	padding: 25px 20px;
		-webkit-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
		   -moz-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
				box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
	}
}
@media (min-width: 1200px) {
	.store-of-month .top-info dl {top: 40px; left: 40px;}
}

@media (max-width: 991px) {
	.store-of-month .top-info {margin-bottom: 20px !important;}
}
@media (max-width: 499px) {
	.store-of-month .top-info {
		margin-bottom: 0px !important;
		min-height: 270px;
	}
	.store-of-month .top-info dl {
		position: relative;
    	top: 5px;
    	left: 0;
    	width: 100%;
    	min-height: 200px;
    	padding: 25px 20px;
	}
}
@media (max-width: 413px) {
	.store-of-month .top-info {min-height: 270px;}
}


.top-info.estimate {
	background: url(../../images/kr/common/bg_estimate.jpg) top center no-repeat;
}
.top-info.estimate dl dd b {
	float: left;
	margin-top: 29px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 16px;
	color: #121212;
}
.top-info.estimate dl dd > span {
	float: left;
	margin-top: 15px;
	width: 100%;
	color: #999;
}

.estimate-box {
	position: relative;
	float: left;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
	   -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
			box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
	margin-bottom: 20px;
}
.estimate-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	background-color: #333;
}
.estimate-box:after {
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	width: 19px;
	height: 19px;
	background-color: #fff;
}
.estimate-box ul {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.estimate-box ul:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background-color: #333;
}
.estimate-box ul:after {
	content: '';
	position: absolute;
	bottom: 7px;
	right: 7px;
	width: 19px;
	height: 19px;
	background-color: #fff;
}
.estimate-box ul li {
	position: relative;
	float: left;
	padding: 44px 0 41px;
	width: 25%;
	line-height: 2rem;
	text-align: center;
}
.estimate-box ul li:after {
	content: '';
	position: absolute;
}
.estimate-box ul li:before {
	content: '';
	position: absolute;
	top: 33px;
	left: 0;
	width: 1px;
	height: 228px;
	background-color: #ededed;
}
.estimate-box ul li:first-child:before {
	display: none;
}
.estimate-box ul li img {
	display: block;
	margin: 0 auto;
	width: 110px;
	height: 110px;
	border-radius: 100%;
}
.estimate-box ul li b {
	display: block;
	margin-top: 11px;
	font-family: 'NotosansM';
	font-size: 16px;
	color: #121212;
}
.estimate-box ul li span {
	display: block;
	margin: 20px auto 0;
	padding: 4px 10px;
	width: 110px;
	height: 35px;
	font-size: 16px;
	color: #333;
	text-align: center;
	background-color: #ebf3fa;
	border-radius: 17px;
}
.estimate-box ul li:nth-child(2n) span {
	background-color: #f1f1f1;
}
.estimate-box ul li i {
	position: absolute;
	top: 50%;
	left: -12px;
	float: left;
	margin: -6px 0 0;
	width: 24px;
	height: 24px;
	font-size: 26px;
	line-height: 1.85rem;
	letter-spacing: -.16em;
	color: #fff;
	background-color: #dcdcdc;
	border-radius: 100%;
}

@media (min-width: 1300px) {
	.top-info.estimate dl {
		margin-right: 340px;
		padding-right: 35px;
	}
}

@media (max-width: 640px) {
	.estimate-box ul li {width: 50%;}
	.estimate-box ul li:before {/* display: none; */}
	.estimate-box ul li:nth-of-type(3) {float: right;}
	.estimate-box ul li:nth-of-type(3),
	.estimate-box ul li:nth-of-type(4) {margin-top: -16px;}
	.estimate-box ul li:nth-of-type(3):before {
		top: 9px;
		right: 5%;
		left: auto;
		width: 190%;
		height: 1px;
	}
	.estimate-box ul li:nth-of-type(4):before {
		right: 0;
		left: auto;
	}
	.estimate-box ul li img {
		width: 130px;
		height: 130px;
	}
	.estimate-box ul li b {font-size: 16px;}
	.estimate-box ul li span {
		width: 95%;
		font-size: 16px;
	}
	.estimate-box ul li i {
		left: -15px;
		width: 31px;
		height: 31px;
		font-size: 30px;
		line-height: 2.35rem;
	}
	.estimate-box ul li:nth-of-type(3) i {
		top: 0;
		left: 50%;
		margin-left: -12px;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
			 -o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
				transform: rotate(90deg);
	}
	.estimate-box ul li:nth-of-type(4) i {
		right: -15px;
		left: auto;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
			 -o-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
				transform: rotate(180deg);
	}
}
@media (max-width: 414px) {
	.estimate-box ul li {padding: 34px 0 31px;}
	.estimate-box ul li:before {height: 201px;}
	.estimate-box ul li:nth-of-type(3),
	.estimate-box ul li:nth-of-type(4) {margin-top: -10px;}
	.estimate-box ul li:nth-of-type(3):before {top: 5px;}
	.estimate-box ul li img {
		width: 110px;
		height: 110px;
	}
	.estimate-box ul li b {font-size: 15px;}
	.estimate-box ul li span {
		width: 90%;
		font-size: 15px;
	}
	.estimate-box ul li i {
		left: -11px;
		width: 24px;
		height: 24px;
		font-size: 26px;
		line-height: 1.85rem;
	}
	.estimate-box ul li:nth-of-type(4) i {right: -11px;}
}
@media (max-width: 375px) {
	.estimate-box ul li:before {height: 185px;}
	.estimate-box ul li b {
		margin-top: 5px;
		font-size: 14px;
	}
	.estimate-box ul li span {
		margin-top: 10px;
		font-size: 14px;
	}
}


.categoryRight .table-heading .panel-title {
	margin: 0 !important;
	padding: 18px 0 19px;
	font-family: 'NotosansB';
	font-size: 20px;
}
.product-search .input-group {
	float: left;
	width: 100%;
	margin: 0;
	padding-bottom: 28px;
/* 	border-bottom: 2px solid #777; */
	border-collapse: separate;
}
.product-search .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 0;
	padding: 4px 10px !important;
	width: 45%;
	height: 35px;
	font-size: 12px;
/* 	color: #ccc; */
	border: 1px solid #ccc;
}
.product-search .input-group .form-control::placeholder {
	color: #999;
}
.product-search .input-group .input-group-btn {
	float: left;
	margin-left: 10px;
}
.product-search .input-group .btn {
	margin: 0;
	padding: 7px 20px;
	width: 90px;
	height: 35px;
	text-align: left;
}
.product-search .input-group .fa {
	float: right;
	margin-top: 2px;
	font-size: 12px;
}

@media (max-width: 499px) {
	.product-search .input-group {width: 100% !important;}
	.product-search .input-group .form-control {width: 73%;}
	.product-search .input-group .input-group-btn {
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
	}
}
@media (max-width: 375px) {
	.product-search .input-group .form-control {width: 70%;}
}

.btnList {
	position: relative;
	z-index: 999;
	float: right;
	margin-top: -5px;
	margin-bottom: 12px;
	height: 34px;
	font-family: 'NotosansR';
	text-align: right;
}
.btnList button.btn {
	float: left;
	margin-left: 2px;
	padding: 6px 12px 6px;
	min-width: 50px;
	height: 34px;
}
.btnList .dropify-wrapper {
	position: relative;
	float: left;
	margin-left: 2px;
	width: 60px;
	height: 34px;
	overflow: inherit;
	border: none;
}
.btnList .dropify-wrapper.has-preview {
	width: 182px;
}
.btnList .dropify-wrapper .dropify-message {
	top: 0;
	display: block;
	margin-top: 0;
	width: 60px;
}
.btnList .dropify-wrapper.hover .dropify-message .btn {
	color: #0b79d7 !important;
	background: #f1f3f9;
	border: 1px solid #aab8e3;
}
.btnList .dropify-wrapper .dropify-message .btn {
	padding: 7px 7px;
	width: 60px;
}
.btnList .dropify-wrapper input {
	width: 60px;
}
.btnList .dropify-wrapper .dropify-preview {
	margin-left: 63px;
	width: 100px;
	height: 34px;
}
.btnList .dropify-wrapper .dropify-preview span.dropify-render {
	float: left;
	width: 34px;
	height: 34px;
}
.btnList .dropify-wrapper .dropify-preview span.dropify-render img {
	margin-top: 0;
	width: 34px;
	height: 34px;
}
.btnList .dropify-wrapper .dropify-preview .dropify-infos {
	display: block;
	left: 34px;
	float: left;
	width: 85px;
	height: 34px;
}
.btnList .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	font-size: 11px;
	line-height: 35px;
	text-align: left;
}
.btnList .dropify-wrapper + i {height: 34px;}

.btnList button.btn-other {
	padding: 3px 10px !important;
	height: 26px;
	border-color: #e4e8eb;
}

.product-list .sub-buttons-p-s .btn-group button {
	padding: 6px 12px 6px;
	min-width: 50px;
	height: 34px;
}


@media (max-width: 499px) {
	.btnList {float: left;}
	.btnList .dropify-wrapper.has-preview {
		margin-left: 0;
		width: 195px;
	}
	.btnList .dropify-wrapper .dropify-preview {width: 139px;}
	.btnList .dropify-wrapper .dropify-preview .dropify-infos {width: 105px;}
}
@media (max-width: 413px) {
	.btnList .dropify-wrapper.has-preview {width: 162px;}
	.btnList .dropify-wrapper .dropify-preview {width: 107px;}
	.btnList .dropify-wrapper .dropify-preview .dropify-infos {width: 73px;}
}
@media (max-width: 375px) {
	.btnList .dropify-wrapper.has-preview {width: 154px;}
	.btnList .dropify-wrapper .dropify-preview {width: 99px;}
	.btnList .dropify-wrapper .dropify-preview .dropify-infos {width: 65px;}
}
@media (max-width: 360px) {
	.btnList .dropify-wrapper.has-preview {width: 139px;}
	.btnList .dropify-wrapper .dropify-preview {width: 84px;}
	.btnList .dropify-wrapper .dropify-preview .dropify-infos {width: 50px;}
}



.info-box {
	position: relative;
	float: left;
	margin: 0 0 45px;
	padding: 35px 30px 27px;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
	   -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
			box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
}
.info-box p {
	margin: -6px 0 1px;
	font-family: 'NotosansM';
	font-size: 18px;
	line-height: 2.3rem;
	color: #121212;
}
.info-box span.info-box-title {
	display: block;
	font-size: 14px;
	line-height: 2.15rem;
	color: #999;
}
.info-box img {
	position: absolute;
	top: 17px;
	right: 22px;
	float: right;
}

@media (max-width: 991px) {
	.info-box {
		margin-bottom: 15px;
		padding: 30px 20px 27px;
	}
	.info-box img {top: 14px;}
}
@media (max-width: 499px) {
	.info-box span.info-box-title {line-height: 1.5rem;}
	.info-box img {top: 12px;}
}
@media (max-width: 385px) {
	.info-box span.info-box-title {width: 71%;}
}
@media (max-width: 375px) {
	.info-box span.info-box-title {width: 65%;}
	.info-box img {top: 23px;}
}
@media (max-width: 360px) {
	.info-box span.info-box-title {width: 68%;}
}



/* Search List */

.panel-body-sub .search {
	float: left;
	margin: 0 0 55px;
	padding: 20px 0 0;
	background-color: #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
	   -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
			box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
}
.panel-body-sub .search .input-group {margin: 20px auto;}
.panel-body-sub .search .input-group .form-control {padding: 0 20px !important;}
.panel-body-sub .search .input-group .input-group-btn .btn {
	background-color: #1090fd;
	padding: 13px 14px 12px;
	opacity: 1;
}
.panel-body-sub .search .input-group .input-group-btn .btn:hover {background-color: #0184f3;}
.panel-body-sub .search .input-group .input-group-btn .btn i {font-size: 16px;}
.panel-body-sub .search .input-group .input-group-btn .btn.topBtn {
	margin-left: 3px;
	background-color: #595959;
}
.panel-body-sub .search .input-group .input-group-btn .btn.topBtn i {margin: 0 -3px 0 5px;}
.panel-body-sub .search p {
	margin-bottom: 30px;
	font-size: 16px;
	text-align: center;
}
.panel-body-sub .search p strong {
	font-weight: 500;
	font-size: 16px !important;
}

.search .topSearch {
	display: none;
	float: left;
	padding: 20px 40px 10px;
	width: 100%;
	background: #f6f8fa;
	border-top: 1px solid #f1f1f1;
}
.search .topSearch dl {
	float: left;
	margin: 0 0 10px;
	padding: 0;
	width: 50%;
}
.search .topSearch dl dt {
	float: left;
	width: 60px;
}
.search .topSearch dl dd {
	float: left;
	margin: 1px 0 0 0;
	width: 70%;
    font-family: 'NotosansM', serif;
}
.search .topSearch dl dd .form-control {height: 34px;}

@media (min-width: 1200px){
	.panel-body-sub .search .input-group {width: 60%;}
}



/* Product Detail */

@media (max-width: 991px){
	.pro_info {margin: 20px 0 0 !important;}
}

.pro_info {
	float: left;
	width: 100%;
	margin: 20px 0 40px;
}
.pro_info ul {padding: 0;}
.pro_info li {
	float: right;
	width: 57%;
}
.pro_info li:first-child {
	float: left;
	display: block;
	width: 30%;
}
@media (max-width: 991px) {
	.pro_info li, .pro_info li:first-child {width: 100% !important;}
	.pro_info li:first-child {margin-bottom: 30px;}
}

/* Left */
.gallery {
	width: 100%;
	background: #eff1f4;
}

@media (max-width: 991px){
    .gallery {
        width: 100%;
        background-color: transparent;
    }
    .preview {
        width: 60%;
        background-color: transparent;
    }
    .preview img {
        border-radius: 10px;
    }
}


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

.thumbnails img:first-child {
	margin-left: 0;
}
.thumbnails img:hover {
	border: 1px solid #1090fd;
	cursor: pointer;
}
.thumbnails a:hover img,
.thumbnails a.current {
	border: 1px solid #1784e6;
	cursor: pointer;
}
.thumbnails p {
	float: right;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	border: none;
}
.thumbnails p img {
	border: 0px;
}
.thumbnails p img:hover {
    border: none;
    cursor: none;
}
.thumbnails p i {
	font-size: 20px;
	color: #999;
}

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


.thumbnails button {
	float: right;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	border: none;
	background: transparent;
}
.thumbnails button img {
	border: 0px;
}
.thumbnails button img:hover {
    border: none;
}

.preview .stamp {
	position: absolute;
	width: 100%;
    z-index: 2;
}
.preview .stamp img {
	width:100%;
	border: none !important;
	z-index: 3;
}
.preview {
	position: relative;
/* 	padding: 50px; */
	padding: 0;
}
.preview img {
	padding: 0;
	width: 100%;
	height: 100%;
/* 	max-height: 450px; */
	max-height: 650px;
	position: relative;
	border: 1px solid #e1e1e1;
	z-index: 1;
    border-radius: 10px;
}

@media (max-width: 991px) {
	.preview img {max-height: 1045px;}
}



/* Right */
.info_text {
	width: 100%;
}
.info_text .sub-buttons {
	padding-top: 40px;
	padding-bottom: 40px;
}
.info_text .sub-buttons em {
	font-style: normal;
    font-size: 16px;
    line-height: 40px;
    float: left;
}
.info_text .sub-buttons .btn-group-justified {
	display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    float: right;
}
@media (max-width: 1300px) {
	.info_text .sub-buttons {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.sub-product-info-wrap h3 {
	margin: 0 0 20px;
	padding-bottom: 10px;
	width: 100%;
/* 	min-height: 68px; */
	font-family: 'NotosansR';
	font-size: 20px !important;
	font-weight: normal;
	line-height: 25px;
	border-bottom: 2px solid #999;
}
.sub-product-info-wrap h3 > b {
	display: block;
	width: 90%;
	font-family: 'NotosansR';
}
.sub-product-info-wrap h3 button {
	position: absolute;
	right: 10px;
	top: 20px;
	background-color: transparent;
}
.sub-product-info-wrap h3 button img {
	width: 28px;
	height: 28px;
	opacity: .7;
}
.sub-product-info-wrap h3 button:hover img {
	opacity: 1;
}
.sub-product-info-wrap h3 span {
	display: block;
	font-family: 'NotosansL';
	font-size: 15px;
	color: #898989;
	margin-top: 5px;
}
.sub-product-info-wrap h3 span i {
	position: relative;
	top: -2px;
	padding: 0 3px;
	font-size: 12px;
}

.sub-product-info-wrap h3 a:hover {
	text-decoration: underline;
}

.sub-product-info-wrap h3 strong {
	float: right;
	margin: -25px 0 0;
	font-family: 'NotosansR';
	font-size: 12px;
	font-weight: normal;
}
.sub-product-info-wrap h3 strong .review_rate {
	float: left;
	margin: 4px 5px 0;
	width: 95px;
	height: 15px;
	overflow: hidden;
}

.review_rate {
    float: left;
    /*margin: 4px 5px 0;*/
    width: 95px;
    height: 15px;
    overflow: hidden;
}

strong.strongHref:hover {
    cursor: pointer;
}



.sub-product-info-wrap h3 strong .review_rate .im,
.sub-product-info-wrap h3 strong .review_rate .im.rest {
	width: 15px;
	height: 15px;
	background-size: 15px;
}
.im.rest {
    width: 15px;
    height: 15px;
    background-size: 15px;
}




.sub-product-info-wrap h3 strong b {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
	font-family: 'NotosansR';
	font-weight: normal;
}
.sub-product-info-wrap h3 strong b:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -2px;
	width: 1px;
	height: 10px;
	background-color: #999;
}
.sub-product-info-wrap .cd-soldout {
/* 	display: inline-block; */
	position: relative;
	top: 0;
	line-height: 1.42857143;
	margin-bottom: 3px;
}
.sub-product-info-wrap .cd-soldout span {
	display: inline-block;
	color: #fff;
}

.sub-product-info-wrap .price {
	font-family: 'NotosansB';
	font-size: 20px;
}
.sub-product-info-wrap .price em {
	font-style: normal;
	font-family: 'NotosansM';
	font-size: 27px;
	letter-spacing: -.8px;
}

@media (max-width: 991px) {
	.sub-product-info-wrap .price span {
/* 		float: left; */
/* 		width: 100%; */
		margin-left: 0 !important;
		margin-top: 5px;
		margin-bottom: 10px;
        font-size: 16px !important;
	}
}

.sub-product-info-wrap .price span {
	margin-left: 10px;
	font-family: 'NotosansR';
	font-size: 16px;
}

.sub-product-info-wrap dl {
	margin: 0;
	width: 100%;
	height: 34px;
	font-size: 12px;
}
.sub-product-info-wrap dl:nth-of-type(1) {
/* 	padding-top: 20px; */
/* 	border-top: 2px solid #999; */
}
.sub-product-info-wrap dl dt,
.sub-product-info-wrap dl dd {
	float: left;
	font-size: 14px;
}
.sub-product-info-wrap dl dt {
	width: 30%;
	font-family: 'NotosansM';
}
.sub-product-info-wrap dl dd {
	width: 70%;
	line-height: 1.6rem;
	color: #666;
}
@media (max-width: 499px) {
	.sub-product-info-wrap dl dd .price em {font-size: 20px !important;}
}
.sub-product-info-wrap dl dd .price em {
	margin-right: -4px;
	font-style: normal;
	font-family: 'NotosansM';
	font-size: 27px;
	letter-spacing: -.8px;
	color: #333;
}
.sub-product-info-wrap dl dd b {
	font-family: 'NotosansR';
	font-size: 16px;
	font-weight: normal;
	color: #999;
/* 	text-decoration: line-through; */
}



.sub-product-cons {
	float: left;
	margin: 5px 0 0;
	padding: 19px 0 19px;
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.sub-product-cons dl {
	margin: 0;
	width: 100%;
	height: 34px;
	font-size: 12px;
}
.sub-product-cons dl.st_pick {
	height: 54px;
}
.sub-product-cons dl:last-child {
	border-bottom: none;
}
.sub-product-cons dl dt,
.sub-product-cons dl dd {
	float: left;
	font-size: 14px;
}

.sub-product-cons dl dt {
	width: 30%;
	font-family: 'NotosansM';
}
.sub-product-cons dl dd {
	position: relative;
	width: 70%;
	color: #666;
}
.sub-product-cons dl dd .btn-tip {
	top: 5px;
	margin: -4px 0 0;
	background-color: transparent;
}
.sub-product-cons dl dd .btn-tip .icon-question {
	margin: 0;
	font-size: 14px;
	color: #999;
}
.sub-product-cons dl dd .btn-tip .far {
	float: right;
	margin: 0;
	font-size: 14px;
	color: #999;
}
.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; right: 5px;}
.sub-product-cons dl dd .tip-box:after {right: auto; right: 6px;}

@media (max-width: 640px) {
	.sub-product-cons dl.st_pick {
		height: 74px;
	}
}
@media (max-width: 499px) {
	.sub-product-cons dl dd .tip-box {
		line-height: 1.5rem !important;
	}
	.sub-product-cons dl.st_pick {
		height: 94px;
	}
}


/* 인증 */
.sub-product-cons dl dd span {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
}

.sub-option {
	float: left;
	width: 100%;
	padding: 25px 0 25px;
}
.sub-option div {
	float: left;
	margin: 32px 0 0;
	font-size: 15px;
}
.sub-option div p {
	float: left;
	margin: 0;
	font-size: 14px;
}

.sub-option .quantity {
	margin: 0;
	width: 100%;
}
.sub-option .quantity p {
	float: left;
	margin-top: 5px;
	width: 30%;
	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;}
.sub-option .quantity dd input[type="text"] {
	width: 70px !important;
	height:35px;
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4 !important;
	box-shadow: none !important;
	font-size: 13px;
	text-align: center;
	padding: 6px 10px !important;
	margin: 0 -1px;
}
.sub-option .quantity span {
/* 	float: left; */
/* 	margin-top: -10px; */
/* 	margin-left: 18px; */
}
.sub-option .quantity .count {
	float: left;
	padding: 2px 20px 0;
	width: 216px;
	height: 36px;
	font-family: 'NotosansR';
	font-size: 16px;
	color: #555;
	text-align: right;
}
.sub-option .variation {
	margin: 0;
	width: 100%;
}
.sub-option .variation ul li {
	float: left;
	margin: 10px 0 0;
}
.sub-option .variation ul li:first-child {
	float: left;
	width: 100%;
	margin: 0;
}
.sub-option .variation p {
	margin-top: 10px;
	
}
.sub-option .variation select {
	float: left;
	width: 100%;
	height: 45px;
	font-weight: normal;
	font-size: 13px;
	background: url(../../images/kr/select_arrow01.png);
	background-repeat: no-repeat;
	background-position: center right 10px !important;
	padding: 10px 10px 10px 15px !important;
}
.sub-option .variation select::-ms-expand {
	display: none;
}

/* 배송정보 */
.sub-product-cons dl dd > strong {
	float: left;
	width: 110px;
	font-family: 'NotoSansM';
}
.sub-product-cons dl dd > span {
	position: relative;
	margin: 0;
	width: 100%;
	letter-spacing: -.02em;
}
.sub-product-cons dl dd > span .tip-box {top: 25px;}

@media (min-width: 992px) {
	.sub-product-cons dl dd > span {
		width: 70%;
		letter-spacing: -.08em;
	}
	.sub-product-cons dl dd > span .tip-box {min-width: 375px;}
}
@media (min-width: 1200px) {
	.sub-product-cons dl dd > span {
		width: 75%;
		letter-spacing: -.02em;
	}
}
@media (min-width: 1300px) {
	.sub-product-cons dl dd > span {width: 78%;}
}

@media (max-width: 991px) {
	.sub-product-cons dl dd > span {width: 100%;}
	.sub-product-cons dl dd > span .tip-box {width: 100%;}
	.sub-product-cons dl dd > span .tip-box:before {right: 59%;}
	.sub-product-cons dl dd > span .tip-box:after {right: 59%; margin-right: 1px;}
}
@media (max-width: 767px) {
	.sub-product-cons dl dd > span .tip-box:before,
	.sub-product-cons dl dd > span .tip-box:after {right: 47.5%;}
}
@media (max-width: 640px) {
	.sub-product-cons dl dd > span .tip-box {width: 143%;}
}
@media (max-width: 499px) {
	.sub-product-cons dl dd > span {
		letter-spacing: -.06em;
/* 		text-indent: 11px; */
	}
	.sub-product-cons dl dd > span:before {
/* 		content: ''; */
/* 		position: absolute; */
/* 		top: 10px; */
/* 		left: 0; */
/* 		width: 7px; */
/* 		height: 1px; */
/* 		background: #444; */
	}
	.sub-product-cons dl dd > span .tip-box:before,
	.sub-product-cons dl dd > span .tip-box:after {right: 16%;}
}
@media (max-width: 413px) {
	.sub-product-cons dl dd > span .tip-box:before,
	.sub-product-cons dl dd > span .tip-box:after {right: 12%;}
}
@media (max-width: 375px) {
	.sub-product-cons dl dd > span .tip-box:before,
	.sub-product-cons dl dd > span .tip-box:after {right: 10%;}
}
@media (max-width: 360px) {
	.sub-product-cons dl dd > span .tip-box:before,
	.sub-product-cons dl dd > span .tip-box:after {right: 7%;}
}


.sub-option > dl {
	margin: 10px 0 5px;
	float: left;
	width: 100%;
	font-size: 12px;
}
.sub-option > dl.price dt,
.sub-option > dl.price dd {
	font-family: 'NotosansR';
	font-size: 14px;
	line-height: 30px;
}
.sub-option > dl.price dd span {
	font-size: 14px;
}
.sub-option > dl.price dd span strong {
	color: #e60618;
	font-size: 18px;
}
.sub-option > dl:last-child {
	border-bottom: none;
}
.sub-option > dl dt,
.sub-option > dl dd {
	float: left;
	font-family: 'NotosansM';
	font-size: 14px;
	line-height: 35px;
}
.sub-option > dl dt {
	width: 30%;
	font-weight: 500;
	line-height: 18px;
}
.sub-option > dl dd {
	width: 70%;
	color: #555;
}
.sub-option > dl dd a {
	position: relative;
	float: left;
	padding: 0 3px;
}
.sub-option > dl dd a:nth-child(1),
.sub-option > dl dd a:nth-child(8n+1) {
	padding-left: 0;
}
.sub-option > dl dd a:nth-child(8n) {
	padding-right: 0;
}
.sub-option > dl dd a img {
	width: 50px;
	height: 50px;
	margin: 3px 0;
	border: 1px solid #ddd;
}
.sub-option > dl dd a i {
	position: absolute;
	top: 3px;
	left: 3px;
	padding: 0 4px 2px;
	width: 50px;
	height: 50px;
	font-style: normal;
	font-size: 10px;
	line-height: normal;
	color: #fff;
	background-color: rgba(0,0,0,0.08);
/* 	width: auto !important; */
/* 	height: auto !important; */
/* 	background-color: rgba(0,0,0,0.2); */
}
.sub-option > dl dd a:first-child i {
	left: 0;
}

@media (min-width: 992px) {
	.sub-option > dl dd a:nth-child(5n) {
		padding-right: 0;
	}
	.sub-option > dl dd a:nth-child(8n) {
		padding-right: 3px;
	}
	.sub-option > dl dd a:nth-child(9) {
		padding-left: 3px;
	}
	.sub-option > dl dd a:nth-child(5n+1) {
		padding-left: 0;
	}
	.sub-option > dl dd a:nth-child(5n+1) i {
		left: 0;
	}
}
@media (min-width: 1200px) {
	.sub-option > dl dd a {
		padding-right: 3px !important;
		padding-left: 3px !important;
	}
	.sub-option > dl dd a:nth-child(6n) {
		padding-right: 0 !important;
	}
	.sub-option > dl dd a:nth-child(6n+1) {
		padding-left: 0 !important;
	}
	.sub-option > dl dd a img {
		width: 59px;
		height: 59px;
		margin: 3px 0;
	}
	.sub-option > dl dd a i {
		width: 59px;
		height: 59px;
	}
	.sub-option > dl dd a:nth-child(6n) i {
		left: 3px;
	}
	.sub-option > dl dd a:nth-child(6n+1) i {
		left: 0;
	}
}

@media (min-width: 611px) and (max-width: 685px) {
	.sub-option > dl dd a:nth-child(8n+1),
	.sub-option > dl dd a:nth-child(7n+2) {
		padding-left: 3px;
	}
	.sub-option > dl dd a:nth-child(1) {
		padding-left: 0;
	}
	.sub-option > dl dd a:nth-child(7n) {
		padding-right: 0;
	}
	.sub-option > dl dd a:nth-child(7n+1) {
		clear: both;
		padding-right: 3px;
		padding-left: 0;
	}
}
@media (min-width: 500px) and (max-width: 610px) {
	.sub-option > dl dd a:nth-child(4n+1) {
		clear: both;
		padding-left: 0;
	}
	.sub-option > dl dd a img {
		width: 72px;
		height: 72px;
	}
	.sub-option > dl dd a i {
		width: 72px;
		height: 72px;
	}
	.sub-option > dl dd a:nth-child(4n+1) i {
		left: 0;
	}
}
@media (max-width: 499px) {
	.sub-option > dl dd a {
		padding-right: 3px !important;
		padding-left: 3px !important;
	}
	.sub-option > dl dd a:nth-child(3n) {
		padding-right: 0 !important;
	}
	.sub-option > dl dd a:nth-child(3n+1) {
		padding-left: 0 !important;
	}
	.sub-option > dl dd a img {
		width: 59px;
		height: 59px;
		margin: 3px 0;
	}
	.sub-option > dl dd a i {
		width: 59px;
		height: 59px;
	}
	.sub-option > dl dd a:nth-child(3n+1) i {
		left: 0;
	}
	.sub-product-wrap .detail-info ul li label,
	.sub-product-wrap .detail-info ul li ins {
		height: auto !important;
		line-height: 1.2em !important;
	}
}
@media (max-width: 360px) {
	.sub-option > dl dd a img {
		width: 49px !important;
		height: 49px !important;
		margin: 3px 0;
	}
	.sub-option > dl dd a i {
		width: 49px;
		height: 49px;
	}
	.sub-option .quantity dl, .option-list dl.count {
		width: 51% !important;
	}
	.option-list .last {
		width: 49% !important;
	}
}


.pro_info .option-list {
	float: left;
	margin-top: 0;
	padding: 0 15px;
	width: 100%;
	font-size: 13px;
	background: transparent;

/* 	border-bottom: 1px solid #ddd; */
}
.pro_info .option-list li {
	width: 100%;
	margin: 0;
	padding: 6px 0;
	border-top: 1px solid #ddd;
}
.pro_info .option-list li:first-child {
	margin-top: 10px;
	border-top: none;
}
.pro_info .option-list li:last-child {
	margin-bottom: -15px;
	padding-bottom: 0px;
}
.pro_info .option-list button,
.pro_info .option-list input[type="text"] {
	float: left;
}
.pro_info .option-list li strong,
.pro_info .option-list li span {
	float: left;
	padding-left: 2px;
	font-size: 13px;
}
.pro_info .option-list li .pro-name {
	float: left;
	width: 63%;
	font-family: 'NotosansM';
	line-height: 35px;
	vertical-align: middle;
}
.pro_info .option-list li .pro-name span {
	float: right;
	margin-right: 60px;
	font-family: 'NotosansR';
	font-size: medium;
}
.pro_info .option-list li p {
	float: left;
	margin: 10px 7px 0 9px;
	font-size: 13px;
	color: #7b90a1;
}
.pro_info .option-list li .count {
	float: right;
	width: 37%;
}
.pro_info .option-list li .count input[type="text"] {
	float: left;
	padding: 0 20px;
	width: 68px;
	font-size: 16px;
	color: #555;
	line-height: 33px;
	text-align: center;
	border: 1px solid #dce1e4 !important;
}
.pro_info .option-list li .count button:last-child {
	float: right;
	margin-left: 10px;
}

.pro_info .option-list li span strong {
	float: left;
	margin: 11px 13px 0 0;
	font-weight: normal;
}
.pro_info .option-list li span img {
	margin-top: 4px;
	padding: 9px 8px 9px 9px;
	border: 1px solid #ccc;
	cursor: pointer;
}
.pro_info .option-list li span img:hover {
	background-color: #f7f8f8;
}

@media (min-width: 992px) {
	.pro_info .option-list li .pro-name {
		width: 59%;
		height: 39px;
		line-height: 1.5;
		overflow: hidden;
	}
	.pro_info .option-list li .count {width: 41%;}
}
@media (min-width: 1200px) {
	.pro_info .option-list li .pro-name {width: 63%;}
	.pro_info .option-list li .count {width: 37%;}
}

@media (max-width: 991px) {
	.pro_info .option-list li span.pro-name,
	.pro_info .option-list li .count {
		float: left;
		margin: 10px 0;
	}
	.pro_info .option-list li .pro-name {
		height: 39px;
		line-height: 1.5;
		overflow: hidden;
	}
	.pro_info .option-list li .count {margin: 0;}
}
@media (max-width: 560px) {
	.pro_info .option-list li .pro-name {width: 57%;}
	.pro_info .option-list li .count {width: 43%;}
}
@media (max-width: 500px) {
	.pro_info .option-list li .pro-name {width: 57%;}
	.pro_info .option-list li .count {width: 43%;}
}
@media (max-width: 414px) {
	.pro_info .option-list li .pro-name {
		width: 100%;
		height: auto;
	}
	.pro_info .option-list li .count {
		margin-top: 10px;
		width: 50%;
	}
	.pro_info .option-list li .count button:last-child {margin-left: 5px;}
}



/* BUTTON */

.sub-buttons {
	float: left;
	padding-top: 20px;
	width: 100%;
}
.btn-group button {
	border-width: 2px;
}

.btn-group button.btn-buyNow {border-width: 1px; height: 45px;}
.btn-group button.btn-basket {border-width: 1px; height: 45px;}
.btn-group button.btn-wish {border-width: 1px; height: 45px;}



.sub-buttons .btn-group button {
	padding: 10px 0;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 15px;
	font-weight: normal;
}
.sub-buttons .btn-group button.btn-wish {
    padding: 7px 0;
    font-size: 25px;
}

.info_text .sub-buttons .btn-group button {
	float: left;
	display: block;
	width: 40%;
}
.info_text .sub-buttons .btn-group button:nth-child(3) {
	float: right;
    border-color: #123a8f !important;
    border-radius: 4px !important;
    border-width: 1px !important;
	display: block;
	width: 7%;
}
.info_text .sub-buttons .btn-group button:nth-child(2) {
    border-color: #1071c4 !important;
}

.info_text .sub-buttons .btn-group button:nth-child(1):hover {
    background-color: #1071c4 !important;
}
.info_text .sub-buttons .btn-group button:nth-child(1):hover {
    background-color: #1071c4 !important;
}



@media (max-width: 991px) {
	.info_text .sub-buttons .btn-group button:nth-child(1) {
        border-width: 1px !important;
        border-radius: 4px !important;
        border-color: #123a8f !important;
        float: left;
		width: 13%;
	}
    .info_text .sub-buttons .btn-group button:nth-child(1):hover {
        border-color: #1071c4 !important;
        background-color: #dadada !important;
    }
    .info_text .sub-buttons .btn-group button:nth-child(2) {
        border-width: 1px !important;
        border-radius: 4px !important;
        border-color: #1090fd !important;
        float: right;
        width: 40%;
        margin-left: 3px;
    }

    .info_text .sub-buttons .btn-group button:nth-child(3) {
        border-width: 1px !important;
        border-radius: 4px !important;
        border-color: #123a8f !important;
        float: right;
        width: 40%;
    }

    .info_text .sub-buttons .btn-group button:nth-child(2):hover {
        border-color: #1071c4 !important;
        background-color: #1071c4 !important;
    }
    /*.info_text .sub-buttons .btn-group button:nth-child(3):hover {
        border-color: #1071c4 !important;
    }*/

}



/* 사은품 */
.sub-option > dl.gifts {
	margin: -10px 0 0;
	padding-bottom: 0;
	border-bottom: 1px solid #ddd;
}
.sub-option > dl.gifts dt {
	margin-top: 20px;
}
.sub-option > dl.gifts dd a img {
	margin: 0;
}
.sub-option > dl.gifts dd a i {
	top: 0;
}
.sub-option > dl.gifts .option-list {
	padding: 0;
}
.sub-option > dl.gifts .option-list b {
	float: left;
	margin: 35px 0 0;
	padding-bottom: 10px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 16px;
	border-bottom: 2px solid #999;
}
.sub-option > dl.gifts .option-list li {
	margin: 0 !important;
}
.sub-option > dl.gifts .option-list label {
	float: left;
	width: 7%;
	text-align: center;
}
.sub-option > dl.gifts .option-list label .radio {
	float: none;
	margin: 20px auto 0;
}
.sub-option > dl.gifts .option-list a {
	position: relative;
	float: left;
	margin-right: 3px;
	border: 1px solid #dadcdd;
}
.sub-option > dl.gifts .option-list a img {
	width: 59px;
	height: 59px;
}
.sub-option > dl.gifts .option-list a i {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 4px 2px;
	width: 59px;
	height: 59px;
	font-style: normal;
	font-size: 10px;
	line-height: normal;
	color: #fff;
	background-color: rgba(0,0,0,0.08);
}
.sub-option > dl.gifts .option-list .pro-name {
	float: left;
	width: 66%;
	font-family: 'NotosansM';
	line-height: 35px;
	vertical-align: middle;
}
.sub-option > dl.gifts .option-list .pro-name span {
	float: right;
	margin-right: 0;
	font-family: 'NotosansR';
	font-size: 13px;
}
.sub-option > dl.gifts .option-list .count {
	width: 17%;
	line-height: 35px;
	text-align: right;
}

/* 관련이벤트 */

.events {
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0 30px;
}
.events h3 {
	position: relative;
	float: left;
	width: 34.2%;
}
.events h3 em {
	float: left;
	width: 100%;
	color: #121212;
	font-size: 28px;
	font-style: normal;
}
.events h3 span {
	float: left;
	width: 100%;
}
.events h3 span > button {
	background-color: #fff;
	border: 1px solid #ccc;
	width: 40px;
	height: 40px;
}
.events h3 span > button:hover {
	border: 1px solid #333;
	background-color: #f5f5f5;
}

.events h3 .cardstory-prev {
	position: absolute;
	top: 100px;
	left: 0;
}
.events h3 .cardstory-next {
	position: absolute;
	top: 100px;
	left: 70px;
}
.swiper-cardstory {
	float: left;
	width: 65.4%;
	border: 1px solid #eaeced;
}
.swiper-cardstory .swiper-slide {
	width: 50%;
}
.swiper-cardstory .swiper-slide > a:hover {
	cursor: default !important;
}
.swiper-cardstory .cd-item-wrapper {
/* 	height: 424px; */
	border: 0;
	border-right: 1px solid #eaeced;
}
.swiper-cardstory .swiper-slide-active .cd-item-wrapper,
.swiper-cardstory .swiper-slide-duplicate .cd-item-wrapper {border-left:  1px solid #eaeced;}
.swiper-cardstory .cd-item-wrapper li.selected {
	width: 100%;
}
.swiper-cardstory .cd-item-wrapper li img {
	height: 100%;
}

@media (min-width: 992px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 304px;} */
}
@media (min-width: 1200px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 370px;} */
}
@media (min-width: 1300px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 396px;} */
}

@media (max-width: 991px) {
	.events {
		margin-bottom: 0px !important;
	}
	.events h3 {
		position: relative;
		float: left;
		width: 100% !important;
		margin-bottom: 30px;
	}
	.events h3 em {
		width: auto !important;
		font-size: 24px !important;
	}
	.events h3 span {
		position: absolute;
    	right: 95px;
		width: auto !important;
	}
	.events h3 span > button {
		width: 35px !important;
		height: 35px !important;
	}
	.events h3 .cardstory-prev {
		position: absolute;
		top: 10px !important;
		right: 60px;
	}
	.events h3 .cardstory-next {
		position: absolute;
		top: 10px !important;
		right: 0px;
		left: 60px;
	}
	.swiper-cardstory {
		float: left;
		width: 100% !important;
		border: 1px solid #eaeced;
	}
/* 	.swiper-cardstory .cd-item-wrapper {height: 716px !important;} */
}
@media (max-width: 767px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 703px !important;} */
}
@media (max-width: 640px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 576px !important;} */
}
@media (max-width: 600px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 550px !important;} */
}
@media (max-width: 500px) {
	.events h3 span > button:first-child {padding-left: 7px;}
/* 	.swiper-cardstory .cd-item-wrapper {height: 450px !important;} */
}
@media (max-width: 414px) {
	.col-md-12 div.sub-product-wrap:nth-of-type(2) .panel {padding: 20px 0 0 !important;}
	.events {/* margin-top: 30px; */ margin-bottom: 10px !important;}
	.events h3 {margin-bottom: 20px;}
	.events h3 span {top: -10px;}
/* 	.swiper-cardstory .cd-item-wrapper {height: 380px !important;} */
}
@media (max-width: 385px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 351px !important;} */
}
@media (max-width: 375px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 341px !important;} */
}
@media (max-width: 360px) {
/* 	.swiper-cardstory .cd-item-wrapper {height: 326px !important;} */
}


.events .event-prev {
	position: absolute;
	top: 47px;
	right: 70px;
	left: auto;
	background-color: transparent;
}
.events .event-next {
	position: absolute;
	top: 47px;
	right: 0;
	background-color: transparent;
}
.swiper-event {
	padding-bottom: 10px !important;
}
.swiper-event .swiper-slide {
	display: block;
	width: 33.33333333%;
	border: 1px solid #e9e9e9;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
	   -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
			box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
}
.swiper-event .swiper-slide:hover {
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
	   -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
}
.swiper-event .swiper-slide a {
	display: block;
	float: none;
}
.swiper-event .swiper-slide .cd-item-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	height: 225px;
	overflow: hidden;
	background-color: #f8fafd;
	border: 0px solid #eaeced;
}
.swiper-event .swiper-slide .cd-item-wrapper li {
	position: absolute;
	top: 0;
	float: left;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	list-style-type: none;
	opacity: 0;
}
.swiper-event .swiper-slide .cd-item-wrapper li.selected {
	/* selected item */
	position: relative;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;
}
.swiper-event .swiper-slide .cd-item-wrapper li img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	height: 100%;
	background-color: #fff;
}
.swiper-event .swiper-slide .cd-item-info {
	padding: 17px 14px 11px;
	border-bottom: 0px solid #f1f1f1;
	font-size: 15px;
	background-color: #fff;
	cursor: pointer;
}
.swiper-event .swiper-slide .cd-item-info > b {
	display: block;
	float: left;
	width: 100%;
	height: 38px;
	font-family: 'NotosansR';
	font-size: 14px;
	font-weight: normal;
	line-height: 1.51rem;
/* 	white-space: nowrap; */
	color: #333;
	text-align: left;
/* 	text-overflow: ellipsis; */
	overflow: hidden;
}
.swiper-event .swiper-slide .cd-item-info > b a {
	color: #333;
	display: block;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 14px;
	line-height: 1.51rem;
	color: #121212;
	/*text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;*/
}
.swiper-event .swiper-slide:hover .cd-item-info > b a {
/* 	text-decoration: line-through; */
/* 	text-decoration-thickness: 2px; */
/* 	text-decoration-color: rgba(18, 18, 18, .8); */
}
.swiper-event .swiper-slide .cd-item-info > span {
	float: left;
	margin-top: 1px;
	height: 22.19px;
	font-size: 13px;
	line-height: 1.85rem;
	color: #999;
}

@media (min-width: 768px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 351px;
		max-height: 351px;
	}
}
@media (min-width: 992px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 170px;
		max-height: 170px;
	}
}
@media (min-width: 1200px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 208px;
		max-height: 208px;
	}
}
@media (min-width: 1300px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 235px;
		max-height: 235px;
	}
}

@media (max-width: 640px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 281px;
		max-height: 281px;
	}
}
@media (max-width: 500px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 218px;
		max-height: 218px;
	}
}
@media (max-width: 499px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 183px;
		max-height: 183px;
	}
}
@media (max-width: 413px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 168px;
		max-height: 168px;
	}
}
@media (max-width: 375px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 163px;
		max-height: 163px;
	}
}
@media (max-width: 360px) {
	.swiper-event .swiper-slide .cd-item-wrapper {
		min-height: 156px;
		max-height: 156px;
	}
}

.prod-event-banner-wrap .prod-event-banner-thumb {
	width: 100%;
	padding-top: 48.65%;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.prod-event-banner-wrap .prod-event-banner-thumb img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.prod-event-banner-wrap .prod-event-banner-thumb-wrap {
	width: 100%;
	position: relative;
}

.prod-event-banner-wrap .prod-event-banner-thumb-wrap .prod-event-tag {
	position: absolute;
	background: #1090fd;
	color: #fff;
	top: 0;
	left: 0;	
    display: block;
    padding: 3px 10px;
    width: 75px;
    font-family: 'NotoSansM';
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    line-height: 22px;
    z-index: 99;
}

.prod-event-banner-wrap .prod-event-banner-info {
	text-align: left;
	margin-top: 15px;
}

.prod-event-banner-wrap .prod-event-banner-info .event-tit {
    font-family: 'NotosansR';
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    white-space: nowrap;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prod-event-banner-wrap .prod-event-banner-info .event-period {
    margin-top: 5px;
    font-size: 13px;
    color: #999;
    text-align: left;
}

.swiper-event-new .prod-event-banner-wrap {
	width: 100%;
}


.pro_info .events > b {
	float: left;
	margin: 35px 0 0;
	padding-bottom: 10px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 16px;
	border-bottom: 0px solid #999;
}
.pro_info .cd-gallery {
	margin: 0 -10px;
}
.pro_info .cd-gallery > li {
	float: left;
	margin: 0 10px 15px;
	width: 33.33333333%;
}
.pro_info .cd-gallery .cd-item-wrapper li {
	width: 100%;
}
.pro_info .cd-gallery .cd-item-wrapper li img {
	width: 100%;
}

/* 시리즈 */
.pro_info .option-list.series {
	padding: 0;
	border-top: 0px solid #999;
}
.pro_info .option-list.series b {
	float: left;
	margin: 35px 0 0;
	padding-bottom: 10px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 16px;
	border-bottom: 2px solid #999;
}
.pro_info .option-list.series li {
	margin: 0 !important;
	padding: 6px 0;
	border-top: none !important;
	border-bottom: 1px solid #ddd;
}
.pro_info .option-list.series li a {
	float: left;
	margin-right: 3px;
	border: 1px solid #dadcdd;
}
.pro_info .option-list.series li a img {
	width: 59px;
	height: 75px;
}
.pro_info .option-list.series li a img.adult {
	padding: 8px 0;
}
@media (max-width: 499px) {
	.pro_info .option-list.series li .pro-name {
		width: 53% !important;
		margin-left: 5px !important;
		line-height: 1.5rem !important;
	}
	.pro_info .option-list.series li .pro-name span {font-size: 12px !important;}
	.pro_info .option-list.series li .pro-name em {margin-top: 8px !important;}
}
.pro_info .option-list.series li .pro-name {
	width: 66%;
	height: auto;
	font-size: 14px;
	line-height: 1.65rem;
	margin-left: 20px;
}
.pro_info .option-list.series li .pro-name span {
	float: left;
	margin: 0;
	width: 100%;
	font-size: 13px;
	color: #999;
}
.pro_info .option-list.series li .pro-name em {
	float: left;
	margin-top: 17px;
	width: 100%;
	font-style: normal;
	font-family: 'NotosansR';
	font-size: medium;
}
.pro_info .option-list.series li .count {
	margin-top: 20px;
	width: 20%;
}
.pro_info .option-list.series li .count button {margin: 0;}

@media (max-width: 991px) {
	.pro_info .option-list.series li .count {float:right;}
}
@media (max-width: 640px) {
	.pro_info .option-list.series li .count {width: 26%;}
}
@media (max-width: 499px) {
	.pro_info .option-list.series {margin-bottom: 20px;}
	.col-md-7 .sub-buttons-j {
		width: 100% !important;
	}
}


.sub-buttons-j {
	float: left;
	margin-top: 30px;
	width: 55%;
}
.sub-buttons-j .btn-group button {
	width: 100%;
	font-family: 'NotosansM';
	font-size: 18px !important;
	padding: 12px 0;
}
.sub-buttons-p {
	float: left;
	margin-top: 30px;
	width: 40%;
}
.sub-buttons-p .btn-group button {
	width: 50%;
	font-family: 'NotosansM';
	font-size: 15px !important;
	padding: 10px 0;
}

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

/* 25.08.29 수정 */
/* 문의하기 버튼 */
.sub-buttons-p-s .btn-group button.btn-inquiry-submit {
    height: auto;
    border-radius: 3px;
    font-family: "Pretendard" !important;
    font-weight: 500;
}
.sub-buttons-p-s .btn-group button.btn-inquiry-submit:hover {
    color: #fff;
}

.oneoneadd .sub-buttons-p {
    width: auto;
    float: none;
    clear: both;
    margin: 0 auto;
    padding-top: 30px;
}
.oneoneadd .btn-group-justified {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.oneoneadd .btn-group-justified > button {
    width: 150px;
    height: 40px;
    border-radius: 3px !important;
    padding: 0;
}
.oneoneadd .btn-group-justified > button.btn-gray,
.oneoneadd .btn-group-justified > button.btn-gray:hover {
    background: #EEEEEE;
    color: #000;
    font-family: "Pretendard";
}
.oneoneadd .btn-group-justified > button.btn-blue2,
.oneoneadd .btn-group-justified > button.btn-blue2:hover {
    color: #fff;
    background-color: #0C90FC;
    font-family: "Pretendard";
}


.sub-buttons-p-s.oneoneArticleView {
    margin-right: 10px;
}

@media (max-width: 991px) {
    .oneoneadd .sub-buttons-p {
        padding-top: 20px;
    }
    .sub-buttons-p-s.oneoneArticleView {
        margin-top: 30px;
    }

    .sub-buttons-p-s.oneoneArticleView .btn-group-justified {
        display: flex;
    }

    .sub-buttons-p-s .btn-group button.btn-light-gray {
        max-width: 178px;
        margin: 0 auto;
    }
    .sub-buttons-p-s .btn-group button.btn-inquiry-submit {
        display: none;
    }
}

@media (max-width: 767px) {
    .sub-buttons-p-s.oneoneArticleView {
        margin-right: 0px;
    }
}

/* 25.08.29 수정 */

.sub-buttons-p-ss {
	float: left;
	margin-top: 30px;
	width: 30%;
}
.sub-buttons-p-ss .btn-group button {
	width: 15%;
	font-family: 'NotosansM';
	font-size: 15px !important;
	padding: 10px 0;
}
.sub-buttons-p-ss button:last-child {
	width: 70% !important;
	margin-left: 10px !important;
	float: right;
}


.basket-buttons {
	float: left;
	/*margin-top: 50px;*/
    margin-top: 20px;
	margin-bottom: 60px;
	width: 100%;
}

.basket-buttons p {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 22px;
    margin: 0px 0px 30px 0px;
    font-style: normal;
    white-space: normal;
    padding-left: 20px;
}

/*.basket-buttons button {
    background-image: url("../../images/kr/common/icon_0711.png");
}*/

/* 2025.08.06 */
@media (max-width: 991px) {
    .basket-buttons {
        float: left;
        margin-top: 0px !important;
        margin-bottom: 60px;
        padding-top: 15px;
        width: 100%;
    }
    .basket-buttons p {
        padding-left: 0;
    }
}


.basket-buttons p strong{
    color: #ff0000;
}



.basket-buttons .btn-group {
	width: 50%;
}
.basket-buttons .btn-group button {
	width: 33.333%;
	font-family: 'NotosansM';
	font-size: 15px !important;
	font-weight: normal;
	padding: 10px 0;
}
.basket-buttons .btn-group.order button {
	width: 50%;
}

@media (max-width: 991px) {
	.basket-buttons {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.basket-buttons .btn-group {
		width: 100% !important;
	}
	.basket-buttons .btn-group button {
		width: 33.33333333% !important;
		margin-bottom: 5px;
	}
	.basket-buttons .btn-group.order button {
		width: 50% !important;
	}
}



/* �� ��ǰ �ݾ� */
.all-price {
	float: left;
	padding: 17px 0 22px;
	width: 100%;
	font-size: 19px;
	color: #333;
	font-family: 'NotosansR';
	text-align: right;
	border-top: 1px solid #ddd;
/* 	border-bottom: 2px solid #777; */
}
.all-price p {
	float: right;
	margin: 4px 20px 0 20px;
	padding: 0;
	color: #333;
	font-size: 15px;
	font-family: 'NotosansM';
	font-style: normal;
}

.all-price button {
	float: left;
	padding: 10px 15px;
	width: 16.7%;
	font-size: 13px;
	font-family: 'Pretendard', sans-serif !important;
	font-weight: normal;
}

.all-price em {
	font-family: 'NotosansB';
	font-style: normal;
	font-size: 23px;
	color: #212121;
	margin: 0 2px 0 20px;
	letter-spacing: -.5px;
}

@media (max-width: 991px) {
	.full-mobile .all-price p {
		margin: 4px 0 0;
		padding: 0;
		color: #333;
		font-size: 13px;
		font-family: 'NotosansM';
	}
	.full-mobile .all-price button {
		float: left;
	/* 	width: 30%; */
		padding: 10px 0;
		text-align: center;
	}
	.full-mobile .all-price em {
		font-family: 'NotosansM';
		font-style: normal;
		font-size: 20px;
		color: #121212;
		margin: 0 3px 0 20px;
		min-width: 70px;
		display: inline-block;
	}
}



/* 상품상세정보 */

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

@media (max-width: 991px) {
	#a1, #a2 {height: 87px;}
	#a3 {height: 86px;}
}
@media (max-width: 499px) {
	.swiper-wrapper.m-b-md {
		margin-bottom: 0px !important;
	}
}
@media (max-width: 414px) {
	#a1, #a2 {height: 29px;}
	#a3 {height: 28px;}
	.sub-product-wrap .tab li a {
		letter-spacing: -1px;
	}
}
@media (max-width: 375px) {
	#a1, #a2, #a3 {height: 29px;}
}
@media (max-width: 360px) {
	#a1, #a2 {height: 28px;}
	#a3 {height: 29px;}
}

.sub-product-wrap {
	float: left;
	margin-top: 30px;
	width: 100%;
}
.sub-product-wrap .tab {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.sub-product-wrap .tab li {
	float: left;
	width: 33.333%;
	overflow: hidden;
}
.sub-product-wrap .tab li a {
	float: left;
	margin: 0;
	position: relative;
	padding: 13px 0 12px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 15px;
	color: #999;
	text-align: center;
	border: 2px solid #ddd;
	border-left: none;
	border-bottom-color: #0c6eaf;
	background-color: #f9f9f9;
	text-decoration: none;
}
.sub-product-wrap .tab li a:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: -2px;
	z-index: 9;
	width: 104%;
	height: 2px;
	background-color: #0c6eaf;
}
.sub-product-wrap .tab li:first-child a {
	border-left: 2px solid #d9dfe3;
}
.sub-product-wrap .tab .selected {
	color: #0c6eaf;
	z-index: 1;
	padding-bottom: 14px;
	border-left: 2px solid #0c6eaf !important;
	border-color: #0c6eaf;
	border-bottom: none;
	background-color: #fff;
}
.sub-product-wrap .tab li a.selected:after {
	background-color: transparent;
}

.sub-product-wrap {
	position: relative;
}

.sub-product-wrap .tab {
	position: absolute;
	top: 0;
	left: 0;
}

.sub-product-wrap .tab.fixed {
	position: fixed;
	z-index: 9999;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #fff;
}

.sub-product-wrap .panel {
	float: left;
	width: 100%;
	padding: 30px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
.sub-product-wrap .panel table {
	float: left;
	margin-top: 0px;
	border-top: 2px solid #8179b2;
}
.sub-product-wrap .panel table tr {
	border-bottom: 1px solid #ededed;
}
.sub-product-wrap .panel table tr th,
.sub-product-wrap .panel table tr td {
	padding: 11px 0 10px 15px;
	font-size: 13px;
	text-align: left;
}
.sub-product-wrap .panel table tr th {
	color: #555;
	font-weight: normal;
	background-color: #f9f9f9;
}
.sub-product-wrap .panel table tr td {
	color: #333;
}

.sub-product-wrap .panel .product-info {
	float: left;
	margin-top: 0px;
	width: 100%;
	border-top: 2px solid #555;
}
.sub-product-wrap .panel .product-info dl:nth-child(1) {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ededed;
}
.sub-product-wrap .panel .product-info dl:nth-child(1) dt {
	width: 18%;
}
.sub-product-wrap .panel .product-info dl:nth-child(1) dd {
	width: 82%;
}
.sub-product-wrap .panel .product-info dl dd em {
	font-style: normal;
}
.sub-product-wrap .panel .product-info dl {
	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: 40px;
	font-size: 14px;
	line-height: 38px;
	text-align: left;
}
.sub-product-wrap .panel .product-info dl dt {
	width: 36%;
	font-family: 'NotosansM';
	color: #333;
	font-weight: normal;
	background-color: #f9f9f9;
}
.sub-product-wrap .panel .product-info dl dd {
	width: 64%;
	color: #555;
	font-family: 'NotosansR';
}

@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 .tab li a {
		font-size: 13px !important;
	}
	.sub-product-wrap .panel {
		padding: 30px 0 0 !important;
	}
	.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:nth-child(1) dt,
	.sub-product-wrap .panel .product-info dl dt {
		width: 30%;
	}
	.sub-product-wrap .panel .product-info dl:nth-child(1) dd,
	.sub-product-wrap .panel .product-info dl dd {
		overflow: hidden;
		width: 70%;
	}
	.sub-product-wrap .panel .product-info dl dd em {
		display: inline-block;
		line-height: 20px;
		vertical-align: middle;
	}
}
@media (max-width: 500px) {
	.sub-product-wrap .panel .product-info dl dt {
		padding-right: 0 !important;
		padding-left: 10px;
		letter-spacing: -.02em;
	}
}
@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;
	}
	.sub-product-wrap .tab .selected {letter-spacing: -.05em;}
}
@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: 20px 0 15px;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
}
.sub-product-wrap .panel h4 strong {
	color: #0c6eaf;
}
.sub-product-wrap .panel p {
	float: left;
	margin-bottom: 7px;
	width: 100%;
	font-size: 13px;
	color: #777;
}
.sub-product-wrap .panel p img {
	max-width: 100% !important;
	height: auto !important;
}

.sub-product-wrap .panel p .detail_info {
	float: left;
	margin-right: 6px;
}
.sub-product-wrap .panel li span {
	font-size: 13px;
	line-height: 26px;
}
.sub-product-wrap .panel li h4 + span {
	white-space: pre-wrap;
}
.sub-product-wrap .panel > li > div {
	margin-bottom: 7px;
	font-size: 13px !important;
	color: #777 !important;
	text-align: left !important;
}
.sub-product-wrap .panel > li > div > img {
	display: block;
	margin: 0 auto;
}

@media all and (min-width: 992px) {
	.sub-product-wrap .panel p.last2 {
		margin-left: 45px;
	}
}
@media all and (max-width: 991px) {
	.sub-product-wrap .panel > li > div > img {
		width: 100%;
	}
}
@media (max-width: 720px) {
	.sub-product-wrap .panel li h4 + span iframe {
		width: 100%;
		height: 362px;
	}
}
@media (max-width: 639px) {
	.sub-product-wrap .panel li h4 + span iframe {height: 324px;}
}
@media (max-width: 500px) {
	.sub-product-wrap .panel li h4 + span iframe {height: 246px;}
}
@media (max-width: 414px) {
	.sub-product-wrap .panel li h4 + span iframe {height: 216px;}
}
@media (max-width: 390px) {
	.sub-product-wrap .panel li h4 + span iframe {height: 202px;}
}
@media (max-width: 375px) {
	.sub-product-wrap .panel li h4 + span iframe {height: 194px;}
}
@media (max-width: 360px) {
	.sub-product-wrap .panel li h4 + span iframe {height: 186px;}
}



/* 한줄평 */

.sub-product-wrap .panel .comment-box {
	float: left;
	margin-bottom: -1px;
	padding: 25px 20px;
	width: 100%;
	background-color: #f7f7f7;
	border: 1px solid #e4e4e4;
}
.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;
	margin-left: 15px;
	width: 87px;
	min-width: 87px;
	height: 40px;
	font-size: 14px;
	border-radius: 3px;
}
@media (max-width: 1199px) {
	.comment-box .textarea {
		width: 85% !important;
	}
}
@media (max-width: 991px) {
	.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) {
	.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: 25px;
	}
}
.comment-box .textarea {
	float: left;
	position: relative;
	width: 90%;
	overflow: hidden;
}
.comment-box .textarea textarea {
	height: 40px;
	overflow-y: auto;
	font-size: 13px;
	color: #121212;
	letter-spacing: -.4px;
	resize: none;
	padding: 10px;
	overflow-y: hidden;
}
.comment-box .textarea textarea {
	margin-bottom: 5px;
}
.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;
}

/* 구매후기/리뷰 */
.sub-product-wrap .panel li.oneReview {
	float: left;
	width: 100%;
}
.sub-product-wrap .panel li.reviewRating1 {
	float: left;
	width: 21%;
	padding: 0 25px;
	text-align: center;
}
@media (max-width: 499px) {
	.sub-product-wrap .panel li.reviewRating1 h8 {
		margin-left: 0 !important;
	}
}
.sub-product-wrap .panel li.reviewRating1 h8 {
	float: left;
	width: 100%;
	font-family: 'NotosansM';
	color: #121212;
	font-size: 16px;
	text-align: left;
	margin-left: -25px;
}
.sub-product-wrap .panel li.reviewRating1 span {
	float: left;
	width: 100%;
	color: #797979;
	font-size: 24px;
	line-height: 24px;
	margin-top: 17px;
}
.sub-product-wrap .panel li.reviewRating1 span strong {
	color: #121212;
	font-size: 28px;
	padding-right: 5px;
}
.sub-product-wrap .panel li.reviewRating1 span em {
	color: #999;
	font-size: 13px;
	font-style: normal;
	padding-left: 3px;
}
.sub-product-wrap .panel li.reviewRating1 .star-rating {
	width: 79px;
	margin: 5px 0 5px;
}
.sub-product-wrap .panel li.reviewRating1 .star-rating em {
	width: 100%;
}
.sub-product-wrap .panel li.reviewRating1 ins {
	float: left;
	width: 100%;
	color: #797979;
	font-size: 14px;
	text-decoration: none;
	margin: 4px 0 20px;
}
.sub-product-wrap .panel li.reviewRating1 ins strong {
	font-weight: 600;
	color: #121212;
}

.sub-product-wrap .panel li.reviewRating2 {
	float: left;
	width: 43%;
	padding: 9px 45px 0;
	margin: 0;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.sub-product-wrap .panel li.reviewRating2 ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.sub-product-wrap .panel li.reviewRating2 ul li {
	float: left;
	width: 100%;
}
.sub-product-wrap .panel li.reviewRating2 ul li .progress {
	margin-bottom: 8px;
}
.sub-product-wrap .panel li.reviewRating2 ul li.txtArea {
	float: left;
	width: 100%;
	text-align: center;
	padding: 8px 0 0;
}
.sub-product-wrap .panel li.reviewRating2 ul li.txtArea strong {
	color: #e60618;
}
.sub-product-wrap .panel li.reviewRating2 span {
	color: #999;
	font-size: 12px;
	float: left;
	width: 15%;
	line-height: 12px;
}
.sub-product-wrap .panel li.reviewRating2 .graphBar {
	float: left;
	width: 70%;
}

@media (max-width: 1200px) {
	.sub-product-wrap .panel li.reviewRating3 {
		width: 30% !important;
	}
}
.sub-product-wrap .panel li.reviewRating3 {
	float: left;
	width: 30%;
	padding-left: 43px;
}
.sub-product-wrap .panel li.reviewRating3 span {
	float: left;
	width: 100%;
	text-align: center;
}
.sub-product-wrap .panel li.reviewRating3 span a {
	float: left;
	width: 72px;
	height: 72px;
	margin: 0 5px 10px;
	background-color: #f5f5f5;
}
.sub-product-wrap .panel li.reviewRating3 span a img {
	float: left;
	width: 100%;
}

.sub-product-wrap .panel li.reviewRating3 div {
    text-align: left !important;
	margin-top: 30px;
}

.sub-product-wrap .panel li.reviewRating3 button {
	float: left;
	width: 49.5%;
	font-family: 'NotoSansM';
	font-size: 13px;
	padding: 8px 0;
	color: #fff;
	border-radius: 3px;
}
.sub-product-wrap .panel li.reviewRating3 button:nth-child(2) {
	background: #c9c9c9;
	margin-right: .5%;
}
.sub-product-wrap .panel li.reviewRating3 button:nth-child(2):hover {
	background: #797979;
	-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-product-wrap .panel li.reviewRating3 button:nth-child(3) {
	background: #c9c9c9;
	margin-left: .5%;
}
.sub-product-wrap .panel li.reviewRating3 button:nth-child(3):hover {
	background: #797979;
	-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-product-wrap .panel li.reviewRating3 button:nth-child(2) em{
	color: #bfd9ea;
}
.sub-product-wrap .panel li.reviewRating3 button em {
	float: left;
	width: 100%;
	font-family: 'NotoSansR';
	font-size: 13px;
	color: #e4e8eb;
	font-style: normal;
	margin-top: 5px;
}

@media (min-width: 1300px) {
	.sub-product-wrap .panel li.reviewRating2 {width: 46%;}
}

@media (max-width: 991px) {
	.sub-product-wrap .panel li.reviewRating1 {
		float: left;
		width: 40% !important;
		margin-bottom: 15px;
		text-align: left;
	}
	.sub-product-wrap .panel li.reviewRating2 {
		float: left;
		width: 60% !important;
		padding: 9px 25px 0 0 !important;
		border: none !important;
		margin: 0 0 30px !important;
		text-align: left;
	}
	.sub-product-wrap .panel li.reviewRating3 {
		width: 100% !important;
		margin-bottom: 15px;
		padding-right: 0;
		text-align: center;
	}
	.sub-product-wrap .panel li.reviewRating2 ul li.txtArea {padding: 0 !important;}
	.sub-product-wrap .panel li.reviewRating3 span {
	    float: none !important;
	    width: auto !important;
	    display: inline-block;
	}
	.message-header p.message-date {margin-top: 15px;}
	
}
@media (max-width: 599px) {
	.sub-product-wrap .panel li.reviewRating1,
	.sub-product-wrap .panel li.reviewRating2,
	.sub-product-wrap .panel li.reviewRating3 {
		width: 100% !important;
		margin-bottom: 15px;
		text-align: center;
	}
}
@media (max-width: 499px) {
	.sub-product-wrap .panel li.reviewRating1 {
		padding: 0;
	}
	.sub-product-wrap .panel li.reviewRating1 button.btn {
		float: left;
		width: 100% !important;
		padding: 10px 0;
		margin-bottom: 15px;
	}
	.sub-product-wrap .panel li.reviewRating2 {
		padding: 9px 0 0 0 !important;
	}
	.sub-product-wrap .panel li.reviewRating3 {
		margin-bottom: 0 !important;
        padding-left: 0;
	}
	.sub-product-wrap .panel li.reviewRating3 span a {
		width: 69px !important;
		height: 69px !important;
	}
    .sub-product-wrap .panel li.reviewRating3 div {
        margin-top: 0;
    }
	.sub-product-wrap .panel li.reviewRating3 button {
		padding: 10px 0 !important;
        font-size: 15px;
	}
}

.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;
	}
	.message-header {padding: 15px 0;}
	.message-header h3 {width: 100%;}
	.message-header p.message-date {
	    float: left;
	    margin: 10px 0 0;
	    color: #999;
	}
}
.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: 2px;
}
.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;
/* 	top: 40%; */
	bottom: -2.5px;
	left: 50%;
/* 	margin-top: 9px; */
	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;
/* 	line-height: 1em; */
	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 {
    position: relative;
	float: left;
	width: auto;
	margin-right: 6px;
	margin-top: 0;
}
.modal-body .table td .image-file span.img .btn-remove{
    position: absolute;
    top: 0;
    right: 0;
    width: 21px !important;
    height: 22px !important;
    background: #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2px 0 0;
    margin-top: 0 !important;
}
.modal-body .table td .image-file span.img .btn-remove::before{
    content: "";
    width: 8.5px;
    height: 8.5px;
    background: url('../../images/kr/shop/close-white-8.svg') no-repeat center center;
    background-size: 8.5px 8.5px;
}
.modal-body .table td .image-file span.img a {
	width: 51px;
	height: 66px;
}
.modal-body .table td .image-file span.img a .dropify-wrapper {height: 66px;}
.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;}
    .modal-body .table td .image-file span.img {
        margin-right: 2px;
        margin-bottom: 2px;
    }
    #reviewFile td {
        padding-bottom: 4px;
    }
}
@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;
	}
}

.reviewArea {
	float: left;
	width: 100%;
	padding: 20px 30px 0;
	background-color: #fff;
}
.reviewArea h5 {
	float: left;
	width: 100%;
	font-size: 15px;
}
@media (max-width: 499px) {
	.reviewArea h5 span {
		padding-top: 15px;
	}
}
.reviewArea h5 span {
	float: right;
}
.reviewArea h5 span a {
	float: left;
	font-size: 13px;
	padding-left: 12px;
	line-height: 22px;
}
.reviewArea h5 span em {
	float: left;
	font-style: normal;
	margin: 2px 0 0;
}
.reviewArea h5 span em label {
	font-size: 13px;
}
.reviewArea ul {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
.reviewArea ul li:first-child.reviewList {
	border-top: 1px solid #999;
}
.reviewArea ul li:last-child.reviewList {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #999;
}

.reviewArea ins {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #121212;
	text-decoration: none;
}
.reviewArea ins strong {
	float: left;
	width: 10%;
	margin-bottom: 20px;
}
.reviewArea ins em {
	float: left;
}
.reviewArea ins span {
	float: left;
	margin: -1px 0 0 10px;
}
.reviewArea ins strong button {
	margin-top: -4px;
	padding: 0 10px;
	background: transparent;
	font-size: 15px;
	color: #777;
/* 	border: none; */
/* 	border-radius: 4px; */
}
.reviewArea ins strong button:hover {
	color: #121212;
}
@media (max-width: 499px) {
	.reviewList {
		padding: 20px 15px !important;
	}
	.reviewContent {
		overflow: hidden;
	}
}
.reviewList {
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 20px 0;
}
.reviewList:first-child {
	border-top: none;
}
.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 img {
	width: 20%;
}
.reviewHead {
	float: left;
	width: 90%;;
	color: #999;
}
.reviewHead strong {
	display: inline-block;
	min-width: 55px;
	color: #333;
	text-align: center;
	padding: 3px 7px;
	background-color: #eee;
	border-radius: 5px;
	margin-right: 10px;
}
.reviewHead span {
	min-width: 100px;
	color: #333;
	margin: 0 10px 0 0 !important;
}
.reviewContent {
	float: left;
    width: 100%;
    font-size: 13px;
    padding: 10px 0;
    color: #5f5f5f;
    line-height: 20px;
}
ul.reviewContentImg {
	float: left;
    width: 100%;
    padding: 0;
    margin: 15px 0 15px;
}
ul.reviewContentImg li {
	float: left;
    width: 15.6%;
    margin: 10px 5px 0;
}

@media (max-width: 991px) {
	ul.reviewContentImg li {width: 18.89%;}
	ul.reviewContentImg li:last-child {margin-right: 0;}
}
@media (max-width: 767px) {
	ul.reviewContentImg li {width: 18.17%;}
}
@media (max-width: 499px) {
	ul.reviewContentImg {margin: 0;}
	ul.reviewContentImg li {width: 17.3%;}
}

ul.reviewContentImg li:nth-child(1) {
    margin-left: 0;
}
ul.reviewContentImg li img {
    width: 100%;
    background-color: #fafafa;
}

a.btnOpenClose {
	float: left;
	color: #121212;
	font-size: 12px;
	margin-top: 10px;
/* 	margin-bottom: 10px; */
	letter-spacing: .5px;
	border: 1px solid #c1c1c1;
    padding: 3px 6px;
    background: #f3f3f3;
}
a:hover.btnOpenClose {
	border: 1px solid #999;
    background: #f8f8f8;
}
a:focus.btnOpenClose {
	color: #121212;
}

@media (min-width: 500px) {
	.reviewList {position: relative;}
/* 	.reviewArea ins { */
/* 		position: absolute; */
/* 		top: 29px; */
/* 		right: 0; */
/* 	} */
	.reviewArea ins strong {margin-bottom: 0px;}
}
@media (max-width: 1300px) {
	.sub-product-wrap .panel {padding: 30px 0;}
	.reviewArea {padding: 20px 0 0;}
	.reviewHead {width: 88%;}
	.reviewArea ins strong {width: 12%;}
}
@media (max-width: 640px) {
	.reviewHead {width: 75%;}
	.reviewArea ins strong {width: 25%;}
}
@media (max-width: 499px) {
	.reviewHead {width: 70%;}
	.reviewArea ins strong {width: 30%; margin-bottom: 10px;}
}
@media (max-width: 414px) {
	.reviewHead {width: 68%;}
	.reviewArea ins strong {width: 32%;}
}
@media (max-width: 385px) {
	.reviewHead {width: 65%;}
	.reviewArea ins strong {width: 35%;}
}
@media (max-width: 375px) {
	.reviewHead {width: 63%;}
	.reviewHead span {min-width: 80px;}
	.reviewArea ins strong {width: 36%;}
}
@media (max-width: 360px) {
	.reviewHead {width: 62%;}
	.reviewArea ins strong {width: 38%;}
}


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


td.noneList {
    width: 100% !important;
    text-align: center !important;
    font-size: 14px !important;
    color: #888 !important;
    letter-spacing: 0px;
    padding: 120px 10px 130px !important;
}
td.noneList img {
    display: none;
    width: 64px;
    margin: 10px 0;
}


.basketlist {float: left; width: 100%;}
.basketlist .col-md-2,
.basketlist .col-md-3,
.basketlist .col-md-34,
.basketlist .col-md-4,
.basketlist .col-md-6 {
	padding-left: 0;
	padding-right: 0;
	margin: 10px 0;
	border-left: 0px solid #ddd;
}
.basketlist .col-md-3 {margin-bottom: 0;}
.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;}
.basketlist .panel .panel-heading {padding: 17px 0 15px;}
.basketlist.bgW .panel.panel-primary .panel-heading {background: #fff;}

@media (max-width: 991px) {
    .panel-body-sub.basketlist {display: none;}
	.basketlist {margin-bottom: 1px;}
	.basketlist .col-md-2,
	.basketlist .col-md-3,
	.basketlist .col-md-34,
	.basketlist .col-md-6 {
		float: left;
		width: 50% !important;
		margin: 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;}
	
	.categoryRight .basketlist {margin: 10px 0 21px;}
	.categoryRight .basketlist .panel .panel-heading {color: #333;}
	.categoryRight .basketlist > a:hover {z-index: 10;}
	.categoryRight .basketlist > a:hover .panel .panel-heading {border-color: #1090fd !important;}
	.categoryRight .basketlist .panel.panel-primary .panel-heading {
		z-index: 10;
		color: #1090fd;
		background-color: #fff;
		border-color: #1090fd !important;
	}
	.categoryRight .basketlist .panel .panel-heading h3 {
		padding: 0 10px;
		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 .myB_info .myB_top {float:left; width : 50%;height : 80px;}
.basket .myB_info .top_table p {float: left; width: auto; margin-bottom: 0;}
.basket .myB_info span .myB_top_line {height: 80px;}
.basket .myB_info .top_table .top_num {line-height: 20px;}
.basket .myB_info .top_table em {float: right; color: #333; font-size: 15px; font-family: 'NotosansM', sans-serif;}
.basket .myB_info .top_table em strong {color: #1090fd;}
@media (max-width: 767px) {
	.basket .myB_info .top_table p {float: left; width: 100%; font-size: 13px; margin-right: 0px; margin-bottom: 10px;}
	.basket .myB_info .top_table p i {float: none;}
	.basket .myB_info .top_table em {float: left;}
	.basket .myB_info .myB_top,
	.basket .myB_info span .myB_top_line {height: 110px;}
	.basket .myB_info span.myB_top:nth-child(2) .myB_top_line {margin-top: 0;}
}
@media (max-width: 375px) {
	.basket .myB_info .top_table p {letter-spacing: -.9px;}
}



.basket {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px;
}
.basket:nth-child(1) {padding: 40px 20px 20px;}
.basket h5 {
	float: left;
	width: 100%;
	margin: 30px 0 13px;
	font-family: 'NotosansM';
	font-size: 16px;
}
.basket h5:first-child {
	margin-top: 0;
}
.basket table {
	border-top: 2px solid #777;
}
.basket table tr.bgf th {
    background: #f6f8fa;
}
.basket table tr {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}
.basket table tr:first-child {
	border-bottom: 1px solid #ccc;
}
.basket table tr th {
	padding: 13px 0 15px;
	font-family: 'NotosansM';
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-align: center;
}
.basket table tr th:first-child {
	padding: 8px 21px 8px 11px;
}
.basket table tr td {
	padding: 10px 0;
	font-size: 13px;
	color: #333;
	background: #fff;
}
.basket table tr td:first-child {
	padding: 15px 0 15px 21px;
	vertical-align: top;
}
.basket table tr td strong {
	float: left;
	margin: 1px 0 4px;
	color: #7b90a1;
}

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

@media (max-width: 991px) {
	.basket,
	.basket:nth-child(1) {padding-right: 0; padding-left: 0; padding-top: 20px;}
	.basket table.full-mobile {display: table;}
	.basket table tr td > p:before {
		content: '';
		position: absolute;
		top: -0.03em;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #ccc;
	}
	.basket .full-mobile .basketImg {
		/* width: 25%; */
        min-width: 80px !important;
		/* height: auto; */
		max-height: 124px;
	}
	.basket .full-mobile .basketText {
		width: 65%;
	}
	.basket .full-mobile table tr td {}
}


.basket .basketImg {
	position: relative;
	float: left;
	width: 80px;
	height: 106px;
	overflow: hidden;
	margin-right: 20px;
	border: 1px solid #ddd;
}
.basket .basketImg img {
	width: 100%;
	min-height: 100%;
	border: 0px solid #ddd;
}
.basket .basketText {
	float: left;
	margin: 0;
	padding: 0;
	width: 66%;
}
.basket .basketText .cd-soldout {
	position: initial;
	float: left;
	margin-bottom: 0;
	font-style: normal;
}
.basket .basketText .cd-soldout span {
	display: inline-block;
	float: left;
	margin: 0 2px 2px 0;
	padding: 0;
	width: 55px;
	font-size: 11px;
	color: #fff;
    border-radius: 3px;
}
.basket .basketText .cd-soldout span.sale {
	background-color: #9d51f2;
}
.basket .basketText .cd-soldout span.gift {
	background-color: #1ab499;
}
.basket .basketText .cd-soldout span.book {
	background-color: #0cc3d4;
}
/* .basket .basketText .cd-soldout span.sale { */
/* 	background-color: #1da890; */
/* } */
/* .basket .basketText .cd-soldout span.gift { */
/* 	background-color: #0c99d6; */
/* } */
/* .basket .basketText .cd-soldout span.book { */
/* 	background-color: #0c6eaf; */
/* } */
/* .basket .basketText .cd-soldout span.ebook { */
/* 	background-color: #0cc5d6; */
/* } */
/* .basket .basketText .cd-soldout span.audio { */
/* 	background-color: #9d51f2; */
/* } */
.basket .basketText a {
	float: left;
	margin-top: 0;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 14px;
	line-height: 1.3em;
	color: #333;
}
.basket .basketText a span {
	float: left;
	margin: 7px 0 5px;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 13px;
}
.basket table tr td .basketText > span {
	float: left;
	margin: 5px 0 -2px;
	width: 100%;
	color: #555;
	font-size: 13px;
}
.basket table tr td .basketText > span button {
	margin-top: -3px;
	margin-left: 5px;
	padding-top: 3px;
	height: 25px;
}
.basket .basketText input[type="button"] {
	padding: 8px 0;
	width: 86px;
	color: #455869;
	border: 1px solid #ccc;
	background-color: #fff;
}
.basket .basketText input[type="button"]:hover {
	background-color: #edf0f0;
}

@media (max-width: 991px) {
	.basket .full-mobile .basketImg img {
		width: 100%;
		height: 100%;
        min-width: 80px;
        min-height: 124px;
	}
	.basket .full-mobile th:first-child,
	.basket .full-mobile td:first-child {padding-left: 10px !important;}
	.basket .full-mobile .basketNumber {
		padding: 0;
		font-size: 13px;
		border-left: none !important;
	}
	.basket .full-mobile .basketText {
		padding: 0;
	}
	
	.basket .full-mobile .basketNumber table {
		margin-top: 20px;
		border-top: 1px solid #777;
	}
	.basket .full-mobile .basketNumber table tr th,
	.basket .full-mobile .basketNumber table tr td {
		padding: 8px 10px;
	}
	.basket .full-mobile .basketNumber table tr th {
		font-family: 'NotosansM';
		font-size: 14px;
		text-align: left;
		background-color: #f8f8f8;
	}
	.basket .full-mobile .sub-product-cons {
		padding: 5px 0;
		border-top: 1px dashed #ddd;
		border-bottom: none;
	}
	.basket .full-mobile .sub-product-cons dl {
		float: left;
		padding: 5px 0;
		width: 50%;
		height: 22px;
	}
	.basket .full-mobile .sub-product-cons dl dt {
		width: 35%;
		font-size: 13px;
	}
	.basket .full-mobile .sub-product-cons dl dd {
		width: 65%;
		font-size: 13px;
	}
	.basket .full-mobile .sub-product-cons dl dd em {
		margin-right: 2px;
		font-style: normal;
	}
}
@media (max-width: 414px) {
	.basket .full-mobile .sub-product-cons dl dt {width: 40%;}
	.basket .full-mobile .sub-product-cons dl dd {width: 60%;}
	.basket .full-mobile .sub-product-cons dl.full-width dt {width: 20%;}
	.basket .full-mobile .sub-product-cons dl.full-width dd {width: 80%;}
}



.basket .basketNumber {
	padding: 0 25px;
	font-size: 15px;
	color: #555;
	text-align: right;
/* 	border-left: 1px solid #ddd; */
}
.basket .basketNumber span {
	display: block;
	width: 100%;
	font-size: 13px;
	margin-top: 6px;
}


.basket .basketNumber input[type="text"] {
	display: inline-block;
	padding: 4px 15px 7px !important;
	width: 46%;
	height: 34px;
	font-family: 'NotosansR';
	font-size: 13px;
	text-align: right;
    border-radius: 2px;
}
.basket .basketNumber input[type="button"] {
	float: right;
	margin-top: 15px;
	padding: 7px 8px;
	height: 40px;
	font-family: 'NotosansR';
	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: 15px;
	color: #555;
	text-align: right;
/* 	border-left: 1px solid #ddd; */
}
.basket .basketDelivery {
	padding-right: 10px;
	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;
}
@media (max-width: 414px) {
	.basket .basketNumber i {
		font-family: 'NotosansR' ;
		color: #555;
		font-size: 16px;
		font-style: normal;
	}
	.basket .basketNumber em {
		font-family: 'NotosansM' ;
		color: #121212;
		margin-left: 6px;
	}
}
.basket .basketNumber em {
	font-size: 16px;
}
.basket .basketPrice em {
	font-family: 'NotosansB';
	font-style: normal;
}
.basket .basketNumber em,
.basket .basketDelivery em {
	font-family: 'NotosansR';
	font-style: normal;
}
.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: 'NotosansB';
	font-size: 13px;
	color: #127acb;
	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 .basketImg span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 10px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	background-color: #1da890;
	border-radius: 2px;
}
.basket .soldout .show {
	z-index: 1;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 106px;
	background-color: transparent;
}
.basket .soldout .show a {
	text-decoration: none;
}
.basket .soldout button {
	background: #999;
	cursor: default;
}
.basket .soldout .show a {
	font-size: 11px;
}
.soldout .show {
	position: absolute;
	width: 122px;
	height: 122px;
	background: url(../../images/kr/shop/bg_soldout.png) repeat;
}
.soldout .show a {
	position: absolute;
	bottom: 0;
	padding: 5px 0;
	width: 100%;
	font-family: Dotum, Arial, sans-serif;
	color: #fff;
	text-align: center;
	background-color: #555;
}
.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;
}
.soldout .pro-name,
.soldout .pro-name a,
.soldout .pro-name a span,
.soldout .pro-name p {
/* 	color: #c9d1d7 !important; */
}

.basket .basketOption td {
	background-color: #f5f5f5;
}
.basket .basketOption span {
	margin: 10px 0 0 0;
}
.basket .basketOption span:first-child {
	margin: 0;
}
.basket .basketOption p {
	float: left;
	margin-top: 10px;
	width: 115px;
	font-size: 16px;
	color: #555;
}
.basket .basketOption select {
	float: left;
	padding: 9px 0 10px 20px;
	width: 519px;
	height: 40px;
	font-weight: normal;
	font-size: 16px;
	background-image: url(../../images/kr/select_arrow1.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.basket .basketOption input[type="button"] {
	float: left;
	margin-right: 6px;
	padding: 8px 0;
	width: 86px;
	color: #455869;
	border: 1px solid #ccc;
	background-color: #fff;
}
.basket .basketOption input[type="button"]:hover {
	background-color: #edf0f0;
}
.basket .basketOption .btn-option {
	color: #fff !important;
	background-color: #7b90a1 !important;
}
.basket .basketOption .btn-option:hover {
	background-color: #697b89 !important;
}

@media (max-width: 991px) {
	.basket .full-mobile .soldout .show {
		width: 100%;
		height: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.basket .basketImg {
		height: 200px;
	}
}


@media (max-width: 1199px) {
	.padd.btn {padding: 9px 12px 8px;}
}
@media (max-width: 991px) {
	.padd.btn {padding: 8px 12px 7px; border-radius: 2px; height: 40px;}
}



/* AllPrice */

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



.gift-list h5 {
	float: left;
	margin: 0 0 15px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 18px;
}
.gift-list .cd-gallery > li {width: 20%;}
.gift-list .cd-gallery .cd-item-wrapper {
	padding: 13px;
	height: 224px;
}
.gift-list .cd-gallery .cd-item-wrapper label {
	top: 15px;
	left: 17px;
	z-index: 9;
}

@media (min-width: 992px) {
	.gift-list .cd-gallery > li {width: 25%;}
}
@media (min-width: 1200px) {
	.gift-list .cd-gallery > li {width: 20%;}
}

@media (max-width: 991px) {
	.gift-list .cd-gallery > li {width: 50%;}
	.gift-list .cd-gallery .cd-item-wrapper {height: 360px;}
}
@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: 500px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 211px !important;}
	.gift-list .cd-item-info > b {font-size: 15px;}
	.cd-item-info .cd-price {font-size: 16px; height: auto;}

}
@media (max-width: 414px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 184.5px !important;}
	.gift-list .cd-item-info > b {font-size: 14px;}
	.cd-item-info .cd-price {font-size: 15px;}
}
@media (max-width: 375px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 165px !important;}
	.gift-list .cd-item-info > b {font-size: 13px;}
	.cd-item-info .cd-price {font-size: 14px;}
}
@media (max-width: 414px) {
	.gift-list .cd-gallery .cd-item-wrapper {height: 157.5px !important;}
}



.full-price {
	float: left;
	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 0 5px 0 rgba(0, 0, 0, 0.10);
	   -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
			box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
}
.full-price p {
	float: left;
	margin: 24px 0 21px;
	padding: 0 17px;
	width: 30%;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #707070;
	text-transform: uppercase;
	text-align: center;
}
@media (max-width: 499px) {
	.full-price p span {
		margin-top: 2px !important;
	}
}
.full-price p span {
	display: block;
	margin-top: 7px;
	font-weight: 400;
	font-size: 17px;
	color: #121212;
}
.full-price p em {
	margin: 0 0 0 3px;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
}
.full-price p.pay-symbols {
	margin: 40px 0 38px;
	padding: 0;
	width: 5%;
}
.full-price p.pay-symbols img {
	width: 12px;
}

.full-price button {
	float: left;
	padding: 10px 15px;
	width: 16.7%;
}

@media (max-width: 767px) {
	.full-price p {
		padding: 0;
		width: 25%;
		color: #121212;
		font-size: 13px;
		font-weight: 500;
	}
	.full-price p:first-child {
		width: 30%;
	}
	.full-price p:nth-last-of-type(1) {
		width: 35%;
	}
	.full-price p em {
		margin: 0;
	}
}
@media (max-width: 640px) {
	.full-price p {
		width: 45% !important;
		margin: 14px 0 11px;
	}
	.full-price p.pay-symbols {
		width: 10% !important;
		margin: 30px 0 28px;
	}
	.full-price p:nth-last-of-type(2).pay-symbols {width: 51% !important; text-align: right;}
	.full-price p:nth-last-of-type(1) {
		float: right;
		width: 49% !important;
	}
}


.full-price2 {
	float: left;
	margin-top: 20px;
	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.07);
	   -moz-box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.07);
			box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.07);
}
.full-price2 h5 {
	float: left;
	margin-top: -40px !important;
	font-family: 'NotosansM';
	font-size: 18px;
}
.full-price2 p {
	position: relative;
	float: left;
	margin: 24px 0 21px;
	padding: 0 17px;
	width: 16.66666667%;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #707070;
	text-transform: uppercase;
	text-align: center;
}
.full-price2 p:last-child:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 1px;
	height: 56px;
	background-color: #ddd;
}
.full-price2 p span {
	display: block;
	margin-top: 7px;
	font-weight: 400;
	font-size: 17px;
	color: #121212;
}
.full-price2 p em {
	margin: 0 3px 0 0;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
}
.full-price2 p.pay-symbols {
	margin: 40px 0 38px;
	padding: 0;
	width: 5%;
}
.full-price2 p.pay-symbols img {
	width: 12px;
}

.full-price2 button {
	float: left;
	padding: 10px 15px;
	width: 16.7%;
}
@media (max-width: 1300px) {
	.full-price2 p {
		padding: 0;
		color: #121212;
		font-size: 13px;
	}
}
@media (max-width: 991px) {
	.full-price2 p {
		letter-spacing: -1px;
	}
}
@media (max-width: 767px) {
	.full-price2 p:first-child {
		width: 30%;
	}
	.full-price2 p:nth-of-type(5) {
		width: 35%;
	}
	.full-price2 p em {
		margin: 0;
	}
	.full-price2 p {font-size: 16px; letter-spacing: 0;}
	.full-price2 p,
	.full-price2 p.pay-symbols,
	.full-price2 p:nth-of-type(5) {width: 100%; text-align: center; margin: 10px 0;}
	.full-price2 p:nth-last-of-type(1),
	.full-price2 p:nth-last-of-type(2) {float: left; width: 50%; margin-left: 0;}
}





/* OrderDetail */

.orderDetail {
	padding: 0 !important;
	background-color: transparent;
}
.orderDetail .full-desktop tr td:first-child {
/* 	padding: 20px; */
}
.orderDetail .full-desktop .basketImg {
	width: 70px;
	height: 84px;
}
.orderDetail .full-desktop .basketText {
/* 	margin-bottom: 0; */
/* 	padding-top: 5px; */
/* 	line-height: normal; */
}
.orderDetail .full-desktop .basketNumber {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 15px;
}
.orderDetail .full-desktop .basketPrice {
	padding-right: 10px;
	font-size: 15px;
}
.orderDetail .basketPrice em {
	font-family: 'NotosansR';
}
.orderDetail .full-desktop .process {
	padding: 5px 10px;
}
.orderDetail .process em {
	font-family: 'NotosansR';
}
.categoryRight h4 {
	margin: 0;
	font-family: 'NotosansB';
	font-size: 20px;
	text-align: left;
}
/* 25.09.01 수정 */
.categoryRight .save-money-list h4,
.categoryRight .order-main-list h4,
.categoryRight .order-sub-list h4,
.categoryRight .coupon-used-list h4,
.categoryRight .oneone-panel-heading h4 {
    font-family: 'Pretendard', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

/* 25.09.01 수정 */


/* 기획전 타이틀 영역 */
.categoryRight h4.promotion .row {
	margin-right: -7.5px;
	margin-left: -7.5px;
}
.categoryRight h4.promotion em {
	float: left;
	width: auto;
	color: #333 !important;
}
@media (max-width: 500px) {
	.categoryRight h4.promotion span {
		float: left !important;
		width: 100% !important;
		margin: 15px 0 10px;
	}
}
.categoryRight h4.promotion span {
	float: right;
	width: auto;
}
.categoryRight h4.promotion span a {
	float: left;
	width: auto;
	font-family: 'NotosansR';
	font-size: 15px;
	line-height: 1.8rem;
	padding: 0 7.5px;
}

@media (max-width: 499px) {
	.categoryRight h4.promotion span a {
		padding: 0 0 0 7px;
	}
	.categoryRight .panel-heading2 h6 {
		text-align: left !important;
		font-size: 13px !important;
		line-height: 1.4;
		letter-spacing: -.1px;
	}
}
.categoryRight h4.promotion span a:hover {
	font-family: 'NotosansM';
	color: #1090fd;
}
.categoryRight h5 {
	float: left;
	margin: 20px 0 6px;
	width: 100%;
	/* font-family: 'NotosansL'; */
    /* 25.09.01 수정 */
    font-family: "Pretendard";
    /* 25.09.01 수정 */
	font-size: 16px;
	color: #333;
}
.categoryRight h5 em {
	font-family: 'NotosansB';
	font-style: normal;
	margin: 0 4px 0 6px;
}
.categoryRight h6 {
	position: relative;
	margin-top: 10px;
	/* font-family: 'NotosansR'; */
    /* 25.09.01 수정 */
    font-family: "Pretendard";
    /* 25.09.01 수정 */
	font-size: 12px;
	text-align: right;
}
.categoryRight h6.text-right {
	margin-top: -10px;
}
.categoryRight h6.text-right button {
	margin-top: -12px;
}
.orderDetail h4 {
	margin: 28px 0 13px;
	height: 18px;
	font-family: 'NotosansM';
	font-size: 16px;
}
.orderDetail h4 > div.buttons {
	float: right;
	margin-top: -10px;
}
.orderDetail h4 > div.buttons button {}

.categoryRight .tableth {
	background-color: transparent;
}
.categoryRight .tableth h5 {
	float: left;
	margin: 28px 0 19px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 16px;
	background-color: transparent;
}
.categoryRight .tableth.oneoneArticleView_table h5 {
	float: left;
	margin: 18px 0 19px;
	width: 100%;
	font-family: 'Pretendard';
	font-size: 20px;
    font-weight: 600;
	background-color: transparent;
}
.categoryRight .tableth h5 span {
	position: relative;
	margin-top: -13px;
	font-family: 'NotosansR';
	font-size: 12px;
	text-align: right;
}
.buttons {
	margin-top: 10px;
}
.button-info {
	float: left;
	margin: 20px 0 0;
	padding: 10px;
	width: 100%;
	font-size: 12px;
	line-height: 1.85rem;
	text-align: left;
	border: 2px solid #e1e1e1;
	background: #f0f5fa;
}

@media (max-width: 991px) {
	.categoryRight h6.text-right {margin-top: -13px;}
    .categoryRight .tableth.oneoneArticleView_table h5 {
        font-size: 17px;
    }
}
@media (max-width: 767px) {
	.orderDetail h4 > div.buttons {
		float: left;
		margin: 5px 0 10px;
		width: 100%;
	}
	.buttons button {
		float: left;
		margin-top: 3px;
		width: 49.5%;
	}
	.buttons button:nth-child(even) {
		float: right;
	}
}


.morelist td {background: #f1f1f1;}



.basket-list h4 {
	float: left;
	margin: 0 0 -15px;
	padding: 38px 0 19px;
	width: 100%;
	font-family: 'NotoSansB' !important;
	font-size: 20px !important;
	color: #333;
}
@media (max-width: 991px) {
	.basket-list h4 {
		margin: 0 !important;
	}
}
@media (min-width: 992px) {
	.basket-list .cd-gallery > li {width: 25%;}
	.basket-list .cd-item-wrapper {height: 298px;}
	.basket-list .cd-gallery > li .cd-item-details a {
		top: 35.5%;
	}
	.categoryRight .basket-list .cd-item-wrapper {height: 209px;}
}
@media (min-width: 1200px) {
	.basket-list .cd-gallery > li {width: 20%;}
	.basket-list .cd-item-wrapper {height: 289px;}
	.categoryRight .basket-list .cd-item-wrapper {height: 215px;}
}
@media (min-width: 1300px) {
	.basket-list .cd-gallery > li {width: 16.66666667%;}
	.categoryRight .basket-list .cd-item-wrapper {height: 197px;}
	.basket-list .cd-item-wrapper {height: 265px;}
}



/* Mypage */
@media (min-width: 992px) {
	.category-list.mypage ul li:nth-child(2):after,
	.category-list.mypage ul li:nth-child(4):after,
	.category-list.mypage ul li:nth-child(7):after,
	.category-list.mypage ul li:nth-child(9):after {
		background-color: transparent;
		border-bottom: 1px solid #1090fd;
	/* 	box-shadow: inset 0px 3px 5px -2px rgb(0, 0, 0, 11%); */
	}
}

@media (max-width: 991px) {
	.category-list.mypage {display: block;}
	.category-list.mypage div:nth-child(2) {display: none;}
}


/* Mypage Main */
/*
.myB_info {float: left; width: 100%; margin-bottom : 40px;}
.myB_info .myB_top {float:left;width: 50%;height : 120px;position: relative;}
*/
.myB_info { display: flex; width: 100%; margin-bottom : 40px;}
.myB_info .myB_top { flex:1; height : 120px; position: relative;}
.myB_info .top_table{/*margin:30px 40px;*/ height:100%; display: flex; align-items: center; justify-content: center; font-family:'NotosansM', sans-serif; font-weight:normal;font-size:17px;color:#8b8b8b;}
.myB_info .top_table a {color: #333;}
.myB_info .top_table p {font-family:'NotosansB', sans-serif; font-size:17px;color:#262525;margin-bottom:10px;}
.myB_info .top_table p i {margin-left: 10px; font-size: 19px; color: #797979;}
.myB_info .top_table p b {position:absolute;background:url(../images/regularMenu/icon_05.svg) no-repeat;margin : 6px 0 0 10px;width:10px;height:10px;}
.myB_info .top_table span { font-size: 20px; display: flex; align-items: center; }
.myB_info .top_table .top_num {vertical-align:middle;margin-right:2px;font-family:'Open Sans KR', sans-serif;font-weight:bold;font-size:25px; font-style: normal;} 
.myB_info .top_table .top_txt {display:none;font-family:'NotosansR', sans-serif; font-size:20px;color:#8b8b8b;}
.myB_info .top_table em {font-family:'NotosansB', sans-serif;font-size: 25px;color:#1090fd; font-style: normal;}
.myB_info .top_table b {font-family:'NotosansM', 'Ubuntu', sans-serif;/* font-weight:bold; */font-size: 16px;/* color:#fe7600; */}
.myB_info span .myB_top_line {border-top : 1px solid #262525;border-bottom : 1px solid #d3d3d3;height : 120px;}

@media (min-width: 641px) {
	.myB_info .top_table a.link { display: flex; flex-direction: column; align-items: center; }
	.myB_info .top_table a.link_row { flex-direction: row; justify-content: center; }
	.myB_info .top_table a.link_row p { margin-bottom: 0; margin-right: 70px; }
	.myB_info .myB_top + .myB_top::after { content: ''; position: absolute; width: 1px; height: 60%; left: 0; top: 20%; background-color: #BFBFBF; }
}

@media (max-width: 991px) {
	.myB_info {margin-bottom: 30px;}
}
@media (max-width: 640px) {
	.myB_info {
		flex-direction: column;
	}
	.myB_info .myB_top {
		width: 100%;
		height: 80px;
	}
	.myB_info span .myB_top_line {
		height: 75px;
	}
	/*
	.myB_info span:nth-child(2) .myB_top_line {
		margin-top: -6px;
	}
	.myB_info span:nth-child(3) .myB_top_line {
		margin-top: -12px;
	}
	.myB_info .top_table {
		margin: 20px 15px;
	}
	*/
	.myB_info .top_table a {
		float: left;
		width: 100%;
		text-align: right;
	}
	.myB_info .top_table p {
		float: left;
		min-width: 91px;
		/*
		margin-top: 5px;
		margin-right: 20px;
		*/
		margin: 0;
		text-align: left;
	}
	.myB_info .top_table p i {
		float: right;
		margin-top: 1px;
	}
	.myB_info .top_table a.link { display: flex; align-items: center; justify-content: space-between; }
}

.myState {
	clear: both;
	height: 82px;
	padding: 10px 0 8px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #eaeaea;
	overflow: hidden;
}
.myState dl {
	float: left;
	width: 50%;
	height: 67px;
	padding: 15px 0 0 0;
	text-align: center;
}
.myState dl:first-child {background: url("../../images/kr/bg_dot.png") no-repeat right 0;}
.myState dt {
	display: inline-block;
	height: 50px;
	padding: 7px 13px 0 63px;
	font-family: 'NotosansB';
	font-size: 17px;
	line-height: 19px;
	color: #333;
	vertical-align: bottom;
	background: url("../../images/kr/icon_store.png") no-repeat 0 0;
}
.myState dl:first-child dt {background-image:url("../../images/kr/icon_ranking.png");}
.myState dd {
	display: inline-block;
	height: 51px;
	padding: 6px 0 0 0;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -1px;
}
.myState dd em {
	margin-right: 2px;
	font-family: 'NotosansM';
	font-size: 20px;
	line-height: 22px;
	color: #777;
	font-style: normal;
	letter-spacing: -.5px;
	vertical-align:bottom;
}
.myState dl:first-child dd em {
	color: #1090fd;
	font-family: 'Ubuntu';
	font-weight: bold;
	letter-spacing: 0;
}

@media (max-width: 500px) {
	.myState {
		height: 120px !important;
	}
	.myState dl {height: 100px !important;}
	.myState dl:first-child {
		background: url(../../images/kr/bg_dot2.png) no-repeat right 0 !important;
	}
	.myState dt {background-size: 40px !important;}
	.myState dd {height: 35px !important; padding: 0 !important;}
}
@media (max-width: 414px) {
	.myState dt {
		padding-left: 50px;
		width: 100%;
		background-position: 10px 0;
	}
}



.store-state {
	
}

.mypage-table01 th,
.mypage-table01 td {
	text-align: center;
}
.mypage-table01 td {
	height: 110px;
}

.mypage-meminfo em {
	font-size: 15px;
	font-family: 'NotosansR';
	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-meminfo {margin-top: 25px;}
}

.mypage-order {
	text-align: center;
	padding: 20px 0 0;
}
.mypage-order em {
	font-size: 26px;
	font-family: 'NotosansR';
	font-style: normal;
}
.mypage-order span {
	display: inline-block;
	height: 2.57em;
	font-size: 13px;
	color: #555;
	padding: 20px 0 0;
}
.mypage-order i {
	font-size: 30px;
	color: #fff;
	border-radius: 50px;
	padding: 15px;
}
.mypage-order i.purple {
	background: #7a6fbe;
}
.mypage-order i.green {
	background: #22BAA0;
}
.mypage-order i.blue {
	background: #08A7C3;
}
.mypage-order i.yellow {
	background: #e8bf40;
}
.mypage-order i.red {
	background: #e14444;
}
.mypage-order i.pink {
	background: #E094B7;
}
.mypage-order i.gray {
	background: #ccc;
}
.panel .last {
	min-height: 407px;
}
@media (max-width: 991px) {
	.panel .last {
		min-height: auto;
	}
}

.mypage-orderlist.full-mobile td ins.process {
	    color: #127acb;
        font-weight: 500;
    }
@media (max-width: 1200px) {
	.mypage-orderlist.full-mobile td input[type='text'] {margin-bottom: 10px !important;}
}
@media (max-width: 991px) {
	.mypage-orderlist.inline-block {display: inline-block;}
	.mypage-orderlist.full-mobile tbody,
	.mypage-orderlist.full-mobile tr {
		float: left;
		width: 100%;
        background: #fff;
	}
	.mypage-orderlist.full-mobile td {
		float: left;
		text-align: left;
		width: 100%;
		height: auto !important;
		line-height: 24px !important
	}
    /* 25.08.27 수정 */
	.mypage-orderlist.full-mobile td em {
		display: block;
		float: left;
		font-style: normal;
        min-width: 90px !important;
        font-family: "Pretendard";
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #000000 !important;
	}
    .mypage-orderlist.full-mobile td em.oneone-answer {
        margin-top: 4px;
    }
	.mypage-orderlist.full-mobile td ins {
		display: block;
        min-width: 100px;
        min-height: 24px;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 95px;
        margin-bottom: 6px;
		/* margin-left: 115px; */
	}
    
	.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;
	}

    .review_tit,
    .review_btn_wrap_mo {
        margin-top: 10px;
    }

    .del_track {
        width: 90px !important;
        height: 35px !important;
        border: 1px solid #c2c2c2;
        border-radius: 5px;
        background: #fff;
        font-size: 13px;
        font-weight: 500;
        color: #000000;
        font-family: "Pretendard";
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        gap: 8px;
    }

    .del_track img {
        width: 5px;
        height: 6.5px;
    }

    .del_track.review_btn_mo {
        border: 1px solid transparent;
        background: #EEEEEE;
    }

    .del_track.review_btn_mo.on {
        border: 1px solid #0C6EAF;
        background: #fff;
        color: #0C6EAF;
    }

}
/* @media (max-width: 640px) {
	.mypage-orderlist.full-mobile td em {
		min-width: 115px !important;
		font-family: 'NotosansB';
	}
}
@media (max-width: 499px) {
	.mypage-orderlist.full-mobile td em,
	.mypage-orderlist.full-mobile td ins {
		padding: 5px 0;
	}
	.mypage-orderlist.full-mobile td ins a {display: inline-block;}
} */

    /* 25.08.27 수정 */





.mypage-orderlist2 th,
.mypage-orderlist2 td {
	text-align: center;
	line-height: 20px !important;
}
.mypage-orderlist2 td a:hover {
	text-decoration: underline !important;
}

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



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




/* 25.08.27 수정 */
.table.mypage-orderlist th {
  font-family: "Pretendard";
  color: #121212;
  background: none;
   font-size: 13px;
  font-weight: 500;
}

.mypage-orderlist .blue {
  color: #0c90fc !important;
  font-weight: 600 !important;
}

.table.mypage-orderlist td {
  font-family: "Pretendard";
  color: #000000;
  background: transparent;
  height: 47px;
  line-height: 18px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  /* padding: 20px 28px 20px 16px; */
  /* font-size: 14px; */
  padding: 15px 10px;
}

.table.mypage-orderlist td p {
  width: 100%;
  max-width: 240px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 16px;
  margin-bottom: 6px;
}
.table.mypage-orderlist td p.large_name {
    max-width: 316px;
}
.table.mypage-orderlist td p.point_detail {
    max-width: 276px;
}
.table.mypage-orderlist td p.oneone_title {
    max-width: 404px;
}

.mypage-orderlist .order_btn,
.mypage-orderlist .review_btn {
  width: 90px;
  height: 31px;
  border-radius: 5px;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  font-family: "Pretendard";
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 9px;
}

.mypage-orderlist .order_btn {
  border: 1px solid #c2c2c2;
  background: #fff;
  color: #000000;
}

.mypage-orderlist .review_btn {
  border: 1px solid transparent;
  background: #EEEEEE;
  margin: 0 auto;
}
/* 리뷰 버튼 활성화 */
.mypage-orderlist .review_btn.on {
  border: 1px solid #0C6EAF;
  background: #fff;
  color: #0C6EAF;
}

@media (min-width: 992px) and (max-width: 1299px) {
    .table.mypage-orderlist td p {
        max-width: 150px !important;
        margin: 0px auto 10px auto !important;
    }
    .mypage-orderlist .order_btn,
    .mypage-orderlist .review_btn {
        width: 100%;
        max-width: 68px;
        padding: 0 6px;
        gap: 5px;
    }
}

/* 25.08.27 수정 */

/* .table.mypage-orderlist th {
	font-family: 'NotosansM';
	color: #121212;
	background: #f6f8fa;
}
.table.mypage-orderlist td {
	font-family: 'NotosansR';
	color: #333;
	background: #fff;
	height: 47px;
    padding: 5px 10px;
    line-height: 18px !important;
} */
/* .mypage-orderlist {
	margin-top: 20px;
} */
.mypage-orderlist th,
.mypage-orderlist td {
	text-align: center;
	line-height: 20px !important;
}
.mypage-orderlist td a:hover {
	text-decoration: underline !important;
}
.mypage-orderlist td button {
	margin-top: 4px;
	width: 85px;
	padding: 3px 0;
}
.mypage-orderlist td button:first-child {
	margin-top: 0px;
}
.mypage-orderlist h4 {
	margin: 0;
}
.mypage-orderlist h4 em {
	font-size: 24px !important;
	font-family: 'NotosansM';
	color: #222;
	font-style: normal;
	margin: 0 3px 0 10px;
}
.mypage-orderlist h5 {
	margin: 0;
	font-family: 'NotosansL';
	font-size: 16px;
	color: #333;
}
.mypage-orderlist h5 span {
	float: right;
	display: block;
}
.mypage-orderlist h5 span button {
	float: left;
}
.mypage-orderlist h5 span button:first-child {
	margin-right: 5px;
}
.mypage-orderlist h5 em {
	margin: 0 3px 0 10px;
	font-style: normal;
	font-family: 'NotosansB';
	font-size: 16px !important;
	color: #333;
}
.mypage-orderlist .process em {
	font-size: 13px;
	font-weight: 500;
	color: #0185bf;
	font-style: normal;
}
.mypage-orderlist .process button {
	margin-top: 3px;
	min-width: 75px;
}
.mypage-orderlist .process button:first-child {
	margin-top: 0px;
}

@media (max-width: 991px) {
/* 테이블 */
  .table.mypage-orderlist th {
    font-size: 14px;
    font-weight: 600;
  }
  .table.mypage-orderlist td {
    font-size: 14px;
    font-weight: 400;
  }
  .table.mypage-orderlist td ins > a {
    color: #000 !important;
    font-weight: 600;
  }

	.mypage-orderlist td button {
		margin-top: 0;
	}
	.mypage-orderlist2.full-mobile td ins button {
		margin-top: 0;
		width: 85px;
		padding: 3px 0;
	}
}


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



.date-search dl {float: left; margin: 10px 10px 0 0; padding: 0;}
.date-search dl:first-child {margin-right: 0; margin-top: 0;}
.date-search dl.date {border-bottom:1px solid #eaeaea; padding: 0 0 10px;}
/* .date-search dt {width: 60px; margin: 8px 20px 0 0; font-family: 'NotosansM';} */
/* 25.09.01 수정 */
.date-search dt {width: 60px; margin: 8px 20px 0 0; font-family: 'Pretendard';}
/* 25.09.01 수정 */
.date-search dt,
.date-search dd {float: left;}
.date-search dd.radio {margin-top: 8px;}
.date-search dd > span {float: left; margin: 8px 10px 0;}
.date-search dd select,
.date-search dd > input {min-width: 168px;}
.date-search dd.checkbox {margin: 7px 0;}
.date-search dd.checkbox label {margin-top: 1px; margin-bottom: -1px; margin-left: -2px; padding-left: 15px; font-size: 12px;}
.date-search dd.checkbox label:first-child {padding-left: 0;}
.date-search dd.checkbox label div.checker {margin-top: -2px;}

.date-search .col-md-5 {margin: 0;}
.date-search .col-md-5 dt {height: 34px;}
.date-search .col-md-5 dd {float: none;}
.date-search .col-md-5 dd > input {display: inline-block; width: 33.5%; min-width: 100px;}
.date-search dd.none select {min-width: auto;}
.date-search dd.half select {float: left; width: 46% !important; min-width: auto;}

/* .date-search dd button:nth-child(1) {background: #0d99d7 !important;} */
/* 25.09.01 수정 */
.date-search dd button:nth-child(1) {background: #0E6BB3 !important;}
/* 25.09.01 수정 */
.date-search dd button:nth-child(1):hover {background: #0185bf !important;}
.date-search dd button:nth-child(2) {background: #0c6eaf !important;}
.date-search dd button:nth-child(2):hover {background: #025e9a !important;}
.date-search dd button:nth-child(3) {background: #0cc5d7 !important;}
.date-search dd button:nth-child(3):hover {background: #05b0c1 !important;}
.date-search dd button:nth-child(4) {background: #9d51f2 !important;}
.date-search dd button:nth-child(4):hover {background: #8d41e1 !important;}

/* 25.08.26 수정 */
.date-search dd button.no-bg-color {background: #fff !important; border: 1px solid #DCDCDC !important; border-radius: 3px !important; color: #000 !important; margin-top: 0 !important; height: 34px !important; font-family: "Pretendard"; min-width: 56px;}
.date-search dd button.no-bg-color:hover {background: #fff !important; color: #000 !important; }
.date-search dd button.no-bg-color.on {background: #0C90FC !important; border: 1px solid #0C90FC !important; color: #fff !important;  }
.date-search dd .input-a {border-radius: 3px !important; width: 176px !important;}
.date-search dd select.search-combo { border-radius: 3px !important; border: 1px solid #DCDCDC !important; width: 115px !important; height: 34px !important; min-width: auto !important;}
.selectbox{
  position:relative; display:inline-block; width:115px; height: 34px;  min-width: auto;
}
.oneoneadd .selectbox {width: 100%;}
.selectbox__trigger{
  width:100%; height: 100%; text-align:left;
  background:#fff !important; border:1px solid #DCDCDC; border-radius:3px; color: #858585;
}
.selectbox__trigger.trigger_default { color: #C2C2C2;}
.selectbox__trigger:after{
  content:"▼";
  position:absolute; 
  right:15px; top:50%;
  width:8px; height:10px;
  transform:translateY(-50%);
  font-size: 8px;
  pointer-events:none;
}
.oneoneadd .selectbox__trigger:after {
    height: unset;
    color: #000;
}
/* 옵션 리스트 */
.selectbox__list{
  position:absolute; left:0; right:0; top:calc(100% + 6px);
  background:#fff; border:1px solid #d9d9d9; border-radius:3px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  max-height:240px; overflow:auto; margin:0; list-style:none;
  display:none; z-index:1000;
}
/* 옵션 */
.selectbox__option{
  height:28px; display:flex; align-items:center;
  padding:0 10px;  cursor:pointer;
  color:#333; background:#fff;
}
.selectbox__option:hover,
.selectbox__option.is-selected{ background:#eee; }
.oneoneadd .selectbox__option {height: 32px;}
.oneoneadd .selectbox__option:hover,
.oneoneadd .selectbox__option.is-selected{ background:#0C90FC; color: #fff; }
/* 열림 상태 */
.selectbox.is-open .selectbox__list{ display:block; padding: 0; }

.date-search dd.data-search-input input.form-control {
    border-radius: 3px !important; border: 1px solid #DCDCDC !important;
    width: 395px;
}

.date-search dd.date-search4 button {
    color: #fff;
    border-color: transparent;
    border-radius: 3px;
    width: 100px;
    font-family: "Pretendard";
}
/* 25.08.26 수정 */


/* 25.08.26 수정 */
@media (max-width: 1200px) {
    .date-search dl.date {border-bottom: none;}
    .date-search .date dt,
    .date-search .search-area dt { width: 100%; margin-bottom: 10px; font-size: 15px; font-weight: 600;}
    .date-search .search-area input { min-width: auto !important; }
    .date-search .date dd {width: 100%;}
    .date-search .date dd button{
        width: calc((100% - 12px)/4);
    }
    .date-search .date dd button:last-child {margin-right: 0 !important;}
    .date-search dd.calendar-box { width: 100%; margin-top: 6px;}
    .date-search dd.date-search4 {
        width: 100%;
    }
    .date-search dd.date-search4 button {
        margin-top: 10px !important;
        width: 100%;
        height: 40px;
        font-size: 14px;
    }
	.date-search dl.date dd .input-a {width: calc((100% - 28px)/2) !important;}
	.date-search dl.date dd .input-a > input[type='text'] { height: auto !important;}
    .date-search dd .selectbox  { width: 90px;}
    .date-search dd.data-search-input { 
        width: calc(100% - 95px);
        margin-left: 5px !important;}
    .date-search dd.data-search-input input.form-control {
        width: 100%;
        height: 34px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

}

@media (max-width: 991px) {
    .selectbox__trigger.trigger_default,
    .oneoneadd .selectbox__option {
        font-size: 14px;
    }
}
/* 25.08.26 수정 */


@media (min-width: 992px) {
	.date-search .col-md-4 {width: fit-content;}
	.date-search .col-md-4 dd > input {
		min-width: 99px;
		max-width: 99px;
	}
	.date-search .col-md-7 dd {width: 70%;}
}
@media (min-width: 1200px) {
	.date-search .col-md-4 dd > input {
		min-width: 168px;
		max-width: 171px;
	}
	.date-search dl.config dt:nth-of-type(2) {
		margin-right: 0;
		width: 140px;
		text-align: center;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* 25.08.26 수정 */
	.date-search dl.date dd:nth-of-type(1) {width: 100%;}
    /* 25.08.26 수정 */

	.date-search dt.w-xs {
		margin-right: 9px;
		width: 71px !important;
	}
	.date-search .col-md-5 {width: 44%;}
	.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%;}
	.date-search dl.config dd:nth-of-type(1) {width: 37%;}
	.date-search dl.config dd .input-a {
		width: 42%;
		min-width: 99px;
	}
	.date-search dl.config dd input {min-width: 148px;}
	.date-search dl dd.radio label {padding-left: 9px;}
}
@media (max-width: 1199px) {
	.date-search dl.config dt {
/* 		clear: both; */
	}
}
@media (max-width: 991px) {
	.date-search dl {
		width: 100%;
		margin-right: 20px !important;
	}
	.date-search dl:first-child {
		margin-right: 20px !important;
	}
	.input-a {
		float: left;
		width: 48%;
	}
	.date-search dl dd div.input-a:last-child {margin-right: 0;}
	/* .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: 3px auto 0;} */
	.date-search dd select {min-width: 180px !important;}
	.date-search dd input[type="time"]:last-child {float: right;}
	.date-search button.btn-blueL {margin-top: 3px; width: 100%;}
	
	.date-search dl.config dd .input-a {width: 49.26%;}
	
	.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%;}
	
	.date-search dl.config dt {
		margin: 17px 0 7px;
		width: 100%;
	}
	.date-search dl.config dt:first-child {margin-top: 7px !important;}
	.date-search dl.config dt + dd {margin-bottom: 7px;}
}
@media (max-width: 767px) {
	.input-a {width: 46.62%;}
	.date-search dl.config dd .input-a {width: 48.79%;}
}
@media (max-width: 499px) {
	.input-a {width: 46.1%;}
	.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: 22.6%;}
}
@media (max-width: 413px) {
	.input-a {width: 45.71%;}
	.date-search dl dd.radio label {padding-left: 16px;}
}
@media (max-width: 375px) {
	.input-a {width: 45.6%;}
	.date-search dl.config dd .input-a {width: 48.35%;}
	.date-search dl dd.radio label {padding-left: 13px;}
	.date-search dl.date dd:nth-of-type(2) button.btn {width: 22.3%;}
}
@media (max-width: 374px) {
	.input-a {width: 45.5%;}
}
@media (max-width: 360px) {
	.input-a {width: 45.37%;}
	.date-search dl.config dd .input-a {width: 48.2%;}
	.date-search dl dd.radio label {padding-left: 8px;}
}


.date-search2 div {padding: 0; margin-right: 20px;}
.date-search2 dl {float: left; width: 100%; margin: 0; padding: 0;}
.date-search2 dd input[type='text'] {width: 100%;}
.date-search2 button {width: 100%;; height: 74px; font-size: 16px; text-align: center;}
.date-search2 button i {float: none; margin-right: 5px; background: none;}

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

.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 {padding: 6px 12px 4px; width: 100%; font-size: 12px; text-align: center;}
.date-search4 button i {float: none; margin-right: 5px; background: none;}

@media (max-width: 640px) {
    .date-search dd.date-search4 button {margin-top: 25px !important;}
    .date-search.point-date-search dd.date-search4 button { margin-top: 12px !important; }
    .date-search.coupon dd.date-search4 button { margin-top: -4px !important; }
}
@media (max-width: 991px) {
	.date-search2 div {margin-right: 0px !important;}
	.date-search2 {margin-bottom: 25px; padding-bottom: 0 !important;}
	
	.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;}
}



.date-search.coupon {padding: 40px !important;}
/* 25.08.29 수정 */
/* .date-search.coupon dt {width: 10%; margin: 8px 20px 0 0; font-family: 'NotosansM'; font-size: 13px;}
.date-search.coupon dd {width: 15%;}
.date-search.coupon dd:nth-child(2) {width: 70%;} */
.date-search.coupon dl { display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.date-search.coupon dt { width: fit-content; margin-top: 0; font-family: 'Pretendard'; font-size: 13px; margin-right: 50px;}
.date-search.coupon dd {}
.date-search.coupon dd:nth-child(2) { max-width: 512px; width: 100%; }


@media (max-width: 1200px) {
/* @media (max-width: 991px) { */
	.date-search.coupon {padding: 30px 20px !important;}
	/* .date-search.coupon dl {margin-right: 0 !important;} */
	/* .date-search.coupon dt {margin-top: 8px !important;} */
	/* .date-search.coupon dd {margin: 0;} */
    .date-search.coupon dl {flex-direction: column;}
    .date-search.coupon dt {width: 100%; font-size: 15px; font-weight: 500; margin: 0;}
    .date-search.coupon dd:nth-child(2) { max-width: none; }
}

@media (max-width: 640px) {
	.coupon .date-search4 button {margin-top: 0 !important;}
}
@media (max-width: 499px) {
	.date-search.coupon {padding: 30px 10px !important;}
	/* .date-search.coupon dt {width: 15%;}
	.date-search.coupon dd {width: 23%;}
	.date-search.coupon dd:nth-child(2) {width: 54%;} */
}
/* 25.08.29 수정 */


.col-form dl {float: left; margin: 0; padding: 0;}
.col-form dt {width: 65px; margin: 7px 10px 0 15px;}
.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: 1200px) {
   .col-form dl {margin: 5px 0 !important;}
   .col-form dt.full {/* width: 80px; margin: 7px 0 5px !important; text-align: left !important; */}
   .col-form dd.full {width: 100% !important;}

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


.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; width: 16px; height: 15px; background: url(../../images/kr/datepick.png) left top no-repeat; position: absolute; z-index: 1; top: 7px; right: 8px;}
.date-inpt {cursor: pointer; z-index: 99; position: relative;}


.input-a {
	float: left;
	position: relative;
	padding: 7px 11px 8px 10px;
	height: 34px;
	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;
}
/* 25.09.01 수정 */
.date-search .input-a input[type='text'] {
	font-size: 12px;
    font-family: "Pretendard";
}
/* 25.09.01 수정 */

.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%;
	background-color: #fff;
}
.tableth h4 {
	float: left;
	margin: 49px 0 10px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 18px;
	background-color: #fff;
}
/* 25.08.29 수정 */
.tableth.oneoneadd h4 {
    font-family: 'Pretendard', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 8px 0 10px 0;
    background: none;
}
@media (max-width:991px) {
    .tableth.oneoneadd h4 {
        font-size: 17px;
        margin-top: 0;
    }
}
/* 25.08.29 수정 */
.tableth h5 {
	float: left;
	margin: 40px 0 10px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 18px;
	background-color: #fff;
}
.tableth h5 em {
	float: left;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 13px;
	color: #555;
	font-style: normal;
	padding-top: 10px;
}
.tableth span {
	float: left;
	width: 100%;
	margin: 10px 0 0;
}
.tableth table {
	float: right;
	width: 100%;
	/* border-top: 1px solid #777; */
	border-top: 2px solid #707070;
	margin: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tableth table {border-collapse: separate;}
}
.tableth table tr {
	position: relative;
}
.tableth th em {
	color: #e14444;
	margin-left: 2px;
}
.tableth th b {
	font-family: 'NotosansR';
	font-size: 11px;
	color: #999;
}
.tableth table tr th {
	padding: 6px 20px 6px;
	font-family: 'NotosansM';
	font-size: 13px;
	color: #121212;
	background-color: #f6f8fa;
	border-bottom: 1px solid #ccc;
}


.tableth.oneoneArticleView_table table tr th {
	padding: 19.5px 31px;
	font-family: 'Pretendard';
	font-size: 13px;
    font-weight: 500;
	color: #000000;
	background-color: #f6f6f6;
	border-bottom: 1px solid #ccc;
}

.tableth table tr td {
	position: relative;
	padding: 6px 14px 6px;
	height: 47px;
	vertical-align: middle;
	font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
	font-size: 13px;
	color: #333;
	border-bottom: 1px solid #ccc;
	background: #fff;
	line-height: 22px;
}
.tableth.oneoneArticleView_table table tr td {
	position: relative;
	padding: 20px;
	vertical-align: middle;
	font-family: 'Pretendard';
	font-size: 12px;
    font-weight: 400;
	color: #333;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.tableth table tr td a {
	color: #999;
	margin-left: 5px;
}
.tableth table tr td a:hover {
	color: #333;
}
.tableth table tr td strong {font-family: 'NotosansM';}

/* 25.09.01 수정 */
.tableth.oneoneadd table tr th {
    padding: 20px 30px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
	font-family: 'Pretendard';
    background: #f6f6f6 !important;
}
.tableth.oneoneadd table tr td {
    font-size: 13px;
    font-family: "Pretendard";
	padding: 10px 14px;
}

@media (max-width: 991px) {
    .tableth.oneoneadd table tr {
        border-bottom: 1px solid #dcdcdc !important;
    }
    .tableth.oneoneadd table tr th {
        width: 90px !important;
        padding: 22px 0 22px 16px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    .tableth.oneoneadd table tr td {
        padding: 10px !important;
    }
}

/* 25.09.01 수정 */

/* 커뮤니티 */
.tableth table tr td p {
	clear: both;
	margin: 0;
	font-size: 13px;
}
.tableth table tr td p span {
	float: left;
}
.tableth table tr td p a {
	margin-left: 0;
	color: #337ab7;
}

.tableth table tr td p > img {
	max-width: 100%;
	height: auto !important;
}
.tableth table tr td label {
	margin: 6px 20px 6px -2px;
	vertical-align: middle;
}
.tableth table tr td label:hover div.checker span {
	background-position: -38px -260px;
}
.tableth table tr td label:hover div.checker span.checked {
	background-position: -114px -260px;
}
.tableth table tr td label:hover div.radio span {
	background-position: -36px -279px;
}
.tableth table tr td label:hover div.radio span.checked {
	background-position: -108px -279px;
}
.tableth table tr td.phone-num-full input[type="text"] {
	float: left;
	margin-left: 5px;
	width: 32.6%
}
.tableth table tr td.phone-num-full input[type="text"]:first-child {margin-left: 0;}
.tableth table tr td.phone-num select {
	float: left;
	width: 32.511%;
}
.tableth table tr td.phone-num input[type="text"] {
	float: left;
	margin-left: 5px;
	width: 32.64%;
}
.categoryRight .tableth table tr td.phone-num select,
.categoryRight .tableth table tr td.phone-num input[type="text"] {
	width: 32.63%;
}
.categoryRight .tableth table tr td.phone-num input[type="text"] {
	margin-left: 5px;
}

.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.search select,
.tableth table tr td.search input[type="text"] {
	float: left;
	width: 81%;
	margin-right: 5px;
}
.tableth table tr td.search button {
/* 	float: right; */
}

.tableth table tr td.address {
	height: auto;
}
.tableth table tr td.address input[type="text"] {
	float: left;
	width: 85%;
	margin-right: 5px;
}
.categoryRight .tableth table tr td.address input[type="text"] {width: 80%;}
.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 85.66% !important;}

@media (min-width: 768px) {
	.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 91.3% !important;}
}
@media (min-width: 992px) {
	.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 78.15% !important;}
	.categoryRight .tableth table tr td.full input[type="text"].file_input_textbox {width: 87.3% !important;}
}
@media (min-width: 1200px) {
	.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 83.71% !important;}
	.categoryRight .tableth table tr td.full input[type="text"].file_input_textbox {width: 90.3% !important;}
}
@media (min-width: 1300px) {
	.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 85.7% !important;}
	.categoryRight .tableth table tr td.full input[type="text"].file_input_textbox {width: 91.45% !important;}
}

@media (max-width: 499px) {
	.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 81.5% !important;}
}
@media (max-width: 413px) {
	.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 80.4% !important;}
}
@media (max-width: 375px) {
	.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 80.2% !important;}
}
@media (max-width: 360px) {
	.categoryRight .tableth table tr td input[type="text"].file_input_textbox {width: 79.21% !important;}
}


.tableth table tr td div.radio span,
.tableth table tr td div.checker span {
	margin: -1px 0 0;
	width: 18px;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {margin-left: -9px;}

.tableth table tr td b {font-family: 'NotosansR';}
.tableth table tr td span {
	float: right;
	margin: 6px 0 0;
	width: auto;
	font-size: 13px;
	color: #333;
}
.tableth table tr td span em {
	margin-right: 2px;
	font-style: normal;
	font-size: 13px;
	color: #333;
}

@media (min-width: 992px) {
	.tableth table tr td.phone-num-full input[type="text"] {width: 32.2%;}
	.tableth table tr td.phone-num select {width: 32.187%;}
	.tableth table tr td.phone-num input[type="text"] {
		margin-left: 5px;
		width: 32.16%;
	}
	.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"] {width: 81.38%;}
	
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 31.56%;}
	.categoryRight .tableth table tr td.address input[type="text"] {width: 71.6%;}
}
@media (min-width: 1200px) {
	.tableth table tr td.phone-num-full input[type="text"] {width: 32.4%;}
	.tableth table tr td.phone-num select {width: 32.407%;}
	.tableth table tr td.phone-num input[type="text"] {width: 32.39%;}
	.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: 85.05%;}
	
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 32.01%;}
	.categoryRight .tableth table tr td.address input[type="text"] {width: 78.6%;}
}
@media (min-width: 1300px) {
	.tableth table tr td.phone-num-full input[type="text"] {width: 32.536%;}
	.tableth table tr td.phone-num select {width: 32.51%;}
	.tableth table tr td.phone-num input[type="text"] {width: 32.51%;}
	.tableth table tr td.email input[type="text"] {width: 46.95%;}
	.tableth table tr td.search select,
	.tableth table tr td.search input[type="text"] {width: 40%;}
	.tableth table tr td.address input[type="text"] {width: 86.86%;}
	
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 32.12%;}
	.categoryRight .tableth table tr td.address input[type="text"] {width: 81.4%;}
}

@media (max-width: 1199px) {
	.tableth h5,
	.tableth table {
		float: left !important;
		width: 100% !important;
	}
	.tableth h5 {border-top: none !important;}
	.tableth h5 em {
		float: none !important;
		width: auto !important;
	}
}
@media (max-width: 991px) {
	.tableth.full-mobile {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
    .tableth.full-mobile.oneoneadd {
        background: none;
    }
	.tableth h5 {font-size: 16px;}
	.tableth h5 .btn-other {
		padding-right: 7px !important;
		padding-left: 7px !important;
	}
	.tableth table tr td label:nth-child(even) {margin-right: 0;}
	.tableth table tr td:first-child label:nth-child(even) {margin-right: 20px;}
	.tableth table tr td.email input[type="text"]:nth-of-type(2) {float: right;}
	
	.categoryRight .tableth table tr td.email input[type="text"] {width: 44.6%;}
}
@media (max-width: 767px) {
	.tableth table tr th,
	.tableth table tr td {padding: 10px;}
	.tableth table tr th {padding-right: 5px;}
	.tableth table tr td.phone-num-full input[type="text"] {width: 32.13%;}
	.tableth table tr td.phone-num select,
	.tableth table tr td.phone-num input[type="text"] {
		float: left;
		width: 32.39% !important;
	}
	.tableth table tr td.phone-num input[type="text"] {margin-left: 3px !important;}
	.tableth table tr td.email input[type="text"] {width: 46.25%;}
	
	.memberJoinsTab .tableth table tr td.phone-num select,
	.memberJoinsTab .tableth table tr td.phone-num input[type="text"] {
		margin-left: 0 !important;
		width: 23.99% !important;
	}
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 32.66%;}
	.categoryRight .tableth table tr td.email input[type="text"] {width: 45.5%;}
	.categoryRight .tableth table tr td.address input[type="text"] {
/* 		margin-left: 3px; */
		width: 66%;
	}
	
	.form-control,
	select.form-control {
		height: 35px;
		font-size: 13px;
	}
	.form-control {padding: 6px 10px !important;}
	select.form-control {padding: 6px 10px !important;}

	.sub-buttons-p {
		float: left;
		margin-top: 20px;
		width: 100%;
	}
	.sub-buttons-p-s {
		float: left;
		margin-top: 20px;
		width: 100%;
	}
	.input-form {padding: 7px 16px 8px 15px;}
	.sub-buttons-p-ss {
		float: left;
		margin-top: 30px;
		width: 100%;
	}
}
@media (max-width: 499px) {
	.tableth table tr td.phone-num-full input[type="text"] {width: 31.95%;}
	.tableth table tr td.address input[type="text"] {width: 65% !important;}
	.tableth table tr td.email input[type="text"] {width: 45.52%;}
	
	.memberJoinsTab .tableth table tr td.phone-num select,
	.memberJoinsTab .tableth table tr td.phone-num input[type="text"] {width: 23.5% !important;}
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 32.53%;}
	
	select.form-control {
		padding-bottom: 7px !important;
		height: 37px;
	}
}
@media (max-width: 413px) {
	.tableth table tr td.address input[type="text"] {width: 61% !important;}
	.tableth table tr td.email input[type="text"] {width: 45.09%;}
	
	.memberJoinsTab .tableth table tr td.phone-num select {width: 25% !important;}
	.memberJoinsTab .tableth table tr td.phone-num input[type="text"] {
		padding-right: 6px;
		padding-left: 6px;
		width: 21.5% !important;
	}
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 32.46%;}
	
	.tableth table tr td label + .btn-other {
		float: right;
		padding-right: 9px !important;
		padding-left: 9px !important;
	}
}
@media (max-width: 375px) {
	.tableth table tr th {letter-spacing: -.04em;}
	.tableth table tr td {padding: 10px 5px;}
	.tableth table tr td .form-control.w-25 {width: 23% !important;}
	.tableth table tr td.phone-num-full input[type="text"] {width: 31.85%;}
	.tableth table tr td.address input[type="text"] {width: 62% !important;}
	.tableth table tr td.email input[type="text"] {width: 45.18%;}
	
	.categoryRight .tableth table tr td.email input[type="text"] {width: 44.9%;}
	
	.form-control,
	select.form-control {/* padding: 6px 2px !important; */}
}
@media (max-width: 360px) {
	.tableth h5 .btn-other {
		margin-right: 3px !important;
		padding-right: 6px !important;
		padding-left: 6px !important;
	}
	.tableth h5 .btn-gray-light {margin-right: 0 !important;}
	.tableth table tr th {letter-spacing: -.06em;}
	.tableth table tr td.phone-num-full input[type="text"] {width: 31.78%;}
	.tableth table tr td.address input[type="text"] {
		margin-right: 4px;
		width: 61.2% !important;
	}
	.tableth table tr td.email input[type="text"] {width: 44.95%;}
	
	.memberJoinsTab .tableth table tr td.phone-num input[type="text"] {width: 21% !important;}
	.categoryRight .tableth table tr td.phone-num select,
	.categoryRight .tableth table tr td.phone-num input[type="text"] {width: 32.43%;}
	.categoryRight .tableth table tr td.email input[type="text"] {width: 44.6%;}
	
	.tableth table tr td label + .btn-other {
		padding-right: 6px !important;
		padding-left: 6px !important;
		letter-spacing: -.06em;
	}
}



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



.mystore {
	float: left;
	width: 100%;
}
.mystore ul {
	float: left;
	margin: 0 0 -30px;
	padding: 0;
	width: 100%;
}
.mystore ul li {
	position: relative;
	float: left;
	margin: 0 30px 15px 0;
	padding: 15px;
	width: 47.5%;
	height: 100%;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.17);
	   -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.17);
			box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.17);
}
.mystore ul li:hover {
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
	   -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
			box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
}
.mystore ul li span {
	float: left;
	width: 100%;
	height: 125px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.mystore ul li span img {
	width: 100%;
	height: 100%;
}
.mystore ul li a {
	position: relative;
	z-index: 9;
	float: left;
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
	height: 235px;
	font-size: 13px;
	line-height: 1.51rem;
	color: #999;
}
.mystore ul li a strong {
	float: left;
	margin-top: 17px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 14px;
	line-height: 1.51rem;
	color: #121212;
}
.mystore ul li a:hover strong {
/* 	text-decoration: line-through; */
	text-decoration-thickness: 2px;
	text-decoration-color: rgba(18, 18, 18, .8);
}
.mystore ul li a em {
	display: block;
	float: left;
	margin: 10px 0 3px;
	width: 100%;
	font-style: normal;
	font-size: 13px;
	line-height: 2rem;
	color: #999;
}
.mystore ul li a ins {
	display: block;
    height: 39px;
    float: left;
    overflow: hidden;
    text-decoration: none;
}
.mystore ul li i.bookmark {
	position: absolute;
	top: 148px;
	right: -1px;
	z-index: 9;
	float: right;
	margin: 10px 10px 0 0;
	width: 25px;
	height: 17px;
	background: url('../../images/kr/store/icon-bookmark.png') no-repeat;
	background-position-y: 0px;
	background-size: 20px;
	cursor: pointer;
}

.mystore ul li i.bookmark.active {
	background: url('../../images/kr/store/icon-bookmark.png') no-repeat;
	background-position-y: -17px;
	background-size: 20px;
}

@media (min-width: 640px) {
	.mystore ul {margin-bottom: -20px;}
	.mystore ul li {
		margin-right: 10px;
		margin-bottom: 20px;
		width: 48.28%;
	}
}
@media (min-width: 768px) {
	.mystore ul li {width: 48.6%;}
}
@media (min-width: 992px) {
	.mystore ul {margin-bottom: -25px;}
	.mystore ul li {
		margin-right: 30px;
		margin-bottom: 25px;
		width: 206.5px;
	}
	.mystore ul li:nth-child(3n) {margin-right: 0;}
	.mystore ul li i.bookmark:hover {
		background: url('../../images/kr/store/icon-bookmark.png') no-repeat;
		background-position-y: -17px;
		background-size: 20px;
	}
}
@media (min-width: 1200px) {
	.mystore ul {margin-bottom: -30px;}
	.mystore ul li {
		margin-right: 30px !important;
		margin-bottom: 30px;
		width: 197.5px;
	}
	.mystore ul li:nth-child(4n) {margin-right: 0 !important;}
}
@media (min-width: 1300px) {
	.mystore ul li {width: 225px;}
}

@media (max-width: 991px) {
	.mystore ul {margin-bottom: -20px !important;}
	.mystore ul li {
		margin-right: 10px;
		margin-bottom: 20px;
	}
	.mystore ul li:nth-child(2n) {
		margin-right: 0;
		margin-left: 10px;
	}
	.mystore ul li a {
		margin: 0;
		height: auto;
		min-height: 260px;
	}
	.mystore ul li span {height: 200px;}
	.mystore ul li i.bookmark {top: 220px;}
}
@media (max-width: 767px) {
	.mystore ul li span {height: 150px;}
	.mystore ul li i.bookmark {top: 170px;}
}
@media (max-width: 500px) {
	.mystore ul {margin-bottom: -15px !important;}
	.mystore ul li {
		margin-right: 7.5px;
		margin-bottom: 15px;
		width: 48.28%;
	}
	.mystore ul li:nth-child(even) {margin-left: 7.5px;}
	.mystore ul li span {height: 120px;}
	.mystore ul li i.bookmark {top: 140px;}
	.mystore ul li a {
		margin: 0;
		height: auto;
		min-height: 245px;
	}
}
@media (max-width: 414px) {
	.mystore ul li {width: 48.05%;}
	.mystore ul li span {height: 100px;}
	.mystore ul li a strong {
		height: 36px;
		font-size: 15px;
		line-height: 1.5rem;
	}
	.mystore ul li i.bookmark {
		top: 85px;
		right: 2px;
	}
}
@media (max-width: 413px) {
	.mystore ul li {width: 47.87%;}
}
@media (max-width: 375px) {
	.mystore ul li {width: 47.83%;}
	.mystore ul li span {height: 90px;}
	.mystore ul li a {min-height: 235px;}
	.mystore ul li a strong {font-size: 14px;}
	.mystore ul li i.bookmark {top: 75px;}
}
@media (max-width: 360px) {
	.mystore ul li {width: 47.72%;}
	.mystore ul li a {min-height: 253px;}
}



.accordion {float: left; width: 100%; display: table;}
.accordion span {
	display: table-cell;
	padding: 0 10px;
	width: 12%;
	font-size: 13px;
	vertical-align: middle;
}
.accordion span.num {width: 5%;}
.accordion span.file {width: 5%;}
.accordion span p {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	width: 65px;
	height: 83px;
	overflow: hidden;
	border: 1px solid #dadcdd;
}
.accordion span p img {
	width: 100%;
	min-height: 100%;
}
.accordion a {
	font-family: 'NotosansR';
	font-size: 14px !important;
	line-height: 1.9rem;
}
.accordion a span {
	display: block;
	padding: 0;
	width: auto !important;
	font-size: 13px;
	line-height: 1.9rem;
	vertical-align: initial;
	color: #999;
}
.accordion a strong {
	float: left;
	margin-top: 2px;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 13px;
	letter-spacing: -.07em;
	line-height: 2.15rem;
	color: #333;
}
.accordion a strong span {
	display: inline-block;
	float: none;
	margin-left: 15px;
	width: auto;
	font-size: 13px;
	line-height: 1.9rem;
	letter-spacing: initial;
	color: #333;
}
.accordion em {
	display: table-cell;
	padding: 0 10px;
	width: 15%;
	font-size: 13px !important;
	font-style: normal;
	vertical-align: middle;
	text-align: right;
}
.accordion em buton {
	
}
@media (max-width: 991px) {
	.accordion span {font-size: 13px !important;}
	.accordion span.situation {width: 13%;}
	.accordion a {font-size: 13px !important; text-align: left !important;}
	.accordion em {width: 30%; font-size: 13px !important;}
}
@media (max-width: 767px) {
	.accordion span.situation {width: 14%;}
}
@media (max-width: 640px) {
	.accordion span.situation {width: 18%;}
	.accordion em {width: 20% !important;}
}
@media (max-width: 414px) {
	.accordion span.num {padding-left: 0;}
	.accordion span.file {width: 12%;}
	.accordion span.situation {width: 21%;}
	.accordion em {width: 22% !important;}
}
@media (max-width: 413px) {
	.accordion em {width: 23% !important;}
}
@media (max-width: 385px) {
	.accordion span.situation {width: 22%;}
	.accordion em {width: 24% !important;}
}
@media (max-width: 375px) {
	.accordion span.situation {width: 23%;}
	.accordion em {width: 25% !important;}
}
@media (max-width: 360px) {
	.accordion span.situation {width: 24%;}
	.accordion a strong span {margin-left: 8px;}
	.accordion em {width: 26% !important;}
}


.panel > .panel-heading + .panel-collapse > .panel-body .review_rate {}
.panel > .panel-heading + .panel-collapse > .panel-body ins {text-decoration: none;}
.panel > .panel-heading + .panel-collapse > .panel-body ins em {float: left;}
.panel > .panel-heading + .panel-collapse > .panel-body ins span {
	float: left;
	margin-left: 20px;
	font-family: 'NotosansR';
	color: #999;
	text-decoration: none;
}
.panel > .panel-heading + .panel-collapse > .panel-body ul.reviewContentImg li img {background-color: #fff;}



.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; background: #f9f9f9; font-size: 13px; color: #555; 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: #333; outline: none;}
.middleCate-tab li.on > a {font-family: 'NotosansM'; border-color: #444; background: #fff; color: #333; z-index: 10;}
.middleCate-tab li.on > a .cnt {color: #333; 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: #444; background: #fff; color: #333; cursor: pointer; z-index: 11;}
.middleCate-tab a:hover.blankNone,.tmp-tab a:focus.blankNone {text-decoration: none; border-color: #ccc; background: #fff; color: #333; cursor: default; z-index: 11;}



.middleCate-tab2 {float: left; width: 100%;}
.middleCate-tab2 ul {float: left; width: 100%; margin: 0; padding: 0;}
.middleCate-tab2 ul:after {display: block; clear: both; content:''}
.middleCate-tab2 li {
	float: left;
	width: 14.285%;
	background-color: #fff;
}
.middleCate-tab2 li.blank {display: none;}
.middleCate-tab2 li a, .tmp-tab li .blank {position: relative; display: block; height: 35px; line-height: 33px; padding: 0 10px; margin: 0 -1px -1px 0; border: 1px solid #dce1e4; font-size: 13px; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.middleCate-tab2 li a .cnt {margin-left: 6px; color: #999;}
.middleCate-tab2 li a:focus {text-decoration: none; color: #1090fd; outline: none;}
.middleCate-tab2 li.on > a {border-color: #1090fd; background: #fff; color: #1090fd; z-index: 10;}
.middleCate-tab2 li.on > a .cnt {color: #1090fd; 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: #1090fd; 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: #1090fd; cursor: default; z-index: 11;}



.middleCate-tab3 {float: left; width: 100%;}
.middleCate-tab3 ul {float: left; width: 100%; margin: 0; padding: 0;}
.middleCate-tab3 ul:after {display: block; clear: both; content:''}
.middleCate-tab3 li {
	float: left;
	width: 25%;
	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: #1090fd; outline: none;}
.middleCate-tab3 li.on > a {border-color: #1090fd; background: #fff; color: #1090fd; z-index: 10;}
.middleCate-tab3 li.on > a .cnt {color: #1090fd; 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: #1090fd; background: #fff; color: #333; cursor: pointer; z-index: 11;}
.middleCate-tab3 a:hover.blankNone,.tmp-tab a:focus.blankNone {text-decoration: none; border-color: #ccc; background: #fff; color: #1090fd; cursor: default; z-index: 11;}

@media (max-width: 991px) {
	.middleCate-tab2,
	.middleCate-tab3 {margin-top: 30px !important;}
	.middleCate-tab2 li,
	.middleCate-tab3 li {width: 50%;}
	.middleCate-tab2 li a,
	.middleCate-tab3 li a {/* text-align: center; */}
	.middleCate-tab2 li:first-child a,
	.middleCate-tab3 li:first-child a {/* display: none; */}
	
	.middleCate-tab2 li.blank {display: block;}
	.middleCate-tab2 li.blank a:hover {
		z-index: 0;
		border-color: #dce1e4;
		cursor: default;
	}
}
@media (max-width: 636px) {
	.middleCate-tab li {width: 50%;}
	.middleCate-tab2 li {width: 50%;}
	.middleCate-tab3 li {width: 50%;}
}


.calendar .date-inpt {
	
}
.calendar .date-icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 26px;
	z-index: 9;
	margin-top: -8px;
	width: 16px;
	height: 15px;
/* 	background: url(../../images/kr/datepick.png) left top no-repeat; */
}

@media (max-width: 1200px) {
	.file_input_textbox {width: 75% !important;}
}

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

/* 25.09.01 수정 */
.oneoneadd .file_input_div { width: auto;}
.oneoneadd .file_input_div .btn { width: 100px; border: 1px solid #DCDCDC; border-radius: 3px; color: #C2C2C2;}
.oneoneadd .file_input_div .btn:hover { background: #fff; }
.oneoneadd .file_input_hidden { left:0; width: 100px; right: unset;}
/* 25.09.18 첨부파일명 추가 */
.oneoneadd .file_list {padding: 0; margin-top: 8px;}
.oneoneadd .file_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
    height: 30px;
    font-family: "Pretendard";
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 8px 10px;
    margin-bottom: 3px;
    cursor: default;
}

.oneoneadd .file_list li > span {
    width: 100%;
    max-width: 264px;
    color: #C2C2C2;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
    margin: 0;
}
.oneoneadd .file_list li > button {
    background: none;
    padding: 0;
}

.oneoneadd .attatchment_details {
    margin-top: 15px;
    padding-left: 10px;
    color: #333;
}
.oneoneadd .attatchment_details li {
    position: relative;

}
.oneoneadd .attatchment_details li::before {
    content: '·';
    position: absolute;
    top: 0;
    left: -10px;
}
@media (max-width: 991px)  {
    .oneoneadd .file_input_div .btn {
        font-size: 14px;
    }
    
    .oneoneadd .file_list li > span {
        max-width: 240px;
    }
}
/* 25.09.18 첨부파일명 추가 */

/* 25.09.01 수정 */


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

.agreement > div {display: inline-block; width: 100%;}
@media (max-width: 499px) {
	.agreement > div.cont {
		font-size: 15px !important;
		padding-top: 10px !important;
	}
}
.agreement > div.cont {
	font-size: 17px;
    line-height: 26px;
    padding: 45px 0px 10px;
    overflow-y: auto;
    vertical-align: middle;
}
.agreement > div.cont ins {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #888;
    text-decoration: none;
    line-height: 50px;
}
.agreement > div.cont h3 {
	font-family: 'NotosansR';
	font-size: 26px !important;
	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: 40px;
    margin: 90px 0 40px;
    overflow-y: auto;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #f1f1f1;
}
.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: 60%;
	display: block;
	margin: 40px auto 0;
}


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

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


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

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



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


input[type="button"].fileupload_btn {
	float: left;
	width: 9%;
	height: 34px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #455869;
	text-align: center;
	margin-left: 0.5%;
	border-radius: 0;
}
input[type="button"]:hover.fileupload_btn {
	background: #d9dfe3;
}
@media (max-width: 456px) {
	#message_wrapper td input[type='text'] {
		width: 75%;
	}
	input[type="button"].fileupload_btn {
		width: 12%;
	}
}
@media (max-width: 375px) {
	#message_wrapper td input[type='text'] {
		width: 69%;
	}
	input[type="button"].fileupload_btn {
		width: 15%;
	}
}


.jstalktheme {
/* 	background-color: #9bbad8; */
/* 	padding: 4px 4px 0px 4px; */
}
.jstalktheme .clear {
	clear: both;
}
.jstalktheme .blank {
	clear: both;
	height: 8px;
}

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

.jstalktheme .msg .mytalk {
	float: right;
	width: 100%;
	font-family: Dotum, 돋움;
	font-size: 12px;
	color: #333;
}
.jstalktheme .msg .mytalk .box {
	float: right;
	width: calc(100% - 48px);
	position: relative;
}
.jstalktheme .msg .mytalk:first-child {
	margin-top: 10px;
}
.jstalktheme .msg .mytalk .time {
	float: right;
	position: absolute;
	bottom: 0;
	display: inline-block;
}
.jstalktheme .msg .mytalk .a {
	float: right;
	text-align: left;
	position: relative;
	min-height: 24px;
	max-width: calc(100% - 64px);
	left: 2px;
	background-color: #e1def7;
	z-index: 2;
	padding: 15px 15px 10px;
	word-break: break-all;
	border-radius:25px 25px 0 25px;
}
.jstalktheme .msg .mytalk .a .data {
	color: #a9a8b3;
	margin-top: 10px;
	text-align: right;
}
.jstalktheme .msg .mytalk .b {
	float: right;
	position: relative;
	height: 22px;
	background: url(./chat_balloon_yellow.right.png) no-repeat;
	z-index: 1;
}

.jstalktheme .msg .othertalk {
	float: left;
	width: 100%;
	font-family: Dotum, 돋움;
	font-size: 12px;
	color: #333;
}
.jstalktheme .msg .othertalk .b .data {
	color: #a9a8b3;
	margin-top: 10px;
}
.jstalktheme .msg .othertalk .box {
	float: left;
	width: calc(100% - 48px);
	position: relative;
}
.jstalktheme .msg .othertalk .box img,
.jstalktheme .msg .mytalk .box img {
	width: 13px;
    margin-bottom: -1px;
}
.jstalktheme .msg .othertalk .box .profile_name {
/* 	font-size: 12px; */
}
.jstalktheme .msg .othertalk .box .a {
	float: left;
	position: relative;
	height: 22px;
	background: url(./chat_balloon_white.left.png) no-repeat;
	z-index: 1;
}
.jstalktheme .msg .othertalk .box .b {
	float: left;
	position: relative;
	min-height: 24px;
	max-width: calc(100% - 64px);
	left: -2px;
	background-color: #f5f5f5;
	z-index: 2;
	padding: 20px 15px 10px;
	word-break: break-all;
	border-radius:25px 25px 25px 0;
}
.jstalktheme .msg .othertalk .box .time {
	float: left;
	position: absolute;
	bottom: 0;
	display: inline-block;
}
.jstalktheme .sendmsg {
	
}
.jstalktheme .sendmsg .textarea {
	float: left;
	width: calc(100% - 68px);
	height: 64px;
	border-radius: 8px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	resize: none;
}
.jstalktheme .sendmsg .button {
	float: right;
	width: 62px;
	height: 68px;
	background-color: #ffec42;
	border-radius: 0px 8px 8px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: table;
	cursor: pointer;
}
.jstalktheme .sendmsg .button p {
  display: table-cell;
  vertical-align: middle;
}
.jstalktheme .preView {
	width: 119px;
	height: 24px;
	text-align: center;
	background-color: #c9d1d7;
	padding-top: 2px;
	margin: 0 auto;
}
.jstalktheme .preView a {
	font-size: 12px;
	font-family: Dotum, 돋움;
	color: #fff;
	background: url(../images/mess_pre_arrow.png) no-repeat center right;
	padding-right: 18px;
	line-height: 25px;
}



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



/* Footer */

footer.bg-white {
	padding-right: 0;
	padding-left: 0;
}
footer.bg-white .container {
	width: 100% !important;
}
footer.bg-black {
	padding: 0;
	background: #1d1f20;
}
footer .footer-nav {
	float: left;
	width: auto;
	position: absolute;
	bottom: 0px;
}
footer .footer-nav.lineN {
	margin-top: 20px;
	padding-top: 0;
	border-top: 0px;
}

footer .footer-nav .footer-menu li a {
	display: block;
	position: relative;
	padding: 0;
	font-family: 'NotosansR';
	font-size: 13px;
	color: #333333;
	text-align: center;
}
footer .footer-nav .footer-menu li:nth-child(3) a {
	font-family: 'NotosansM';
	color: #121212;
}
footer .footer-nav .footer-menu li a:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #333333;
	-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;
}
footer .footer-nav .footer-menu li a:hover:after {
	-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
			transform: scaleX(1);
	opacity: .8;
}
footer .footer-nav .footer-menu li:last-child a:hover {
	color: #005bac !important;
}
footer .footer-nav .footer-menu li:last-child a:hover:after {
	transition: none;
	transform: scaleX(0);
}

@media (max-width: 360px) {
	footer .footer-nav .footer-menu li a {letter-spacing: -.03em;}
}


.footer-customer {
	float: left;
	font-size: 20px;
	color: #fc7f2e;
	font-family: 'NotosansB';
}
.footer-rightArea {
	float: right;
	width: 35.5%;
}
.footer-rightArea .footer-sns {
	position: relative;
	float: left;
	margin-top: 9px;
}
.footer-rightArea .footer-sns a {
	float: left;
	margin-right: 0 !important;
	margin-left: 10px;
	padding: 0 !important;
	width: 36px !important;
	height: 36px !important;
	border: none !important;
	border-radius: 50%;
		-webkit-transition: background-image .25s ease-in-out;
    	-moz-transition: background-image .25s ease-in-out;
    	-o-transition: background-image .25s ease-in-out;
    transition: background-image .25s ease-in-out;
}

@media (max-width: 991px) {
	.footer-rightArea .footer-sns a:nth-child(1) {
		background-image: url(../../images/kr/footer/footer_facebook_h.png) !important;
		box-shadow: 0 1px 5px #ccc;
	}
	.footer-rightArea .footer-sns a:nth-child(2) {
		background-image: url(../../images/kr/footer/footer_blog_h.png) !important;
		box-shadow: 0 1px 5px #ccc;
	}
	.footer-rightArea .footer-sns a:nth-child(3) {
		background-image: url(../../images/kr/footer/footer_instagram_h.png) !important;
		box-shadow: 0 1px 5px #ccc;
	}
}

.footer-rightArea .footer-sns a:nth-child(1) {
	margin-left: 0px;
	background-image: url(../../images/kr/footer/footer_facebook.png);
}
.footer-rightArea .footer-sns a:nth-child(1):hover {
	background-image: url(../../images/kr/footer/footer_facebook_h.png);
	box-shadow: 0 1px 5px #ccc;
}
.footer-rightArea .footer-sns a:nth-child(2) {
	background-image: url(../../images/kr/footer/footer_blog.png);
}
.footer-rightArea .footer-sns a:nth-child(2):hover {
	background-image: url(../../images/kr/footer/footer_blog_h.png);
	box-shadow: 0 1px 5px #ccc;
}
.footer-rightArea .footer-sns a:nth-child(3) {
	background-image: url(../../images/kr/footer/footer_instagram.png);
}
.footer-rightArea .footer-sns a:nth-child(3):hover {
	background-image: url(../../images/kr/footer/footer_instagram_h.png);
	box-shadow: 0 1px 5px #ccc;
}
.footer-rightArea .footer-sns a img {
	width: 100% !important;
	margin-top: 3px;
}
footer .form-control {
	float: right;
	margin-top: 19px;
	width: 150px;
	height: 35px;
	font-family: 'NotosansL';
	font-size: 15px;
    color: #fff;
	background-image: url(../../images/kr/footer/select_arrow.png) !important;
	border-color: transparent;
    background-color: transparent;
}
.footer-menu {
	clear: both;
	display: block;
 	margin-bottom: 0;
 	padding: 0;
}
.footer-menu li {
	display: block;
	float: left;
	margin-right: 30px;
}
.footer-menu li:last-child {margin-right: 0;}
.footer-menu li a {
	color: #555;
}

.footer-copyright {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	clear: both;
 	margin: 0 auto 30px;
}
.footer-copyright h2.bi {
	float: left;
    width: 100%;
    margin: 23px 0 0;
}
.footer-copyright h2.bi img {
    width: 264px;
}
.footer-copyright section {
	float: left;
	width: 100%;
	margin: 30px 0 40px;
	padding: 0;
}
.footer-copyright section span.csCenter {
	float: right;
	width: 35.5%;
	font-size: 12px;
	line-height: 24px;
	color: #005bac;
	letter-spacing: 0px;
}
.footer-copyright section span.csCenter ins,
.footer-copyright section span.csCenter strong {
	float: right;
	width: 100%;
	color: #005bac;
	font-family: 'Ubuntu', Arial, Dotum, sans-serif;
}
.footer-copyright section span.csCenter ins {
	float: right;
	font-size: 15px;
	text-decoration: none;;
}
.footer-copyright section span.csCenter strong {
	font-size: 30px;
	margin: 10px 0 20px;
}
.footer-copyright section span.csCenter i {
	font-family: NanumGothic, Dotum, Arial, sans-serif;
	color: #333333;
	font-size: 14px;
	letter-spacing: -.1px;
	margin: 0;
}

.footer-copyright section span {
	float: left;
	width: 64.5%;
	font-family: 'NanumGothic', Dotum, Arial, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	letter-spacing: 0px;
}
.footer-copyright section span i {
	display: inline-block;
	font-style: normal;
	font-size: 9px;
	color: #9a9a9a;
	margin: 0 11px;
}
.footer-copyright section span em {
	display: block;
	padding-top: 28px;
	font-style: normal;
	font-size: 12px;
	color: #0c6eaf;
	letter-spacing: 0;
}
.footer-copyright section span.lineH24 {
	line-height: 24px;
	color: #e2e2e2;
}

.footer-copyright section.footer {
	float: left;
	width: 100%;
	margin: 0;
}

@media (max-width: 1330px) {
	.footer-copyright section span {width: 100%;}
	.footer-copyright section span.csCenter {
		width: 100%;
		margin-top: 40px;
	}
	.footer-copyright section span.csCenter i {
		font-size: 14px;
	}
	.footer-rightArea {float: left; width: 60%;}
	footer .select {float: left !important; /* margin-left: 30px !important; */}
	.footer-copyright section {margin-bottom: 0px;}
	footer .footer-nav {
		position: relative;
		width: 100%;
		line-height: 20px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.footer-copyright section span em {padding-top: 15px !important;}
	.footer-copyright section span.csCenter strong {margin: 10px 0 10px;}
}
@media (max-width: 1199px) {
	.footer-copyright img {
		margin-bottom: 15px;
	}
}
@media (max-width: 767px) {
	footer {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
	}
	footer > a {
		margin-right: 1%;
		width: 24.2% !important;
		font-size: 11px;
	}
	.footer-rightArea {float: left; width: 100%;}
	.footer-copyright img {
		margin-bottom: 10px;
	}
	.footer-copyright strong {
		display: block;
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
	.footer-copyright section span,
	.footer-copyright section {margin-top: 10px;}
	.footer-copyright section span.csCenter {margin-top: 40px;}
	.footer-copyright section span em {padding-top: 10px !important;}
	.footer-copyright section span.csCenter strong {margin: 10px 0 !important;}
	.topbtn {right: 15px !important; bottom: 15px !important; width: 50px !important; height: 50px !important;}
	.backbtn {left: 15px !important; bottom: 15px !important; width: 50px !important; height: 50px !important;}
	.sharebtn {left: 15px !important; bottom: 35px !important; width: 50px !important; height: 50px !important;}
	footer .footer-nav .footer-menu li a {font-size: 14px; line-height: 30px;}
	footer .select {width: 55% !important;}
	
	.speechduck {right: 12px !important; bottom: 70px !important;}
	.speechduck img {width: 70%; height: 70%;}
}

@media (max-width: 569px) {
	footer .form-control {
	    float: left !important;
	    width: 100% !important;
	    margin-left: 0px !important;
	    margin-top: 10px;
	}
}
@media (max-width: 499px) {
	.footer-copyright section span {font-size: 13px !important; line-height: 24px !important;}
	.footer-copyright section span > i {vertical-align: top;}
	.footer-copyright section span.csCenter i {
		font-size: 13px !important;
		letter-spacing: -.6px !important;
	}
}
@media (max-width: 490px) {
	footer .footer-nav > a {
		width: 20% !important;
		font-size: 11px;
	}
	footer .footer-nav > a:nth-child(3) {
		width: 35% !important;
	}
	footer .footer-nav > a:nth-child(4) {
		width: 22% !important;
	}

	footer .form-control {
		width: 49%;
	}
	.footer-copyright {
		margin-top: 0;
		padding-top: 0;
		width: 100% !important;
	}
	.footer-copyright p {margin: 0 0 34px; font-size: 14px; line-height: 24px;}
	.footer-copyright p em {padding-top: 109px;}
	footer .select {/* float: right !important; */ max-width: 100% !important; width: 65% !important;}
	
	.footer-copyright section span em {font-size: 13px !important;}
}

@media (max-width: 420px) {
	.footer-menu,
	.footer-copyright p {width: 100% !important;}
	.footer-menu li {
		margin: 2px 5% 2px 0;
	}
	.footer-menu li:nth-child(4) {
		margin-right: 0;
	}
	.footer-menu li a {
/* 		width: 50%; */
	}
	footer.bg-black {
		padding-right: 15px;
		padding-left: 15px;
	}
	footer .footer-nav a {
		margin-bottom: 5px;
	}

	.footer-sns a {
	    float: left;
	    width:14% !important;
	}
	.footer-sns a img {
	    width: 100%;
	}
	footer .footer-nav,
	.footer-copyright {
/* 		margin-left: -15px; */
/* 		margin-right: -15px; */
	}
}
@media (max-width: 330px) {
	footer .footer-nav .footer-menu li a {line-height: 24px;}
	footer .select {
		width: 45% !important;
	}
}

@media (max-width: 320px) {
	footer .footer-nav > a {
		margin-bottom: 5px;
		width: 49% !important;
	}
	footer .footer-nav > a:nth-child(3),
	footer .footer-nav > a:nth-child(4) {
		width: 49% !important;
	}
	.footer-sns {
		margin-top: 20px;
	}
}



.lol-item-column {
	margin-bottom: 21px;
	width: 100%;
}
.lm-col-1 {display: block; float:left; margin-left: 2%; width: 23.5%; position: relative; min-height: 1px;}
.lm-col-1:first-child {margin-left:0px;}
.lm-col-2 {float: left; margin-left: 2%; width: 49%;}


@media (max-width: 1199px) {
	.lol-item-column {margin-bottom: 12px;}
}
@media (max-width: 1110px) {
	.lm-col-1,
	.lm-col-2 {margin-left: 4%; width: 48%;}
	.lm-col-1 {height: 410px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.lol-item-column {margin-bottom: 0;}
	.lm-col-1 {margin-bottom: 20px; height: 326px;}
}
@media (max-width: 767px) {
	.lol-item-column {margin-bottom: 0;}
	.lm-col-1 {margin-bottom: 30px; margin-left: 0; width: 100%; height: auto;}
	.lm-col-1:last-child {margin-bottom: 0;}
	.lm-col-2 {margin-left: 0; width: 100%;}
}

.magazine {padding: 0;}
.magazine .lol-item-column > div > span {
	display: block;
	overflow: hidden;
}
.magazine img {
    width: 100%;
    height: 100%;
     max-width: 100%;
    display: block;
    vertical-align: middle;
    border: 0;
    transition: .3s;
}
.magazine img:hover {transform: scale(1.1);}
.magazine h3 {position: relative; background-color: #fff; color: #313131 !important;}
.magazine h3 a {float: right; font-size: 13px; color: #999; letter-spacing: -1px;}
.magazine h3 a:hover {color: #313131;}
.magazine .orange h3 {font-size: 16px !important; font-weight: 500; color: #fc6200; padding: 20px 0 0; margin: 0; line-height: 29.124px;}
.magazine strong {color: #666666; font-size: 13px;}
.magazine p {float: left; font-size: 13px; color: #666666; padding: 13px 0 0; line-height: 20px;}
.magazine p a {color: #666666;}

.magazine .gray h3 {font-size: 16px !important; font-weight: 500; color: #666666; padding: 20px 0 0; margin: 0; line-height: 29.124px;}
.magazine .gray strong {float: left; width: 100%; font-size: 13px; font-weight: 400; line-height: 1.5; color: #999999; padding: 14px 0 10px; margin: 0;}
.magazine .gray strong a {color: #777;}
.magazine .gray strong a:hover {color: #222;}

.magazine .blue h3 {font-size: 16px !important; font-weight: 500; color: #0c6ed1; margin: 0 0 10px; padding: 0; line-height: 29.124px;}
.magazine .blue ul {
	float: left;
	margin-bottom: 0;
	padding: 6px 5px 10px;
	width: 100%;
	min-height: 160px;
/* 	border-top: 1px solid #333; */
	border-bottom: 1px solid #e5e5e5;
}
.magazine .blue ul li {
	float: left;
	padding: 0 0 13px;
	width: 100%;
}
.magazine .blue ul li a {
	position: relative;
	float: left;
	width: 75%;
	font-size: 13px;
	white-space: nowrap;
	color: #333;
	text-indent: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.magazine .blue ul li a:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #333;
}
.magazine .blue ul li span {
	float: right;
	color: #666;
}

.magazine .danger {
	position: relative;
}
.magazine .danger h3 {
	float: left;
	font-size: 16px !important;
	font-weight: 500;
	color: #666666;
	margin: 34px 0 1px;
	padding: 0;
	line-height: 29.124px;
}
.magazine .danger strong {
	float: left;
	font-size: 27px;
	letter-spacing: -1.7px;
	color: #313131;
}
.magazine .danger .fa {
	float: left;
	margin-top: 3px;
	margin-right: 9px;
	color: #ccc
}
.magazine .danger span {
	padding: 0 10px 0 10px;
	font-style: normal;
	font-weight: 500;
}
.magazine .danger p {
	position: relative;
	float: right;
	margin-top: 29px;
	padding: 0 0 0 17px;
	line-height: 20px;
}
.magazine .danger p:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 36px;
	background-color: #e5e5e5;
}
.magazine p b {
	font-family: 'NotosansB';
	color: #313131;
}
.magazine .danger p i {
	height: 8px;
}

@media (min-width: 1200px) {
	.magazine p {
		margin-bottom: 0;
	}
	.magazine .gray strong {
		margin-bottom: -3px;
		padding-bottom: 0;
	}
	.magazine .danger p {
		margin-bottom: 0;
	}
}
@media (max-width: 1199px) {
	.magazine .blue ul {
		min-height: 147px;
	}
	.magazine .blue ul li {
		padding-bottom: 9px;
	}
	.magazine .danger h3 {
		margin-top: 23px;
		margin-right: 15px;
	}
	.magazine .danger strong {
		font-size: 25px;
	}
	.magazine .danger p {
		float: left;
		margin-top: 16px;
		padding: 0;
		letter-spacing: -1px;
	}
	.magazine .danger p:before {
		display: none;
	}
}
@media (max-width: 1110px) {
	.magazine .blue {margin-left: 0; border-top: 1px solid #e8e8e8;}
	.magazine .blue h3 {margin-top: 20px;}
	.magazine .blue ul {padding-top: 5px; border-bottom: 0;}
	.magazine .danger {border-top: 1px solid #e8e8e8;}
	.magazine .danger h3 {
		margin-top: 21px;
	}
	.magazine .danger p {
		float: left;
		margin-top: 11px;
		letter-spacing: 0px;
	}
}
@media (max-width: 767px) {
	.magazine .danger h3 {margin-top: 30px; width: 100%;}
/* 	.magazine .blue {border-top: 1px solid #e8e8e8;} */
	.magazine .blue ul {
/* 		border-bottom: 1px solid #e8e8e8; */
		padding-bottom: 30px;
	}
}

.community {border-top: 1px solid #e8e8e8; padding: 30px 0 0; margin-top: -10px;}
.community .notice {padding: 0 20px 0 0; font-size: 12px; line-height: 22px;}
.community h3 {font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.community .notice ul {border-right: 1px solid #e8e8e8;}




/* layerpopup (공통) */

.layerpopup {position: fixed; top: 35px; left: 30%; z-index:9999; border: 1px solid #555; background: #fff; clear: both;}
.layerpopup h2 {display: none; font-size: 18px; color: #222222; font-weight: 500; margin: 30px 30px 0; padding: 0;}
.layerpopup h2 .pop_close {float: right; margin: -20px -20px 0 0; cursor: pointer;}
.layerpopup .pop_cont {overflow:hidden; padding: 0; text-align: center;}
.layerpopup .pop_cont img {display: block; max-width: 100%; max-height: 100%;}
.layerpopup label {margin-top: 1px; padding-left: 0;}
.layerpopup label div.checker {margin-top: -1.5px;}
.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, Arial, sans-serif; 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;}

@media (max-width: 991px) {
	.layerpopup {top: 14% !important; left: 0 !important;}
}
@media (max-width: 490px) {
	.layerpopup {width: 100% !important;}
	.layerpopup .pop_cont {width: 100% !important; height: auto !important;}
	.layerpopup .pop_cont img {min-width: 100%; min-height: 100%;}
}
@media (max-width: 375px) {
	.layerpopup {top: 18% !important;}
}
@media (max-width: 360px) {
	.layerpopup {top: 16% !important;}
}



/* newOrderPay */

.pay-plus {
	margin: 4px 0 0 !important;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 12px !important;
	text-align: center;
	background-color: #e5e5e5;
	border-radius: 100%;
}
@media (max-width: 991px) {
	.pay-delivery,
	.pay-price {
		width: 100% !important;
	}
	.pay-plus {
		display: none;
	}
}

.pay-tab {
	float: left;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
}
.pay-tab label {margin-left: -2px;}
.pay-tab .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
	color: #fff;
	background-color: #01387d;
	border-color: transparent;
}
.pay-tab .nav-tabs.nav-justified > li > a {
	background-color: #f6f9fd;
	border: 1px solid #e4e6e7
}

.pay-tab .tab-content {padding: 10px 0 0 !important;}
.pay-tab .tab-content .form-control {
	display: inline-block;
	float: right;
	width: 64%;
}
.pay-tab .tab-content select.form-control {
	float: left;
	width: 35%;
}

.pay-tab .tab-content .tab-pane div {display: none;}
.pay-tab .tab-content .more div {
	display: inline-block;
	width: 65%;
	text-align: right;
}
.pay-tab .tab-content .more > input {/* display: none !important; */}
.pay-tab .tab-content .more div .form-control {
	display: inline-block;
	float: none;
}
.pay-tab .tab-content .more div.box3 .form-control {width: 32.25%;}
.pay-tab .tab-content .more div.box4 .form-control {width: 23.92%;}

@media (min-width: 1200px) {
	.pay-tab .col-lg-8 {padding-left: 5px;}
	.pay-tab .tab-content .more div.box4 .form-control {width: 23.88%;}
}

@media (max-width: 991px) {
	.pay-tab {padding: 0;}
}
@media (max-width: 767px) {
	.nav-tabs.nav-justified > li {
		float: left;
		width: 50%;
	}
	.pay-tab .tab-content .form-control {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.pay-tab .tab-content .more div.box3 .form-control {width: 32.33%;}
	.pay-tab .tab-content .more div.box4 .form-control {
		padding-right: 10px !important;
		padding-left: 10px !important;
		width: 24.02%;
	}
}
@media (max-width: 499px) {
	.pay-tab .tab-content .form-control {width: 100%;}
	.pay-tab .tab-content select.form-control {
		width: 100%;
		letter-spacing: normal !important;
	}
	.pay-tab .tab-content .tab-pane > input {
		margin-top: 4px;
		width: 100%;
	}
	.pay-tab .tab-content .more div {
		margin-top: 4px;
		width: 100%;
	}
	.pay-tab .tab-content .more div.box3 .form-control {width: 32.7%;}
	.pay-tab .tab-content .more div.box4 .form-control {width: 24.36%;}
	.pay-tab .tab-content .more div .form-control:first-child {float: left;}
}


.tableth .newOrderPay {
	float: left;
	width: 100%;
}
.tableth .newOrderPay tr td {
	text-align: right;
}
.tableth .newOrderPay tr td span {
	float: right;
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	color: #333;
}
.tableth .newOrderPay tr td span em {
	font-family: 'NotosansB';
	font-style: normal;
	font-size: 15px;
	font-weight: normal;
	color: #333;
	letter-spacing: -.5px;
	padding-left: 10px;
	margin-right: 2px;
}

.newOrderPay ul {
	float: left;
	padding: 0;
	width: 100%;
	border-top: 1px solid #aaa;
}
.newOrderPay li {
	float: left;
	width: 50%;
	height: 49px;
	border-bottom: 1px solid #ccc;
}
.newOrderPay li label {
	float: left;
	margin: 0;
	padding: 13px 20px 12px;
	width: 30%;
	height: 39px;
	font-family: 'NotosansM';
	font-size: 12px;
	text-align: left;
}
.newOrderPay 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;
}
.newOrderPay li p span {
	float: none;
	font-family: 'NotosansB';
	font-size: 16px;
	color: #333;
}
.newOrderPay li p span em {
	font-family: 'NotosansB';
	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 button {
	float: left;
	width: 40%;
/* 	background: #595959; */
/* 	border: 1px solid #494949; */
	padding: 15px 0;
	font-family: 'NotosansB';
	font-size: 15px;
	color: #fff;
	text-align: center;
}

@media (max-width: 991px) {
	.btnIcon ul li {width: 100%;}
	.btnIcon ul li button {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: 320px;
}

.category-box {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
/* 	width: 100%; */
	min-height: 548px !important;
}

.category-body {
	position: absolute;
	margin: 0 auto;
	width: 797px;
	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: 200px;
	height: 100% !important;
/* 	background-color: #eef1f4; */
/* 	border: 1px solid #dadcdd; */
	border-top: none;
	border-bottom: none;
	background-color: rgba(14,23,29,0.95);
}
.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-size: 13px;
	white-space: nowrap;
	letter-spacing: -1px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.page-horizontal-bar ul.scrollbox-depth1 > li {
/* 	position: initial; */
	font-size: 13px;
/* 	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: 25px;
	color: #99a7b1;
	letter-spacing: -.5px;
}
.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: 199px;
	padding: 15px 0 3px;
	width: 199px;
	height: 100% !important;
/* 	background-color: #f1f4f6; */
/* 	border-right: 1px solid #dadcdd; */
/* 	border-bottom: 1px solid #e9e9e9; */
	background-color: rgba(14,23,29,0.9);
}
.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: 198px;
	padding: 15px 0 6px;
	width: 199px;
	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.85);
}
.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: 398px;
	padding: 3px 0;
	width: 199px;
/* 	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: 199px;
	padding: 25px 0 3px;
	width: 199px;
	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: 796px;
	float: right;
	margin: 0;
	padding: 0;
	width: 342px;
	height: 400px;
	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: 1200px) {
	.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: 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;
}
@media (max-width: 1200px) {
	.loginBtn,
	.page-login #main-wrapper,
	.loginCopyRightA {
		width: 100% !important;
	}
}
.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 {
	border: 5px solid #f1f1f1;
	margin: 20px 30px 0;
}
.confirm table {
	width: 65%;
	margin: 0 auto;
}
.confirm table tr th {
	padding-right: 40px;
	color: #555;
}
.confirm table tr td {
	padding: 28px 5px 26px;
	font-size: 15px;
	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: 10px 40px 9px;
	font-weight: 500;
	font-size: 13px;
	color: #fff;
	text-align: center;
	border: 1px solid transparent;
}
a:hover.btn-md {
	color: #fff;
}

@media all and (max-width: 1300px) {
	.confirm table {width: 70%;}
}
@media all and (max-width: 1199px) {
	.confirm table {width: 80%;}
	.confirm table tr {padding: 0 150px;}
	.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: 100%;}
}
@media all and (max-width: 991px) {
	.confirm table {width: 100%;}
	.confirm table tr {padding: 0;}
	.confirm .btn-md {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
	.confirm table tr td {
		padding: 28px 5px 26px;
		min-width: 25px;
		font-size: 16px;
		color: #555;
	}
	.confirm .form-control,
	.confirm .form-control:nth-child(2),
	.confirm .form-control:nth-child(3) {width: 100%;}
}
@media (max-width: 499px) {
	.confirm {margin: 20px 10px 0 !important;}
	.confirm .form-control {margin-right: 3px;}
	.confirm table tr td {
		padding: 28px 2px 26px;
		font-size: 14px;
	}
	.confirm .btn-md {padding: 10px 15px 9px !important;}
}
@media (max-width: 375px) {
	.confirm table tr td {min-width: 20px;}
}


.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;
	font-weight: bold;
	padding-top: 45px;
}
.certificate .textArea span {
	float: left;
	width: 83%;
	font-size: 13px;
	text-align: left;
	line-height: 24px;
}



/*  */
.date-inpt,
.datepicker.dropdown-menu {
	z-index: 9;
}

footer .select {
  float: right;
  position: relative;
  display: block;
  margin: 0;
  width: 60%;
  color: #333333;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-bottom: 1px solid #d1d9e2;
}
footer .select .placeholder {
  position: relative;
  display: block;
  font-size: 13px;
  z-index: 1;
  padding: 1em 0 1em 0;
  border-radius: 2px;
  cursor: pointer;
}

footer .select .placeholder:after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'FontAwesome';
  font-size: 12px;
  content: '\f077';
  z-index: 10;
}
footer .select.is-open .placeholder:after {
  content: '\f078';
}
footer .select.is-open ul {
  display: block;
}
footer .select.select--white .placeholder {
  background: #fff;
  color: #999;
}
footer .select.select--white .placeholder:hover {
  background: #fafafa;
}
footer .select ul {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  background: #444;
  border-radius: 5px;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  z-index: 100;
  overflow: hidden;
}
footer .select ul li {
  display: block;
  text-align: left;
  padding: 0.8em 1.2em 0.8em 1.2em;
  color: #121212;
  cursor: pointer;
}
footer .select ul li:first-child {
  padding-top: 1.5em;
}
footer .select ul li:last-child {
  padding-bottom: 1.5em;
}
footer .select ul li a {
  display: block;
  width: 100%;
  color: #999;
  font-size: 14px;
}
footer .select ul li:hover a {
  color: #fff;
}
footer .select ul li:hover {
  background: #333;
}





/* login */

.login {
	padding: 50px 0;
	margin-bottom: -80px;
	background: #fff;
	-webkit-box-shadow: 0 5px 5px -5px rgb(0, 0, 0, 95%);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.95);
    box-shadow: 0 5px 5px -5px rgb(0, 0, 0, 95%);
}
.login .modal-header {
	padding: 20px 20px 50px;
}
.login .modal-header .close {
	margin-top: -8px;
}
.login .nav-tabs {
	width: 100%;
}
.login .nav-tabs > li {
	float: left;
	width: 30%;
}
.login .nav-tabs > li:nth-child(3) {
	float: left;
	width: 40%;
}
.login section { float: none; position:static; transform:none; padding:71px 0 95px; margin:0 auto; background:#fff;}
.login .section_inner { width: 85%; margin:0 auto; }
@media (min-width: 372px) and (max-width:640px) {
	.login .section_inner {width: 86%;}
}
@media (min-width: 992px) and (max-width:1240px) {
	.login section {width: 60%;}
}
@media (min-width: 1241px) and (max-width:1719px) {
	.login section {width: 40%;}
	.login .section_inner {/* width: 80%; margin: 0 auto; */}
}
.login .section_inner h4 {
	font-family: 'NotosansM';
	font-size: 22px;
	color: #231f20;
	margin-top: -10px;
}
@media (max-width:767px) {
	.login .section_inner h3 {font-size: 28px; margin-bottom: 15px;}
	.login section {padding: 50px 0;}
}
@media (max-width:371px) {
	.login .section_inner {width: 90%;}
}
.login .section_inner > p { margin:12px 0 46px; color:#807e7f; }
.login .section_inner label.padding { width: 100%; margin: 20px 0 15px; background: #ddd; padding: 10px 0; text-align: center;}
.login .section_inner label.padding input[type=text] {
    width: 100%;
    height: 40px;
    color: #555;
    font-size: 22px;
    padding: 5px;
    text-align: center;
    border: none;
    border-bottom: none;
    background: none;
    box-sizing: border-box;
    outline: none;   
}
.login .section_inner label.padding input::placeholder {
  font-size: 18px;
}
.login .log_id,
.login .log_pw,
.login .log_tel,
.login .log_bir { display:block;margin-top:10px; }
.login .log_id input,
.login .log_pw input,
.login .log_tel input,
.login .log_bir input { width:100%; font-family: inherit; }
.login .log_id:before { width:22px; height:22px; }
.login .log_pw:before { width:24px; height:24px; }
.login .log_pw:before { background-position:-27px 0; }
.login .log_tel:before { width:24px; height:24px; background-position:-54px 0; }
.login .log_bir:before { width:24px; height:24px; background-position:-193px 0; }
.login .log_id input[type=text],
.login .log_pw input[type=text],
.login .log_tel input[type=text],
.login .log_bir input[type=text],
.login .log_pw input[type=password] {
    width: 100%;
    height: 48px;
    color: #555;
    padding: 8px 15px;
    line-height: 32px;
    border: 1px solid rgba(228,228,228,0);
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    outline: none;
}
.inp_icon { position:relative; }
.inp_icon:before { content:''; position:absolute; display:block; left:24px; top:50%; transform:translate(-50%,-50%); background:url('../../images/common/form_icon.png') no-repeat 0 0; box-sizing:border-box; }
.inp_icon input[type=text],
.inp_icon input[type=number],
.inp_icon input[type=password] {padding-left:50px !important;}
.login .logbox { margin-top:25px; font-size:0; }
.login .logbox a { display:inline-block; vertical-align:middle; font-size:13px; letter-spacing:-0.04em; }
.login .logbox span { display:inline-block; width: auto; vertical-align:top; font-size:13px; letter-spacing:-0.04em; margin: 0;}
.login .logbox span.checkbox {margin-top: 4px !important;}

@media (max-width:540px) {
	.login .logbox span.checkbox {width: 100%; margin-bottom: 10px !important;}
	.checkbox label.lol-label-checkbox {width: auto !important;}
	.form-control.t-col-xs-7 {width: 69.666666% !important;}
}
.login .logbox span.checkbox .lol-text-checkbox {color: #8d8d8d !important;}
.login .logbox label { margin-left:0; }
.login .logbox .select { width:69px; }
.login .logbox .bar { width:1px; height:15px; margin:1px 12px 0; background:#e4e4e4; }
.login .btnbox { margin-top:28px; }
.login .btnbox .btn_login { width: 100%; font-size: 16px; height: 45px; color: #fff; background: #1090fd; }
[class^="btn_"]:not(.btn_area) {
    position: relative;
    display: inline-block;
    height: 48px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
}
[class^="btn_"]:not(.btn_area):before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
[class^="btn_"]:not(.btn_area):after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.login .btnbox .btn_login:hover { background: #067de3; }
.login .btnbox2 {
	float: left;
	width: 100%;
}
.login .btnbox2 .txt {
	display: block;
	margin: 25px auto 0;
	text-align:center;
	font-family: 'NotosansL';
	font-size: 13px;
}
.login .btnbox2 .btn_join { width: 100%; font-size: 16px; height: 45px; color: #fff; background: #123a8e; margin-top: 10px;}
.login .btnbox2 .btn_join:hover { background: #042671; }
.login .btnbox2 .btn_buy { width: 100%; font-size: 16px; height: 45px; color: #fff; background: #555;}
.login .btnbox2 .btn_buy:hover { background: #444; }

@media (max-width: 540px) {
	.login .txt {text-align: left !important;}
}

.login .section_inner div .btn_blk { float:right; width:48px; color: #fff; background:#333; border-radius: 10px;}
.login .section_inner div .btn_blk:hover { background:#555; }
.login .section_inner div .btn_blk img {width:20px; vertical-align: middle;}

.login_sns {
	text-align: center;
}
.login_sns ul {
	display: inline-block;
	padding: 0;
	margin: 20px auto 0;
	text-align: center;
}

.login_sns ul.innerBox {
    display: inline-block;
    padding: 0;
    margin: 3px auto 0;
    text-align: center;
    width: 30%;
}

.login_sns li {
	float: left;
    margin: 20px 17px 0;
	padding: 0 !important;
	width: 40px !important;
	height: 40px !important;
	border: none !important;
	border-radius: 50%;
		-webkit-transition: background-image .25s ease-in-out;
    	-moz-transition: background-image .25s ease-in-out;
    	-o-transition: background-image .25s ease-in-out;
    transition: background-image .25s ease-in-out;
}
.login_sns li:hover {
	/*-webkit-box-shadow: 0px 2px 2px 0 rgb(105, 125, 155, 75%);
    -moz-box-shadow: 0px 2px 2px 0 rgba(105, 125, 155, 75%);
    box-shadow: 0px 2px 2px 0 rgb(105, 125, 155, 75%);*/
}
.login_sns li:nth-child(1) {
	margin-left: 0;
}
.login_sns li:nth-child(1) a img {
	border-radius: 50%;
	border: 0;
}
/* .login_sns li:nth-child(3) {
	margin-right: 0;
} */
.login_sns li button {
	padding: 0;
	background-color: transparent;
}
.login_sns li button img {
	width: 40px;
	height: 40px;
}


.login_sns li.largeBtn {
    float: left;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 55px !important;
    border: none !important;

    -webkit-transition: background-image .25s ease-in-out;
    -moz-transition: background-image .25s ease-in-out;
    -o-transition: background-image .25s ease-in-out;
    transition: background-image .25s ease-in-out;
}
.login_sns li.largeBtn:hover {
    /*-webkit-box-shadow: 0px 2px 2px 0 rgb(105, 125, 155, 75%);
    -moz-box-shadow: 0px 2px 2px 0 rgba(105, 125, 155, 75%);
    box-shadow: 0px 2px 2px 0 rgb(105, 125, 155, 75%);*/
}
.login_sns li.largeBtn:nth-child(1) {
    margin-left: 0;
}
.login_sns li.largeBtn:nth-child(1) a img {
    /*border-radius: 50%;*/
    border: 0;
}

.login_sns li.largeBtn div a img {
    border-radius: 0 !important;
    width : 100%;
}

.login_sns li.largeBtn:nth-child(3) {
    margin-right: 0;
}
.login_sns li.largeBtn button {
    padding: 0;
    background-color: transparent;
}
.login_sns li.largeBtn button img {
    width: 100%;
    height: 100%;
}





@media (max-width: 499px) {
	.login_sns li {width: 40px !important;}
	.login_sns li.largeBtn {width: 100% !important;}
    .login_sns ul.innerBox {width: 100%;}

}

.login-new {
	border-radius: 10px;
}

.login-new .nav-tabs>li.active>a, .login-new .nav-tabs>li.active>a:hover, .login-new .nav-tabs>li.active>a:focus {
	border-radius: 5px 5px 0 0 !important;
}

.login-new .btnbox .btn_login {
	background-color: #1090fd;
}

.login-new .btnbox .btn_login:hover {
	background-color: #1071c4;
}

.login-new .btnbox2 .btn_join {
	background-color: #fff;
	border: solid 1px #123a8e;
	color: #123a8e;
}

.login-new .btnbox2 .btn_join:hover {
	background-color: #dadada;
}

.login-new .btnbox2 .btn_buy {
	background-color: #fff;
	border: solid 1px #555;
	color: #555;
}

.login-new .btnbox2 .btn_buy:hover {
	background-color: #dadada;
}

.login-new #tab13 .btnbox2 .btn_buy {
	background-color: #2d53a4;
	border: none;
	color: #fff;	
}

.login-new #tab13 .btnbox2 .btn_buy:hover {
	background-color: #1c3e88;
}

.login-new [class^="btn_"]:not(.btn_area) {
	border-radius: 5px;
}

.login-new .login_sns li {
	margin: 20px 15px 0;
	width: 45px !important;
	height: 45px !important;	
}

.login-new .login_sns li button img {
	width: 45px;
	height: 45px;
}

.login-new .logbox div.checker {
	width: 22px;
	height: 22px;
	margin-top: -2px;
}

.login-new .logbox div.checker span {
	width: 22px;
	height: 22px;
	background: url('../../images/kr/header/login_new_btn_saveId.png') no-repeat top left;
}

.login-new .logbox div.checker span.checked {
	background-position: top right;
}

.content {
	height:467px;
	overflow:auto !important;
	overflow-x: hidden !important;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	border-radius:3px;
}
.mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}

@media (max-width: 499px) {
	.memCouponArea {
		width: 107% !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: 16px !important;}
	.memCouponArea span strong {font-size: 62px !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: 78px;
	font-family: 'Ubuntu', Arial, Dotum, sans-serif;
}
.memCouponTxt {
	float: left;
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin-top: 16px;
	margin-left: 25px;
}

.topbtn {
 	display:none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 999;
	width: 40px;
	height: 40px;
	background-image: url(../../images/common/up_bt.png);
    background-size: cover;
    background-color: rgba(255,255,255,1);
    background-position: left top;
    border-radius: 45px;
    background-repeat: no-repeat;
}
.topbtn a {display: block; width: 100%; height: 100%;}

.backbtn {
    display:none;
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background-image: url(../../images/common/back_bt.png);
    background-size: cover;
    background-color: rgba(255,255,255,1);
    background-position: left top;
    border-radius: 45px;
    background-repeat: no-repeat;
}
.backbtn a {display: block; width: 100%; height: 100%;}

.sharebtn {
	display:none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 999;
	width: 40px;
	height: 40px;
	background-image: url(../../images/common/share_bt.png);
	background-size: cover;
	background-color: rgba(255,255,255,1);
	background-position: left top;
	border-radius: 45px;
	background-repeat: no-repeat;
}
.sharebtn a {display: block; width: 100%; height: 100%;}

.screen_out {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 1px;
    overflow: hidden;
}
ul.deliveryList {
	padding: 20px 0 0;
}
.deliveryList li {
	border: 1px solid #e1e1e1;
	display: block;
	position: relative;
	float: left;
	width: 49%;
	min-height: 300px;
	margin: 20px 1% 0 0;
	background-color: #fff;
}

.deliveryList li:nth-child(even) {
	float: right;
	margin-right: 0;
	margin-left: 1%;
}

.deliveryList li h5 {
	position: relative;
	float: right;
	width: auto;
	font-family: 'NotosansM';
	font-size: 14px;
	margin: 15px 10px 0 0;
	height: 14px;
}
/* .deliveryList li:hover h5 { */
/* 	color: #fff !important; */
/* } */
.deliveryList li span {
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #777;
	line-height: 26px;
	padding-left: 20px;
}
.deliveryList li em {
	float: left;
	width: 100%;
	color: #212121;
	font-size: 13px;
	line-height: 26px;
	font-style: normal;
	padding-left: 20px;
	border-top: 1px dashed #ccc;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.deliveryList li span strong {
	color: #212121;
	font-family: 'NotosansM';
}

.deliveryList li em strong {
	background: #0d99d7;
	border-radius: 3px;
	padding: 2px 5px;
	margin-right: 5px;
	color: #fff;
	font-family: 'NotosansR';
}
.deliveryList li em strong:last-child {
	background: #0c6eaf;
}

.deliveryList li button {
	width: 100%;
	font-size: 16px;
	padding: 10px;
	height: 52px;
}
.deliveryList li button:disabled,
.deliveryList li button[disabled] {
  color: #121212;
}
.deliveryList li button:disabled:hover,
.deliveryList li button[disabled]:hover{
  cursor: default !important;
  background-color: #f1f1f1;
  border-color: #e5e5e5;
}
/* .deliveryList li:hover:before { */
/* 	border-top: 70px solid #1090fd; */
/* } */
.deliveryList li:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	border-top: 70px solid #eee;
	border-left: 120px solid rgba(0, 0, 0, 0);
	width: 0;
}

@media (min-width: 1200px) {
	.deliveryList li {min-height: 274px;}
	.deliveryList li em br {display: none;}
	.deliveryList li em strong:last-child {
		margin-left: 55px;
	}
}

@media (max-width: 499px) {
	.deliveryList li {
		margin: 20px 0 0 !important;
		width: 100%;
		min-height: 200px;
	}
	.deliveryList li h5 {margin-bottom: -21px;}
	.deliveryList li em {
		margin-top: 10px;
		margin-bottom: 15px;
		padding-top: 10px;
	}
	.deliveryList li button {font-size: 15px;}
}



@media (max-width: 1199px) {
	.top_storeBanner .banLink {height: 65px;}
	.top_storeBanner .banLink dl dt {
		width: 30% !important;
		font-size: 16px !important;
	}
	.top_storeBanner .banLink dl dd {
		width: 70% !important;
		font-size: 16px !important;
	}
}
@media (max-width: 991px) {
	.top_storeBanner {display: none !important;}
}

.top_storeBanner { position: relative; z-index: 99; overflow: hidden; text-align: center; background: #121212; }
.top_storeBanner .banLink {
	display:block;
	float: left;
	width: 100%;
	height: 60px;
	background: url('../../images/kr/header/top-ban_bg.jpg') no-repeat left top;
}
.top_storeBanner .banLink dl {
	padding-top: 18px;
}
.top_storeBanner .banLink dl dt {
	float: left;
	width: 50%;
	text-align: left;
	color: #fff;
	font-size: 18px;
	margin-top: -2px;
}
.top_storeBanner .banLink dl dt a:nth-child(1) {
	margin-left: 35px;
}
.top_storeBanner .banLink dl dt a {
	margin-left: 20px;
}
.top_storeBanner .banLink dl dt a img {
	margin-top: -4px;
}
.top_storeBanner .banLink dl dd {
	float: right;
	width: 50%;
	color: #fff;
	font-size: 15px;
}
.top_storeBanner .banLink dl dd em {
	font-style: normal;
}
.top_storeBanner .banLink dl dd i {
	display: inline-block;
	margin: 0 15px;
}
.top_storeBanner .banLink dl dd i img {
	opacity: .5;
}
.top_storeBanner a.btnClose {float: right;}
.top_storeBanner a.btnClose img {opacity: .85;}
.top_storeBanner a.btnClose:hover img {opacity: 1;}



.top_storeBannerM { position: relative; overflow: hidden; text-align: center; background: #121212; }
.top_storeBannerM .banLink {
	display:block;
	float: left;
	width: 100%;
	height: 70px;
	background: url('../../images/kr/header/top-ban_bgM.jpg') no-repeat left top;
	background-size: cover;
}
.top_storeBannerM .banLink dl {
	padding-top: 20px;
}
.top_storeBannerM .banLink dl dt {
	float: left;
	width: 47%;
	text-align: left;
	color: #fff;
	font-size: 15px;
}
.top_storeBannerM .banLink dl dt a:nth-child(1) {
	margin-left: 5px;
}
.top_storeBannerM .banLink dl dt a {
	display: inline-block;
	margin-left: 5px;
	padding: 0;
}
.top_storeBannerM .banLink dl dt a img {
	margin-top: -4px;
}
.top_storeBannerM .banLink dl dd {
	float: right;
	width: 53%;
	color: #fff;
	font-size: 14px;
	margin-top: -5px;
}
.top_storeBannerM .banLink dl dd em {
	float: left;
	width: 100%;
	text-align: left;
	font-style: normal;
}

.top_storeBannerM .banLink dl dd i img {
	opacity: .5;
}
.top_storeBannerM .btnClose {float: right;}

@media (max-width: 375px) {
	.top_storeBannerM .banLink dl dd em {letter-spacing: -.06em;}
}


@media (max-width: 991px) {
	.qrcodeArea {
		padding: 60px 0 80px !important;
	    background-size: cover !important;
	    background-position: top 50px left -200px !important;
	}
}
.qrcodeArea {
	padding: 120px 0 150px;
	text-align: center;
	background-color: #dff5f9;
	background-image: url("../../images/kr/common/qrcodeBg.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left -130px;
}
.qrcodeArea .qrcodeImg {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
	   -moz-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
			box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.15);
}
.qrcodeArea span {
	display: block;
    margin-bottom: 20px;
    font-size: 16px;
}


@media (max-width: 1300px) {
	.gowithArea2 dl dd span {
	    margin: 0 1% !important;
	}
}
@media (max-width: 1200px) {
	.gowithArea1 {
	    background-image: none !important;
	    height: 650px !important;
	}
	.gowithArea1 h4 {top: 25px !important;}
	.gowithArea4C dl dd,
	.gowithArea4C2 dl dd {margin-bottom: 60px !important;}
	.gowithArea4 dl dd span,
	.gowithArea4C dl dd span,
	.gowithArea4C2 dl dd span {
		float: left;
		width: 48% !important;
		margin: 0 1%;
	}
	.gowithArea4 dl dd span p {margin-top: -10px !important; margin-bottom: 40px !important;}
	.gowithArea4C dl dd span p,
	.gowithArea4C2 dl dd span p {margin-top: -20px !important; margin-bottom: 40px !important;}
	.gowithArea4C dl dd span p ins,
	.gowithArea4C2 dl dd span p ins {font-size: 16px !important; letter-spacing: -.5px;}
	.gowithArea4C dl dd span p ins i,
	.gowithArea4C2 dl dd span p ins i {font-size: 18px !important;}
	.gowithArea4 dl dd span p:after,
	.gowithArea4C dl dd span p:after,
	.gowithArea4C2 dl dd span p:after,
	.gowithArea5 dl dd span p:after,
	.gowithArea5C dl dd span p:after {
		display: none !important;
	}
	.gowithArea4 dl dd span p ins {font-size: 20px !important;}
	
}

.gowithArea5_mo {
    display: none;
}
.gowithArea5_desk {
    display: block;
}


@media (max-width: 991px) {
	.gowithArea1 dl dt {
	    font-size: 66px !important;
	    line-height: 80px !important;
	}
	.gowithArea2 dl dd span {
	    margin: 0 7.5% 17% !important;
	}
	.gowithArea5 dl dd span, .gowithArea5C dl dd span {
	    width: 100% !important;
	    margin: 0 !important;
	}
	.gowithArea1C dl dt {
	    font-size: 55px !important;
    	line-height: 64px !important;
    	margin-top: 22px !important;
    	margin-bottom: 60px !important;
    	margin-left: 0px;
	}
	.gowithArea1C dl dd {
	    padding: 60px 120px 0 !important;
	}
}
@media (max-width: 640px) {
	.gowithArea1 dl dt {
	    font-size: 50px !important;
	    line-height: 70px !important;
	    margin-top: 100px !important;
	}
	.gowithArea2 {
	    margin-bottom: 60px !important;
	}
	.gowithArea2 dl dd span {
	    margin: 0 7.5% 25% !important;
	}
	.gowithArea3 {
	    margin-top: 0px !important;
	}
	.gowithArea3 dl {
	    background-position: top 100px center !important;
	}
	.gowithArea3 dl dt {
		margin-top: 0px !important;
		font-size: 34px !important;
    	line-height: 50px !important;
    	margin-top: 30px !important;
	}
	.gowithArea3 dl dd span {
	    width: 100% !important;
	    height: 100% !important;
	    padding: 25px 10px !important;
	    margin-bottom: 10% !important;
	}
	.gowithArea3 dl dd span p {
	    margin: 0 !important;
	}
	.gowithArea3 dl dd span p strong {
		font-size: 28px !important;
		margin-bottom: 20px !important;
	}
	.gowithArea3 dl dd span p em {
		font-size: 18px !important;
	}
	.gowithArea4 dl dt {
	    font-size: 34px !important;
	    line-height: 75px;
	    margin-top: 100px !important;
	    margin-bottom: 60px;
	}
	
	.gowithArea4 dl dd span p {
	    padding: 40px 10px 30px !important;
	    margin-bottom: 30px !important;
	    border-radius: 15px !important;
	}
	.gowithArea4 dl dd span p strong {
	    font-size: 22px !important;
	}

	.gowithArea4 div.lastText {
	    font-size: 20px !important;
	    padding: 40px 0 40px !important;
	}
    .gowithArea5_mo {
        display: block;
    }
    .gowithArea5_desk {
        display: none;
    }

	.storeJoin {
		font-size: 20px !important;
	}
	.storeJoin i {
		font-size: 20px !important;
	}
}

@media (max-width: 499px) {
	.gowithArea1C {
		height: 550px !important;
	    background-position: bottom 100px center !important;
	    background-size: 125% !important;
	}
	.gowithArea1 h4,
	.gowithArea1C h4 {
	    display: none !important;
	}
	.gowithArea1 dl {
	    background-size: 80% !important;
	    background-position: top left 30px !important;
	}
	.gowithArea1C dl {
		height: 482px !important;
		background-image: url("../../images/kr/store/gowithArea1Dt_m.png") !important;
	    background-size: 80% !important;
	    background-position: top left 25px !important;
	    right: auto !important;
	}
	.gowithArea1 dl dt {
	    font-size: 38px !important;
	    line-height: 50px !important;
	    margin-top: 90px !important;
	    margin-bottom: 60px !important;
	}
	.gowithArea1C dl dt {
	    font-size: 45px !important;
	    line-height: 60px !important;
	    margin-top: 12px !important;
	    margin-bottom: 60px !important;
	    margin-left: -35px;
	}
	.gowithArea1 dl dd {
		font-size: 20px !important;
		line-height: 34px !important;
		padding: 0 60px !important;
	}
	.gowithArea1C dl dd {
		font-size: 20px !important;
		line-height: 34px !important;
		padding: 0 60px !important;
		margin-top: 40px !important;
		margin-left: -30px;
	}
	.gowithArea1 dl dd a {
	    font-size: 22px !important;
	    line-height: 40px !important;
	}
	
	.gowithArea2 dl dt {
		margin-top: 0px !important;
		font-size: 34px !important;
    	line-height: 50px !important;
	}
	.gowithArea2 dl dd span {
	    width: 280px !important;
	    height: 280px !important;
	    padding: 45px 0 !important;
	    margin: 0 7.5% 40% !important;
	}
	.gowithArea2 dl dd span img {
	    width: 100% !important;
	}
	.gowithArea2 dl dd span p {
	    margin-top: 30px !important;
	     margin-bottom: 50px !important;
	}
	.gowithArea2 dl dd span p strong {
	    font-size: 28px !important;
	    margin-bottom: 15px !important;
	}
	.gowithArea2 dl dd span p em {
	    font-size: 18px !important;
	    padding-bottom: 40px;
	}
	.gowithArea2C {margin: -50px 0 0 !important; padding: 0 27px !important;}
	.gowithArea2C dl dd em {
		display: none;
	}
	.gowithArea2C dl dd span,
	.gowithArea2C2 dl dd span {
		width: 100% !important;
		font-size: 16px !important;
    	line-height: 28px !important;
    	margin-top: 0px !important;
	}
	.gowithArea2C dl dd span h5 {font-size: 36px !important;}
	.gowithArea2C dl dd span strong,
	.gowithArea2C2 dl dd span strong {font-size: 20px !important; line-height: 30px !important;}
	.gowithArea2C dl dd span strong br {display: none !important;}
	.gowithArea2C2 dl dd span.wid br {display: none !important;}
	.gowithArea4C dl dt,
	.gowithArea4C2 dl dt,
	.gowithArea5 dl dt,
	.gowithArea5C dl dt {
		font-size: 36px !important;
   		line-height: 75px;
    	margin-top: 80px !important;
    	margin-bottom: 40px !important;
	}
	.gowithArea5 dl dd span p {margin-top: -50px !important;}
	.gowithArea5C dl dd span p {margin-top: 0px !important;}
	.gowithArea5 dl dd span p ins,
	.gowithArea5C dl dd span p ins {font-size: 18px !important;}
	.gowithArea5 div.lastText,
	.gowithArea5C div.lastText {font-size: 20px !important; padding: 50px 20px 40px !important;}
	
	.gowithArea4C2 dl dd span {
		float: left;
		width: 100% !important;
		margin: 0 !important;
	}
	.gowithArea2C2 {
		margin: 30px 0 30px !important;
		padding: 0 27px !important;
	}
	.gowithArea2C2 dl dd span h5 {
		font-size: 35px !important;
		margin-bottom: 40px !important;
	}
}

@media (max-width: 375px) {
	.gowithArea2C2 {
	    margin: 0px 0 30px !important;
	}
	.gowithArea2C2 dl dd span h5 {
	    margin-top: 10px !important;
	}
	.gowithArea1 dl,
	.gowithArea1C dl {
	    background-position: top left 23px !important;
	}
	.gowithArea1 dl dt {
	    font-size: 34px !important;
	}
}
@media (max-width: 360px) {
	.gowithArea1 dl dt,
	.gowithArea2 dl dt,
	.gowithArea3 dl dd span p em,
	.gowithArea4 dl dd span p ins {letter-spacing: -.04em;}
	.gowithArea1C dl {
	    background-position: top left 20px !important;
	}
	.gowithArea2C2 {
	    margin: 0px 0 10px !important;
	}
	.gowithArea2C2 dl dd span h5 {
	    margin-top: 0px !important;
	}
	
	.storeJoin {
/* 		position: relative; */
/* 		padding: 0 !important; */
/* 		width: 100%; */
/* 		height: 70px; */
	}
	.storeJoin i {
/* 		position: absolute; */
/* 		top: 0; */
/* 		right: 0; */
/* 		margin: 0; */
	}
}

.gowithArea1 {
	height: 750px;
	background-color: transparent;
	background-image: url("../../images/kr/store/gowith_bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.gowithArea1 h4 {
    margin-left: 74px;
    position: absolute;
    top: 125px;
}
.gowithArea1 dl {
	background-color: transparent;
	background-image: url("../../images/kr/store/gowithArea1Dt.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top left 70px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 582px;
}
.gowithArea1 dl dt {
    font-size: 74px;
    line-height: 90px;
    margin-top: 85px;
    margin-bottom: 40px;
}
.gowithArea1 dl dd {
    padding: 20px 120px 0;
    font-size: 24px;
    font-family: 'NotosansL';
    line-height: 40px;
}
.gowithArea1 dl dd strong {
    font-family: 'NotosansM';
}
/*.gowithArea1 dl dd a {
    font-size: 28px;
    font-family: 'NotosansM';
    line-height: 54px;
}*/
.gowithArea1 dl dd:nth-child(4) a {
    color: #075fd3;
}
.gowithArea1 dl dd a:hover {
    color: #075fd3;
}
.gowithArea1 dl dd a i {
    margin-left: 10px;
}



.gowithArea1C {
	height:700px;
	background-color: transparent;
	background-image: url("../../images/kr/store/gowith_bg2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.gowithArea1C h4 {
    margin-left: 74px;
    position: absolute;
    top: 125px;
}
.gowithArea1C dl {
	background-color: transparent;
	background-image: url("../../images/kr/store/gowithArea1Dt.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 582px;
}
.gowithArea1C dl dt {
	font-family: 'NotosansR';
    font-size: 67px;
    line-height: 76px;
    margin-top: 15px;
    margin-bottom: 40px;
    text-align: center;
}
.gowithArea1C dl dd {
    padding: 40px 120px 0;
    font-size: 24px;
    font-family: 'NotosansL';
    line-height: 40px;
    text-align: center;
}
.gowithArea1C dl dd strong {
    font-family: 'NotosansM';
}

.gowithArea1C dl dd:nth-child(4) a {
    color: #075fd3;
}
.gowithArea1C dl dd a:hover {
    color: #075fd3;
}
.gowithArea1C dl dd a i {
    margin-left: 10px;
}



.gowithArea2 {
	text-align: center;
	margin-bottom: 100px;
}
.gowithArea2 dl dt {
    font-size: 56px;
    line-height: 75px;
    margin-top: 200px;
    margin-bottom: 40px;
}
.gowithArea2 dl dd span {
	position: relative;
	display: inline-block;
    width: 445px;
    height: 445px;
    background-color: #e7eaf6;
    border-radius: 50%;
    margin: 0 7.5% 10%;
    padding: 85px 0;
}
.gowithArea2 dl dd a {
    font-size: 28px;
    font-family: 'NotosansM';
    line-height: 52px;
}
.gowithArea2 dl dd a:hover {
    color: #075fd3;
}
.gowithArea2 dl dd span p {
	margin-top: 50px;
}
.gowithArea2 dl dd span p strong {
	float: left;
	width: 100%;
	font-size: 40px;
	margin-bottom: 40px;
}
.gowithArea2 dl dd span p em {
	width: 100%;
	font-size: 20px;
	font-style: normal;
}



.gowithArea2C {
	float: left;
	width: 100%;
	text-align: left;
	margin: 150px 0 0;
}
.gowithArea2C dl dt {
    font-size: 46px;
    line-height: 75px;
    margin-top: 200px;
    margin-bottom: 40px;
}
.gowithArea2C dl dd em {
	float: left;
    width: 345px;
    height: 345px;
    background-color: #e7eaf6;
    border-radius: 50%;
    margin: 0 7.5% 10%;
    padding: 85px 0;
    text-align: center;
}
.gowithArea2C dl dd em img {
	width: 100%;
}
.gowithArea2C dl dd span {
	float: left;
	width: 54%;
	font-family: 'NotosansL';
	font-size: 18px;
	line-height: 30px;
	margin-top: 30px;
}
.gowithArea2C dl dd span h5 {
	font-family: 'NotosansB';
    font-size: 46px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.gowithArea2C dl dd span strong {
	float: left;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 15px;
}
.gowithArea2C dl dd span strong ins {
	float: left;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 16px;
	color: #999;
	font-style: normal;
}




.gowithArea2C2 {
	float: left;
	width: 100%;
	text-align: left;
	margin: 100px 0 30px;
}
.gowithArea2C2 dl dt {
    font-size: 46px;
    line-height: 75px;
    margin-top: 200px;
    margin-bottom: 40px;
}
.gowithArea2C2 dl dd em {
	float: left;
	width: 100%;
    background-color: transparent;
    border-radius: 0;
    margin: 0 auto;
    padding: 20px 0 0;
    text-align: center;
}
.gowithArea2C2 dl dd em img {
	width: 325px;
}
.gowithArea2C2 dl dd span {
	float: left;
	width: 100%;
	font-family: 'NotosansL';
	font-size: 18px;
	line-height: 30px;
	margin-top: 30px;
	text-align: center;
}
.gowithArea2C2 dl dd span h5 {
	font-family: 'NotosansB';
    font-size: 46px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.gowithArea2C2 dl dd span strong {
	float: left;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 15px;
}
.gowithArea2C2 dl dd span strong ins {
	float: left;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 16px;
	color: #999;
	font-style: normal;
}



.gowithArea3 {
	float: left;
    width: 100%;
	background-color: #075fd3;
	background-image: url("../../images/kr/store/gowithArea3Right.png"), url("../../images/kr/store/gowithArea3Left.png");
	background-repeat: no-repeat;
	background-position: top right, bottom left, right;
	text-align: center;
	margin-top: 100px;
}
.gowithArea3 dl {
	float: left;
    width: 100%;
	background-image: url("../../images/kr/store/gowithArea3span.png");
	background-repeat: no-repeat;
	background-position: top center;
}
.gowithArea3 dl dt {
    font-size: 56px;
    color: #fff;
    line-height: 75px;
    padding-top: 100px;
}
.gowithArea3 dl dd span {
	position: relative;
	display: inline-block;
	float: left;
    width: 50%;
    border-radius: 50%;
    padding: 95px 0;
    background-color: transparent;
}
.gowithArea3 dl dd a {
    font-size: 28px;
    font-family: 'NotosansM';
    line-height: 52px;
}
.gowithArea3 dl dd a:hover {
    color: #075fd3;
}
.gowithArea3 dl dd span p {
	margin: 50px 0 30px;
	color: #fff;
}
.gowithArea3 dl dd span p strong {
	float: left;
	width: 100%;
	font-size: 35px;
	margin-bottom: 40px;
}
.gowithArea3 dl dd span p em {
	width: 100%;
	font-size: 20px;
	font-style: normal;
}



.gowithArea4 {
	text-align: center;
}
.gowithArea4 dl dt {
    font-size: 56px;
    line-height: 75px;
    margin-top: 170px;
    margin-bottom: 60px;
}
.gowithArea4 dl dd {
	display: inline-block;
    text-align: center;
}
.gowithArea4 dl dd span {
	float: left;
	width: 23%;
	margin: 0 1%;
}
.gowithArea4 dl dd a {
    font-size: 28px;
    font-family: 'NotosansM';
    line-height: 52px;
}
.gowithArea4 dl dd a:hover {
    color: #075fd3;
}
.gowithArea4 dl dd span em {
	display: block;
	margin: 0 auto;
	width: 152px;
	height: 152px;
	background-color: #fbfbfb;
	border-radius: 50%;
	box-shadow: inset 0px 0px 11px 0px rgb(241, 241, 241);
}
@media (max-width: 1199px) {
	.gowithArea4 dl dd span p {
		padding: 40px 15px 20px !important;
	}
}
.gowithArea4 dl dd span p {
	margin-top: 20px;
	padding: 40px 45px 20px;
	float: left;
	width: 100%;
	height: 100%;
	min-height: 170px;
	background-color: #f2f7fe;
	border-radius: 30px;
	box-shadow: inset 0px 0px 20px 0px rgb(213, 222, 238);
}
.gowithArea4 dl dd span p:after {
	content: '▶';
	position: relative;
	bottom: 55px;
	right: -145px;
	padding: 22px 25px;
	color: #075fd3;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 0px rgb(215, 215, 215);
}
.gowithArea4 dl dd span:nth-child(4) p:after {
	content: '▶';
	position: relative;
	bottom: 30px;
	right: -140px;
	padding: 22px 25px;
	color: transparent;
	background-color: transparent;
	border-radius: 50%;
	box-shadow: none;
}

.gowithArea4 dl dd span p strong {
	float: left;
	width: 100%;
	font-size: 24px;
	margin-bottom: 10px;
}
.gowithArea4 dl dd span p ins {
	float: left;
	width: 100%;
	font-size: 22px;
	font-style: normal;
	line-height: 28px;
	text-decoration: none;
}
.gowithArea4 div.lastText {
	text-align: center;
	font-size: 26px;
	color: #222;
	letter-spacing: -1px;
	padding: 70px 0;
}





.gowithArea4C {
	float: left;
    width: 100%;
	background-color: #075fd3;
	background-image: url("../../images/kr/store/gowithArea3Right.png"), url("../../images/kr/store/gowithArea3Left.png");
	background-repeat: no-repeat;
	background-position: top right, bottom left, right;
	text-align: center;
	margin-top: 100px;
}
.gowithArea4C dl {
	float: left;
    width: 100%;
	background-image: url("../../images/kr/store/gowithArea3span.png");
	background-repeat: no-repeat;
	background-position: top center;
}
.gowithArea4C dl dt {
    font-size: 46px;
    color: #fff;
    line-height: 75px;
    margin-top: 100px;
    margin-bottom: 100px;
}
.gowithArea4C dl dd {
	display: inline-block;
    text-align: center;
    margin-bottom: 150px;
}
.gowithArea4C dl dd span {
	float: left;
	width: 23%;
	margin: 0 1%;
}
.gowithArea4C dl dd a {
    font-size: 28px;
    font-family: 'NotosansM';
    line-height: 52px;
}
.gowithArea4C dl dd a:hover {
    color: #075fd3;
}
.gowithArea4C dl dd span em {
	display: block;
	margin: 0 auto;
	width: 152px;
	height: 152px;
	background-color: #fbfbfb;
	border-radius: 50%;
	box-shadow: inset 0px 0px 11px 0px rgb(241, 241, 241);
}
@media (max-width: 1199px) {
	.gowithArea4C dl dd span p {
		padding: 40px 5px 20px !important;
	}
}
.gowithArea4C dl dd span p {
	margin-top: 20px;
	padding: 40px 45px 20px;
	float: left;
	width: 100%;
	height: 100%;
	min-height: 170px;
	background-color: #f2f7fe;
	border-radius: 30px;
	box-shadow: inset 0px 0px 20px 0px rgb(213, 222, 238);
}
.gowithArea4C dl dd span p:after {
	content: '+';
	position: relative;
	bottom: 45px;
	right: -160px;
	padding: 2px 22px 4px;
	font-size: 40px;
	color: #075fd3;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 5px 0px rgb(204, 204, 204);
}
.gowithArea4C dl dd span:nth-child(4) p:after {
	content: '+';
	position: relative;
	bottom: 30px;
	right: -140px;
	padding: 22px 25px;
	color: transparent;
	background-color: transparent;
	border-radius: 50%;
	box-shadow: none;
}

.gowithArea4C dl dd span p strong {
	float: left;
	width: 100%;
	font-size: 24px;
	margin-bottom: 0px;
}
.gowithArea4C dl dd span p ins {
	float: left;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 20px;
	color: #444;
	font-style: normal;
	line-height: 28px;
	text-decoration: none;
}
.gowithArea4C dl dd span p ins i {
	font-family: 'NotosansM';
	color: #121212;
	font-style: normal !important;
}
.gowithArea4C div.lastText {
	text-align: center;
	font-size: 26px;
	color: #222;
	letter-spacing: -1px;
	padding: 70px 0;
}



.gowithArea4C2 {
	float: left;
    width: 100%;
	background-color: #075fd3;
	background-repeat: no-repeat;
	background-position: top right, bottom left, right;
	text-align: center;
	margin-top: 100px;
}
.gowithArea4C2 dl {
	float: left;
    width: 100%;
	background-image: url("../../images/kr/store/gowithArea3span.png");
	background-repeat: no-repeat;
	background-position: top center;
}
.gowithArea4C2 dl dt {
    font-size: 46px;
    color: #fff;
    line-height: 75px;
    margin-top: 100px;
    margin-bottom: 100px;
}
.gowithArea4C2 dl dd {
	display: inline-block;
    text-align: center;
    margin-bottom: 150px;
}
.gowithArea4C2 dl dd span {
	float: left;
	width: 31.3%;
	margin: 0 1%;
}
.gowithArea4C2 dl dd a {
    font-size: 28px;
    font-family: 'NotosansM';
    line-height: 52px;
}
.gowithArea4C2 dl dd a:hover {
    color: #075fd3;
}
.gowithArea4C2 dl dd span em {
	display: block;
	margin: 0 auto;
	width: 152px;
	height: 152px;
	background-color: #fbfbfb;
	border-radius: 50%;
	box-shadow: inset 0px 0px 11px 0px rgb(241, 241, 241);
}
.gowithArea4C2 dl dd span em img {
	width: 100%;
}
@media (max-width: 1199px) {
	.gowithArea4C2 dl dd span p {
		padding: 40px 15px 20px !important;
	}
}
.gowithArea4C2 dl dd span p {
	margin-top: 20px;
	padding: 40px 45px 20px;
	float: left;
	width: 100%;
	height: 100%;
	min-height: 170px;
	background-color: #f2f7fe;
	border-radius: 30px;
	box-shadow: inset 0px 0px 20px 0px rgb(213, 222, 238);
}
.gowithArea4C2 dl dd span p:after {
	content: '+';
	position: relative;
	bottom: 45px;
	right: -141px;
	padding: 2px 22px 4px;
	font-size: 40px;
	color: #075fd3;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 5px 0px rgb(204, 204, 204);
}
.gowithArea4C2 dl dd span:nth-child(3) p:after {
	content: '+';
	position: relative;
	bottom: 30px;
	right: -140px;
	padding: 22px 25px;
	color: transparent;
	background-color: transparent;
	border-radius: 50%;
	box-shadow: none;
}

.gowithArea4C2 dl dd span p strong {
	float: left;
	width: 100%;
	font-size: 24px;
	margin-bottom: 0px;
}
.gowithArea4C2 dl dd span p ins {
	float: left;
	width: 100%;
	font-family: 'NotosansR';
	font-size: 20px;
	color: #444;
	font-style: normal;
	line-height: 28px;
	text-decoration: none;
}
.gowithArea4C2 dl dd span p ins i {
	font-family: 'NotosansM';
	color: #121212;
	font-style: normal !important;
}
.gowithArea4C2 div.lastText {
	text-align: center;
	font-size: 26px;
	color: #222;
	letter-spacing: -1px;
	padding: 70px 0;
}



.gowithArea5 {
	text-align: center;
	margin-bottom: 50px;
}
.gowithArea5 dl dt {
    font-size: 46px;
    line-height: 75px;
    margin-top: 140px;
    margin-bottom: 80px;
}
.gowithArea5 dl dd {
	display: inline-block;
	width: 100%;
    text-align: center;
}
.gowithArea5 dl dd span {
	float: left;
	width: 31.3%;
	margin: 0 1%;
}
.gowithArea5 dl dd a {
    font-size: 28px;
    font-family: 'NotosansM';
    line-height: 52px;
}
.gowithArea5 dl dd a:hover {
    color: #075fd3;
}
.gowithArea5 dl dd span em {
	display: block;
	margin: 0 auto;
	width: 152px;
	height: 152px;
	background-color: #fbfbfb;
	border-radius: 50%;
	box-shadow: inset 0px 0px 11px 0px rgb(241, 241, 241);
}
@media (max-width: 1199px) {
	.gowithArea5 dl dd span p {
		padding: 40px 15px 20px !important;
	}
}
.gowithArea5 dl dd span p {
	margin-top: 20px;
	padding: 40px 45px 20px;
	float: left;
	width: 100%;
	height: 100%;
	min-height: 170px;
	background-color: #f2f7fe;
	border-radius: 30px;
	box-shadow: inset 0px 0px 20px 0px rgb(213, 222, 238);
}
.gowithArea5 dl dd span p:after {
	content: '▶';
	position: relative;
	bottom: 55px;
	right: -213px;
	padding: 22px 25px;
	color: #075fd3;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 0px rgb(215, 215, 215);
}
.gowithArea5 dl dd span:nth-child(3) p:after {
	content: '▶';
	position: relative;
	bottom: 30px;
	right: -140px;
	padding: 22px 25px;
	color: transparent;
	background-color: transparent;
	border-radius: 50%;
	box-shadow: none;
}

.gowithArea5 dl dd span p strong {
	float: left;
	width: 100%;
	font-size: 24px;
	margin-bottom: 10px;
}
.gowithArea5 dl dd span p ins {
	float: left;
	width: 100%;
	min-height: 56px;
	font-size: 20px;
	color: #212121;
	font-style: normal;
	line-height: 28px;
	text-decoration: none;
}
.gowithArea5 div.lastText {
	text-align: center;
	font-size: 26px;
	color: #222;
	letter-spacing: -1px;
	padding: 70px 0;
}




.gowithArea5C {
	text-align: center;
	margin-bottom: 50px;
}
.gowithArea5C dl dt {
    font-size: 46px;
    line-height: 75px;
    margin-top: 140px;
    margin-bottom: 80px;
}
.gowithArea5C dl dd {
	display: inline-block;
	width: 100%;
    text-align: center;
}
.gowithArea5C dl dd span {
	float: left;
	width: 31.3%;
	margin: 0 1%;
}
.gowithArea5C dl dd a {
    font-size: 28px;
    font-family: 'NotosansM';
    line-height: 52px;
}
.gowithArea5C dl dd a:hover {
    color: #075fd3;
}
.gowithArea5C dl dd span em {
	display: block;
	margin: 0 auto;
}
@media (max-width: 1199px) {
	.gowithArea5C dl dd span p {
		padding: 40px 15px 20px !important;
	}
}
.gowithArea5C dl dd span p {
	margin-top: 20px;
	padding: 40px 45px 20px;
	float: left;
	width: 100%;
	height: 100%;
	min-height: 170px;
	background-color: #f2f7fe;
	border-radius: 30px;
	box-shadow: inset 0px 0px 20px 0px rgb(213, 222, 238);
}
.gowithArea5C dl dd span p:after {
	content: '▶';
	position: relative;
	bottom: 55px;
	right: -212px;
	padding: 22px 25px;
	color: #075fd3;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 0px rgb(215, 215, 215);
}
.gowithArea5C dl dd span:nth-child(3) p:after {
	content: '▶';
	position: relative;
	bottom: 30px;
	right: -140px;
	padding: 22px 25px;
	color: transparent;
	background-color: transparent;
	border-radius: 50%;
	box-shadow: none;
}

.gowithArea5C dl dd span p strong {
	float: left;
	width: 100%;
	font-size: 24px;
	margin-bottom: 10px;
}
.gowithArea5C dl dd span p ins {
	float: left;
	width: 100%;
	min-height: 56px;
	font-size: 20px;
	color: #212121;
	font-style: normal;
	line-height: 28px;
	text-decoration: none;
}
.gowithArea5C div.lastText {
	text-align: center;
	font-size: 26px;
	color: #222;
	letter-spacing: -1px;
	padding: 70px 0 50px;
}


.storeJoin {
	font-size: 28px;
	color: #fff;
	background-color: #285efe;
	border-radius: 10px;
	padding: 0 0 0 30px;
	text-align: center;
}
.storeJoin i {
	font-size: 28px;
	color: #fff;
	background-color: #194fef;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 25px;
	margin-left: 30px;
	text-align: center;
}
.storeJoin:hover i {
	background-color: #0236d0;
}

@media (min-width: 1199px) and (max-width: 1299px) {
	.sub-product-wrap .panel > li > div.youtubeArea {
	    padding: 50px 75px 50px 0 !important;
	}
}
.sub-product-wrap .panel > li > div.youtubeArea {
	display: inline-block;
	width: 100%;
	height: auto;
	background-image: url("../../images/kr/common/youtube_bg.jpg");
    background-size: 100%;
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: right !important;
    padding: 50px 100px 50px 0;
    margin: 40px 0 30px;
}
.sub-product-wrap .panel > li > div.youtubeArea iframe {
	width: 660px;
	height: 371px;
}
@media (max-width: 1199px) {
	.sub-product-wrap .panel > li > div.youtubeArea iframe {
		width: 460px;
		height: 259px;
	}
}
@media (max-width: 991px) {
	.sub-product-wrap .panel > li > div.youtubeArea {
		background-image: none;
		padding: 0;
		height: 400px;
	}
	.sub-product-wrap .panel > li > div.youtubeArea iframe {
		width: 100%;
		height: 100%;
	}
}
@media (max-width: 640px) {
	.sub-product-wrap .panel > li > div.youtubeArea {
		height: 300px;
	}
}
@media (max-width: 580px) {
	.sub-product-wrap .panel > li > div.youtubeArea {
		height: 270px;
	}
}
@media (max-width: 499px) {
	.sub-product-wrap .panel > li > div.youtubeArea {
		height: 215px;
	}
}
@media (max-width: 375px) {
	.sub-product-wrap .panel > li > div.youtubeArea {
		height: 195px;
	}
}



@media (max-width: 991px) {
	.slide-divP,
	.button-divP {display: none;}
}

.slide-divP {
  position: fixed;
  right: -210px;
  top: 0px;
  width: 210px;
  height: 380px;
  background: #1090fd;
  z-index: 9999;
}
.box-show {
  -webkit-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.65);
	   -moz-box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.65);
			box-shadow: 0 4px 20px 0 rgba(105, 125, 155, 0.65);
}
.slide-divP ul {
  float: left;
  width: 100%;
  margin-top: 45px;
  padding: 0 0 0 30px;
}
.slide-divP ul li {
  float: left;
  width: 100%;
  padding: 5px 0 6px;
}
.slide-divP ul li a {
  float: left;
  width: 100%;
  height: 20px;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.slide-divP ul li a:hover {
  text-decoration: underline;
}
.slide-divP ul li a em {
	float: left;
    width: 18px;
    height: 18px;
    font-size: 13px;
    font-style: normal;
    background-color: rgba(0,99,211, 0.7);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    margin-top: 2px;
    margin-right: 9px;
}
.slide-divP ul li a:hover em {
    background: #fff;
    color: #1090fd;
}

.button-divP {
  position: fixed;
  right: 0px;
  top: 0;
  width: 90px;
  height: 37px;
  background: #1090fd;
  z-index: 10000;
}

.button-openP {
  width: 0px;
  height: 0px;
/*   border-top: 7px solid transparent; */
/*   border-left: 13px solid #fff; */
/*   border-bottom: 7px solid transparent; */
  margin: 9px 30px;
  color: #fff;
}
.button-openP:before {
  content: 'BAROVONE 인기검색어';
  color: #fff;
  font-size: 14px;
  width: 160px;
  font-family: 'NotosansM';
  display: block;
}
.button-closeP:before {
  content: '#인기검색어';
  color: #fff;
  font-size: 13px;
  width: 90px;
  font-family: 'NotosansR';
  display: block;
}
.button-closeP {
  width: 0px;
  height: 0px;
/*   border-top: 7px solid transparent; */
/*   border-right: 13px solid #fff; */
/*   border-bottom: 7px solid transparent; */
  margin: 9px 12px;
  color: #fff;
}
.certifyArea {
	float: left;
	width: 100%;
	margin: 30px 0 10px;
}
.certifyArea span {
	float: left;
	width: 8.5%;
	margin-right: 7px;
}
.certifyArea span img {
	width: 100%;
	max-width: 32px;
	padding: 0 7px 0 0;
}
.certifyArea em strong {
	float: left;
	width: 100%;
	font-size: 13px;
  	font-family: 'NotosansM';
  	margin-bottom: 5px;
}
.certifyArea em {
	float: left;
	width: 89%;
	font-style: normal;
	font-size: 13px;
  	font-family: 'NotosansR';
}
@media (max-width: 991px) {
	.certifyArea {
		border-bottom: 1px solid #eee;
		padding-bottom: 20px;
	}
}
@media (min-width:992px) and (max-width: 1300px) {
	.certifyArea span {
		float: left;
		width: 8.2%;
		margin-right: 3px;
	}
	.certifyArea span img {
		width: 100%;
		max-width: 24px;
		padding: 0 5px 0 0;
	}
	.certifyArea em {
		font-size: 12px;
		letter-spacing: -.4px;
	}
	.certifyArea em strong {
		margin-top: -4px;
		margin-bottom: 0px;
	}
}

/* #searchKeywordContent {position: absolute; top: 27px; left: 2px; z-index: 9;} */
/* .searchKeywordRank {width: 100%; height: 51px; overflow: hidden; background-color: #fff;} */
/* .searchKeywordListUl {display: inline-block; position: relative; padding-left: 30px; width: 100%; height: auto;} */
/* .searchKeywordListUl li {clear: both; float: left; width: 100%; height: 51px; line-height: 52px;} */
/* .searchKeywordListUl li a {font-size: 16px; color: #999;} */

.swiper-container.swiper-rolling {
	position: absolute;
	top: 27px;
	left: 50px;
	z-index: 9;
	width: 85% !important;
	height: 51px;
}

.swiper-rolling .swiper-wrapper {/* width: auto; */}
.swiper-rolling .swiper-slide {
	position: relative;
	width: 100%;
	text-align: left;
	-webkit-box-pack: left;
		-ms-flex-pack: left;
	-webkit-justify-content: left;
			justify-content: left;
	-webkit-box-align: left;
		-ms-flex-align: left;
	-webkit-align-items: left;
			align-items: left;
}
.swiper-rolling .swiper-slide a {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25.5px;
	padding: 15px 0 13px;
	width: auto;
	font-size: 16px;
	letter-spacing: -.04em;
/* 	white-space: nowrap; */
	color: #999;
}
.swiper-rolling .swiper-slide button {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 99;
	float: right;
	margin-top: -20px;
	padding: 20px;
	background: transparent;
}

@media (max-width: 991px) {
/* 	.swiper-container.swiper-rolling {display: none !important;} */
	.swiper-container.swiper-rolling {
		top: 16px;
		left: 40px;
		height: 43px;
	}
	
	.page-search .logo-search .search2.recent .swiper-container.swiper-rolling {
        left: 75px !important;
        top: 16px !important;
	}
	.swiper-rolling .swiper-slide a {
		margin-top: -21.5px;
		padding-top: 11px;
	}
}
@media (max-width: 768px) {
/* 	.swiper-container.swiper-rolling {z-index: 1;} */
	.swiper-container.swiper-rolling {
		top: 18px;
		height: 39px;
	}
	
	.page-search .logo-search .search2.recent .swiper-container.swiper-rolling {
        top: 16px !important;
	}
	
	.swiper-rolling .swiper-slide a {
		padding-top: 11px;
		font-size: 13px;
	}
}
@media (max-width: 640px) {
	.swiper-rolling .swiper-slide a {
		float: left;
		margin-top: -13.5px;
		padding-top: 6px;
		width: calc(100% - 20px);
		height: 27px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}
@media (max-width: 499px) {
	.swiper-container.swiper-rolling {
/* 		display: none; */
		top: 18px;
		left: 30px;
		height: 39px;
	}
	
	.page-search .logo-search .search2.recent .swiper-container.swiper-rolling {
        top: 16px !important;
        left: 72px !important;
	}
	
	/* .swiper-rolling .swiper-slide a {max-width: 155px;} */
}
@media (max-width: 413px) {
	/* .swiper-rolling .swiper-slide a {max-width: 140px;} */
}
@media (max-width: 385px) {
	/* .swiper-rolling .swiper-slide a {max-width: 145px;} */
}
@media (max-width: 375px) {
	.swiper-container.swiper-rolling {left: 25px;}
	/* .swiper-rolling .swiper-slide a {max-width: 135px;} */
}
@media (max-width: 360px) {
	.swiper-container.swiper-rolling {left: 20px;}
	.swiper-rolling .swiper-slide a {
		/* max-width: 126px; */
		letter-spacing: -.07em;
	}
}



#myModal_signIn div.modal-sm{width: 380px; !important;}
#myModal_signIn div div.modal-sm{width: 380px; !important;}
#myModal_signIn div div.modal-sm img{width: 100%}
#myModal_signIn div div.modal-content .modal-body div{text-align: center;}
#myModal_signIn div div.modal-content .modal-body div img{width: 100%}
#myModal_signIn div div.modal-content .modal-body p{padding-left: 50px; font-size: 12px; !important; line-height: 19px;}
#myModal_signIn div div.modal-content .modal-body div.login_sns{padding-bottom: 20px;}
#myModal_signIn div div.modal-content .modal-body div.login_sns ul{margin: -10px auto 0 !important;}
#myModal_signIn div div.modal-content .modal-footer {padding: 0 !important;}
#myModal_signIn div div.modal-content .modal-footer div.btnbox {text-align: center; display: flex;}
#myModal_signIn div div.modal-content .modal-footer div.btnbox button.btn_dontShow{
    height: 50px; width: 100%; font-size: 17px;
    border-top: revert;
    border-bottom: revert;
    border-left: revert;
    border-width: thin;
    border-color: #cdcdcd;
    color: #666666;
}
#myModal_signIn div div.modal-content .modal-footer div.btnbox button.btn_close{
    height: 50px; width: 100%; font-size: 17px;
    border-color: #cdcdcd !important;
    color: #666666;
    border: revert;
    border-width: thin;
}



/* tooltip-container */
.tooltip-container {
    display: none;
    position: absolute;
    bottom: 0;
    right: 84%;
    /*transform: translateX(-50%);*/
    padding: 16px 17px 18px;
    top: 22px;
    height: 250px;
    overflow: hidden;
    width: 345px;
    background-color: #fff;
    text-align: left;
    transition: opacity 0.3s ease-in-out;
    z-index: 999;
    border-radius: 6px;
    border: 1px solid #ccc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}

a.tooltip-button {
    background-size: 15px 15px;
    background-image: url(../../images/kr/common/bt_toBottom1.png);
    background-repeat: no-repeat ;
    background-position: center center;
}

a.tooltip-button.active {
    background-size: 15px 15px;
    background-image: url(../../images/kr/common/bt_toUp1.png);
    background-repeat: no-repeat;
    background-position: center center;

}






.tooltip-container.active {
    display: block;
}

@media (max-width: 768px) {
    .tooltip-container {
        right: 3%;
    }
}



.tooltip-button {
    cursor: pointer;
}

.tooltip-info-item {
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; /* 원하는 간격을 조절하세요. */
    margin-bottom: 10px; /* 원하는 간격을 조절하세요. */
}
.tooltip-info-item:last-child {
    border-bottom: none;
}


.tooltip-info-item dl dt {
    width: 60%;
}
.tooltip-info-item dl dd { font-weight: bold; }
.tooltip-info-item dl dt font { color: #9d9d9d; }
.tooltip-info-item dl dt font font{ color: #9d9d9d; }



.tooltip-info-item dl dd {
    width: 40%;
    float: right;
    text-align: right;
}

span.icon-info-2 {
    /*background-image: url(../../images/kr/common/bt_toBottom.png) !important;
    background-size: 100%;
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;*/
}

/*a.research-btnTop{ position: absolute; top: 100px; left: 35px;}*/
a.research-btnTop {
    position: absolute;
    top: 100px;
    left: 40px;

    font-weight: bold;
    padding: 10px 40px;
    font-size: 16px;
    border: 2px solid black;
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.3s;
}

a.research-btnTop:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #333 !important;
}

a.research-btnMiddle {
    /*position: absolute;
    bottom: 1535px;
    left: 0;
    right: 0;*/
    margin: auto;

    font-weight: bold;
    letter-spacing: -1px;

    padding: 10px 80px;
    width: 45%;
    height: 72px;
    font-size: 30px;
    border: 2px solid black;
    border-radius: 5px;
    background-color: white;
    cursor: pointer;
    transition: background-color 0.3s;
}
a.research-btnMiddle:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #333 !important;
}




@media (max-width: 768px) {
    a.research-btnTop {
        width: auto;
        height: 30px;
        top: 120px;
        left: 30px;
        font-size: small;
        padding: 5px 20px;
        letter-spacing: -1px;
        border: 1px solid black;
    }

    a.research-btnMiddle {
        width: 70%;
        bottom: 520px;
        font-size: small;
        padding: 10px 30px;
        height: 55px;
    }
}

div.goToday {
	display: inline-block;
    background-color: #029cdc;
    color: white;
    font-size: 13px;
    width: 65px;
    margin-bottom: 4px;
    text-align: center;
    margin-right: 5px;
}

#stockInfo {
    margin-bottom: 5px;
}

/*
a.research-btnMiddle{ position: absolute; bottom: 1388px; left: 650px;}*/



.swiper-menu-list-wrap {
	position: relative;
}

.swiper-menu-list-wrap .swiper-menu-list {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, 0);
	padding-top: 30px;
}

.swiper-menu-list-wrap .swiper-menu-list.fixed {
	position: fixed;
	z-index: 9999;
	background-color: #fff;
	bottom: auto;
	padding: 15px 0;
}

.swiper-menu-list .swiper-slide {
	width: auto;
	margin-right: 10px;
}

.swiper-menu-list .swiper-menu {
	height: 45px;
	line-height: 45px;
	border-radius: 100px;
	background-color: #fff;
	border: solid 1px #888;
	color: #333;
	padding: 0 30px;
}

.swiper-menu-list .swiper-menu:hover,
.swiper-menu-list .swiper-menu.active {
	color: #fff;
	border-color: #0e90fe;
	background-color: #0e90fe;
	font-weight: bold;
}

.cd-item-list {
	width: 101.5%;
	margin: 0 -0.75%;
	
	padding-bottom: 50px;
	border-bottom: solid 1px #c2c2c2;
}

.cd-item-list::after {
	content:'';
	clear: both;
	display: block;
}

.cd-item-list .cd-item {
	float: left;
	width: calc(91% / 6);
	position: relative;
	margin: 0 0.75%;
}

.cd-item-list .cd-item-details a {
	top: 50%;
}

.cd-item-list .cd-item:hover .cd-item-details a {
	display: block;
}

.cd-item-list .cd-item .cd-item-wrapper {
	margin-top: 20px;
	position: relative;
	padding-top: 142% !important;
}

.cd-item-list .cd-item .cd-item-wrapper .selected {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.cd-item-list .cd-item .cd-item-wrapper .selected img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.panel-body-sub-new {
	margin-top: 10px;
}

.panel-body-sub-new .sub-best + .sub-best {
	margin-top: 60px;
}

.panel-body-sub-new .sub-best h4 {
	border-bottom: solid 1px  rgb(51, 51, 51);
	padding: 40px 0 15px;
}

.panel-body-sub-new .sub-best .cd-item-add-btn {
	width: 100%;
	font-size: 16px;
	padding: 20px 10px 10px;
	color: #999;
	background-color: #fff;
}

.panel-body-sub-new .sub-best .cd-item-add-btn span {
	padding-right: 35px;
	background: url("../../images/kr/common/bt_more_icon.png") no-repeat right center;
	line-height: 29px;
	display: inline-block;
}

.panel-body-sub-new-promoplan .sub-best .cd-item-add-btn {
	border-top: solid 1px #c2c2c2;
	margin-top: 50px;
}

.panel-body-sub-new .cd-item-list .cd-item-info .cd-item-title {	
	display: block;
	float: left;
	width: 100%;
	height: 38px;
	font-family: 'NotosansR';
	font-size: 14px;
	font-weight: normal;
	line-height: 1.51rem;
/* 	white-space: nowrap; */
	color: #333;
	text-align: left;
/* 	text-overflow: ellipsis; */
	overflow: hidden;
}


@media (max-width: 1299px) {
	.cd-item-list .cd-item {
		width: calc(94% / 4);
	}
	
	.panel-body-sub-new-promoplan .cd-item-list .cd-item {
		width: calc(92.5% / 5);
	}
}

@media (max-width: 1199px) {
	.cd-item-list .cd-item {
		width: calc(95.5% / 3);
	}
	
	.panel-body-sub-new-promoplan .cd-item-list .cd-item {
		width: calc(94% / 4);
	}
}

@media (max-width: 991px) {
	.cd-item-list .cd-item {
		width: calc(97% / 2);
	}
	
	.panel-body-sub-new-promoplan .cd-item-list .cd-item {
		width: calc(97% / 2);
	}
	
	.cd-item-list .cd-item-details a {
		top: auto;
		bottom: 5px;
	}
	
	.swiper-menu-list-wrap .swiper-menu-list {
		padding-top: 15px;
	}
	
	.swiper-menu-list .swiper-menu {
		height: 40px;
		line-height: 40px;
		padding: 0 25px;
		font-size: 16px;
	}
	
	.panel-body-sub-new .sub-best + .sub-best {
		margin-top: 20px;
	}

}

.categoryRight .event-list-new .grid li {
	width: 33.3333%;
	padding: 0 5px;
	margin-bottom: 30px;
}

@media (max-width: 1199px) {
	.categoryRight .event-list-new .grid li{
		width: 50%;
	}
}

@media (max-width: 768px) {
	.categoryRight .event-list-new .grid li{
		width: 100%;
	}
}

.event-list-new .grid-gallery .grid {
	margin: 0 -5px;
}

.event-list-new::after,
.event-list-new .grid-gallery .grid::after {
	content: '';
	display: block;
	clear: both;


}
@media (min-width: 768px) {
	#myModal_pwChange .modal-sm {
		width: 500px;
	}
}

.modal .pw_change {
	border-radius: 10px;
	overflow: hidden;
}

.modal .pw_change .modal-header {
	background-color: #efefef;
	padding: 14px;
	text-align: center;
}

.modal .pw_change .modal-header .modal-title {
	font-size: 20px;
}

.modal .pw_change .modal-body {
	font-size: 15px;
	padding: 20px 20px 32px;
	width: 100%;
	max-width: 432px;
	margin: 0 auto;
}

.modal .pw_change .modal-body .modal-info-desc {
	padding: 0 !important;
	margin-bottom: 25px;
}

.modal .pw_change .modal-body .modal-info-desc > li {
	padding-left: 12px;
	position: relative;
}

.modal .pw_change .modal-body .modal-info-desc > li::before {
	content: '*';
	position: absolute;
	top: 0;
	left: 0;
}

.modal .pw_change .modal-body .modal-form .modal-form-input + .modal-form-input {
	margin-top: 19px;
}

.modal .pw_change .modal-body .modal-form .modal-form-input input[type=password],
.modal .pw_change .modal-body .modal-form .modal-form-input input[type=text] {
	font-size: 15px;
	height: 40px;
	border-radius: 5px;
	font-family: 'NotosansR', NanumGothic, Dotum, Arial, sans-serif;
}

.modal .pw_change .modal-body .modal-form .modal-warning {
	padding: 6px 10px 0;
	margin: 0;
	color: #EC1F2D;
	font-size: 15px;
	display: none;
}

.modal .pw_change .modal-body .modal-form .modal-warning.show {
	display: block;
}

.modal .pw_change .modal-body .modal-form .modal-form-btn {
	margin-top: 30px;
	text-align: center;
}

.modal .pw_change .modal-body .modal-form .modal-form-btn .btn_pw_change {
	width: 200px; 
	font-size: 16px; 
	height: 45px; 
	color: #fff; 
	background: #1090fd;
	margin: 0 auto;
	border-radius: 5px;
	font-family: 'NotosansM';
}

.modal .pw_change .modal-body .modal-form .modal-form-btn .btn_pw_change:hover {
	background: #067de3;
}



.app-btm-nav {
	width: 100%;
	background-color: #fff;
	z-index: 10;
	overflow: visible;
	padding: 0;
	position: fixed;
	left: 0;
	bottom: 0;
}

.app-btm-nav .guide {
	width: 95%;
	max-width: 475px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 0;
}

.app-btm-nav .guide > ul {
	width: 100%;
	display: flex;	
    margin: 0;
    padding: 0;
}

.app-btm-nav .guide > ul > li {
	flex: 1;
	
}

.app-btm-nav .guide > ul > li span {
	display: none;
}

.app-btm-nav .guide > ul > li .icon {
	width: 80%;
    max-width: 2.5em;
    padding: 15px 0;
    margin: 0 auto;
}

.app-btm-nav .guide > ul > li .icon img {
	width: 100%;
}

.btm-fixed-area {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 99;
	
	padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 버전 안전 영역 대응 */
	padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2 이상 안전 영역 대응 */
}

.orderPay .btm-fixed-area{
    display: none !important;
}

.basketList .btm-fixed-area{
    display: none !important;
}

.orderGift .btm-fixed-area {
    display: none !important;
}

.ordercomplete .btm-fixed-area {
    display: none !important;
}

.btm-fixed-area .btm-fixed-btn {
	display: flex;
	width: 100%;
	/* padding: 30px; */
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: end;
	position: relative;
}

.btm-fixed-area .btm-fixed-btn button {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin-top: 10px;
}

.btm-fixed-area .btm-fixed-btn .sharebtn {
	display: none;
}

.btm-fixed-area .btm-fixed-btn .btn-wrap {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 30px;
	bottom: 30px;
}

.btm-fixed-area .btm-fixed-btn .right-btn {
	margin-left: auto;
	left: auto;
	right: 30px;
}

.btm-fixed-area .mob-btm-nav-wrap {
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	display: none;
}

.mob-btm-nav {
	width: 100%;
	background-color: #fff;
	z-index: 10;
	overflow: visible;
	padding: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
	position: relative;
}

.mob-btm-nav::before {
	content: '';
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);	
	width: 80px;
	height: 80px;
	border-radius: 100%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
	z-index: -1;
}

.mob-btm-nav .guide {
	width: 100%;
	max-width: 475px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 0;
	background-color: #fff;
}

.mob-btm-nav .btn-home-box {
	position: absolute;
	width: 80px;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.mob-btm-nav .btn-home-box .btn-home {
	width: 100%;
	padding-top: 100%;
	border-radius: 100%;
	background: url('../../images/kr/common/mob_nav_home.svg') center no-repeat;
	background-size: contain;
	font-size: 0;
	position: relative;
}

.mob-btm-nav .btn-home-box .btn-home a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.mob-btm-nav ul {
	display: flex;
	padding: 0;
	margin: 0;
	width: 100%;
}

.mob-btm-nav ul li {
	width: calc((100% - 90px) / 4);
	text-align: center;
	padding: 1.15em 0 2.5em;
	flex: 1;
}

.mob-btm-nav ul li a {
	display: block;
	padding-top: 2.3846em;
	position: relative;
}

.mob-btm-nav ul li.btn-home-next {
	margin-left: 6.5em;
}

.mob-btm-nav ul li span {
	font-size: 0.923em;
}

.mob-btm-nav ul li.active a span {
	color: #3D8BF5;
}

.mob-btm-nav ul li a::before {
	content: '';
	position: absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	width: 2.3846em;
	height: 2.3846em;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}

.mob-btm-nav ul li.active a::before {
	background-position: top right;	
}

.mob-btm-nav ul li:nth-child(1) a::before {	
	background-image: url('../../images/kr/common/mob_nav_icon_1.svg');
}

.mob-btm-nav ul li:nth-child(2) a::before {	
	background-image: url('../../images/kr/common/mob_nav_icon_2.svg');
}

.mob-btm-nav ul li:nth-child(3) a::before {	
	background-image: url('../../images/kr/common/mob_nav_icon_3.svg');
}

.mob-btm-nav ul li:nth-child(4) a::before {	
	background-image: url('../../images/kr/common/mob_nav_icon_4.svg');
}

@media (max-width: 991px){
	footer {
		padding-bottom: calc(constant(safe-area-inset-bottom) + 67px); /* iOS 11.0 버전 안전 영역 대응 */
		padding-bottom: calc(env(safe-area-inset-bottom) + 67px); /* iOS 11.2 이상 안전 영역 대응 */
	}
	
	.btm-fixed-area .mob-btm-nav-wrap {
		display: block;
	}
}

@media (max-width: 767px) {
	.btm-fixed-area .btm-fixed-btn {
		/* padding: 15px; */
	}
	
	.btm-fixed-area .btm-fixed-btn .btn-wrap {
		left: 15px;
		bottom: 15px;
	}
	
	.btm-fixed-area .btm-fixed-btn .right-btn {
		left: auto;
		right: 15px;
	}
}

.btm-fixed-product-purchase-wrap {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 100;
	height: 67px;
	display: none;
}

.btm-fixed-product-purchase-wrap .btn-wrap {
	display: flex;
	height: 67px;
	padding: 10px 0;
}

.btm-fixed-product-purchase-wrap .btn-wrap button {
	border-radius: 5px;
	background: transparent;
	font-size: 15px;
}

.btm-fixed-product-purchase-wrap .btn-wrap .wishbtn {
	width: 47px;
	border: solid 1px #B9B9B9;
	background: url(../../images/kr/icon_wish.png) top left no-repeat;
	background-size: cover;
}

.btm-fixed-product-purchase-wrap .btn-wrap .wishbtn.active {
	background-position: top right;
}

.btm-fixed-product-purchase-wrap .btn-wrap .cartbtn {
	border: solid 2px #0D6CAE;
	color: #0D6CAE;
	flex: 1;
	margin-left: 10px;
}

.btm-fixed-product-purchase-wrap .btn-wrap .purchasebtn {
	background: #0D6CAE;
	color: #fff;
	flex: 1;
	margin-left: 10px;
}

.btm-fixed-product-purchase-wrap .product-purchase-btn,
.btm-fixed-product-purchase-wrap .product-purchase-real-area {
	padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 버전 안전 영역 대응 */
	padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2 이상 안전 영역 대응 */
	
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	position: absolute;
	left: 0;
	bottom: 0;	
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area {
	background-color: #fff;
	font-size: 14px;
	transform: translateY(100%);
	opacity: 0;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area.active {
	transform: translateY(0);
	opacity: 1;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .purchase-count {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 0 15px;
	border: solid 1px #B8B8B8;
	border-right: none;
	background-color: #fff;
	height: 40px;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .purchase-count .tit {
	color: #7B7B7B;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .purchase-count .count-wrap {
	border-radius: 5px;
	display: flex;
	align-items: center;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .purchase-count .count-wrap button {
	background: #F8F8F8;
	font-size: 18px;
	color: #797979;
	width: 40px;
	height: 40px;
	border: solid 1px #B8B8B8;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .purchase-count .count-wrap input {
	border: none;
	outline: none;
	width: 60px;
	height: 38px;
	text-align: center;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .price-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .price-wrap .tit {
	font-size: 17px;
	color: #000;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .price-wrap .desc {
	font-size: 11px;
	color: #888;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .price-wrap .price {
	color: #0F6CB1;
	font-size: 16px;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area .price-wrap .price b {
	font-size: 23px;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area-close {
	display: flex;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area-close .closebtn {
	height: 44px;
	width: 100%;
	box-shadow: none;
	background-color: transparent;
	position: relative;
}

.btm-fixed-product-purchase-wrap .product-purchase-real-area-close .bar {
	width: 47px;
	height: 4px;
	border-radius: 4px;
	background-color: #E2E2E2;
	position: absolute;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
}

.btm-fixed-product-purchase-wrap .guide {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;	
	padding: 0 15px;
}

@media (max-width: 991px){
	.btm-fixed-product-purchase-wrap {
		display: block;
	}	
}

/* 마이페이지 메뉴 UI 개선 (241119) */
.category-list.mypage h4 {
	position: relative;
}

.category-list.mypage h4 .mypage-menu-btn {
	width: 32px;
	height: 32px;
	background-color: transparent;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 5px;
	display: none;
}

.category-list.mypage.on h4 .mypage-menu-btn img {
	transform: rotate(180deg);
}

.category-list.mypage .mypage-cate-list::after {
	content: '';
	display: block;
	clear: both;
	float: none;
}

.mypage-cate-list .cate-sub-tit {
	font-size: 17px;
	font-family: 'NotoSansM', sans-serif;
	margin-bottom: 0;
	padding: 13px 20px;
	color: #000;
}

.mypage-cate-list > li {
	padding: 5.5px 0 10.5px;
	border-bottom: solid 1px #206A99;
}

.mypage-cate-list > li > ul {
	display: block;
}

.mypage-cate-list > li > ul > li {
	padding: 0;
}

.mypage-cate-list > li > ul > li a {
	padding: 0;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 20px;
	font-family: 'NotoSansR';
}

.category-list.mypage .mypage-cate-list > li::after,
.category-list.mypage .mypage-cate-list > li > ul > li::after {
	display: none !important;
}

.category-list.mypage .mypage-cate-list li:hover a {
	background-color: transparent;
}

.category-list.mypage .mypage-cate-list > li > ul > li a:hover {
	background-color: rgba(3, 104, 174, .03);
}

.category-list.mypage .mypage-cate-list > li > ul > li.active a {
	color: #0C90FC;
}

@media (max-width: 991px) {
	.category-list.mypage h4 .mypage-menu-btn {
		display: block;
	}
	
	.mypage-cate-list .cate-sub-tit {
		font-size: 14px;
		color: #979797;
		padding: 8px 5px;
	}
	
	.categoryLeft .category-list.mypage .mypage-cate-list {
		border: solid 1px #E4E5E7;
		border-radius: 5px;
		overflow: hidden;
		padding: 0 20px;
	}
	
	.categoryLeft .category-list.mypage .mypage-cate-list::before {
		display: none;
	}
	
	.categoryLeft .category-list.mypage .mypage-cate-list > li {
		width: 100%;
		border-bottom: none;
	}
	
	.categoryLeft .category-list.mypage .mypage-cate-list > li + li {
		border-top: solid 1px #E4E5E7;
	}
	
	.category-list.mypage .mypage-cate-list > li > ul > li a {
		border: none;
		padding: 7px 5px;
		height: auto;
		font-size: 16px;
		line-height: 19px;
	}
	
	.category-list.mypage .mypage-cate-list > li > ul {
		border: none;
	}
	
	.categoryLeft .category-list.mypage h4 {
		padding-bottom: 14px;
	}
	
	.category-list.mypage.on {
		border-bottom: solid 2px #E4E5E7;
	}
	
	.category-list.mypage.on .mypage-cate-list {
		display: none;
	}
}

@media (max-width: 374px) {
	.category-list.mypage .mypage-cate-list > li > ul > li a {
		font-size: 14px;
	}
}

/* 241204 바로서재 메뉴 N 아이콘 추가 */
/* PC */
.page-sidebar-inner .menu .navText#bookshelf-link p {
	position: relative;
}

.page-sidebar-inner .menu .navText#bookshelf-link p::after {
	content: '';
	position: absolute;
	width: 17px;
	height: 17px;
	left: calc(100% + 5px);
	bottom: 5px;
	background: url('../../images/kr/bookshelf/icon_nav_new.svg') no-repeat center;
	background-size: contain;
}

/* Mobile */
.nav-menu #bookshelf-link a {
	position: relative;
	padding-right: 19px;
}

.nav-menu #bookshelf-link a::after {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	right: 0;
	top: 52%;
	transform: translateY(-50%);
	background: url('../../images/kr/bookshelf/icon_nav_new.svg') no-repeat center;
	background-size: contain;
}

.overflow-hidden{
    overflow: hidden !important;
}


/* 25.08.28 수정 */
.bankbook {
  width: 100%;
  display: flex;
  height: 104px;
  border-radius: 10px;
  border: 1px solid #efeff5;
  background: #fff;
}

.bankbook .total_point,
.bankbook .total_coupon {
  width: 155px;
  height: 103px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #efeff5;
  border-bottom: 1px solid #efeff5;
  border-radius: 10px;
  background: #f7f8fa;
  font-size: 17px;
  font-weight: 700;
  color: #000000;
  font-family: "Pretendard";
}

.bankbook .have_point_wrap,
.bankbook .have_coupon_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
}

.bankbook .have_point_tit,
.bankbook .have_coupon_tit {
    font-size: 15px;
    font-weight: 600;
    font-family: "Pretendard";
}
.bankbook .have_point,
.bankbook .have_coupon {
  width: auto;
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  font-family: "Pretendard";
  gap: 3px;
}
.bankbook .have_point .point,
.bankbook .have_coupon .coupon {
  font-size: 25px;
  font-weight: 700;
  color: #0c90fc;
  font-family: "Pretendard";
}

.point-date-search dt {
    width: 90px;
}
.point-date-search .point-search-area {
    max-width: 734px;
}
.point-date-search .point-search-area .point-search-flex-wrap .radio label {font-family: "Pretendard";}
.point-date-search .point-search-area .point-search-flex-wrap,
.oneone-date-search .oneone-search-area .oneone-search-flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.add_point {
    color: #0C90FC;
    font-weight: 500;
}

 .oneone-search-area {
    max-width: 704px;
}

.order-main-date-search,
.order-sub-date-search,
.point-date-search,
.date-search.coupon,
.oneone-date-search {border-radius: 3px !important;}

.oneone-date-search dd.data-search-input {
    width: 100%;
    max-width: 510px;
    margin-left: 0 !important;
}
.oneone-date-search dd.data-search-input input.form-control {
    width: 100%;
}



@media (max-width: 1200px) {
    .order-main-date-search,
    .order-sub-date-search,
    .point-date-search,
    .date-search.coupon,
    .oneone-date-search {border-radius: 10px !important;}

    .point-date-search dt,
    .oneone-date-search dt {
        width: 100% !important;
    }
    .oneone-date-search dd.data-search-input {
        max-width: none;
    }
    .point-date-search .point-search-area .point-search-flex-wrap,
    .oneone-date-search .oneone-search-area .oneone-search-flex-wrap {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }
}

@media (max-width: 991px) {
    .bankbook {
        height: 90px;
    }
    .bankbook .total_point, 
    .bankbook .total_coupon {
        min-width: 144px;
        height: 90px;
    }
    .bankbook .have_coupon_wrap {
        justify-content: flex-end;
        padding-right: 45px;
    }
    .bankbook .have_point_tit,
    .bankbook .have_coupon_tit {
        display: none;
    }
}
/* 20250715 배너 팝업 추가 */
.main-banner-pagination{
    font-family: "Pretendard";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 8%;
    left: 7%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 100px;
    font-size: 15px;
    color: white;
    padding: 0 19px 0 21px;
    z-index: 2;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.main-banner-pagination-page {
    margin-right: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.main-banner-pagination-view {
    font-weight: 300;
}
.main-banner-pagination-view .plus {
    font-size: 19px;
}

.main-banner-popup-dim {
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
}
.main-banner-popup {
    font-family: "Pretendard";
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-width: 800px;
    max-height: 700px;
    background: white;
    border-radius: 20px;
    overflow: hidden;
}
.main-banner-popup-header{
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 0;
    width: 100%;
    height: 66px;
    border-bottom: 1px solid #D6D6D6;
    font-size: 18px;
}
.main-banner-popup-close{
    width: 30px;
    height: 30px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    margin-top: -4px;
    margin-right: -8px;
}
.main-banner-popup-close::after,
.main-banner-popup-close::before {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background: #707070;
    border-radius: 4px;
}
.main-banner-popup-close::after{
    transform: rotate(45deg);
}
.main-banner-popup-close::before {
    transform: rotate(-45deg);
}
.main-banner-popup-body {
    width: 100%;
    height: calc(100% - 66px);
    padding-top: 20px;
}
.main-banner-popup-body-scroll{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 0 30px;
}
.main-banner-popup-body-scroll::-webkit-scrollbar {
    width: 8px;
}
.main-banner-popup-body-scroll::-webkit-scrollbar-thumb {
    background-color: #CBCBCB;
    border-radius: 4px;
}
.main-banner-popup-body-scroll::-webkit-scrollbar-track {
    border-radius: 4px;
}
.main-banner-popup-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}
.main-banner-popup-list-item{
    width: 100%;
    aspect-ratio: 730/333;
}
.main-banner-popup-list-item img{
    width: 100%;
    height:  100%;
    border-radius: 10px;
}
}


@media (max-width: 991px) {
    .main-banner-pagination {
        padding: 0 12px 0 16px;
        font-size: 12px;
        height: 28px;
        line-height: 28px;
    }
    .main-banner-pagination-page {
        margin-right: 11px;
    }
    .main-banner-pagination-view .plus {
        font-size: 15px;
    }
    .main-banner-popup-dim {
        padding: 0;
    }
    .main-banner-popup {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
        overflow: inherit;
    }
    .main-banner-popup-header {
        padding: 15px 20px 0;
        height: 52px;
        border-bottom: none;
    }
    .main-banner-popup-body {
        height: calc(100% - 52px);
        padding-top: 0;
    }
    .main-banner-popup-body-scroll {
        padding: 0 14px;
    }
    .main-banner-popup-body-scroll::-webkit-scrollbar {
        width: 4px;
    }
    .main-banner-popup-list {
        gap: 5px;    
    }
}


/* 2025.08.05 스타일 수정사항  */

/* 기본 모바일 숨김 설정 */
.page-inner.mo {
    display: none;
}

.mo{
    display: none;
}
/* 모바일 반응형 (991px 이하) */
@media (max-width: 991px) {

    .basket,
        .basket:nth-child(1) {
            padding-right: 0;
            padding-left: 0;
            padding-top: 0px;
        }
    .basket table {
        border-top: none !important;
    }



    .col-md-12 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    } 

    .col-md-6 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }


    .pc{
        display: none !important;
    }

    .mo{
        display: block !important;
    }
    /* PC/모바일 표시 전환 */
    .page-inner.pc {
        display: none;
    }

    .page-inner.mo {
        display: block;
    }

    /* Container 설정 - 장바구니 페이지 전용 */
    .page-inner .container.book {
        padding-left: 0;
        padding-right: 0;
    }

    .page-inner .container .basket {
        padding: 0;
    }

    .page-inner .container .basket:nth-child(1) {
        padding: 0 20px;
    }

    /* 테이블 상단 보더 제거 */
    .page-inner .container .basket table {
        border-top: none !important;
    }

    .page-inner .container.book .basket table tr:first-child {
        border-bottom: 1px solid #333333;
        width: 371px;
        height: 50px !important;
    }

    /* Column 설정 - 장바구니 페이지 전용 */
    .page-inner .container .col-first {
        width: 100%;
        padding-left: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 18px;
        font-weight: 700;
        height: 50px;
        border-bottom: 1px solid #E5E5E5;
    }

    .page-inner .container .col-md-12 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    /* Row 설정 - 장바구니 페이지 전용 */
    .page-inner .container.book .row {
        margin-right: 0;
        margin-left: 0;
    }

    /* Basket 관련 스타일 - 장바구니 테이블 전용 */
    .page-inner .container .basket {
        float: left;
        width: 100%;
        background: #fff;
    }

    .page-inner .container .basket table tr {
        position: relative;
        border-bottom: none;
    }

    /* Basket 가격 표시 영역 */
    .page-inner .basket .basketAllPrice {
        float: left;
        padding-top: 0;
        width: 100%;
    }

    .page-inner .basket .basketAllPrice .all-price {
        float: right;
        padding: 2px 0 0;
        font-size: 16px;
        color: #333;
        text-align: right;
        border-top: none;
    }

    /* Basket 버튼 영역 - 장바구니 전용 */
    .page-inner .basket-buttons {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px !important;
        background: #fff;
        border-bottom: 1px solid #E5E5E5;
    }

    /* Basket 리스트 헤더 - 오늘의 책 섹션 */
    .page-inner .basket-list h4 {
        float: left;
        margin: 0 0 -15px;
        padding: 0 !important;
        padding-bottom: 20px !important;
        width: 100%;
        font-family: 'NotoSansB' !important;
        font-size: 20px !important;
        color: #333;
    }

    /* Product 리스트 - 장바구니 하단 추천 상품 */
    .page-inner .product-list.basket-list {
        float: left;
        width: 100%;
        margin: 0;
        background: #fff;
        padding: 50px 15px 0;
        border-top: 1px solid #E5E5E5;
    }

    /* 모바일 전용 테이블 스타일 추가 */
    #basketMobileTableId {
        width: 100%;
    }

    /* 모바일 전용 표시 클래스 */
    .page-inner .full-mobile {
        display: block;
    }

    .page-inner .full-desktop {
        display: none;
    }
}

/* ==================== 사은품 페이지 스타일 ==================== */


.gift_choice .radio-label,
.point_use .radio-label {
    cursor: pointer;
}

/* 사은품 모바일 반응형 (991px 이하) */
@media (max-width: 991px) {

    /* 사은품 선택 영역 */
    .gift_choice {
        width: 100%;
        background: #fff;
        padding: 20px;
        height: 295px;
        display: flex;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 10px;
        width: 95px;
    }

    .gift_list {
        display: flex;
        gap: 20px;
    }

    .gift_item {
        width: auto;
    }

    .gift_img {
        min-width: 140px;
        min-height: 140px;
        aspect-ratio: 1/1;
        /* height: 165px;
        width: 100%; */
        border-radius: 5px;
        border: 1px solid #DCDCDC;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }

    .gift_img3 {
        min-width: 140px;
        min-height: 140px;
        aspect-ratio: 1/1;
        /* height: 165px;
        width: 100%; */
        border-radius: 5px;
        border: 1px solid #0C90FC;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }


    .gift_img img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        object-fit: cover;
        /* border: 2px solid #0C90FC; */
    }

    .gift_img1 {
        background: #f5f5f5;
    }

    .gift_img1 span {
        font-size: 14px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        color: #666;
        text-align: center;
        line-height: 1.4;
    }

    .gift_info {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .gift_info .gift_name {
        font-size: 14px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        color: #333333;
        line-height: 18px;
    }

    .gift_info .gift_price {
        font-size: 14px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 800;
        color: #333333;
        line-height: 18px;
    }

    .gift_info .point_use_radio{
        flex-wrap: wrap;
        flex-shrink: 0;
    }

    .form_label{
        width: 120px;
    }

    /* 사은품 라벨만 타겟팅 */
    .gift_item .radio-label {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        font-weight: bold;
        margin-bottom: 10px;
        height: 24px;
    }

    /* 포인트 사용 여부 영역 */
    .point_use {
        width: 100%;
        background: #fff;
        height: 68px;
        display: flex;
        padding-left: 20px;
        gap: 40px;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        align-items: center;
        margin-bottom: 10px;
    }

    .point_use .radio-label {
        flex-direction: row;
        align-items: center;
        gap: 0px;
        font-weight: normal;
    }

    .point_use_text {
        font-size: 16px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 800;
        color: #000;
    }

        .point_use_radio{
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
        }

    .point_use .radio-label {
        font-size: 13px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        color: #000;
    }

    /* 포인트 계산기 영역 */
    .point_calc {
        width: 100%;
        height: 266px;
        background: #fff;
        border-top: 1px solid #E5E5E5;
        padding: 26px 15px 16px 14px;
        margin-bottom: 10px;
        border-bottom: 1px solid #E5E5E5;
    }

    .point_calc_inner {
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: 224px;
    }

    .point_calc .top_text {
        height: 50px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-left: 6px;
    }

    .point_calc_title {
        font-size: 16px;
        height: 19px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 800;
        color: #333333;
    }

    .point_calc_desc {
        font-size: 13px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        color: #333333;
        height: 15px;
        letter-spacing: -0.1px;
    }

    .point_calc .bottom_text {
        height: 155px;
        display: flex;
        flex-direction: column;
        padding: 20px 20px 20px 15px;
        background: #f7f9fc;
        border-radius: 5px;
    }

    .point_calc .top_area {
        height: 68px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 15px;
    }

    .my_point span,
    .save_point span,
    .use_point span,
    .total_point span {
        height: 16px !important;
    }

    .point_text_left {
        font-size: 14px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        color: #333333;
    }

    .point_text_right {
        font-size: 14px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 800;
        color: #333333;
    }

    .blue {
        color: #0C90FC;
    }

    .point_calc .line {
        display: block;
        height: 1px;
        width: 100%;
        background-color: #E5E5E5;
        margin-bottom: 15px;
    }

    /* jcsb 유틸리티 클래스 (justify-content: space-between) */
    .jcsb {
        display: flex;
        justify-content: space-between;
    }

    .gift_choice .radio-label span::before {
        content: '' !important;
        display: inline-block !important;
        width: 25px !important;
        height: 25px !important;
        border: 2px solid #0066ff !important;
        border-radius: 50% !important;
        background-color: white !important;
        background-image: none !important;
        vertical-align: middle !important;
        margin-right: 8px !important;
        position: relative !important;
    }

    div.radio span.checked::after,
    .gift_choice .radio-label span.checked::after {
        content: '' !important; 
        position: absolute !important;
        width: 13px !important;
        height: 13px !important;
        background-color: #0066ff !important;
        border-radius: 50% !important;
        top: 48% !important;
        left: 6px !important;
        transform: translateY(-25%) !important;
    }
}

/* 주문자정보 */
@media (max-width: 991px) {
    .book_info{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .order_result
    .book_info .book_name{
        font-size: 15px;
        font-weight: 500;
        color: #333333;
    }
    .book_order_info{
        font-size: 15px;
        font-weight: 500;
        color: #888888;
    }

    .book_order_result.order_result {
        background: white;
        /* border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5; */
        /* padding: 20px; */
        /* margin-bottom: 10px; */
        font-family: 'Pretendard', sans-serif;
        height: auto !important;
    }
}

@media (max-width: 991px) {
    .person_info {
        background: white;
        /* border-top: 1px solid #E5E5E5; */
        /* border-bottom: 1px solid #E5E5E5; */
        padding: 18px 20px 0px 20px;
        height: 180px;
        margin-bottom: 10px;
        font-family: 'Pretendard', sans-serif;
    }

    .person_info .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 30px;
        margin-bottom: 5px;
    }

    .person_info .title span {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
    }

    .person_info .title button {
        background: #fff;
        border: 1px solid #C2C2C2;
        cursor: pointer;
        width: 55px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .person_info .title button span {
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .person_info .line {
        height: 1px;
        background: #333333;
        margin-bottom: 10px;
    }

    .person_info .line.line2 {
        background: #DCDCDC;
    }

    .order_name,
    .order_phone {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        justify-content: space-between;
    }

    .order_phone {
        margin-bottom: 20px;
    }

    .order_name span,
    .order_phone span {
        font-size: 15px;
        font-weight: 500;
        color: #333333;
    }

    .order_name label {
        width: 100%;
        height: 40px;
        border: 1px solid #C2C2C2;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin-bottom: 0;
    }

    .order_name label input {
        width: 100%;
        border: none;
        padding-left: 12px;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        outline: none;
    }

    .order_phone .phone_inputs {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 5px;
    }

    .order_phone .phone_inputs .phone_select,
    .order_phone .phone_inputs .phone_input {
        width: 33%;
        height: 40px;
        border: 1px solid #C2C2C2;
        cursor: pointer;
        padding-left: 10px;
        font-size: 14px;
        font-weight: 500;
        outline: none;
        color: #555555;
        /* min-width: 80px; */
    }
}

/* 배송지 입력 */
@media (max-width: 991px) {

        .form_label{
            width: 100px;
            flex-shrink: 0;
        }
        .delivery_info {
                background: white;
                width: 100%;
                margin-bottom: 10px;
                padding: 20px;
                border-top: 1px solid #E5E5E5;
                border-bottom: 1px solid #E5E5E5;
                font-family: 'Pretendard', sans-serif;
            }

            .delivery_info label{
                margin-bottom: 0;
            }
        
            /* 타이틀 섹션 */
            .delivery_info .title {
                margin-bottom: 10px;
                /* border-bottom: 2px solid #333; */
            }
            .delivery_info .line {
                height: 1px;
                background: #333333;
                margin-bottom: 20px;
            }
            .delivery_info .line.line2 {
                height: 1px;
                background: #DCDCDC;
                margin-bottom: 20px;
            }

            .delivery_info .line.line3 {
                height: 1px;
                background: #DCDCDC;
                margin-bottom: 10px;
            }

            .delivery_info .form_row.form_row_method {
                display: flex;
                margin-bottom: 10px;
                flex-direction: column;
            }

            .delivery_info .form_row.form_row_method .form_cell{
                display: flex;
                height: 19px;
                margin-bottom: 16px;
            }
        
            .delivery_info .title span {
                font-size: 16px;
                font-weight: 600;
                color: #000;
            }
        
            /* 폼 컨테이너 */
            .delivery_info .form_table {
                width: 100%;
            }
        
            /* 각 행 공통 */
            .delivery_info .form_row {
                display: flex;
                margin-bottom: 20px;
            }
        
            .delivery_info .form_label {
                width: 100px;
                /* padding-top: 8px; */
                font-size: 15px;
                font-weight: 500;
                color: #333;
                flex-shrink: 0;
                font-family: 'Pretendard', sans-serif;
            }
        
            .delivery_info .form_content {
                width: 100%;
                display: flex;
                flex-direction: column;
            }
        
            .form_content {
                width: 100%;
                display: flex;
                flex-direction: column;
            }
        
            /* 배송방법 섹션 */
            .delivery_info .delivery_method_content {
                width: 100%;
            }
        
            .delivery_info .method_radio_group {
                display: flex;
                gap: 20px;
                margin-bottom: 10px;
            }
        
            .delivery_info .radio_item {
                display: flex;
                align-items: center;
                gap: 5px;
            }
        
            .delivery_info .radio_item label {
                font-size: 14px;
                font-weight: 500;
                color: #555555;
                cursor: pointer;
                margin-bottom: 0 !important;
            }
        
            .notice_box {
                background: #F1F1F1;
                padding: 10px 20px;
                font-size: 11px;
                color: #333333;
                width: 100%;
                display: flex;
                border-radius: 3px;
            }
        
            /* 배송지 선택 섹션 */
            .address_select_content {
                display: flex;
                flex-direction: column;
                gap: 9px;
                width: 100%;
            }
        
            .address_radio_row {
                display: flex;
                gap: 20px;
                height: 20px;
                align-items: center;
            }
        
            .save_btn {
                background: #fff;
                border: 1px solid #C2C2C2;
                cursor: pointer;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                font-weight: 500;
                color: #333333;
                margin-left: auto;
                width: 50px;
                border-radius: 3px;
            }
        
            /* 수령자 입력 */
            .delivery_info .form_row.recipient {
                display: flex;
                align-items: center;
                margin-bottom: 10px !important;
            }
            .delivery_info .input_text {
                width: 100%;
                /* max-width: 280px; */
                height: 40px;
                border: 1px solid #D1D5DB;
                padding: 0 10px;
                font-size: 13px;
                color: #555555;
                outline: none;
            }
        

            .delivery_info .input_text:focus {
                border-color: #4A90E2;
            }
        
            /* 연락처 입력 */
            .delivery_info .order_phone {
                margin-bottom: 10px;
            }
            .delivery_info .phone_inputs {
                display: flex;
                gap: 8px;
                align-items: center;
            }
        
            .delivery_info .phone_inputs select,
            .delivery_info .phone_inputs input {
                height: 34px;
                border: 1px solid #D1D5DB;
                padding: 0 8px;
                font-size: 13px;
                color: #333;
                outline: none;
            }
        
            .delivery_info .phone_inputs select {
                width: 70px;
                cursor: pointer;
            }
        
            .delivery_info .phone_inputs input {
                width: 70px;
            }
        
            /* 배송지 주소 */
            .delivery_info .address_section {
                display: flex;
                flex-direction: column;
                gap: 8px;
                width: 100%;
            }

            .delivery_info .form_row.form_row_address {
                display: flex;
                margin-bottom: 10px;
            }

            .delivery_info .form_row.form_row_address {
                display: flex;
                margin-bottom: 14px;
            }
        
            .delivery_info .address_row {
                display: flex;
                gap: 7px;
                align-items: center;
                width: 100%;
            }
        
            .delivery_info .postcode_input {
                width: 70%;
                height: 40px;
                border: 1px solid #DCDCDC;
                background: #F1F1F1;
                padding: 0 10px;
                font-size: 14px;
                color: #333;
                outline: none;
                font-family: 'Pretendard', sans-serif;
                font-weight: 500;
            }
        
            .search_btn {
                background: #fff;
                border: 1px solid #DCDCDC;
                cursor: pointer;
                height: 40px;
                padding: 12px;
                font-size: 14px;
                font-weight: 500;
                white-space: nowrap;
                color: #888888;
                width: 30%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Pretendard', sans-serif;
                font-weight: 500;
            }
        
        
            .delivery_info .address_input {
                width: 100%;
                /* max-width: 320px; */
                height: 40px;
                border: 1px solid #D1D5DB;
                padding: 0 10px;
                font-size: 14px;
                color: #333;
                outline: none;
                font-family: 'Pretendard', sans-serif;
                font-weight: 500;
                background: #F1F1F1;
            }
        
            .delivery_info .address_input1 {
                background: #fff;
            }
        
        
            /* 배송요청사항 */
            .delivery_info .form_row.form_row_request {
                margin-bottom: 0;
                display: flex;
                align-items: center;
            }

            .delivery_info .request_textarea {
                width: 100%;
                /* max-width: 320px; */
                height: 40px;
                border: 1px solid #D1D5DB;
                padding: 8px 10px;
                font-size: 13px;
                color: #333;
                outline: none;
                resize: none;
                font-family: inherit;
            }
        
            .delivery_info .request_textarea:focus {
                border-color: #4A90E2;
            }
        
            .delivery_info input::placeholder {
                color: #999;
                font-size: 14px;
            }

            .delivery_info input[type="text"]:hover,
            [type="text"]:focus {
                outline: none;
                background-color: none !important;
            }
    }

/* 포인트 사용 */
@media (max-width: 991px) {

    /* 포인트 사용 섹션 */
    .point_section {
        background: white;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 20px;
        margin-bottom: 10px;
        font-family: 'Pretendard', sans-serif;
    }

        .point_section input::placeholder {
            color: #000000 !important;
            font-size: 15px;
            font-weight: bold;
            font-family: 'Pretendard', sans-serif;
            text-align: right !important;
        }

    .point_section .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 20px;
        margin-bottom: 10px;
    }

    .point_section .title span {
        font-size: 16px;
        font-weight: 600;
        color: #000;
        font-family: 'Pretendard', sans-serif;
    }

    .point_section .line {
        height: 1px;
        background: #333333;
        margin-bottom: 10px;
    }

    .point_section .line.line2 {
        background: #DCDCDC;
    }

    /* 포인트 입력 행 */
    .point_row {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        /* 하단 여백 제거 */
        justify-content: space-between;
    }

    .point_row .form_label {
        width: 100px;
        flex-shrink: 0;
    }

    .point_row .form_label span {
        font-size: 15px;
        font-weight: 500;
        color: #000;
        font-family: 'Pretendard', sans-serif;
    }

    /* 포인트 입력 영역 */
    .point_input_group {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .point_input_wrapper {
        flex: 1;
        height: 40px;
        border: 1px solid #C2C2C2;
        display: flex;
        align-items: center;
        background: white;
        position: relative;
    }

    .point_input_wrapper input {
        width: 100%;
        height: 100%;
        border: none;
        padding: 0 12px;
        font-size: 15px;
        font-weight: 800;
        color: #000;
        outline: none;
        text-align: right;
        padding-right: 18px;
    }

    .point_input_wrapper input::placeholder {
        color: #999;
        text-align: left;
    }

    /* 0이 입력되었을 때 왼쪽 정렬 */
    .point_input_wrapper input:placeholder-shown {
        text-align: right;
    }

    .point_unit {
        position: absolute;
        right: 12px;
        font-size: 14px;
        font-weight: 500;
        color: #666;
        pointer-events: none;
    }

    /* 전액사용 버튼 */
    .point_btn {
        background: #fff;
        border: 1px solid #C2C2C2;
        cursor: pointer;
        height: 40px;
        padding: 0 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        white-space: nowrap;
        transition: all 0.2s;
    }

    .point_btn:hover {
        background: #f8f8f8;
    }

    .point_btn:active {
        background: #f0f0f0;
    }

    .point_btn span {
        font-size: 14px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        color: #666;
    }

    /* 보유 포인트 표시 - 수정된 부분 */
    .point_info {
        display: flex;
        align-items: center;
        margin-top: 8px;
        padding-left: 100px;
    }

    .point_info>span {
        font-size: 13px;
        color: #999;
        /* 보유 텍스트 색상 */
    }

    .point_info .available_point {
        color: #0C90FC;
        font-weight: 800;
        margin-left: 10px;
    }

    .point_info .available_point span {
        color: #0C90FC;
        /* 숫자 색상 */
    }
}
/* 모바일 스타일 */
@media (max-width: 991px) {

    /* 결제수단 섹션 */
    .payment_section {
        background: white;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 20px 20px;
        margin-bottom: 10px;
        /* height: 108px; */
        font-family: 'Pretendard', sans-serif;
    }

        .payment_section .title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 19px;
            margin-bottom: 10px;
        }

    .payment_section .title span {
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

    .payment_section .line {
        height: 1px;
        background: #333333;
        margin-bottom: 20px;
    }

    /* 결제수단 옵션 영역 */
    .payment_options {
        display: flex;
        gap: 5px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* 라디오 버튼 커스텀 스타일 */
    .payment_option {
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative;
        height: 20px;
        gap: 5px;
    }

    .payment_option label{
        font-size: 14px;
        font: 'Pretendard' sans-serif;
        font-weight: 500;
        color: #555555;
        margin-bottom: 0;
    }

    /* 라벨 텍스트 */
    .payment_option .label_text {
        font-size: 15px;
        font-weight: 500;
        color: #333;
        user-select: none;
    }

}

/* 25.08.28 수정 */

/* 모바일 스타일 */
@media (max-width: 991px) {

    /* 최종 결제금액 섹션 */
    .payment_summary_section {
        background: white;
        /* border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5; */
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding: 0;
        padding-top: 20px !important;
        /* padding-bottom: 20px !important; */
        /* margin-bottom: 10px; */
        font-family: 'Pretendard' sans-serif !important;
    }

    .payment_summary_section .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    margin-left: 19px;
    margin-bottom: 10px;
    /* padding-left: 19px; */
}
    }

    .payment_summary_section .title span {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        font-family: 'Pretendard' sans-serif !important;
    }

    .payment_summary_section .line {
        height: 1px;
        background: #333333;
        margin-bottom: 16.5px;
    }

    /* 금액 상세 내역 */
    .price_details {
        display: flex;
        flex-direction: column;
        margin-bottom: 17px;
        padding-left: 9.5px;
        padding-right: 9.5px;
        font-family: 'Pretendard';
    }

    /* 총 결제금액 행 */
    .total_price_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
        height: 24px;
    }

    .total_price_row .price_label {
        font-size: 15px;
        color: #333333;
        font-weight: 500;
        font-family: 'Pretendard' sans-serif;
    }

    .total_price_row .price_value {
        font-size: 20px;
        color: #0C90FC;
        font-weight: 800;
        font-family: 'Pretendard' sans-serif;
    }

    .total_price_row .price_value15 {
        font-size: 15px;
        color: #4A90E2;
        font-weight: 700;
    }

    /* 상세 내역 회색 박스 */
    .price_breakdown_box {
        background: #F1F1F1;
        padding: 15px;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        height: auto;
    }

    .price_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 16px;
    }

    .price_breakdown_box .price_row .price_label {
        font-size: 14px;
        color: #333333;
        font-weight: 500;
        font-family: 'Pretendard' sans-serif !important;
    }

    .price_breakdown_box .price_row .price_value {
        font-size: 14px;
        color: #000;
        font-weight: 800;
    }

    .price_breakdown_box .price_row .price_value14 {
        font-size: 14px;
        color: #333333;
        font-weight: 500;
        margin-left: 2px;
    }

    /* 동의 체크박스 영역 - 회색 박스 없음 */
    .agreement_section {
        padding-top: 5px;
        padding-left: 9.5px;
        padding-right: 9.5px;
    }

    .agreement_checkbox {
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }

    .agreement_checkbox label {
        cursor: pointer;
        margin-bottom: 0;
    }

    .agreement_text {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .agreement_text .terms_link {
        font-size: 13px;
        color: #333;
        font-weight: 500;
        font-family: 'Pretendard' sans-serif !important;
    }

    .agreement_text .terms_link a {
        color: #999;
        text-decoration: none;
        font-weight: 400;
    }

/* 동의 체크박스 - 회색 박스 없음 */
.agreement_section {
    background-color: white;
}

.agreement_checkbox {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* 첫 번째 줄 - 체크박스와 이용약관 */
.first_line {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 체크박스 스타일 - 체크박스만 클릭 가능 */
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #007AFF;
    flex-shrink: 0;
}

.terms_link {
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

/* 전체보기 링크 - 별도 클릭 영역 */
.terms_link a {
    color: #C2C2C2;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    margin-left: 3px;
}

.terms_link a:hover {
    text-decoration: underline;
    color: #007AFF;
}

/* 두 번째 줄 - 설명 문구 */
.description {
    display: flex;
    color: #333333;
    font-size: 13px;
    font-family: 'Pretendard' sans-serif !important;
}
}

@media screen and (max-width: 991px) {
/* 주문완료 */
.order_complete{
    padding: 30px 15px;
    font-family: 'Pretendard', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.order_complete .order_complete_title{
    font-size: 17px;
    font-weight: 800;
    color: #333333;
    margin-bottom: 15px;
    height: 20px;
}

.order_complete .order_number{
    font-size: 15px;
    font-weight: 600;
    color: #0C90FC;
    margin-bottom: 20px;
    height: 18px;
}

.order_complete .btn_section{
    display: flex;
    gap: 5px;
    width: 100%;
    height: 45px;
}

.order_complete .btn_section .order_check{
    width: 100%;
    height: 45px;
    border-radius: 3px;
    background: #0C99D6;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.order_complete .btn_section .order_continue{
    width: 100%;
    height: 45px;
    border-radius: 3px;
    background: #fff;
    color: #0C6EAF;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #0C6EAF;
    cursor: pointer;
    }
}


/* 주문자 정보 */
@media screen and (max-width: 991px) {
    .result_input {
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        cursor: pointer;
        margin-bottom: 0;
    }

    .result_input span {
        font-size: 14px;
        font-weight: 500;
        color: #555555;
    }

    .order_result .title {
        display: flex;
        height: 20px;
        margin-bottom: 10px;
    }

    .order_result {
        background: white;
        /* border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5; */
        padding: 0;
        margin-bottom: 10px;
        font-family: 'Pretendard', sans-serif;
        height: auto !important;
    }

    .order_result .line {
        height: 1px;
        background: #333333;
        margin-bottom: 15px;
    }

    .order_result .order_name,
    .order_result .order_phone {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        justify-content: space-between;
    }
}

/* 결제금액 */
@media (max-width: 991px) {
    .order_result .total_price_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        height: 24px;
    }
}



/* ==================== 모바일 하단 주문 푸터 (장바구니 & 사은품) ==================== */

@media (max-width: 991px) {

    /* 모바일 하단 주문 바 - 장바구니 */
    .mob-btm-order {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }

    .mob-btm-order .order-detail {
        width: 100%;
        background: #fff;
        border: 1px solid #E5E5E5;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 20px;
        background: #F7F9FD;
        position: relative;
        z-index: 99;
        top: 32px;
    }

    .mob-btm-order .order-box {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .mob-btm-order .order-drop-arrow {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
        height: 17px;
    }

    .mob-btm-order .order-receipt {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-bottom: 15px;
        border-bottom: 1px solid #E5E5E5;
    }

    .mob-btm-order .order-mount,
    .mob-btm-order .order-deliver,
    .mob-btm-order .order-discount,
    .mob-btm-order .order-point {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 18px;
    }

    .mob-btm-order .order-text {
        font-size: 15px;
        font-weight: 500;
    }

    .mob-btm-order .order-price {
        font-size: 15px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 800;
        color: #000;
    }

    /* 모바일 하단 주문 바 - 메인 영역 */
        
    .mob-btm-order .order-first {
        width: 100%;
        background: #fff;
        border: 1px solid #C2C2C2;
        border-bottom: none;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 15px;
        min-height: 95px;
    }

    body.nav-open .mob-btm-order .order-first {
        display: none !important;
    }

    body.nav-open .mob-btm-order .btm-fixed-btn {
        display: none !important;
    }

    .mob-btm-order .order-first-arrow {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
        height: 17px;
    }

    .mob-btm-order .order-first-text {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
    }

    .mob-btm-order .order-text-left {
        font-size: 15px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        color: #0C90FC;
    }

    .mob-btm-order .order-text-right {
        font-size: 20px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 800;
        color: #0C90FC;
    }

    .mob-btm-order .order-text-right span {
        font-size: 20px;
        font-weight: 800;
    }

    /* 주문 버튼 영역 */
    .mob-btm-order .order-first-btn {
        display: flex;
        gap: 4px;
        margin-top: 18px;
    }

    .mob-btm-order .btn-order-left,
    .mob-btm-order .btn-order-right {
        flex: 1;
        height: 50px;
        border-radius: 5px;
        font-size: 16px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        cursor: pointer;
    }

    .mob-btm-order .btn-order-left {
        background: #fff;
        color: #0C6EAF;
        border: 1px solid #0C6EAF;
    }

    .mob-btm-order .btn-order-right {
        background: #0C90FC;
        color: #fff;
    }

    /* ==================== 사은품 푸터 전용 스타일 ==================== */

    .mob-btm-order.gift_footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }

    .mob-btm-order.gift_footer .order-first {
        width: 100%;
        min-height: 159px;
        max-height: 332px;
        border: 1px solid #C2C2C2;
        background: #fff;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom: none;
        padding: 15px;
    }

    .gift_footer .order-text {
        height: 24px;
        margin-left: 15px;
        margin-right: 15px;
    }

    /* 사은품 푸터 텍스트 영역 */
    .order-first-text.gift {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 24px;
    }

    .order-first-text.gift .order-text-left {
        font-size: 14px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        color: #000;
        display: flex;
        align-items: end;
    }

    /* .order-first-text.gift .order-text-left span {
        font-size: 16px;
        font-weight: 800;
        color: #007bff;
        margin: 0 3px;
    } */

    .order-first-text.gift .order-text-right {
        font-size: 14px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 800;
        color: #333333;
        display: flex;
        align-items: center;
    }

    .order-first-text.gift .order-text-right span {
        font-size: 20px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 800;
        color: #333333;
        margin-left: 5px;
    }

    /* 사은품 푸터 버튼 */
    .order-first-btn.gift {
        display: flex;
        gap: 5px;
        margin-top: 18px;
    }

    .order-first-btn.gift .btn-order-left {
        width: 50%;
        height: 50px;
        border: none;
        color: #fff;
        font-size: 16px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 500;
        border-radius: 5px;
        background: #C2C2C2;
    }

    .order-first-btn.gift .btn-order-right {
        width: 50%;
        height: 50px;
        border: none;
        color: #fff;
        font-size: 16px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 600;
        border-radius: 5px;
        background: #0C99D6;
    }

    /* 주문결제 푸터 */
        .order-first.order_footer {
        width: 100%;
        height: 95px !important;
        border: 1px solid #C2C2C2;
        background: #fff;
        padding: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .order_footer .order-first-btn.gift .btn-order-right {
        width: 50%;
        height: 50px;
        border: none;
        color: #fff;
        font-size: 18px;
        font-family: 'Pretendard', sans-serif;
        font-weight: 600;
        border-radius: 5px;
        background: #0C99D6;
    }
    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 0px;
        font-weight: bold;
    }
              
        /* 기존 스프라이트 이미지 무효화 */
        div.radio span,
        div.radio span.checked,
        .radio-label span,
        .radio-label span.checked {
            background-image: none !important;
            background-position: initial !important;
            background: none !important;
        }
    
        /* 라디오 버튼 컨테이너 스타일 */
        .radio-label,
        div.radio {
            display: inline-flex !important;
            align-items: center !important;
            cursor: pointer !important;
            position: relative !important;
        }
    
        /* 실제 라디오 input 스타일 */
        .radio-label input[type="radio"],
        div.radio input[type="radio"] {
            appearance: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            width: 25px !important;
            height: 25px !important;
            min-width: 25px !important;
            min-height: 25px !important;
            max-width: 25px !important;
            max-height: 25px !important;
            border: 2px solid #0066ff !important;
            border-radius: 50% !important;
            outline: none !important;
            cursor: pointer !important;
            position: relative !important;
            margin: 0 !important;
            padding: 0 !important;
            background-color: white !important;
            background-image: none !important;
            transition: all 0.2s ease !important;
            display: inline-block !important;
            vertical-align: middle !important;
        }
    
        /* 체크된 상태 */
        .radio-label input[type="radio"]:checked,
        div.radio input[type="radio"]:checked {
            border-color: #0066ff !important;
            background-color: white !important;
        }
    
        /* 내부 원형 (체크 표시) */
        .radio-label input[type="radio"]:checked::after,
        div.radio input[type="radio"]:checked::after {
            content: '' !important;
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
            width: 12px !important;
            height: 12px !important;
            border-radius: 50% !important;
            background-color: #0C90FC !important;
            display: block !important;
        }
    
        /* 커스텀 span 요소가 있는 경우 처리 */
        div.radio span.checked::before,
        .radio-label span.checked::before {
            content: '' !important;
            display: inline-block !important;
            width: 19px !important;
            height: 19px !important;
            border: 1.5px solid #0C90FC !important;
            border-radius: 50% !important;
            background-color: white !important;
            background-image: none !important;
            vertical-align: middle !important;
            margin-right: 8px !important;
            position: relative !important;
        } 

        div.radio span::before,
        .radio-label span::before {
            content: '' !important;
            display: inline-block !important;
            width: 19px !important;
            height: 19px !important;
            border: 1.5px solid #DCDCDC !important;
            border-radius: 50% !important;
            background-color: white !important;
            background-image: none !important;
            vertical-align: middle !important;
            margin-right: 8px !important;
            position: relative !important;
        } 

        /* span이 checked 클래스를 가진 경우 */
        .point_use_radio .radio-label1 span.checked::after {
            content: '' !important;
            position: absolute !important;
            width: 9px !important;
            height: 9px !important;
            background-color: #0C90FC !important;
            border-radius: 50% !important;
            top: 41% !important;
            left: 5px !important;
            transform: translateY(-25%) !important;
        }

        .radio-label1{
            font-size: 13px !important;
            font-family: 'Pretendard', sans-serif !important;
            font-weight: 500 !important;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        div.radio span.checked::after,
        .radio-label span.checked::after {
            content: '' !important;
            position: absolute !important;
            width: 9px !important;
            height: 9px !important;
            background-color: #0C90FC !important;
            border-radius: 50% !important;
            top: 41% !important;
            left: 5px !important;
            transform: translateY(-25%) !important;
        }

        div.radio span.checked::after,
        .radio_item.radio-label span.checked::after {
            content: '' !important;
            position: absolute !important;
            width: 9px !important;
            height: 9px !important;
            background-color: #0C90FC !important;
            border-radius: 50% !important;
            top: 40% !important;
            left: 5px !important;
            transform: translateY(-25%) !important;
        }
        div.radio span.checked::after{
            content: '' !important;
            position: absolute !important;
            width: 9px !important;
            height: 9px !important;
            background-color: #0C90FC !important;
            border-radius: 50% !important;
            top: 34% !important;
            left: 5px !important;
            transform: translateY(-25%) !important;
        }

        .point_use_radio div.radio span.checked::after {
            content: '' !important;
            position: absolute !important;
            width: 9px !important;
            height: 9px !important;
            background-color: #0C90FC !important;
            border-radius: 50% !important;
            top: 40% !important;
            left: 5px !important;
            transform: translateY(-25%) !important;
        }

        .uncheck div.radio span::before,
        .radio-label span::before {
            content: '' !important;
            display: inline-block !important;
            width: 19px !important;
            height: 19px !important;
            border: 1.5px solid #DCDCDC !important;
            border-radius: 50% !important;
            background-color: white !important;
            background-image: none !important;
            vertical-align: middle !important;
            margin-right: 8px !important;
            position: relative !important;
        }

        .uncheck div.radio span.checked::before,
        .radio-label span.checked::before {
            content: '' !important;
            display: inline-block !important;
            width: 19px !important;
            height: 19px !important;
            border: 1.5px solid #0C90FC !important;
            border-radius: 50% !important;
            background-color: white !important;
            background-image: none !important;
            vertical-align: middle !important;
            margin-right: 8px !important;
            position: relative !important;
        }
        /* 모든 가능한 셀렉터에 대해 배경 이미지 제거 */
        input[type="radio"],
        input[type="radio"]:checked,
        input[type="radio"]:hover,
        input[type="radio"]:focus,
        .radio span,
        .radio span.checked,
        div.radio span,
        div.radio span.checked,
        .radio-label span,
        .radio-label span.checked {
            background-image: none !important;
            background: white !important;
        }

        .share_container {
            width: 270px;
            height: 187.67px;
            background: #fff;
            border-radius: 10px;
            position: absolute;
            top: 10px;
            z-index: 9999;
            padding: 17.2px 11.8px 19.8px 11.8px;
            font-family: 'Pretendard', sans-serif;
        }

        .share_container .share_box{
            display: flex;
            flex-direction: column;
            gap: 14px;
            height: 100%;
            align-items: center;
            justify-content: center;
        }
        .share_container .share_box .share_title{
            font-size: 15px;
            font-weight: 600;
            color: #333333;
        }
    
        .modal-popup-wrap {
            display: none;
        }
        .modal-popup-wrap.active {
            display: block;
        }

    .point_use_text {
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #333;
    }

    .point_use_radio {
        display: flex;
        gap: 20px;
    }

    /* 라디오 버튼 라벨 스타일 */
    .point_use_radio .radio-label {
        display: inline-flex !important;
        align-items: center !important;
        cursor: pointer !important;
        font-size: 14px !important;
        color: #333 !important;
        gap: 5px;
    }

    /* 기존 스프라이트 이미지 제거 */
    .point_use_radio .radio-label input[type="radio"],
    .point_use_radio .radio-label input[type="radio"]:checked,
    .point_use_radio .radio-label span,
    .point_use_radio .radio-label span.checked {
        background-image: none !important;
        background-position: initial !important;
    }

    /* 라디오 버튼 input 스타일 - 19px 크기 */
    .point_use_radio .radio-label input[type="radio"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;
        border: 2px solid #0066ff !important;
        border-radius: 50% !important;
        outline: none !important;
        cursor: pointer !important;
        position: relative !important;
        margin: 0 8px 0 0 !important;
        padding: 0 !important;
        background-color: white !important;
        transition: all 0.2s ease !important;
        display: inline-block !important;
        vertical-align: middle !important;
        flex-shrink: 0 !important;
    }

    /* 체크된 상태 */
    .point_use_radio .radio-label input[type="radio"]:checked {
        border-color: #0066ff !important;
    }

    /* 내부 원형 - 9px 크기 */
    .point_use_radio .radio-label input[type="radio"]:checked::after {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        background-color: #0066ff !important;
        display: block !important;
    }

    /* 텍스트 span 스타일 */
    .point_use_radio .radio-label span {
        display: inline-block !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .point_use_radio div.radio {
        z-index: 99;
        margin-right: 0;
        bottom: 1px;
        width: 19px;
        height: 19px;
    }
    /* 라디오 버튼 라벨 스타일 */
    .delivery_info .radio-label {
        display: inline-flex !important;
        align-items: center !important;
        cursor: pointer !important;
        font-size: 14px !important;
        color: #333 !important;
    }

    /* 기존 스프라이트 이미지 제거 */
    .delivery_info .radio-label input[type="radio"],
    .delivery_info .radio-label input[type="radio"]:checked,
    .delivery_info .radio-label span,
    .delivery_info .radio-label span.checked {
        background-image: none !important;
        background-position: initial !important;
    }

    /* 라디오 버튼 input 스타일 - 19px 크기 */
    .delivery_info .radio-label input[type="radio"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;
        border: 2px solid #0066ff !important;
        border-radius: 50% !important;
        outline: none !important;
        cursor: pointer !important;
        position: relative !important;
        margin: 0 8px 0 0 !important;
        padding: 0 !important;
        background-color: white !important;
        transition: all 0.2s ease !important;
        display: inline-block !important;
        vertical-align: middle !important;
        flex-shrink: 0 !important;
    }

    /* 체크된 상태 */
    .delivery_info .radio-label input[type="radio"]:checked {
        border-color: #0066ff !important;
        background-color: white !important;
    }

    /* 내부 원형 - 9px 크기 */
    .delivery_info .radio-label input[type="radio"]:checked::after {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        background-color: #0066ff !important;
        display: block !important;
    }

    /* 텍스트 span 스타일 */
    .delivery_info .radio-label span {
        display: inline-block !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .delivery_info div.radio {
        z-index: 99;
        margin-right: 0;
        bottom: 0px;
        width: 19px;
        height: 19px;
    }



    /* 라디오 버튼 라벨 스타일 */
    .payment_section .radio-label {
        display: inline-flex !important;
        align-items: center !important;
        cursor: pointer !important;
        font-size: 14px !important;
        color: #333 !important;
    }

    /* 기존 스프라이트 이미지 제거 */
    .payment_section .radio-label input[type="radio"],
    .payment_section .radio-label input[type="radio"]:checked,
    .payment_section .radio-label span,
    .payment_section .radio-label span.checked {
        background-image: none !important;
        background-position: initial !important;
    }

    /* 라디오 버튼 input 스타일 - 19px 크기 */
    .payment_section .radio-label input[type="radio"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;
        border: 2px solid #0066ff !important;
        border-radius: 50% !important;
        outline: none !important;
        cursor: pointer !important;
        position: relative !important;
        margin: 0 8px 0 0 !important;
        padding: 0 !important;
        background-color: white !important;
        transition: all 0.2s ease !important;
        display: inline-block !important;
        vertical-align: middle !important;
        flex-shrink: 0 !important;
    }

    /* 체크된 상태 */
    .payment_section .radio-label input[type="radio"]:checked {
        border-color: #0066ff !important;
        background-color: white !important;
    }

    /* 내부 원형 - 9px 크기 */
    .payment_section .radio-label input[type="radio"]:checked::after {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        background-color: #0066ff !important;
        display: block !important;
    }

    /* 텍스트 span 스타일 */
    .payment_section .radio-label span {
        display: inline-block !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .payment_section div.radio {
        z-index: 99;
        margin-right: 0;
        bottom: 0;
        width: 19px;
        height: 19px;
    }

.payment_summary_section .checkbox {
    all: unset !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    width: 20px !important;
    height: 20px !important;

    border: 1px solid #999 !important;
    background-color: #fff !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    outline: none !important;
}

/* 체크 시 배경 파란색으로 변경 */
.checkbox:checked {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* before : 체크박스 테두리 (필요하면) */
.checkbox::before {
    content: "";
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 2px !important;
    /* 약간 둥글게 */
    pointer-events: none !important;
}

/* after : 체크 표시 만들기 */
.checkbox:checked::after {
    content: "";
    position: absolute !important;
    top: 1px !important;
    left: 6px !important;
    width: 8.4px !important;
    height: 14.5px !important;
    border: solid white !important;
    border-width: 0px 3px 3px 0 !important;
    transform: rotate(35deg) !important;
    pointer-events: none !important;
    border-radius: 2px !important;
}



.basket table tr th:first-child{
    padding: 0px 24px 0px 11px !important;
}

#uniform-allChkId2{
    top: 10px;
}
.basket table tr td {
    padding: 15px 0;
    font-size: 13px;
    color: #333;
    background: #fff;
}

.basket .basketImg {
    position: relative;
    float: left;
    width: 80px;
    height: 124px;
    overflow: hidden;
    margin-right: 14px;
    border: 1px solid #ddd;
}

.basket .basketText .cd-soldout span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 70px;
    height: 25px;
    font-size: 11px;
    color: #fff;
    border-radius: 2px;
}

.basket .full-mobile .basketText {
    padding: 0;
    font-family: 'Pretendard', sans-serif;
}

.basket .basketText .cd-soldout span.book {
    background-color: #1AB499;
}

.basket .basketText .cd-soldout {
    position: initial;
    float: left;
    margin-bottom: 10px;
    font-style: normal;
}

.basket .basketText .cd-soldout span {
    display: inline-block;
    float: left;
    margin: 0 3px 0px 0;
    padding: 0;
    width: 55px;
    font-size: 11px;
    color: #fff;
    border-radius: 3px;
}

.basket table tr td .basketText>span {
    float: left;
    margin-top: 10px;
}

.basket table tr th {
    padding: 15px 65px 15px 0px !important;
    font-family: 'Pretendard', sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: center;
    line-height: 19px !important;
}

.basket .basketText a {
    float: left;
    margin-top: 0;
    width: 100%;
    font-family: 'Pretendard', sans-serif !important;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 500;
    color: #333;
}

.basket .full-mobile .basketNumber {
    padding: 0;
    font-size: 15px;
    border-left: none !important;
    font-family: 'Pretendard', sans-serif !important;
}
    	.basket .basketNumber i {
    	    font-family: 'Pretendard' !important;
    	    color: #555;
    	    font-size: 16px;
    	    font-style: normal;
    	}
    
    	.basket .basketNumber em {
    	    font-family: 'Pretendard' !important;
    	    color: #121212;
    	    margin-left: 6px;
            font-size: 20px;
            font-weight: 600;
    	}




    .product_info {
        background: white;
        /* border-top: 1px solid #E5E5E5; */
        border-bottom: 1px solid #E5E5E5;
        padding: 0px 9.5px 20px 9.5px;
        margin-bottom: 10px;
        height: auto;
        font-family: 'Pretendard', sans-serif;
        min-height: 227px;
    }

    .product_info .title {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        margin-bottom: 0px !important;
    }

    .product_info .line {
        height: 1px;
        background: #333333;
        margin-bottom: 15px;
    }

    .product_info .order_product{
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .product_info .detail_product{
        width: 100%;
        display: flex;
        gap: 14px;
    }
    .product_info .book_img{
        width: 80px;
        height: 124px;
    }

    .book_info .cate{
        font-size: 14px;
        font-weight: 500;
        color: #333333;
        margin-bottom: 10px;
    }

    .product_info .book_info {
        display: flex;
        flex-direction: column;
        gap: 0px !important;
    }

    .book_info .book_name{
        font-size: 15px;
        font-weight: 500;
        color: #333333;
        margin-bottom: 10px;
        width: 192px;
    }

    .book_info .discount{
        font-size: 13px;
        font-weight: 500;
        color: #888888;
    }

    .product_info .book_price{
        display: flex;
        justify-content: end;
        align-items: baseline;
        gap: 13px;
    }

    .product_info .book_price .stock{
        font-size: 15px;
        font-weight: 500;
        color: #888888;
    }

    .product_info .book_price .price{
        font-size: 15px;
        font-weight: 500;
        color: #000000;
    }

    .product_info .book_price .total_price{
        font-size: 20px;
        font-weight: 600;
        color: #000000;
    }
    .product_info .line2{
        height: 1px;
        background: #DCDCDC;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    div.checker {
        margin-right: 5px;
    }

    .tableth.full-mobile {
        background: white;
        /* border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5; */
        padding-left: 9.5px !important;
        padding-right: 9.5px !important;
        height: auto;
        margin-bottom: 10px;
    }

    .tableth.full-mobile h5{
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        margin-left: 9.5px !important;
        font-family: 'Pretendard', sans-serif !important;
    }
    .tableth.full-mobile.oneoneArticleView_table h5 {
        margin:  20px 0 !important;
    }

    .tableth table {
        float: right;
        width: 100%;
        border-top: 1px solid #333333;
        margin: 0;
    }

    .tableth table tr th {
        padding: 20px 0 20px 9.5px !important;
        font-family: 'Pretendard', sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: #333333;
        background-color: #fff !important;
        border-bottom: none !important;
    }


    .tableth.oneoneArticleView_table table {
        width: 100%;
        table-layout: fixed; 
    }
    .tableth.oneoneArticleView_table table .col_fixed {
        width: 90px;
    }

    .tableth.oneoneArticleView_table table tr th {
        padding: 22px 0 22px 16px !important;
        font-size: 14px;
        font-weight: 600;
        background-color: #f6f6f6 !important;
        border-bottom: 1px solid #dcdcdc !important;
        vertical-align: top;
    }

    .tableth table tr td {
        position: relative;
        padding: 0 9.5px 0 0 !important;
        height: 47px;
        vertical-align: middle;
        font-family: 'Pretendard', sans-serif;
        font-size: 14px;
        color: #333;
        border-bottom: none !important;
        background: #fff;
    }
    .tableth.oneoneArticleView_table table tr td {
        font-size: 14px;
        /* padding: 22px 19px !important; */
        padding: 22px 10px !important;
        border-bottom: 1px solid #dcdcdc !important;
    }

    input[type="text"] {
        font-size: 14px;
        background-color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        height: 40px !important;
    }

    .form-control {
        padding: 12px !important;
    }

    .title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 50px;
    }

    .title button {
        background: #fff;
        border: 1px solid #C2C2C2;
        cursor: pointer;
        height: 30px !important;
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        border-radius: 3px;
        margin-right: 9.5px;
        padding: 7px 14px;
        margin-top: 7px;
    }

    .title button span{
        display: flex;
        white-space: nowrap;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        margin: 0 !important;
        line-height: 1.5;
    }

        .tableth table tr td.phone-num select,
        .tableth table tr td.phone-num input[type="text"] {
            float: left;
            height: 40px;
        }

        .tableth table tr td div.radio span,
        .tableth table tr td div.checker span {
            margin: -2px 0 0 !important;
            width: 18px;
        }

        table div.radio {
            margin-right: 5px;
        }

        .direct_delivery{
            font-size: 14px;
            font-weight: 500;
            color: #555555;
        }

        .default_address{
            font-size: 14px !important;
            font-weight: 500;
            color: #555555 !important;
        }

        .notice_box span{
            font-size: 11px !important;
            font-weight: 500;
            color: #333333;
        }

        .tableth table tr td span {
            margin: 0 !important;
            width: auto;
            line-height: 1.6;
        }

        .tableth table tr td.address{
            padding-top: 10px !important;
            display: flex;
            justify-content: space-between;
        }

        #maddressTrId2 td{
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .tableth table tr td.address input[type="text"] {
            width: 100% !important;
            height: 40px !important;
        }

        .address_btn{
            color: #888888;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            padding: 12px;
            background-color: #fff;
            font-family: 'Pretendard', sans-serif;
            border: 1px solid #DCDCDC;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .use_btn{
            height: 40px !important;
            background-color: #fff !important;
            border: 1px solid #DCDCDC !important;
            font-size: 14px !important;
            font-weight: 400 !important;
            color: #888888 !important;
            cursor: pointer !important;
        }

        .point_box{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .have_point{
            font-family: 'Pretendard', sans-serif;
            font-size: 14px;
            font-weight: 500;
            color: #888888;
            display: flex;
            gap: 10px;
            margin-top: 9.5px;
        }

        .blue{
            color: #0C90FC !important;
            font-weight: 600;
        }

        .delivery_if {
            border-bottom: 1px solid #dcdcdc;
            border-top: 1px solid #dcdcdc;
            height: 617px !important;
        }

        .point_if{
            min-height: 152px !important;
            /* border-bottom: 1px solid #dcdcdc;
            border-top: 1px solid #dcdcdc; */
            margin-top: 10px !important;
        }

        .pay_if{
            min-height: 114px !important;
            border-bottom: 1px solid #dcdcdc;
            border-top: 1px solid #dcdcdc;
        }

        .tableth table tr td:first-child label:nth-child(even) {
            margin-right: 0 !important;
        }
        .tableth table tr td label {
            margin: 0 !important;
            vertical-align: middle;
        }

        .price_x {
            text-decoration: line-through;
            /* 취소선 */
            text-decoration-color: #999;
            /* 선 색상 */
            text-decoration-thickness: 1px;
            /* 두께 조절 (optional) */
        }

        /* 화살표 회전 애니메이션 */
        .arrow_footer,
        .arrow_footer_down {
            transition: transform 0.3s ease;
            cursor: pointer;
            display: inline-block;
            width: 25px;
            /* 회전이 제대로 작동하도록 */
        }

        .row{
            margin-right: 0 !important;
            margin-left: 0 !important;
        }


        .product-list.basket {
            float: left;
            width: 100%;
            margin: 0;
            border-bottom: 1px solid #dcdcdc;
            margin-bottom: 10px;
            padding: 20px !important;
            background: #fff;
        }

        .gift_item .radio-label,
        div.radio {
            display: inline-block !important;
            align-items: start !important;
            cursor: pointer !important;
            position: relative !important;
        }
        .gift_item .radio-label {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            font-weight: bold;
            margin-bottom: 0px !important;
            height: auto;
            margin-bottom: 10px !important;
        }

        .cd-gallery>li:nth-child(odd) {
            padding-right: 10px;
            padding-left: 0 !important;
        }

        .cd-gallery>li:nth-child(even) {
            padding-right: 0 !important;
            padding-left: 10px;
        }

        .basket .basketNumber span {
            display: block;
            width: 100%;
            font-size: 13px;
            margin-top: 19px;
        }

        .line{
            width: 96%;
            height: 1px;
            background: #333333;
            margin: 0 auto;
            border-bottom: 1px solid #333333;
        }

        #mproductTrId_11195029 td,
        #mproductTrId_11195031 td,
        #mproductTrId_11211111 td,
        #mproductTrId_30000076 td{
            padding: 15px !important;
        }

        th.custom-border {
            position: relative;
            border-bottom: none;
        }

        th.custom-border::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 96%;
            height: 1px;
            background-color: #333333;
        }

        td.custom-border {
            position: relative;
            border-bottom: none;
        }

        td.custom-border::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 96%;
            height: 1px;
            background-color: #DCDCDC;
        }

        /* 테이블의 마지막 행에 있는 td는 border 제거 */
        tr:last-child td.custom-border::after {
            display: none;
        }

        .basket .full-mobile .basketImg{
            width: 80px !important;
            max-width: 25%;
            max-height: 124px;
        }

        .blank{
            width: 100%;
            height: 10px;
            border-bottom: 1px solid #E5E5E5;
        }

        .pay_if div.radio span.checked::after{
                content: '' !important;
                position: absolute !important;
                width: 9px !important;
                height: 9px !important;
                background-color: #0C90FC !important;
                border-radius: 50% !important;
                top: 41% !important;
                left: 5px !important;
                transform: translateY(-25%) !important;
            }

            .tableth.pay_if table tr td div.radio span,
                .tableth table tr td div.checker span {
                    margin: -1px 0 0 !important;
                    width: 18px;
                }
                
        .order_table{
            min-width: 350px !important;
            height: 173px;
            background: #F1F1F1 !important;
            padding: 15px !important;
        }

        .order_table th{
            padding: 0 !important;
        }

/* 주문완료 */
.order_complete {
    padding: 30px 15px;
    font-family: 'Pretendard', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.order_complete .order_complete_title {
    font-size: 17px;
    font-weight: 800;
    color: #333333;
    margin-bottom: 15px;
    height: 20px;
}

.order_complete .order_number {
    font-size: 15px;
    font-weight: 600;
    color: #0C90FC;
    margin-bottom: 20px;
    height: 18px;
}

.order_complete .btn_section {
    display: flex;
    gap: 5px;
    width: 100%;
    height: 45px;
}

.order_complete .btn_section .order_check {
    width: 100%;
    height: 45px;
    border-radius: 3px;
    background: #0C99D6;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.order_complete .btn_section .order_continue {
    width: 100%;
    height: 45px;
    border-radius: 3px;
    background: #fff;
    color: #0C6EAF;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #0C6EAF;
    cursor: pointer;
}

.order-info{
    padding: 20px !important;
}

.basket table tr td:first-child {
    padding: 15px 19px 15px 19px;
    vertical-align: top;
}



.radio-label.create_radio span::before {
    content: '' !important;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    border: 1px solid #DCDCDC !important;
    border-radius: 50% !important;
    background-color: white !important;
    background-image: none !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    position: relative !important;
}

.radio-label.create_radio span.checked::before {
    content: '' !important;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    border: 1px solid #0C90FC !important;
    border-radius: 50% !important;
    background-color: white !important;
    background-image: none !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    position: relative !important;
}

.radio-label.create_radio span.checked::after {
    content: '' !important;
    position: absolute !important;
    width: 13px !important;
    height: 13px !important;
    background-color: #0C90FC !important;
    border-radius: 50% !important;
    top: 37% !important;
    left: 6px !important;
    transform: translateY(-25%) !important;
}

.create_radio div.checker,
.create_radio div.checker span,
.create_radio div.checker input {
    width: 25px !important;
    height: 25px !important;
}
.radio-label.no_select span::before {
    content: '' !important;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    border: 1px solid #DCDCDC !important;
    border-radius: 50% !important;
    background-color: white !important;
    background-image: none !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    position: relative !important;
}
.radio-label.no_select span.checked::before {
    content: '' !important;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    border: 1px solid #0C90FC !important;
    border-radius: 50% !important;
    background-color: white !important;
    background-image: none !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    position: relative !important;
}

.radio-label.no_select span.checked::after {
    content: '' !important;
    position: absolute !important;
    width: 13px !important;
    height: 13px !important;
    background-color: #0C90FC !important;
    border-radius: 50% !important;
    top: 37% !important;
    left: 6px !important;
    transform: translateY(-25%) !important;
}

.no_select div.checker,
.no_select div.checker span,
.no_select div.checker input {
    width: 25px !important;
    height: 25px !important;
}

    .page-inner .container {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .page-inner .container.orderpay {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }


    .payment div.radio {
    display: inline-block !important;
    align-items: start !important;
    cursor: pointer !important;
    position: relative !important;
}
.no_use{
    font-family: 'Pretendard', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #333333 !important;
}
.btn.use_btn.btn-other.btn-gray{
    background-color: #888888 !important;
    border-color: #888888 !important;
    color: #fff !important;
}

/* 1) 기본: 회색 */
.gift_item .gift_img,
.gift_item .gift_img3 {
    border: 1px solid #DCDCDC !important;
}

/* 2) 자기 자신이 체크됨 → 파랑 */
.gift_item:has(.radio-label input[type="checkbox"]:checked) .gift_img,
.gift_item:has(.radio-label input[type="checkbox"]:checked) .gift_img3 {
    border: 1px solid #0C90FC !important;
}

/* 3) 사은품(chkId) 중 아무거나 체크되면
      '선택 안함'(name="noncheck") 카드는 무조건 회색으로 복귀 */
:root:has(input[name="chkId"]:checked) .gift_item:has(.radio-label input[name="noncheck"]) .gift_img,
:root:has(input[name="chkId"]:checked) .gift_item:has(.radio-label input[name="noncheck"]) .gift_img3 {
    border: 1px solid #DCDCDC !important;
}


.categoryRight .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.basket.mo_basketlist{
    padding: 0 10px !important;
}

    .back_arrow{
        width: 12px;
        height: 18px;
        cursor: pointer;
    }

    .mob-btm-order.mo .backbtn{
        position: relative !important;
    }
    .mob-btm-order.mo .sharebtn{
        position: relative !important;
    }
    .mob-btm-order.mo .topbtn{
        position: relative !important;
    }

    .order-first.hide-order {
        display: none !important;
    }

    /* order-first 기본 보임 */
    .order-first {
        display: block;
    }

    /* data-hide 속성이 붙으면 숨김 */
    .order-first[data-hide] {
        display: none !important;
    }
}

.modal-popup-wrap.active {
    display: flex;
}

.modal-popup-wrap {
    position: fixed;
    width: 100%;
    min-width: 320px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(51, 51, 51, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    display: none;
    font-family: 'Pretendard', sans-serif !important;
}
.modal-popup-wrap.event {
    position: fixed;
    width: 100%;
    min-width: 320px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(51, 51, 51, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    display: none;
    font-family: 'Pretendard', sans-serif !important;
}

.modal-popup.popup-share.event {
    width: 455.33px;
    height: 281.67px;
    background: #fff;
    border-radius: 5px;
    padding: 27.3px 67.7px 36.3px 67.7px;
}

.form-tit.event{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 26px;
}

.popup-share .select-share.event .select-share-kakao button {
    background: transparent;
    text-align: center;
    background: url(../../images/kr/bookshelf/share_kakao.png) top center no-repeat;
    background-size: contain;
    width: 69.18px;
    height: 69.18px;
    padding: 0;
    padding-top: 5.5em;
    font-size: 14px;
}

.popup-share .select-share.event .select-share-url button {
    background: transparent;
    text-align: center;
    background: url(../../images/kr/bookshelf/share_url.png) top center no-repeat;
    background-size: contain;
    width: 69.18px;
    height: 69.18px;
    padding-top: 5.5em;
    white-space: nowrap;
    font-size: 14px;
}
.select-share.event{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 88.4px;
}

.modal-popup-btn-wrap.event{
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 30px;
}
.modal-popup-btn-wrap.event button{
    width: 320px;
    height: 48px;
    border-radius: 5px;
    background: #888888;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

@media (max-width: 990px) {
    .message-header {
        flex-direction: column;
        align-items: unset !important;
    }

    .message-header div {
        justify-content: space-between;
    }

    .modal-popup.popup-share.event {
        width: 270px !important;
        height: 187.67px !important;
        background: #fff;
        border-radius: 5px !important;
        padding: 17.2px 11.4px 19.8px 11.4px !important;
        font-family: 'Pretendard', sans-serif !important;
    }

    .form-tit.event {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        font-weight: 500;
        color: #333333;
        margin-bottom: 13.3px;
    }

    .popup-share .select-share.event .select-share-kakao button {
        background: transparent;
        text-align: center;
        background: url(../../images/kr/bookshelf/share_kakao.png) top center no-repeat;
        background-size: contain;
        width: 46.1px;
        height: 46.1px;
        padding: 0;
        padding-top: 4.5em;
        font-size: 12px;
    }

    .popup-share .select-share.event .select-share-url button {
        background: transparent;
        text-align: center;
        background: url(../../images/kr/bookshelf/share_url.png) top center no-repeat;
        background-size: contain;
        width: 46.1px;
        height: 46.1px;
        padding-top: 4.5em;
        white-space: nowrap;
        font-size: 12px;
    }

    .select-share.event {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 58.9px;
    }

    .modal-popup-btn-wrap.event {
        width: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-top: 15px;
    }

    .modal-popup-btn-wrap.event button {
        width: 247.21px;
        height: 40px;
        border-radius: 5px;
        background: #888888;
        font-size: 13px;
        font-weight: 500;
        color: #fff;
    }

        .btn_icon.btn-share{
            width: 32px;
            height: 32px;
            display: flex;
        }
        .btn_icon.btn-share img{
            width: 32px !important;
            height: 32px !important;
            
        }
}

.new_modal_title{
    height: 25px;
    font-size: 21px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.radio-label.no_select.self span::before {
    content: '' !important;
    display: inline-block !important;
    width: 19px !important;
    height: 19px !important;
    border: 1px solid #DCDCDC !important;
    border-radius: 50% !important;
    background-color: white !important;
    background-image: none !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    position: relative !important;
}

.radio-label.no_select.self span.checked::after {
    content: '' !important;
    position: absolute !important;
    width: 11px !important;
    height: 11px !important;
    background-color: #0C90FC !important;
    border-radius: 50% !important;
    top: 38% !important;
    left: 4.4px !important;
    transform: translateY(-25%) !important;
}
.no_select.self div.checker,
.no_select.self div.checker span,
.no_select.self div.checker input {
    width: 0 !important;
    height: 19px !important;
}

/* main {
    position: relative;
    overflow-x: visible;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    box-shadow: 0 0 30px #241d20;
} */

.modal.fade.in {
    margin-right: 0 !important;
}

/* .modal.fade.input.in {
    margin-right: 15px !important;
} */

.modal.fade.info.in {
    margin-right: 15px !important;
}
/* 1:1문의 버튼 추가 */
.content_modify_btns_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    gap: 6px;
    padding-top: 49px;
}
.content_modify_btns_wrap > button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    color: #888888;
    font-family: 'Pretendard';
    font-size: 12px;
    font-weight: 400;
    background: none;
}

/* 1:1문의 답변 테이블  */
.categoryRight .tableth.oneoneArticleView_answer_table h5 {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 31px 0 19px;
}

.tableth.oneoneArticleView_answer_table table tr th {
    font-family: 'Pretendard';
    font-size: 13px;
    font-weight: 500;
    color: #000;
    padding: 22px 0 22px 16px !important;
    background-color: #f6f6f6 !important;
    border-bottom: 1px solid #dcdcdc !important;
    vertical-align: top;
}

.tableth.oneoneArticleView_answer_table table tr td p {
    font-family: 'Pretendard';
    font-size: 12px;
    font-weight: 400;
    color: #333;
}

.content_modify_btns_wrap > button > img {
    width: 10px;
}
.content_modify_btns_wrap .divider {
    width: 1px;
    height: 8px;
    background-color: #888888;
}

@media (max-width: 991px) {
    .content_modify_btns_wrap {
        padding-top: 45px;
    }
    .categoryRight .tableth.oneoneArticleView_answer_table h5 {
        font-size: 17px;
        margin: 30px 0 20px !important;    
    }
    .tableth.oneoneArticleView_answer_table table tr th {
        font-size: 14px;
        font-weight: 600;
    }
    .tableth.oneoneArticleView_answer_table table tr td {
        padding: 20px 9.5px  23px 19px !important;
        border-bottom: 1px solid #dcdcdc !important;
    }
    .tableth.oneoneArticleView_answer_table table tr td p {
        font-size: 14px;
    }
}

@media (max-width:450px) {
    .login-new .login_sns li {
        margin: 20px 8px 0;
        width: 45px !important;
        height: 45px !important;
    }
}

/* 커스텀 알럿/컨펌 모달 */
.appmodal{position:fixed; inset:0; display:none; z-index:9999;}
.appmodal.is-open{display:block;}
.appmodal__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.6);}
.appmodal__dialog{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  width: 330.5px; height:150.5px; background:#fff; color:#000;
  border-radius:15px;  overflow: hidden;
}
.appmodal__dialog .appmodal__message{ 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; height: 90px; font-family: 'Pretendard'; font-size: 16px; font-weight: 500; color:#000; 
    padding: 0 10px;
    margin: 0;
    border-bottom: 1px solid #dcdcdc;}

/* 버튼 */
.appmodal__dialog .appmodal__buttons{display:flex; justify-content:center; align-items: center; width: 100%; height: 60px;}
.appmodal__dialog .btn{height:100%; width: 100%; border-right:1px solid #dcdcdc; cursor:pointer; background-color: #fff; 
font-family: 'Pretendard'; font-size: 16px; font-weight: 500; color: #0C90FC;}
.appmodal__dialog .btn:last-child{border: none;}
/* 숨기기 */
.is-hidden{display:none !important;}

.page-header-fixed.compact-menu.page-horizontal-bar{
    padding-right: 0 !important;
}