/* Minification failed. Returning unminified contents.
(5304,1): run-time error CSS1019: Unexpected token, found '}'
(6168,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6179,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* common part
-------------------------------------------------- */
html {
	font-size: 16px;
}
body {
	font-size: .875rem;
	color: #343a40;
}
body.search {
    background-color: #f8f9fa;

}
a,
a:focus {
	color: #393939;
    outline: none;
}
.btn,
.btn:focus,
.btn:hover {
    outline: none;
    box-shadow: none;
}

.modal {
	overflow: hidden;
}
/*.modal-dialog:not(.confirm) {*/
.modal-dialog {
	width: 100%;
    height: 100%;
	margin: 0;
}
.modal-dialog.top-half {
    top : 50%
}
.modal-dialog:not(.confirm) > .modal-content {
	height: 100%;
}
.modal-dialog:not(.confirm) > .modal-content > .modal-header {
	color: #fff;
    width: 100%;
	background-color: #343a40;
    z-index: 1;
}
.modal-dialog.confirm > .modal-content > .modal-header {
    border-bottom: 0;
}
.modal-header .close {
	opacity: 1;
	color: #fff;
	margin-top: 0;
}
.modal-header .close:focus {
    outline: none;
}
.modal-dialog.confirm > .modal-content > .modal-header > .close {
    position: relative;
    top: -5px;
    color: #343a40;
}
.modal-header .icon-close {
    font-size: 1.25rem;
}
.modal-dialog.confirm > .modal-content > .modal-header > .icon-close {
    font-size: 1rem;
}
.modal-title {
	font-size: 1.25rem;
}
.modal-dialog.confirm > .modal-content > .modal-header > .modal-title {
	font-size: .875rem;
}
.modal-dialog:not(.confirm) > .modal-content > .modal-body {
	font-size: .875rem;
	width: 100%;
	height: calc(100% - 125px);
	overflow-y: auto;
}
.modal-dialog:not(.confirm) > .modal-content > .modal-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-top: 0;
	padding-bottom: 0;
}
.modal-footer .btn {
	font-size: .8125rem;
	min-width: 100px;
	height: 30px;
	line-height: 30px;
	padding: 0 26px;
}
.modal-dialog:not(.confirm) > .modal-content > .modal-footer > .btn-default {
    border-color: #929292;
}
.modal-dialog.confirm > .modal-content > .modal-footer > .btn-default {
    color: #fd0107;
    border-color: #fd0107;
}
.modal-footer .btn+.btn {
    margin-left: 3px;
}
.z-depth-1 {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.scale-transition {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
	transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
	transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
	transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

.scale-transition.scale-out {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .2s !important;
	transition: -webkit-transform .2s !important;
	transition: transform .2s !important;
	transition: transform .2s, -webkit-transform .2s !important;
}
.selectbox {
	position: relative;
	width: 100%;
	height: 34px;
	margin-top: 0;
	border: 1px solid #343a40;
	background-color: #f8f9fa;
	z-index: 1;
}
.selectbox:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #343a40;
}
.selectbox label {
	position: absolute;
	padding: 0 15px;
	color: #343a40;
	font-size: .8125rem;
	font-weight: 400;
	height: 34px;
	line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.selectbox select {
	display: block;
	width: 100%;
	height: 34px;
	line-height: 34px;
    font-size: 14px;
	font-family: inherit;
	padding: 0 15px;
	border: 0;
	opacity: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.suggest-wrapper{
    padding: 0 25px;
}
.suggest-wrapper ul {
	margin-bottom: 0;
}
.suggest-wrapper ul li {
	font-size: .725rem;
	float: left;
	padding: 0 0 5px 0;
	border: 0;
}
.suggest-wrapper ul li:first-child {
	padding-right: 10px;
}
.suggest-wrapper ul li:not(:first-child):not(:last-child):after {
	content: "|";
	padding: 0 5px;
}
.form-control {
    font-size: .875rem;
}
.form-control,
.form-control:focus,
.panel {
	box-shadow: none;
}
.panel-footer {
	border-color: #e5e5e5;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	/*font-size: .875rem;*/
    font-size: 1rem;
	font-weight: 400;
	vertical-align: middle;
	border-color: #e5e5e5;
}
.table>tbody>tr>td .delivery-text{
    font-size : 0.712rem;
    color : #929292;
}
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	font-weight: 400;
}
.invert {
	color: #fff !important;
	background-color: #343a40 !important;
}
.btn-invert {
	color: #fff;
	border-color: #343a40;
	background-color: #343a40;
}
.btn-invert:focus,
.btn-invert:hover {
	color: #fff;
	border-color: #343a40;
	background-color: #343a40;
}
.bg-danger {
	color: #000;
	/* background-color: #fd0107 !important; */
}

@media (min-width: 768px) {
	.modal-header,
	.modal-body,
	.modal-footer {
		padding-right: 25px;
		padding-left: 25px;
	}
	.modal-body,
	.modal-footer .btn,
	.selectbox label,
	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
		font-size: 1rem;
	}
}
.text-white {
	color: #fff;
}
.text-danger {
	color: #fd0107;
}
/* header part
-------------------------------------------------- */
.navbar {
	margin: 0;
	z-index: 99;
	background-color: #fff;
	transition: background .5s;
}
.navbar-fixed-top {
    /*border-bottom: 1px solid #fd0107;*/
}
.navbar-head{
	z-index: 111;
}
.navbar a {
	display: inline-block;
    cursor: pointer;
}
.navbar .menu-wrapper {
	height: 43px;
	line-height: 43px;
	padding: 0 15px;
}
.navbar .menu {
	line-height: 53px;
    height:100%;
}
.navbar .menu-wrapper img {
	width: 25px;
	height: 25px;
}
/*.navbar .menu-wrapper .cart {
	height: 100%;
	right: 20px;
}*/
.navbar .menu-wrapper .search-wrapper {
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 46%;
	width: 68%;
	height: 45px;
	line-height: 48px;
	padding: 0 10px;
}
.navbar .menu-wrapper .search-wrapper .form-control {
	display: inline-block;
	border-color: #fff;
	border-radius: 20px;
}
.navbar .menu-wrapper .search-wrapper .btn {
	position: absolute;
	top: 6px;
	right: 12px;
}
.navbar .menu-wrapper .search-wrapper .btn:focus {
	outline: none;
	box-shadow: none;
}
.navbar .menu-wrapper .search-wrapper .icon-search {
	color: #fd0107;
	font-size: 1.25rem;
}
/*.navbar .menu-wrapper .user {
    right: 56px;
    line-height: 50px;
}*/
/*.navbar .menu-wrapper .view-mode {
    position: absolute;
    top: 0;
    right: 110px;
}*/
.navbar .menu-wrapper .view-mode a {
    line-height: 43px;
    display: none !important;
}
.navbar .menu-wrapper .view-mode a.active {
    display: block !important;
}
/*.navbar .back,
.navbar .search,
.navbar .cart,
.navbar .user,
.navbar .likelist,
.navbar .cart-exist {
	position: absolute;
}
.navbar .search {
	right: 126px;
	height: 100%;
}
.navbar .cart {
	right: 10px;
}
.navbar .likelist {
	right: 58px;
	height: 100%;
}
.navbar .cart-exist {
	top: 50%;
	right: 15px;
	font-size: .6875rem;
	text-align: center;
	width: 15px;
	height: 15px;
	line-height: 17px;
	margin-top: -15px;
	border-radius: 50%;
	background-color: #fd0107;
}
.navbar .menu .fontello {
	height: 100%;
    line-height: 44px;
    font-size: 1.625rem;
    font-weight: bold;
}

.navbar .search .fontello {
	height: 100%;
    line-height: 43px;
    font-size: 1.5rem;
    font-weight: 500;
}
.navbar .cart .fontello {
    height: 100%;
    line-height: 45.5px;
    font-weight: bold;
	font-size: 1.625rem;
}
.navbar .likelist .fa {
    height: 100%;
    line-height: 43px;
	font-size: 1.625rem;
}*/
.navbar .logo-wrapper {
	position: absolute;
	left: 57px;
	height: 43px;
}
.navbar .logo {
	height: 43px;
	line-height: 41px;
	color: #fd0107;
	font-weight: bold;
	font-size: 1.25rem;
}
.navbar .logo-wrapper img {
	width: 110px;
	height: auto;
    /*margin-left: 15px;*/
    /*margin-top: -5px;*/
}
.navbar .sub-menu-wrapper {
	height: 43px;
	line-height: 48px;
	padding: 0 15px;
    border-bottom: 1px solid #fd0107;
}
.navbar .sub-menu-wrapper .basket-exist {
    position: absolute;
    top: 7px;
    right: -7px;
    font-size: .6875rem;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 17px;
    border-radius: 50%;
    background-color: #fd0107;
    letter-spacing: -1px;
}
.navbar .back {
	top: 3px;
	left: 15px;
    white-space:nowrap;
}
.navbar .back .fontello {
	font-size: 1.25rem;
}
.navbar .back .title {
	position: relative;
	top: -2px;
	font-size: 1.125rem;
	font-weight: 600;
	padding-left: 5px;
	/*color: #fff;*/
}
/*.navbar .sub-menu-wrapper .fa,
.navbar .sub-menu-wrapper .fontello {
	color: #fff;
}*/
.navbar .basket,
.navbar .user,
.navbar .search {
    position: relative;
}
.navbar .user {
    float: right;
    line-height: 53px;
    margin-left: 10px;
    height: 100%;
}
.navbar .home,
.navbar .menu-type,
.navbar .view-mode,
.navbar .search,
.navbar .share,
.navbar .basket,
.navbar .cart {
	float: right;
    height: 43px;
}
.navbar .menu-type,
.navbar .view-mode,
.navbar .search,
.navbar  .share,
.navbar .basket,
.navbar .cart {
	line-height: 53px;
    margin-left: 10px;
}
.navbar .view-mode {
    display: inline-block;
}
.navbar .search {
    right: inherit;
}
.navbar .home {
    line-height: 58px !important;
     margin-left: 10px;
}
.navbar .home .fa {
    font-size: 1.938rem;
}
.navbar .fontello {
	font-size: 1.5rem;
    font-weight: 800;
}
.navbar .cart-exist {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: .6875rem;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 17px;
    border-radius: 50%;
    background-color: #fd0107;
    letter-spacing: -1px;
}
.navbar.view {
	background-color: rgba(255, 255, 255, .2);
	border-color: transparent;
	transition: background .5s;
}
/* contents part
-------------------------------------------------- */
.moall-search-wrapper .navbar {
	position: static;
	border-bottom: transparent;
}
.moall-search-wrapper .contents-wrapper {
	margin-top: 0;
}
.moall-search-wrapper .search-back{
	font-size: 2.25rem;
	line-height: 44px;
	color: #fff;
}
.moall-search-wrapper .back{
    z-index: 1;
	left: 10px;
}
.moall-search-wrapper .search-wrapper {
	position: relative;
	height: 50px;
	line-height: 52px;
	padding: 0 25px;
}
.moall-search-wrapper .search-wrapper .form-control {
	display: inline-block;
    padding: 6px 41px 6px 21px;
	border-radius: 20px;
	border-color: #fd0107;
}
.moall-search-wrapper .search-wrapper .btn {
	position: absolute;
	top: 9px;
	right: 30px;
}
.moall-search-wrapper .search-wrapper .btn:focus {
	outline: none;
	box-shadow: none;
}
.moall-search-wrapper .search-wrapper .icon-search {
	color: #fd0107;
	font-size: 1.25rem;
}
.moall-search-wrapper .contents-wrapper > .panel {
	font-size: .8125rem;
	/* margin: 20px 25px; */
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.moall-search-wrapper .contents-wrapper > .panel > .panel-heading {
	font-size: .875rem;
	padding-top: 15px;
	padding-bottom: 15px;
    padding-left: 20px;
	border-bottom: 1px solid #efefef;
}
.moall-search-wrapper .contents-wrapper > .panel > .panel-heading .text-danger {
	position: relative;
	font-size: .875rem;
}
.moall-search-wrapper .contents-wrapper > .panel > .panel-body {
	padding: 20px 25px;
}
.moall-search-wrapper .contents-wrapper > .panel > .panel-body .list-group {
	margin-bottom: 0;
}
.moall-search-wrapper .contents-wrapper > .panel > .panel-body .list-group-item {
	font-weight: 600;
	padding: 1px 0;
	border: 0;
}
.moall-search-wrapper .contents-wrapper > .panel > .panel-body .icon-close {
	float: right;
	font-size: .625rem;
	line-height: 16px;
}
/* .moall-search-wrapper .contents-wrapper > .panel > .panel-body .keyword {
	display: inline-block;
	color: #fd0107;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	margin: 0 2px 5px;
	border: 1px solid #fd0107;
	border-radius: 8px;
} */
.moall-search-wrapper .contents-wrapper > .popular > .panel-body {
	padding: 20px 5px;
	line-height: 30px;
}
.moall-search-wrapper .contents-wrapper > .panel > .panel-body .col-xs-6 a {
	display: flex;
}

.moall-search-wrapper .contents-wrapper > .panel > .panel-footer {
	font-size: .6875rem;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-color: #efefef;
}
.moall-search-wrapper .contents-wrapper > .panel > .panel-footer a {
	color: #929292;
}
.moall-search-wrapper .contents-wrapper > .best-wrapper {
    padding: 20px 15px 10px;
    border-bottom: 0;
}
.moall-search-wrapper .contents-wrapper > .best-wrapper > .title {
    font-size: 1.125rem;
    font-weight: 800;/*Extra Bold*/
    margin: 0;
    padding: 10px 0;
}
.contents-wrapper.main {
	margin-top: 116px;
	background-color: #ddd;
}
.contents-wrapper.list {
    margin-top: 43px;
}
.contents-wrapper {
	margin-top: 43px;
}
.contents-wrapper.view {
	margin-top: 0;
}
.contents-wrapper.main .best-wrapper .prod > .panel-body .price-wrapper {
	/*padding-left: 63px;*/
}
.contents-wrapper.main .text-danger {
	position: absolute;
	color: #fd0107;
	font-size: 1.688rem;
	font-weight: 800;
}
.gnb-wrapper {
    position: fixed;
    font-size: 1rem;
    font-weight: 600;
    margin-top: -72px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    z-index: 99;
    overflow: hidden;
    background-color: #fd0107;
}
.list .gnb-wrapper {
	position: fixed;
	font-size: 1rem;
	font-weight: 600;
	margin-top: 0px;
	width: 100%;
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	z-index: 99;
	overflow: hidden;
	background-color: #fd0107;
}
.gnb-wrapper > .gnb {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	height: 100%;
}
.gnb-wrapper > .gnb span {
	color: #fd0107;
	padding: 5px;
	font-size: 0.813rem;
}
/*.gnb-wrapper.navbar-fixed-top {
    top:0;
}*/
.gnb > .menu {
	display: inline-block;
    color:#fff;
	text-align: center;
    line-height: 38px;
	/*min-width: 40px;*/
	margin: 0 8px;
    font-size: 14px;
}
@media (max-width: 320px) {
    .gnb>.menu {
        font-size: 12px;
        margin: 0 4px;
    }
    .category-view-wrapper .nav-tabs>li>a {
        font-size: 12px !important;
    }
}
/*.gnb > .menu:first-child {
	margin-left: 0;
}*/
/*.categoryTab.navbar-fixed-top {
    top: 100px;
}*/
.contents-wrapper:not(.main) .gnb > .menu.active {
	/*color: #fd0107;
    background-color: #fff;*/

    /*border-bottom: 3px solid #fd0107;*/
    /*line-height: 32px;*/

    border-bottom: 3px solid #fff;
}
.event-wrapper {
	margin-bottom: 5px;
}
.category-align-wrapper {
	position: relative;
	font-size: .8125rem;
	height: 40px;
	line-height: 40px;
	/*border-top: 1px solid #e5e5e5;*/
}
.category-popover:focus,
.align-popover:focus {
	outline: none;
}
.category-popover {
	display: inline-block;
	width: 78%;
	padding: 0 15px;
}
.align-popover .fa,
.category-popover .fa-list {
	float: left;
	font-size: 1.125rem;
	line-height: 40px;
	margin-right: 7px;
}
.category-popover .fa-angle-down,
.category-popover .fa-angle-up {
	float: right;
	font-size: 1.25rem;
	line-height: 40px;
}
.align-popover {
	float: right;
	font-size: .75rem;
	padding-right: 15px;
}
.align-popover .fa {
	font-size: 1rem;
	margin-right: 3px;
}
.scroll-prod-wrapper {
	width: 100%;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
}
.prod-wrapper > .col-xs-6:nth-child(2n-1) {
	padding-left: 0px;
	padding-right: 2px;
}
.prod-wrapper > .col-xs-6:nth-child(2n) {
	padding-left: 2px;
	padding-right: 0;
}
.prod-wrapper > .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}
.prod {
	margin-bottom: 7px;
	border-radius: 0;
    border: 0;
}
.prod-h {
    position: relative;
}
.prod > .panel-heading {
	position: relative;
	padding: 0;
}
.prod-h > .panel-heading {
    /*padding: 5px 25px;*/
    padding: 5px 5px;
}
.prod-h:last-child > .panel-heading {
    padding-bottom: 10px;
}
.prod > .panel-heading > img {
	width: 100%;
	cursor: pointer;
}
.prod-h > .panel-heading > img {
	width: 35%;
    /*width : 45%;*/
}
.prod > .panel-heading > .timesale {
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background-color: #343a40;
	opacity: .7;
}
.prod.type2 > .panel-heading > .timesale {
	height: 40px;
	line-height: 40px;
}
.prod > .panel-heading > .timesale > .text {
	font-size: .875rem;
}
.prod > .panel-heading > .timesale > .time-remaining {
	float: right;
}
.prod > .panel-heading > .timesale.deadline {
	background-color: #fd0107;
}
.prod > .panel-heading > .dc-body {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .75rem;
    font-weight: 600;
    display:table;
}
.prod > .panel-heading > .rank {
    position: absolute;
    top: 5px;
    left: 5px;
    /*left : 10px;*/
    color: #fff;
    padding: 4px 0;
    background-color: rgba(0,0,0,.8);
    display: table-cell;
    font-size: 11px;
    min-width: 25px;
    text-align: center;
}
.prod > .panel-heading > .dc-body > .dc-rate {
    color: #fff;
    padding: 5px;
    background-color: rgba(220, 53, 69, .8);
    display: table-cell;
}
.contents-wrapper.main .today-wrapper .prod .dc-body {
    /*padding: 10px;*/
    /*display: inline-block;*/
}

.contents-wrapper .today-wrapper .prod .dc-body > .dc-rate {
    width: 35px;
    height: 35px;
    color: #fd0107;
    background-color: #fd0107;
    position: relative;
    text-align: center;
    border-radius: 5px;
}
.contents-wrapper .today-wrapper .prod .dc-body > .dc-rate .rate {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 3px;
    font-size: 16px;
    color: #fff;
    z-index: 1;
    font-weight: 500;
    font-style: normal;
}
.contents-wrapper .today-wrapper .prod .dc-body > .dc-rate:before{
    content: "";
      position: absolute; 
      top: 0;
      left: 0;
      height: 35px;
      width: 35px;
      background-color: #fd0107;
      transform: rotate(30deg);
    border-radius: 5px;
}
.contents-wrapper .today-wrapper .prod .dc-body > .dc-rate:after{
    content: "";
      position: absolute; 
      top: 0;
      left: 0;
      height: 35px;
      width: 35px;
      background-color: #fd0107;
      transform: rotate(60deg);
    border-radius: 5px;
}
.contents-wrapper .today-wrapper .prod.type2 .dc-body > .dc-rate {
    background-color: #fff;
}
.contents-wrapper .today-wrapper .prod.type2 .dc-body > .dc-rate .rate {
    color: #fd0107;
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: -2px;
    padding: 0;
}
.contents-wrapper .today-wrapper .prod.type2 .dc-body > .dc-rate:before{
    display: none;
}
.contents-wrapper .today-wrapper .prod.type2 .dc-body > .dc-rate:after{
    display: none;
}
.contents-wrapper .today-wrapper .prod.type1>.panel-body.taglist {
    /*height: 134px;*/
    padding: 12px 4px;
}
.contents-wrapper .today-wrapper .prod-h>.panel-body .desc {
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: inherit;
    font-size: .9rem;
    font-weight: normal;
    font-family: "Apple SD Gothic Neo";
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 1.2;
}
.contents-wrapper .today-wrapper .prod-h.type1>.panel-body .price {
    top: -1px;
    font-size: 1.125rem;
}
.prod > .panel-heading > .dc-body > .dc-feefree {
    color: #fff;
    padding: 5px;
    background-color: rgba(150, 15, 100, 0.8);
    display: table-cell;
}
.scroll-prod-wrapper > .prod {
	position: relative;
	display: inline-block;
	width: 50%;
	height: 306px;
	margin-right: 4px;
    vertical-align: top;
}
.scroll-prod-wrapper > .prod + .prod {
	margin-left: -4px;
}
.prod > .panel-body {
	position: relative;
    padding: 7px;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
}
.today-wrapper .prod.type1 {
    margin-bottom: 7px;
}
.today-wrapper .prod.type2 {
    margin-bottom: 4px;
}
.today-wrapper .prod.type1 > .panel-body {
    height: auto;
    padding: 10px 15px;
}
.prod.type1 > .panel-body {
    height: 120px;
}
.prod.type2>.panel-body {
	padding: 7px;
    height: 130px;
}
.scroll-prod-wrapper > .prod.type1 > .panel-body {
    height: auto;
	padding: 5px;
    white-space: normal;
}
.scroll-prod-wrapper>.prod.type1 .panel-body .desc {
    -webkit-line-clamp: 1;
}
.scroll-prod-wrapper > .prod.type1 .panel-body .desc {
    margin-bottom: 2px;
}
.scroll-prod-wrapper>.prod.type1 .panel-body .prod-title {
    white-space: normal;
    max-height: 38px;
}
.scroll-prod-wrapper > .prod.type1 > .panel-body .price {
    font-size: 1.125rem;
    line-height: 18px;
}
.contents-wrapper:not(.main) .prod.type1 > .panel-heading > .dc-rate {
    padding: 3px;
}
.prod.type2 > .panel-heading > .dc-rate {
    font-size: .875rem;
}
.prod > .panel-body .desc {
    color: #1a1a1a;
    /*color : #000;*/
    font-family: "Apple SD Gothic Neo";
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: inherit;
    /*letter-spacing: 1px;*/
    /*height: 36px;*/
	font-size: .9rem;
    font-weight: normal;
	overflow: hidden;
	margin-bottom: 2px;
    line-height: 1.3;
}
.prod-h > .panel-body .desc {
	/*width: 228px;*/
    /*height: 33px;*/
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: inherit;
    color: #999;
}
.prod.type1 > .panel-body .prod-title {
	font-size: 1.125rem;
	font-weight: 600;
    /*font-weight: 800;*/
	max-height: 30px;
	overflow: hidden;
	margin: 0 0 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
    /* word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
    line-height: 1.2em;
}
.prod-h.type1 > .panel-body {
    position: absolute;
    padding: 6px;
    top: 0;
    left: 37%;
    width: 62%;
    height: auto;
}
.prod-h.type1 > .panel-body .prod-title {
	/*width: 240px;*/
    font-size: 1.125rem;
    max-height: 38px;
    margin: 0;
}
/*.scroll-prod-wrapper > .prod.type1 > .panel-body .prod-title {
    min-height: 28px;
}*/
/*.prod.type1 > .panel-body .price-wrapper {
	display: inline-block;
}*/
/*.scroll-prod-wrapper > .prod.type1 > .panel-body .price-wrapper {
	display: block;
}*/
.today-wrapper .prod .panel-body .text-danger {
	padding-top: 5px;
}
.today-wrapper .prod > .panel-body .price-wrapper {
	margin-left: 5px;
}
.today-wrapper .prod.type1 > .panel-body .price-wrapper {
    display: inline-block;
    margin-left: 14px;
    /*line-height: 19px;*/
}
.prod > .panel-body .price-sale {
	/*position: absolute;*/
    /*display: inline-block;*/
    margin-left: 9px;
}
.today-wrapper .prod.type1 > .panel-body .badge_pick.order_badge {
    margin-left: 14px;
}
.badge_pick.order_badge {
    /*padding-top: 3px;*/
    /*padding: 10px 0;*/
    /*border: 1px solid #ff3c63;
    background-color: #ff3c63;*/
}
.badge_pick {
    float: left;
    /*width: 35px;
    height: 35px;*/
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #fd0107;
    text-align: center;
}
.badge_pick .inner_badge .txt_order {
	display: table-cell;
vertical-align: middle;
}
.badge_pick .inner_badge {
	display: table;
    width: 100%;
    height: 100%;
}
.contents-wrapper.list .prod.type1 .panel-body .price-wrapper {
    margin-top: -2px;
}
.contents-wrapper.list .itemrows .prod.type1 .panel-body .price-wrapper {
    margin-top: -4px;
}
.prod.type2>.panel-body .price-wrapper {
    margin-top: -2px;
}
.prod.type1 > .panel-body .price-wrapper {
    /* float: right; */
     margin-top: -4px; 
    /*display: inline-block;*/
    /*white-space:nowrap;*/
}
.prod>.panel-body .prod-title {
	font-size: .8125rem;
	font-weight: 500;
	max-height: 30px;
	overflow: hidden;
	margin: 0 0 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; */
	line-height: 1.2em;
}
.prod-h.type1 > .panel-body .price-wrapper {
    float: none;
     padding-top: 2px; 
    text-align: left;
}
.scroll-prod-wrapper .prod > .panel-body .price-wrapper {
    float: none;
    /*text-align: left;*/
}
.prod.type1 > .panel-body .price {
    position: relative;
    /*top: -5px;*/
    display: block;
	font-size: 1.25rem;
	font-weight: 600;
	/*height: 32px;*/
}
.contents-wrapper .prod.type1>.panel-body .price {
    top: -4px;
}
.prod-h.type1 > .panel-body .price {
    top: -3px;
    font-size: 1rem;
    font-weight: 600;
    /*font-weight: 800;*/
}
/*.prod.type1 > .panel-body .dc-org-price,
.prod.type1 > .panel-body .org-price {
	display: block;
	font-size: .625rem;
	min-height: 14px;
	margin-bottom: -6px;
}*/
/*.scroll-prod-wrapper .prod.type1 > .panel-body .org-price {
	display: inline;
}*/
.prod.type1 > .panel-body .org-price {
    display: inline-block;
	color: #929292;
    font-size: .938rem;
    height: 20px;
	text-decoration: line-through;
}
.scroll-prod-wrapper .prod.type1 > .panel-body .org-price {
	display: inline-block;
	font-size: .938rem;
	min-height: 14px;
	/*margin-bottom: -6px;*/
}
.today-wrapper .prod.type1>.panel-body .dc-rate {
    font-size: 1.75rem;
    color: #fd0107;
}
.prod.type1 > .panel-body .dc-rate {
	/*position: absolute;
	right: 15px;
	bottom: 15px;
	float: right;*/
    float: left;
	font-size: 1.5rem;
    /*font-size : 1.875rem;*/
	font-weight: 800;
    letter-spacing: -2px;
}
.prod.type1>.panel-body .buy {
	/*position: absolute;
	right: 15px;
	display: block;
	bottom: 22.5px;*/
    display: inline-block;
    float: right;
    margin-top: 3px;
	padding: 5px 15px;
	border: 1px solid #fd0107;
	background-color: #fd0107;
    color: #fff;
    cursor: pointer;
	border-radius: 5px;
}
.prod.type1 > .panel-body .dc-rate .unit {
    font-size: 1rem;
    font-weight: 600;
    padding-left: 1px;
}
.prod.type1>.panel-body .price-all {
    margin-top: 11px;
}
.prod.type1>.panel-body>.desc {
    margin-top: 4px;
	margin-bottom: 4px;
}
/*.prod.type2 > .panel-body {
	padding-bottom: 10px;
}*/
.prod.type2 >.panel-body .prod-title {
    white-space: normal;
}
.prod.type2 > .panel-body .prod-title {
	font-size: 1rem;
	font-weight: 600;
    /*height: 38px;*/
	max-height: 36px;
	margin: 0;
	word-break: break-word;
	display: block;
	-webkit-line-clamp: initial;
	-webkit-box-orient: initial;
}
.prod.type2>.panel-body .prod-title>.title {
	display: inline-block;
	width: calc(100% - 85px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.prod.type2 > .panel-body .price {
    position: relative;
    display: block;
    line-height: 24px;
    color: #393939;
    font-size: 1.125rem;
    font-weight: 600;
}
.prod.type2 > .panel-body .price-all {
    display: flex;
    flex-direction: row;
}
.prod.type2>.panel-body>.desc {
    margin-top: 4px;
	margin-bottom: 6px;
}
.prod.type2>.panel-body>.desc>.sub {
	font-size: .75rem;
	font-weight: 400;
	width: calc(100% - 85px);
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.4;
}
.prod.type2 > .panel-body .org-price {
	display: inline-block;
    /*margin-top: 6px;*/
	font-size: .75rem;
	color: #929292;
    float: right;
	text-decoration: line-through;
}
.prod.type2 > .panel-body .buy-button {
    margin-top: 10px;
    display: none;
}
.prod.type2>.panel-body .price-sale {
    display: none;
}
.prod.type2>.panel-body .price-wrapper {
    position: absolute;
    right: 10px;
}
.prod.type2 > .panel-body .buy {
	position: absolute;
	right: 15px;
	display: block;
	bottom: 10px;
	padding: 5px 15px;
	border: 1px solid #fd0107;
	background-color: #fd0107;
    color: #fff;
    cursor: pointer;
	border-radius: 5px;
    cursor: pointer;
}
/*.prod.type2 > .panel-body .buy a {
	color: #fff;
}*/
.prod>.panel-body .org-price {
	display: inline-block;
	color: #929292;
	font-size: .75rem;
	height: 14px;
	text-decoration: line-through;
}
/*.prod.type2 > .panel-body .dc-rate {
	position: relative;
	top: -2px;
	float: right;
	font-size: 1.25rem;
	font-weight: 600;
}*/
.section-title-wrapper {
    /* border-top: 3px solid #fd0107; */
}
.section-title {
	font-size: 1.5rem;
	font-weight: 800;
	color: #fd0107;
    padding: 15px 15px;
	margin: 0;
}
.section-title .btn {
    position: relative;
    top: 5px;
    float: right;
	font-size: .6875rem;
	font-weight: 400;
	color: #fd0107;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	margin-left: 5px;
	border-radius: 0;
	border-color: #fd0107;
}
.section-title .btn:focus {
	color: #fd0107;
	border-color: #fd0107;
	background-color: #fff;
	box-shadow: none;
}
#bigBannerCarousel {
    margin-bottom: 5px;

}
#bigBannerCarousel .item img,
#eventBannerCarousel .item img {
	width: 100%;
}
#bigBannerCarousel .item img{
	/* margin-top: 46px; */
	max-width: 100%;
	height: auto;
}
.carousel-indicators {
    left: 0;
	bottom: -10px;
    width: 100%;
    height: 24px;
    line-height: 28px;
    margin-left: 0;
    background-color: rgba(0, 0, 0, .05);
}
.carousel-indicators li {
	margin: 1px 4px;
	width: 8px;
	height: 8px;
	border-color: #ccc;
	background-color: #ccc;
}
.carousel-indicators .active {
	width: 8px;
	height: 8px;
	margin: 1px 4px;
	border-color: #343a40;
	background-color: #343a40;
}
.category-wrapper {
    background-color: #ddd;
}
.category-wrapper .category {
    float: left;
    width: 25%;
}
.category-wrapper .list-group-item {
	font-size: .6775rem;
    font-weight: 600;
	color: #393939;
	text-align: center;
	padding: 7px 2px;
    /*width: 100%;*/
    margin: 1px;
	border: 0;
    background-color: #fff;
}
.category-wrapper .list-group-item span {
    letter-spacing:-1px;
}
/* @media (min-width: 400px) {
	.prod > .panel-body .price-wrapper {
		margin-right: 190px;
	}
} */
.category-wrapper .list-group-item img {
    display: block;
    /*width: 50%;*/
    width: 35px;
    margin: 0 auto;
}
@media (max-width: 320px) {
    .category-wrapper .list-group-item {
        font-size: .625rem;
    }
}
.category-wrapper .list-group-item:focus,
.category-wrapper .list-group-item:hover {
    color: #a0a09f;
    background-color: #fff;
}
.category-wrapper .list-group-item img {
    display: block;
    /*width: 50%;*/
    width: 35px;
    margin: 0 auto;
}
/*.category-wrapper {
	font-size: .875rem;
	margin-top: 1px;
	border-bottom: 1px solid #fd0107;
}
.category-wrapper .category {
	display: table;
	width: 100%;
	height: 66px;
	margin: 0;
}
.category-wrapper .category:first-child {
	border-bottom: 1px solid #eee;
}
.category-wrapper .category .list-group-item {
	display: table-cell;
	font-size: .75rem;
	font-weight: 600;
	color: #343a40;
	width: 25%;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	border: 0;
}
.category-wrapper .category .list-group-item  img {
	height: 26px;
	margin: 0 auto 3px;
}
.category-wrapper .category .list-group-item + .list-group-item {
	border-left: 1px solid #eee;
}*/
.best-wrapper,
#eventBannerCarousel,
.today-wrapper,
.timesale-wrapper {
    margin-top: 5px;
    background-color: #e5e5e5;
}
.best-wrapper {
    padding-bottom: 10px;
}
.best-wrapper .col-xs-4 {
    padding: 0 1px;
}
.best-wrapper .prod {
	height: 100%;
    margin-bottom: 0;
}
/*.best-wrapper .scroll-prod-wrapper > .prod {
    height: auto;
}*/
/*.today-wrapper .prod {
	height: 290px;
}*/
.best-wrapper .section-title {
    padding : 15px 15px;
}
.timesale-wrapper {
	margin-bottom: 2px;
}
.onair-wrapper {
	/*background-image: url(/contents/images/background_onair.png);
	background-repeat: no-repeat;*/
	/*height: 310px;*/
	margin-top: 10px;
    background-color: #fff;
}
.onair-wrapper .section-title {
    color: #fd0107;
    font-size: 1.25rem;
}
.onair-wrapper .section-title .desc {
    position: relative;
    top: 1px;
    font-size: .9375rem;
    font-weight: 700;
}
/*.onair-wrapper .section-title .btn {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}*/
#onairCarousel.carousel {
	overflow: hidden;
	margin: 0 auto;
}
#onairCarousel .embed-responsive .embed-responsive-item,
#onairCarousel .embed-responsive iframe {
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 190px;
}
#onairCarousel .carousel-inner>.item img {
    margin: 0 auto;
}
#onairCarousel .carousel-control {
	top: 50%;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
	opacity: 1;
	background-image: none;
}
#onairCarousel .carousel-control .fa {
	font-size: 40px;
}
#onairCarousel .carousel-control.left {
	left: 0;
}
#onairCarousel .carousel-control.right {
	right: 0;
}
.category-view-wrapper {
    margin: 10px 0 0px;
}
.category-view-wrapper .section-title-wrapper {
    border-top: 0;
    background-color: #fff;
}
.category-view-wrapper .section-title {
    font-size: 1.125rem;
    padding-left: 15px;
    padding-right: 15px;
}
.category-view-wrapper .section-title > .default-color {
    color: #343a40;
}
.category-view-wrapper .nav-tabs {
    font-size: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
}
.category-view-wrapper .affix {
    top:100px;
    width: 100%;
    /*margin-top: 40px;*/
    background-color: #fff;
    z-index: 99 !important;
}
.category-view-wrapper .affix-top {
    border-bottom: 0;
    /*background-color: #000;*/
	background-color: #fff;
    position: fixed;
    top: 82px;
    width: 100%;
    /*height: 40px;*/
    /*padding: 0 8px;*/
    padding: 0;
    border-top: 1px solid #fd0107;
    z-index:99;
}
.category-view-wrapper .affix.category1 {
    border-bottom: 2px solid #e91e63;
}
.category-view-wrapper .affix.category2 {
    border-bottom: 2px solid #2196f3;
}
.category-view-wrapper .affix.category3 {
    border-bottom: 2px solid #9c27b0;
}
.category-view-wrapper .affix.category4 {
    border-bottom: 2px solid #00bcd4;
}
.category-view-wrapper .affix.category5 {
    border-bottom: 2px solid #009688;
}
.category-view-wrapper .affix.category6 {
    border-bottom: 2px solid #ff5722;
}
.category-view-wrapper .affix.category7 {
    border-bottom: 2px solid #ff9800;
}
.category-view-wrapper .affix.category8 {
    border-bottom: 2px solid #795548;
}
.category-view-wrapper .affix.category8 {
    border-bottom: 2px solid #795548;
}
.category-view-wrapper .affix.category9 {
    border-bottom: 2px solid #f44336;
}
.category-view-wrapper .affix.category10 {
    border-bottom: 2px solid #673ab7;
}
.category-view-wrapper .affix.category11 {
    border-bottom: 2px solid #3f51b5;
}
.category-view-wrapper .affix.category12 {
    border-bottom: 2px solid #4caf50;
}
.category-view-wrapper .affix.category13 {
    border-bottom: 2px solid #8bc34a;
}
.category-view-wrapper .affix.category14 {
    border-bottom: 2px solid #cddc39;
}
.category-view-wrapper .affix.category15 {
    border-bottom: 2px solid #ffc107;
}
.category-view-wrapper .affix.category16 {
    border-bottom: 2px solid #607d8b;
}
.category-view-wrapper .affix.category17 {
    border-bottom: 2px solid #424242;
}
.category-view-wrapper .affix.category18 {
    border-bottom: 2px solid #ff6d00;
}
.category-view-wrapper .affix.category19 {
    border-bottom: 2px solid #1b5e20;
}
.category-view-wrapper .affix.category20 {
    border-bottom: 2px solid #01579b;
}
.category-view-wrapper .affix ~ .category-view {
    position: relative;
    top: 0;
}
.category-view-wrapper .nav-tabs > li {
    float: none;
    display: inline-block;
    width: 12.5%;
    margin: 0;
    text-align: center;
}

.category-view-wrapper .nav-tabs .category_li2 {
	float: none;
	display: inline-block;
	width: 23%;
	margin: 0;
	text-align: center;
}

.category-view-wrapper .nav-tabs > li:first-child {
	margin-left: 0;
}
.category-view-wrapper .nav-tabs>li:last-child {
    margin-right: 0;
}
.contents-wrapper.main .category-view-wrapper .nav-tabs>li:first-child {
    border-bottom: 3px solid #fd0107;
}
.contents-wrapper.main .category-view-wrapper .nav-tabs>li:first-child a {
    color: #fd0107;
    font-weight: 800;
}
.contents-wrapper.main .category-view-wrapper .nav-tabs > li > a {
    line-height: 35px;
}
.category-view-wrapper .nav-tabs > li > a {
    color: #000;
    font-size: 14px;
    font-weight: 800;
    border: 0;
    /*min-width: 42px;*/
    /*margin-right: 0;*/
    padding: 0 4px;
    /*padding: 10px 15px;*/
    /*height: 39px;*/
    line-height: 37px;
    background-color: #fff;
}
.category-view-wrapper .nav-tabs > li span {
    display: flex !important;
    justify-content:center;
}
.category-view-wrapper .nav-tabs > li.active > a,
.category-view-wrapper .nav-tabs > li:focus > a {
    color: #fff;
    font-weight: 500;
    border: 0;
}
.category-view-wrapper .nav-tabs > li.active > a.category1,
.category-view-wrapper .nav-tabs > li:focus > a.category1 {
    background-color: #e91e63;
}
.category-view-wrapper .nav-tabs > li.active > a.category2,
.category-view-wrapper .nav-tabs > li:focus > a.category2 {
    background-color: #2196f3;
}
.category-view-wrapper .nav-tabs > li.active > a.category3,
.category-view-wrapper .nav-tabs > li:focus > a.category3 {
    background-color: #9c27b0;
}
.category-view-wrapper .nav-tabs > li.active > a.category4,
.category-view-wrapper .nav-tabs > li:focus > a.category4 {
    background-color: #00bcd4;
}
.category-view-wrapper .nav-tabs > li.active > a.category5,
.category-view-wrapper .nav-tabs > li:focus > a.category5 {
    background-color: #009688;
}
.category-view-wrapper .nav-tabs > li.active > a.category6,
.category-view-wrapper .nav-tabs > li:focus > a.category6 {
    background-color: #ff5722;
}
.category-view-wrapper .nav-tabs > li.active > a.category7,
.category-view-wrapper .nav-tabs > li:focus > a.category7 {
    background-color: #ff9800;
}
.category-view-wrapper .nav-tabs > li.active > a.category8,
.category-view-wrapper .nav-tabs > li:focus > a.category8 {
    background-color: #795548;
}
.category-view-wrapper .nav-tabs > li.active > a.category9,
.category-view-wrapper .nav-tabs > li:focus > a.category9 {
    background-color: #f44336;
}
.category-view-wrapper .nav-tabs > li.active > a.category10,
.category-view-wrapper .nav-tabs > li:focus > a.category10 {
    background-color: #673ab7;
}
.category-view-wrapper .nav-tabs > li.active > a.category11,
.category-view-wrapper .nav-tabs > li:focus > a.category11 {
    background-color: #3f51b5;
}
.category-view-wrapper .nav-tabs > li.active > a.category12,
.category-view-wrapper .nav-tabs > li:focus > a.category12 {
    background-color: #4caf50;
}
.category-view-wrapper .nav-tabs > li.active > a.category13,
.category-view-wrapper .nav-tabs > li:focus > a.category13 {
    background-color: #8bc34a;
}
.category-view-wrapper .nav-tabs > li.active > a.category14,
.category-view-wrapper .nav-tabs > li:focus > a.category14 {
    background-color: #cddc39;
}
.category-view-wrapper .nav-tabs > li.active > a.category15,
.category-view-wrapper .nav-tabs > li:focus > a.category15 {
    background-color: #ffc107;
}
.category-view-wrapper .nav-tabs > li.active > a.category16,
.category-view-wrapper .nav-tabs > li:focus > a.category16 {
    background-color: #607d8b;
}
.category-view-wrapper .nav-tabs > li.active > a.category17,
.category-view-wrapper .nav-tabs > li:focus > a.category17 {
    background-color: #424242;
}
.category-view-wrapper .nav-tabs > li.active > a.category18,
.category-view-wrapper .nav-tabs > li:focus > a.category18 {
    background-color: #ff6d00;
}
.category-view-wrapper .nav-tabs > li.active > a.category19,
.category-view-wrapper .nav-tabs > li:focus > a.category19 {
    background-color: #1b5e20;
}
.category-view-wrapper .nav-tabs > li.active > a.category20,
.category-view-wrapper .nav-tabs > li:focus > a.category20 {
    background-color: #01579b;
}
.category-view-wrapper .nav-tabs>li.active>a>img.out, .category-view-wrapper .nav-tabs>li:focus>a>img.out {
	display: none;
}
.category-view-wrapper .nav-tabs>li.active>a>img.in, .category-view-wrapper .nav-tabs>li:focus>a>img.in {
	display: block;
}
.category-view-wrapper .nav-tabs>li>a>img {
	display: block;
	width: 50%;
	margin: 4px auto 2px;
}
.category-view-wrapper .nav-tabs>li>a>img.in {
	display: none;
}
.nav > li > a > img {
	max-width: none;
}
.category-view-wrapper .category-view {
    background-color: #fff;
    margin-bottom: 10px;
}
.category-view-wrapper .category-title {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    height: 38px;
    line-height: 40px;
    margin: 0 0 10px;
    z-index: 1;
}
.category-view-wrapper #category1 .category-title {
    background-color: rgba(220, 53, 69, .7);
}
.category-view-wrapper #category2 .category-title {
    background-color: rgba(233, 30, 99, .7);
}
.category-view-wrapper #category3 .category-title {
    background-color: rgba(156, 39, 176, .7);
}
.category-view-wrapper #category4 .category-title {
    background-color: rgba(0, 188, 212, .7);
}
.category-view-wrapper #category5 .category-title {
    background-color: rgba(0, 150, 136, .7);
}
.category-view-wrapper #category6 .category-title {
    background-color: rgba(255, 87, 34, .7);
}
.category-view-wrapper #category7 .category-title {
    background-color: rgba(255, 152, 0, .7);
}
.category-view-wrapper #category8 .category-title {
    background-color: rgba(121, 85, 72, .7);
}
.category-view-wrapper #category9 .category-title {
    background-color: rgba(244, 67, 54, .7);
}
.category-view-wrapper #category10 .category-title {
    background-color: rgba(103, 58, 183, .7);
}
.category-view-wrapper #category11 .category-title {
    background-color: rgba(63, 81, 181, .7);
}
.category-view-wrapper #category12 .category-title {
    background-color: rgba(76, 175, 80, .7);
}
.category-view-wrapper #category13 .category-title {
    background-color: rgba(139, 195, 74, .7);
}
.category-view-wrapper #category14 .category-title {
    background-color: rgba(205, 220, 57, .7);
}
.category-view-wrapper #category15 .category-title {
    background-color: rgba(255, 193, 7, .7);
}
.category-view-wrapper #category16 .category-title {
    background-color: rgba(96, 125, 139, .7);
}
.category-view-wrapper #category17 .category-title {
    background-color: rgba(66, 66, 66, .7);
}
.category-view-wrapper #category18 .category-title {
    background-color: rgba(255, 109, 0, .7);
}
.category-view-wrapper #category19 .category-title {
    background-color: rgba(27, 94, 32, .7);
}
.category-view-wrapper #category20 .category-title {
    background-color: rgba(1, 87, 155, .7);
}
.category-view-wrapper .category-view .carousel {
    /* margin-bottom: 5px; */
}
.category-view-wrapper .category-view .more-view {
    padding: 5px 0;
}
.category-view-wrapper .more-view .btn {
    color: #fd0107;
    font-size: .8125rem;
    font-weight: 600;
}
.category-view-wrapper .more-view .btn > .fa {
    position: relative;
    top: 2px;
    font-size: 1.125rem;
    margin-left: 5px;
}
.category-view-wrapper .prod.type2 > .panel-body .prod-title {
	font-size: .8125rem;
	font-weight: 600;
}
.category-view-wrapper .prod.type2>.panel-body {
	padding: 7px;
}
.category-view-wrapper .text-danger {
	float: left;
	letter-spacing: -2px;
}
.category-view-wrapper .prod > .panel-body .price-wrapper {
	float: right;
	margin-top: 0;
	margin-right: 0;
}
.category-view-wrapper .prod.type2 > .panel-body .price {
	top: -5px;
	font-size: .9375rem;
}
/*.category-view-wrapper .category-view .carousel-indicators {
    bottom: -40px;
    background-color: transparent;
}*/
.prod-list-wrapper#realtimeGoods .prod-title {
    font-size: 1rem;
}
.prod-list-wrapper#bestgoodsList .prod-title {
    font-size: 1rem;
}
.prod-list-wrapper .slide img{
	margin-top: 0px !important;
}
.prod-list-wrapper .banner-wrapper {
	margin-bottom: 25px;
}
.no-data {
	margin-top: 40px;
	margin-bottom: 40px;
    padding: 0 25px;
}
.prod-list-wrapper .no-data .keyword:before,
.prod-list-wrapper .no-data .keyword:after {
	content: "'";
}
.prod-list-wrapper .no-data img {
	width: 135px;
	height: 135px;
	margin: 40px 0;
}
.prod-list-wrapper .no-data p {
	font-size: .875rem;
	font-weight: 400;
	margin-bottom: 0;
}
.prod-list-wrapper .no-data .keyword {
	font-weight: 600;
}
.prod-list-wrapper .all-align-wrapper h6 {
    font-size: .75rem;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    margin: 0;
}
.prod-list-wrapper .all-align-wrapper h6 .text-danger {
	position: relative;
    font-size: .8125rem;
}
.prod-list-wrapper .all-align-wrapper h6 .align-popover {
    font-weight: 400;
    white-space:nowrap;
}
.prod-list-wrapper .all-align-wrapper h6 .align-popover .fa {
    position: relative;
    top: -1px;
    line-height: 34px;
}
.prod-list-wrapper .prod-wrapper .prod {
    margin-bottom:0;
}
.prod-list-wrapper .prod-view-wrapper .panel{
    background-color: transparent;
}
.prod-list-wrapper .prod-view-wrapper a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    margin: 0 3px;
    color:#999;
}
.prod-list-wrapper .prod-view-wrapper .fontello {
    font-size: 1.25rem;
    vertical-align: middle;
    font-weight: bold;
}
.prod-list-wrapper .more-view .btn {
    color: #fd0107;
    font-size: .8125rem;
    font-weight: 600;
}
.prod-list-wrapper .more-view .btn > .fa {
    position: relative;
    top: 2px;
    font-size: 1.125rem;
    margin-left: 5px;
}
.prod-list-wrapper .prod-h > .panel-body .price-wrapper {
    margin-left: 0 !important;
}
.prod-list-wrapper .prod > .panel-body .price-wrapper {
	float: right;
    margin-top: -3px;
	margin-right: 0;
    /*margin-left: 5px;*/
}
.prod-list-wrapper.best-list-wrapper .price-wrapper .price {
    font-size: 1.125rem;
    margin-top: -2px;
}
.prod-list-wrapper.best-list-wrapper .price-wrapper .org-price {
    font-size: .938rem;
}
.prod-list-wrapper.best-list-wrapper .panel-body .dc-rate {
    font-size: 1.5rem;
    margin-top: 2px;
}
.event-view-list .prod .timesale {
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 1.125rem;
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	background-color: #343a40;
	opacity: .7;
}
.event-view-list .prod .timesale .text {
	font-size: 1rem;
}
.event-view-list .prod .timesale .time-remaining {
	float: right;
}
.event-view-list .prod .timesale.active {
	background-color: #fd0107;
}
/*.prod-list-wrapper .prod .tag-list,*/
.event-view-list .prod .tag-list {
	font-size: .8125rem;
	margin-bottom: 0;
}
/*.prod-list-wrapper .prod .tag-list .tag:before,*/
.event-view-list .prod .tag-list .tag:before {
	content: "#";
}
/*.prod-list-wrapper .prod .tag-list .tag:not(:last-child):after,*/
.event-view-list .prod .tag-list .tag:not(:last-child):after {
	content: ",";
}
/*.prod-list-wrapper .prod .tag-list .tag,*/
.event-view-list .prod .tag-list .tag {
	color: #929292;
	padding-right: 3px;
}

/*.prod-info-wrapper .image-wrapper {
	border-bottom: 2px solid #343a40;
}*/
.prod-info-wrapper .image-wrapper img {
	width: 100%;
}
.prod-info-wrapper .info-wrapper {
    position: relative;
	border: 0;
	margin-bottom: 0;
}
.prod-info-wrapper .info-wrapper .panel-heading {
	padding-top: 10px;
	padding-bottom: 0;
}
.prod-info-wrapper .info-wrapper .panel-heading .tag-wrapper {
    /*position: absolute;
    top: -15px;*/
    margin: -15px 10px 0;
    /*white-space:nowrap;*/
}
.prod-info-wrapper .info-wrapper .panel-heading .tag {
    color: #fd0107;
    font-size: .75rem;
    padding: 2px 5px;
    border: 1px solid rgba(220, 53, 69, .6);
    background: #fff;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 5px;

}
.prod-info-wrapper .info-wrapper .panel-heading .tag + .tag {
    margin-left: 3px;
}
.prod-info-wrapper .info-wrapper .panel-heading h3 {
	position: relative;
	font-size: 1.25rem;
	font-weight: 600;
	/*padding: 0 10px;*/
	margin: 5px 0 0;
}
.prod-info-wrapper .info-wrapper .panel-heading .title {
  	display: block;
  	line-height: 1.2;
}
.prod-info-wrapper .info-wrapper h3.price-wrapper {
	position: relative;
	font-size: 1.375rem;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 10px;
}
.prod-info-wrapper .info-wrapper .price-wrapper .dc-price {
	display: block;
	color: #929292;
	font-size: .75rem;
	font-weight: 400;
	text-decoration: line-through;
    padding-left: 66px;
}
.prod-info-wrapper .info-wrapper .price-wrapper .discount {
	float: left;
	color: #fd0107;
	font-size: 2.125rem;
    font-weight: 800;
	margin-right: 10px;
    letter-spacing: -2px;
}
.prod-info-wrapper .info-wrapper .price-wrapper .discount .unit {
    font-size: 1rem;
    font-weight: 600;
}
.prod-info-wrapper .info-wrapper .price-wrapper .label-timesale {
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size: 1.125rem;
	padding: 5px 15px;
	background-color: #343a40;
}
.prod-info-wrapper .info-wrapper .price-wrapper .label-timesale.active {
	background-color: #fd0107;
}
.prod-info-wrapper .info-wrapper .price-wrapper .btn-like i,
.prod-info-wrapper .info-wrapper .price-wrapper .btn-share i {
    font-size: 26px;
    color: #929292;
}
.prod-info-wrapper .share-discount {
    margin-bottom: 15px;
}
.prod-info-wrapper .share-discount .share-count {
    text-align: right;
}
.prod-info-wrapper .share-discount .share-count .count {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 2px;
    background-repeat: no-repeat;
}
.prod-info-wrapper .share-discount .share-count .count:not(.count-off):after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    width: 14px;
    height: 14px;
    background-image: url('/contents/images/check.png');
    background-repeat: no-repeat;
}
.prod-info-wrapper .share-discount .share-count .count-off {
    background-image: url('/contents/images/user_off.png');
}
.prod-info-wrapper .share-discount .share-count .count-1 {
    background-image: url('/contents/images/user_on1.png');
}
.prod-info-wrapper .share-discount .share-count .count-2 {
    background-image: url('/contents/images/user_on2.png');
}
.prod-info-wrapper .share-discount .share-count .count-3 {
    background-image: url('/contents/images/user_on3.png');
}
.prod-info-wrapper .share-discount .share-count .count-4 {
    background-image: url('/contents/images/user_on4.png');
}
.prod-info-wrapper .share-discount .share-count .count-5 {
    background-image: url('/contents/images/user_on5.png');
}
.prod-info-wrapper .share-discount .share-count .count-6 {
    background-image: url('/contents/images/user_on6.png');
}
.prod-info-wrapper .share-discount .share-count .count-7 {
    background-image: url('/contents/images/user_on7.png');
}
.prod-info-wrapper .share-discount .share-count .count-8 {
    background-image: url('/contents/images/user_on8.png');
}
.prod-info-wrapper .share-discount .share-count .count-9 {
    background-image: url('/contents/images/user_on9.png');
}
.prod-info-wrapper .share-discount .share-count .count-10 {
    background-image: url('/contents/images/user_on10.png');
}
.prod-info-wrapper .share-discount .share-count .count-11 {
    background-image: url('/contents/images/user_on11.png');
}
.prod-info-wrapper .share-discount .share-count .count-12 {
    background-image: url('/contents/images/user_on12.png');
}
.prod-info-wrapper .share-discount .btn-block {
    font-size: .875rem;
    padding-top: 10px;
    padding-bottom: 10px;
}
.prod-info-wrapper .share-discount .btn-gray {
    border-color: #c5c5c5;
    background-color: #c5c5c5;
}
.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper {
	position: relative;
    top: 5px;
}
.prod-info-wrapper .info-wrapper .panel-heading .price-wrapper .price_icon {
    position: absolute;
    top: 5px;
    right: 0;
}
.prod-info-wrapper .info-wrapper .panel-heading .price-wrapper .price_icon a {
    padding: 0 4px 0 0;
}
.prod-info-wrapper .info-wrapper .panel-heading .price-wrapper .price_icon .btn-like {
    padding: 0;
}
.prod-info-wrapper .info-wrapper .panel-heading .price-wrapper .price_icon .btn-like.active {
    box-shadow: none;
}
.prod-info-wrapper .info-wrapper .panel-heading .price-wrapper .price_icon .btn-like.active i {
    color: #fd0107;
}
.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon {
	position: absolute;
	top: -3px;
	right: 5px;
	font-size: .75rem;
	color: #fd0107;
	padding: 2px 5px;
	border-color: #fd0107;
	background-color: #fff;
}
.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon:focus,
.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon:hover {
	color: #fd0107;
}
.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon > .fa {
	position: relative;
	top: 2px;
	padding-right: 5px;
}
.prod-info-wrapper .info-wrapper .panel-heading .delivery {
	font-size: .8125rem;
	font-weight: 400;
	/*padding: 0 10px;*/
	margin-bottom: 5px;
    max-width:70%;
}
.prod-tab-wrapper {
	padding-top: 20px;
	/*padding-bottom: 40px;*/
	background-color: #fff;
}
/*.prod-tab-wrapper .nav-tabs.nav-justified {
	border-top: 1px solid #343a40;
}*/
.nav-tabs.nav-justified>li {
	float: left;
	width: 25%;
}
.prod-tab-wrapper .nav-tabs.nav-justified>li>a {
	font-size: .8125rem;
	padding: 10px 0;
	/*border: 1px solid #929292;*/
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: #929292;
	background-color: #f8f9fa;
}
.prod-tab-wrapper .nav-tabs.nav-justified>.active>a,
.prod-tab-wrapper .nav-tabs.nav-justified>.active>a:hover,
.prod-tab-wrapper .nav-tabs.nav-justified>.active>a:focus {
    font-weight: 600;
	border: 2px solid #929292;
	border-bottom-color: #fff;
	border-left-width: 1px;
	background-color: #fff;
}
.prod-tab-wrapper .nav-tabs.nav-justified>li:first-child>a,
.prod-tab-wrapper .nav-tabs.nav-justified>li:first-child.active>a {
	border-left: 0;
}
.prod-tab-wrapper .nav-tabs.nav-justified>li:last-child>a,
.prod-tab-wrapper .nav-tabs.nav-justified>li:last-child.active>a {
	border-right: 0;
}
.prod-tab-wrapper .nav-tabs.nav-justified>li+li>a {
	border-left: 0;
}
.prod-tab-wrapper .media {
	margin-top: 0;
	padding: 25px 0;
}
.prod-tab-wrapper .media-body > .media {
	padding-bottom: 0;
}
.prod-tab-wrapper .media:first-child {
	padding-top: 0;
}
.prod-tab-wrapper .media + .media {
	border-top: 1px solid #e5e5e5;
}
.prod-tab-wrapper .media-list > .media:last-child {
	border-bottom: 1px solid #e5e5e5;
}
.prod-tab-wrapper .media-body {
    position: relative;
}
.prod-tab-wrapper .media-heading {
    font-weight: 600;
	color: #929292;
	margin-bottom: 5px !important;
    letter-spacing: -2px;
}
.prod-tab-wrapper .media-heading.qna {
    font-size: .875rem;
}
.prod-tab-wrapper .media-heading.qna .fa-lock {
    position: relative;
    top: 2px;
    padding-right: 4px;
}
.prod-tab-wrapper .media-heading .qna-title {
    /*display: block;*/
    color: #343a40;
    font-weight: 400;
    margin-top: 5px;
}
.prod-tab-wrapper .media-heading .reg-date {
    font-size: .8125rem;
    font-weight: 400;
    margin-left: 5px;
    letter-spacing: -1px;
}
.prod-tab-wrapper .tab-pane > .panel-body.jsImgResize {
    word-break: break-word;
}
.prod-tab-wrapper .tab-pane > .panel-body.jsImgResize img {
    max-width: 100%;
}
.prod-tab-wrapper .tab-pane > .panel-body {
	font-size: .8125rem;
}
.prod-tab-wrapper .tab-pane > .panel-body p {
    margin-bottom: 0;
}
.prod-tab-wrapper #prodDetail > .panel-body img {
	width: 100%;
}
.prod-tab-wrapper #prodDetail > .panel-body.notice > .title {
    color: #929292;
    font-size: 1rem;
    font-weight: 600;
}
.prod-tab-wrapper #prodDetail > .panel-body.notice > .title > .fa {
    position: relative;
    top: -3px;
    float: right;
    color: #929292;
    font-size: 1.25rem;
}
.prod-tab-wrapper #prodDetail > .panel-body.notice .desc {
    color: #929292;
    font-size: .75rem;
    margin-bottom: 5px;
}
.prod-tab-wrapper #prodDetail > .panel-body.notice .table>tbody>tr>th {
    color: #888;
}
.prod-tab-wrapper #prodDetail > .panel-body.notice .table>tbody>tr>th,
.prod-tab-wrapper #prodDetail > .panel-body.notice .table>tbody>tr>td {
    font-size: .8125rem;
    padding-left: 15px;
    padding-right: 15px;
}
.prod-tab-wrapper #prodReview .media-left {
	min-width: 80px;
}
.prod-tab-wrapper #prodReview .panel-body .more .btn,
.prod-tab-wrapper #prodQna .panel-heading .btn {
	font-size: .8125rem;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
}
.prod-tab-wrapper #prodReview .panel-body .more .btn {
    padding-left: 26px;
    padding-right: 26px;
}
.prod-tab-wrapper .media-left h4 {
	margin: 0;
	font-weight: 600;
}
.prod-tab-wrapper .media-left img {
	height: 40px;
	margin: 0 auto;
}
.prod-tab-wrapper .media-left .user-name {
    font-weight: 600;
	margin-top: 5px;
	margin-bottom: 0;
}
.prod-list-wrapper.popular > .title {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0;
	padding: 20px 15px 10px;
}
.prod-list-wrapper.popular > .title .category {
	font-weight: 600;
}
.payment-wrapper .panel {
	border: 0;
	margin-bottom: 0;
}

.payment-wrapper .panel-heading {
	padding: 0;
	border-bottom: 0;
}
.payment-wrapper .panel-heading .info-title {
	font-size: 1rem;
	font-weight: bold;
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	background-color: #f5f5f5;
}
.payment-wrapper .panel-heading .info-title label {
    font-size: .8125rem;
    font-weight: 400;
}
.payment-wrapper .panel-heading .info-title label input[type="checkbox"] {
    position: relative;
    top: 3px;
    margin-right: 2px;
    margin-left: 3px;
}
.payment-wrapper .panel-heading .info-title .btn {
	float: right;
	margin-top: 10px;
}
.payment-wrapper .panel-heading .info-title.active {
	color: #fff;
	background-color: #343a40;
}
.payment-wrapper .complete .message {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #f8f9fa;
}
.payment-wrapper .complete .info {
	padding: 0;
}
.payment-wrapper .complete .message h3 {
	font-size: 1.25rem;
	font-weight: 600;
	height: 170px;
	line-height: 170px;
	margin: 0;
}
.payment-wrapper .order-payment-info .panel-body {
	padding: 0;
}
.payment-wrapper .order-payment-info .panel-body .table {
	margin-bottom: 0;
}
.payment-wrapper .complete .info .table>thead>tr>th,
.payment-wrapper .complete .info .table>tbody>tr>th {
	font-weight: 600;
}
.payment-wrapper .complete .info .table>thead>tr>th,
.payment-wrapper .complete .info .table>tbody>tr>th,
.payment-wrapper .complete .info .table>tbody>tr>td,
.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>th,
.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td {
	padding-left: 15px;
	padding-right: 15px;
}
/*.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td .selectbox {
    border-color: #ccc;
}
.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td .selectbox select {
    font-size: .75rem;
}
.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td p.desc {
    font-size: .75rem;
    color: #0075ff;
    margin: 2px 0 -4px;
}
.payment-wrapper .table>tbody>tr>td>label{
	font-weight: 400;
	min-width: 100px;
}
.payment-wrapper .table>tbody>tr>td>label>.radio-text {
	position: relative;
	top: -2px;
	padding-left: 3px;
}*/
.payment-wrapper .table>thead>tr>th {
	border-bottom: 0;
}
.payment-wrapper .table>tbody>tr>th {
	width: 140px;
}
.payment-wrapper .complete .table>tbody>tr>th {
	width: 120px;
}
.payment-wrapper .panel-group {
    margin-bottom: 0;
}
.payment-wrapper .panel-group .panel+.panel {
    margin-top: 0;
}
.payment-wrapper .panel-group .panel-heading {
    border-bottom: 1px solid #e8e8e8;
}
.payment-wrapper .panel-group .panel-heading > .panel-title {
    font-size: 1rem;
    padding: 12px 15px;
}
.payment-wrapper #collapse_method1 .bank-receipt .checks {
    display: inline-block;
}
.payment-wrapper #collapse_method1 .bank-receipt .checks + .checks {
    margin-left: 10px;
}
.payment-wrapper .checks + .checks {
    margin-top: 3px;
}
.payment-wrapper .checks input[type="radio"],
.payment-wrapper .checks input[type="checkbox"] {
    display: none;
}
.payment-wrapper .checks input[type="radio"] + label,
.payment-wrapper .checks input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    font-weight: 400;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;*/
}
.payment-wrapper .checks input[type="checkbox"] + label {
    font-size: .75rem;
    font-weight: 600;
}
.payment-wrapper .checks input[type="checkbox"] + label > a {
    color: #0075ff;
    text-decoration: underline;
}
.payment-wrapper .checks input[type="radio"] + label:before,
.payment-wrapper .checks input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 17px;
    height: 17px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 100%;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.payment-wrapper #collapse_method1 .checks input[type="radio"] + label:before {
    top: 2px;
}
.payment-wrapper .checks input[type="checkbox"] + label:before {
    top: 0;
    border-radius: 0;
}
.payment-wrapper .checks input[type="radio"] + label:active:before,
.payment-wrapper .checks input[type="radio"]:checked + label:active:before,
.payment-wrapper .checks input[type="checkbox"] + label:active:before,
.payment-wrapper .checks input[type="checkbox"]:checked + label:active:before  {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.payment-wrapper .checks input[type="radio"]:checked + label:before {
    background-color: #0075ff;
    border-color: #0075ff;
}
.payment-wrapper .checks input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 100%;
    /*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
}
.payment-wrapper #collapse_method1 .checks input[type="radio"] + label:after {
    top: 7px;
}

.payment-wrapper .checks input[type="checkbox"]:checked + label:after {
    content: "\2714";
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    width: 17px;
    height: 17px;
    line-height: 17px;
    background-color: #0075ff;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}
.payment-wrapper .panel-group .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}
.payment-wrapper .panel-group .panel-collapse {
    padding: 10px 15px;
    background-color: #f8f9fa;
}
.payment-wrapper .panel-group .collapse.in {
    border-bottom: 1px solid #e8e8e8;
}
.payment-wrapper .panel-group .panel-body .form-group > p.label {
    display: block;
    color: #343a40;
    text-align: left;
    padding: 0;
    margin-bottom: 5px;
}
.payment-wrapper .panel-group .panel-body .form-group > p.label > .desc {
    font-weight: 400;
    color: #0075ff;
    margin-left: 5px;
}
.payment-wrapper .panel-group .panel-body .selectbox {
    border-color: #ccc;
    background-color: #fff;
}
.payment-wrapper .panel-group .panel-body .selectbox select {
    font-size: .75rem;
}
.payment-wrapper .btn {
	font-size: .875rem;
}
.payment-wrapper .form-control {
	display: inline-block;
    height: 35px;
	width: 130px;
    font-size: 1rem;
}
.payment-wrapper .form-control.phone {
    width: 27%;
    padding-left: 5px;
    padding-right: 5px;
}
.payment-wrapper .form-control.email {
    width: 100%;
}
.payment-wrapper .form-control.card-no {
    width: 20%;
    padding-left: 5px;
    padding-right: 5px;
}
.payment-wrapper .form-control.address {
    display: block;
    width: 100%;
    margin-top: 5px;
}
.payment-wrapper .order-payment-info .btn {
    font-size: .8125rem;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
    vertical-align: top;
}
.payment-wrapper .table .req-text {
    line-height: 30px;
    width: 213px;
}
.payment-wrapper .table .btn-modify {
	position: relative;
	top: -1px;
}
.payment-wrapper .media {
	margin-top: 0;
	padding: 15px 0;
	border-bottom: 1px solid #e5e5e5;
}
.payment-wrapper .media p {
	margin-bottom: 0;
}
.payment-wrapper .media .media-left {
	padding-right: 15px;
}
.payment-wrapper .media .media-object {
	width: 65px;
	height: 65px;
}
.payment-wrapper .media .title {
	font-size: 1.125rem;
	font-weight: 600;
}
.payment-wrapper .media .option {
    color: #929292;
	font-size: .8125rem;
}
.payment-wrapper .media .radio {
	font-size: .7225rem;
	height: 22px;
	line-height: 26px;
	margin: 5px 5px 0;
}
.payment-wrapper .media .radio + .radio {
	margin-top: 0;
}
.payment-wrapper .media .radio .coupon-name {
	margin-left: 5px;
}
.payment-wrapper .media .radio label.checked {
	font-weight: 600;
	color: #007bff;
}
.payment-wrapper .media .count-delivery {
	font-size: .8125rem;
	font-weight: 400;
}

/*.payment-wrapper .agree-wrapper {
	padding: 0 15px;
}*/
.payment-wrapper .agree-wrapper .panel-body {
	background-color: #f5f5f5;
}
.payment-wrapper .btn-agree {
	padding: 0 26px;
	width: 90%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px;
	border: 1px solid #343a40;
	background-color: #fff;
}
.payment-wrapper .btn-agree.active,
.payment-wrapper .btn-agree:hover {
	color: #fff;
	background-color: #343a40;
}
.payment-wrapper .checkbox {
	margin-top: 5px;
	margin-bottom: 0;
}
.payment-wrapper .checkbox label {
	font-size: .875rem;
	font-weight: 600;
}
.payment-wrapper .checkbox label > .checkbox-text {
	position: relative;
	top: 2px;
}
.payment-wrapper td .checkbox {
    margin-top: 0;
}
.payment-wrapper td .checkbox label > .checkbox-text {
    font-size: .8125rem;
    font-weight: 400;
}
.checkbox input[type="checkbox"] {
	top: -1px;
}
.payment-wrapper .panel-footer {
	border: 0;
	padding: 0;
}
.payment-wrapper .panel-footer .btn-pay {
	font-size: 1.125rem;
	font-weight: 600;
	color: #fff;
	width: 200px;
	height: 50px;
	line-height: 50px;
	padding: 0 26px;
	margin-top: 30px;
	margin-bottom: 40px;
	background-color: #fd0107;
}
.payment-wrapper .complete .btn-group {
	padding: 0 0 60px;
	border: 0;
}
.payment-wrapper .complete .btn-group .btn {
	font-size: .875rem;
	font-weight: 600;
	padding: 0 26px;
	width: 130px;
	height: 40px;
	line-height: 40px;
}
.payment-wrapper .complete .btn-group .btn-detail {
	border: 1px solid #343a40;
	background-color: #fff;
}
.payment-wrapper .complete .btn-group .btn-detail:hover {
	color: #fff;
	background-color: #343a40;
}
.payment-wrapper .complete .btn-group .btn-shopping {
	color: #fff;
	border: 1px solid #343a40;
	background-color: #fd0107;
}
#noOAuthModal1 .panel-body,
#noOAuthModal2 .panel-body,
#orderAgreeModal1 .panel-body,
#orderAgreeModal2 .panel-body {
    font-size: .75rem;
    background-color: #f8f9fa;
}
.basket-wrapper .basket-list {
	font-size: .875rem;
	margin-bottom: 0;
}
.basket-wrapper .basket-list .panel-heading {
	padding-top: 5px;
	padding-bottom: 5px;
}
.basket-wrapper .basket-list .panel-heading .checkbox-wrapper {
	height: 30px;
	line-height: 36px;
	margin-bottom: 0;
}
.basket-wrapper .basket-list .panel-heading .checkbox-wrapper .text {
    position: relative;
    top: -3px;
    padding-left: 5px;
}
.basket-wrapper .basket-list .panel-heading .btn {
	float: right;
	font-size: .8125rem;
	padding-top: 0;
	padding-bottom: 0;
    margin-top: 3px;
	height: 26px;
	line-height: 26px;
}
.basket-wrapper .basket-list .panel-body:not(.total-price) {
	padding: 0;
	border-top: 1px solid #e5e5e5;
}
.basket-wrapper .basket-list .panel-body.total-price {
	font-size: 1rem;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 10px 0 30px 0;
	background-color: #f8f9fa;
}
.basket-wrapper .basket-list .panel-body.total-price .price-wrapper {
	font-weight: 600;
	padding: 0 25px;
	margin-bottom: 10px;
}
.basket-wrapper .basket-list .panel-body.total-price .price-wrapper:first-child {
	margin-bottom: 5px;
}
.basket-wrapper .basket-list .panel-body.total-price .price-wrapper:last-child {
	margin-bottom: 0;
}
.basket-wrapper .basket-list .panel-body.total-price .price-wrapper .price {
	float: right;
}
.basket-wrapper .basket-list .panel-body.total-price .total {
	padding-top: 10px;
	border-top: 1px solid #343a40;
}
.basket-wrapper .basket-list .media {
	padding: 20px 15px;
	margin-top: 0;
}
.basket-wrapper .basket-list .package {
	font-size : 0.8125rem;
    font-weight : 600;
    min-width : 150px;
    height:30px;
    background-color: #fd0107;
    color:#fff;
}

.basket-wrapper .basket-list .package-msg {
	font-size : 0.8125rem;
    /*font-weight : 600;*/
    min-width : 150px;
    height:30px;
    background-color: #fff;
    color:#fd0107;
    border-color:#fd0107;
}
.basket-wrapper .basket-list .media + .media {
	border-top: 1px solid #343a40;
}
.basket-wrapper .basket-list .media-left {
    position: relative;
	padding-right: 15px;
}
.basket-wrapper .basket-list .media-left input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.basket-wrapper .basket-list .media-object {
	width: 99px;
	height: 99px;
}
.basket-wrapper .basket-list .media-body {
    font-size: .8125rem;
}
.basket-wrapper .basket-list .media-body .subject {
	font-size: 1rem;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 4px;
}
.basket-wrapper .basket-list .media-body .option {
    color: #929292;
	letter-spacing: -2px;
}
.basket-wrapper .basket-list .media-body .price {
	font-size: 1rem;
	margin: 10px 0;
}
.basket-wrapper .basket-list .price button {
	float: right;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0;
    border-color: #ccc;
    background-color: #f8f9fa;
}
.basket-wrapper .basket-list .price button.minus {
	font-size: 1.75rem;
}
.basket-wrapper .basket-list .price .form-control {
	float: right;
	width: 50px;
	height: 20px;
	line-height: 20px;
	padding-top: 0;
	padding-bottom: 0;
    margin: 0 -1px;
	background-color: #fff;
}
.basket-wrapper .basket-list .delivery {
	margin-bottom: 0;
}
.basket-wrapper .basket-list .media-right {
    padding-left: 0;
}
.basket-wrapper .basket-list .media-right .btn {
	padding: 0;
	width: 20px;
	height: 20px;
	line-height: 18px;
	border-radius: 50%;
	border-color: #929292;
}
.basket-wrapper .basket-list .media-right .fontello {
	font-size: .75rem;
	color: #929292;
}
.basket-wrapper .basket-list .panel-footer {
	border-top: 0;
	padding: 0;
	margin-bottom: 30px;
}
.basket-wrapper .basket-list .panel-footer .btn {
	font-size: 1rem;
	font-weight: 600;
     color: #fd0107;
	min-width: 150px;
	height: 50px;
	line-height: 50px;
	padding: 0 26px;
	border-color: #fd0107;
}
.basket-wrapper .basket-list .panel-footer .btn-danger {
    color: #fff;
    margin-left: 3px;
}
.general-wrapper.intro {
	padding-bottom: 100px;
}
.general-wrapper .panel {
	margin-bottom: 0;
}
.general-wrapper.intro .slogon:before,
.general-wrapper.intro .slogon:after {
	content: "\"";
}
.general-wrapper.intro .slogon {
	font-size: 2.25rem;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 30px;
}
.general-wrapper.intro .text {
	font-size: .875rem;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
.general-wrapper.intro .panel-body {
	padding-top: 30px;
	padding-bottom: 30px;
}
.general-wrapper.terms .panel-body {
	font-size: .75rem;
	font-weight: 400;
	height: 500px;
    margin: 10px 15px;
    background-color: #f8f9fa;
	overflow-x: hidden;
	overflow-y: auto;
}
.general-wrapper.intro > .panel > .panel-body > img {
	width:100%;
}
/*.customer-wrapper {
	padding-bottom: 100px;
}*/
.customer-wrapper .nav-tabs {
	border-bottom: 0;
}
.customer-wrapper .nav-tabs>li {
	width: 33%;
}
.customer-wrapper .nav-tabs>li>a {
    color: #929292;
	font-size: .8125rem;
	text-align: center;
	min-width: 50px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	margin-right: 0;
	border: 1px solid #e5e5e5;
	/*border-bottom: 0;*/
	background-color: #f8f9fa;
}
.customer-wrapper .nav-tabs>.active>a,
.customer-wrapper .nav-tabs>.active>a:hover,
.customer-wrapper .nav-tabs>.active>a:focus {
	color: #fd0107;
    font-weight: 500;
	border: 1px solid #fd0107;
	border-bottom-color: #fff;
	background-color: #fff;
}
/*.customer-wrapper .nav-tabs>li:not(:first-child).active>a {
	margin-left: -3px;
}
.customer-wrapper .nav-tabs>li+li>a {
	border-left: 0;
}*/
@media (max-width: 400px) {
    .customer-wrapper .nav-tabs > li > a {
        padding: 0 8px;
    }
}
.customer-wrapper .panel-group {
	margin-top: 20px;
}
.customer-wrapper .panel-group .panel {
	border-top: 1px solid #e5e5e5;
}
.customer-wrapper .panel-group .panel+.panel {
	margin-top: 0;
}
.customer-wrapper .panel-group .panel-heading {
	position: relative;
	padding: 10px 15px;
}
.customer-wrapper .panel-group .panel-heading:hover {
	cursor: pointer;
}
.customer-wrapper .panel-group .panel-title {
	width: 95%;
}
.customer-wrapper .panel-group .panel-title .title {
	font-size: .75rem;
	line-height: 1;
}
.customer-wrapper .panel-group .panel-title .gubun,
.customer-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body .gubun {
	font-size: .875rem;
	font-weight: 600;
}
.customer-wrapper .panel-group .panel-title .fa {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.25rem;
    color: #929292;
}
.customer-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body {
	font-size: .75rem;
    color: #666;
	padding: 10px 20px;
	border-top: 0;
	background-color: #f8f9fa;
}
.customer-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body .answer p {
    display: inline-block;
    margin-bottom: 0;
}
.customer-wrapper .panel-group .panel:last-child {
	border-bottom: 1px solid #e5e5e5;
}
.customer-wrapper .table>thead>tr>th {
	text-align: center;
	border-bottom: 0;
}
.customer-wrapper .table>tbody>tr>td {
	padding-left: 10px;
	padding-right: 10px;
}
.customer-wrapper .table>tbody>tr:last-child>td {
	border-bottom: 1px solid #929292;
}
.customer-wrapper .table.view {
	margin-bottom: 0;
}
.customer-wrapper .table.view>tbody>tr>td {
	border-top: 1px solid #343a40;
	font-weight: 600;
}
.customer-wrapper .panel-body {
	padding-bottom: 0;
}
.customer-wrapper .notice {
    border: 0;
}
.customer-wrapper .notice > .panel-body:not(.content) {
	padding: 0;
}
.customer-wrapper .content {
	font-size: .75rem;
	font-weight: 400;
	min-height: 300px;
	padding: 15px 10px;
	margin: 10px 15px;
	border-bottom: 1px solid #929292;
	background-color: #f8f9fa;
}
.customer-wrapper .panel-footer {
	padding: 0;
	border: 0;
}
.customer-wrapper .panel-footer .btn {
	font-size: .8125rem;
	padding: 0 26px;
	min-width: 100px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
	border-color: #929292;
}
#deliveryModal .not-delivery-info li {
	border: 0;
}
#deliveryModal .delivery-info {
	margin-bottom: 0;
}
#deliveryModal .delivery-info a.list-group-item {
	margin-bottom: 15px;
}
#deliveryModal .delivery-info a.list-group-item:last-child {
	margin-bottom: 0;
}
#deliveryModal .delivery-info .panel {
	margin-bottom: 0;
}
#deliveryModal .delivery-info .panel,
#deliveryModal .delivery-info li {
	background-color: transparent;
}
#deliveryModal .delivery-info .panel,
#deliveryModal .delivery-info .panel-heading,
#deliveryModal .delivery-info .panel-body,
#deliveryModal .delivery-info .panel-footer {
	padding: 0;
}
#deliveryModal .delivery-info .panel-heading .label {
	float: right;
	font-size: .8125rem;
	font-weight: 400;
}
#deliveryModal .delivery-info .panel-body {
	font-size: .8125rem;
	padding-bottom: 10px;
}
#deliveryModal .delivery-info .panel-body ul {
	margin-bottom: 0;
}
#deliveryModal .delivery-info .panel-body li {
	font-weight: 400;
	padding: 0;
	border: 0;
}
#deliveryModal .delivery-info .panel-footer {
	padding-top: 10px;
}
#deliveryModal .delivery-info .panel-footer .btn + .btn {
	float: right;
}
#deliveryModal .delivery-info .panel-footer .btn {
	font-size: .8125rem;
	padding-top: 0;
	padding-bottom: 0;
	height: 30px;
}
#deliveryModal .modal-footer .btn {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
#addDeliveryModal .modal-body {
	font-weight: 400;
}
#addDeliveryModal .modal-body .btn-block {
    font-size: .875rem;
	text-align: left;
}
#addDeliveryModal .modal-body .btn-block .fa {
	float: right;
	font-size: 1.5rem;
	line-height: 20px;
}
#addDeliveryModal .modal-body .phone {
    display: inline-block;
    width: 30%;
}
#addDeliveryModal .panel,
#selectDeliveryReqModal .panel {
	margin-bottom: 0;
}
#selectDeliveryReqModal .modal-body .radio input[type="radio"] {
    top: -3px;
}

#postModal .modal-body {
	padding: 0;
}
#postModal .panel.panel-body {
	padding: 0;
	margin-bottom: 0;
}
#viewDeliveryStatusModal .panel-heading {
	padding-left: 0;
	padding-right: 0;
}
#viewDeliveryStatusModal .panel-heading .status-wrapper {
	position: relative;
	margin: 0 0 15px;
}
#viewDeliveryStatusModal .panel-heading ul {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 0;
	margin-bottom: 0;
	margin-left: 15px;
	list-style: none;
}
#viewDeliveryStatusModal .panel-heading ul > li {
	float: left;
	margin: 0;
}
#viewDeliveryStatusModal .panel-heading ul > li.step {
	position: relative;
	top: 8px;
	margin: 0 5px;
}
#viewDeliveryStatusModal .panel-heading ul > li > .fontello,
#viewDeliveryStatusModal .panel-heading ul > li > .fa {
	display: block;
	font-size: 1.25rem;
	color: #999;
	margin: 0 auto 3px;
}
#viewDeliveryStatusModal .panel-heading ul > li > .fontello {
	width: 36px;
	height: 35px;
	line-height: 32px;
}
#viewDeliveryStatusModal .panel-heading ul > li > .icon-shipped {
	font-size: 1.75rem;
	line-height: 36px;
	margin: 0 5px 3px;
}
#viewDeliveryStatusModal .panel-heading ul > li > .fa {
	color: #929292;
}
#viewDeliveryStatusModal .panel-heading ul > li > .desc {
	font-size: .75rem;
	font-weight: 400;
	color: #999;
}
#viewDeliveryStatusModal .panel-heading ul > li > .pulse {
	color: #fff;
	border-radius: 50%;
	background-color: #999;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
	animation: pulse-animation 2s infinite;
}
#viewDeliveryStatusModal .panel-heading ul > li > .pulse + .desc {
	font-weight: 600;
}
#viewDeliveryStatusModal .panel-body {
	font-size: .875rem;
	font-weight: 400;
	padding-left: 0;
	padding-right: 0;
	margin-top: 50px;
	border-top: 1px solid #343a40;
}
#viewDeliveryStatusModal .panel-body > .info-wrapper {
	margin-bottom: 0;
}
#viewDeliveryStatusModal .panel-body > .info-wrapper > .text:after {
	content: ":";
	padding-right: 3px;
	padding-left: 2px;
}
#viewDeliveryStatusModal .panel-body > .info-wrapper > .info {
	font-weight: 600;
}
#viewDeliveryStatusModal .panel-body > .table {
	margin-top: 15px;
	border-top: 1px solid #e5e5e5;
}
#viewDeliveryStatusModal .panel-body > .table>thead>tr>th {
	font-weight: 600;
	text-align: center;
	border-bottom: 0;
}
#viewDeliveryStatusModal .panel-body > .table>tbody>tr>td {
	font-size: .75rem;
	text-align: center;
	vertical-align: middle;
	border-bottom: 0;
}
#viewDeliveryStatusModal .modal-footer {
	border-top: 0;
}
#viewDeliveryStatusModal .modal-footer .btn {
	height: 40px;
	line-height: 40px;
	padding: 0;
	border: 1px solid #343a40;
}
.event-list {
    background-color: #ddd;
}
.event-list .panel.event {
	border: 0;
	margin-bottom: 5px;
}
.event-list .event .panel-body {
	padding: 0;
}
.event-list .event .panel-body img {
	width: 100%;
}
.event-list .event .panel-footer {
	padding-left: 20px;
	padding-right: 20px;
	border-top: 0;
}
.event-list .event .panel-footer .title {
	font-size: .875rem;
	font-weight: 600;
	margin: 5px 0 2px;
}
.event-list .event .panel-footer .period {
	font-size: .75rem;
	font-weight: 400;
	margin-bottom: 0;
}
/*.event-view-list {
	margin-top: -10px;
	background-color: #fff;
}
.onair-page-wrapper {
	margin-top: 60px;
	background-color: #fff;
}*/
/*.onair-page-wrapper .view-title {
	border-bottom: 0;
}*/
.onair-view .embed-responsive {
	height: 250px;
}
.onair-view .panel {
	margin-bottom: 0;
	border: 0;
}
.onair-view .panel-heading {
	padding: 0 15px;
}
.onair-view .panel-heading .title {
	position: relative;
    font-size: .875rem;
	font-weight: 600;
	margin: 15px 0 2px;
}
.onair-view .panel-heading .date-wrapper {
	font-size: .75rem;
	font-weight: 400;
	margin-bottom: 0;
}
.onair-view .panel-body {
	font-size: .8125rem;
}
.onair-view .panel-body.content {
	/*padding-top: 0;
	padding-bottom: 0;*/
    padding:0px;
}
.onair-view .panel-body.content > img {
    max-width:100%;
}
.onair-view .panel-body.content > p > img {
    max-width:100%;
}
.onair-page-wrapper .panel-body .tag-list {
	font-size: .75rem;
	font-weight: 600;
	color: #929292;
	margin-bottom: 10px;
}
.onair-page-wrapper .panel-body .tag:before {
	content: "#";
	padding-right: 3px;
}
.onair-page-wrapper .panel-body .tag:not(:last-child):after {
	content: ",";
}
.onair-view .panel-body > .comment {
    margin-top: 15px;
    font-size: .875rem;
    font-weight: 600;
    height: 20px;
}
.onair-view .panel-body > .comment > .regcomment {
    float: right;
}
.onair-view .reply-body .media-list {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 10px;
}
.onair-view .reply-body .media {
    padding: 10px;
    margin-top: 0;
}
.onair-view .reply-body .media:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}
.onair-view .reply-body .media > .media-body .media-heading {
    margin-bottom: 0;
}
.onair-view .reply-body .media > .media-body .writer {
    font-weight: 600;
}
.onair-view .reply-body .media > .media-body .date {
    color: #929292;
    font-size: .75rem;
    margin-right: 5px;
    letter-spacing: -.5px;
}
.onair-view .reply-body .media > .media-body .contents > .writer {
    font-weight: 600;
    margin-right: 5px;
    color: #8e8e8e;
}
.onair-view .reply-body .media.reply {
    position: relative;
    padding: 0 0 0 30px;
}
.onair-view .reply-body .media.reply > .media-body:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 15px;
    width: 10px;
    height: 10px;
    border-color: #999;
    border-width: 0 0 1px 1px;
    border-style: solid;
}
.onair-view .reply-body .media.input > .media-body {
    font-size: 0;
}
.onair-view .reply-form {
    font-size: 0;
    margin-bottom: 15px;
}
.onair-view .reply-input {
    display: inline-block;
    width: calc(100% - 85px);
    height: 60px;
    resize: none;
}
.onair-view .btn-reply {
    display: inline-block;
    font-size: .875rem;
    min-width: 80px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    margin-left: 5px;
    vertical-align: top;
}
.onair-view .more-reply {
    font-weight: 600;
    text-align: center;
}
.onair-view .panel-footer {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 0;
	border-bottom: 1px solid #e5e5e5;
}
/*.onair-list {
    margin-top: 20px;
}*/
.onair-list .col-xs-6:nth-child(2n+1) {
    padding-left: 0;
	padding-right: 2px;
}
.onair-list .col-xs-6:nth-child(2n) {
	padding-left: 2px;
    padding-right: 0;
}
.onair-list .panel.onair {
    height: 210px;
    border: 0;
}
.onair-list .embed-responsive {
	height: 150px;
    padding: 0;
}
.onair-list .embed-responsive img {
	width: 100%;
    height: 150px;
}
.onair-list .embed-responsive .player {
    position: absolute;
    top: 0;
    width: 100%;
    height: 150px;
    background-image: url('/contents/images/icon-onair.png');
    background-size: 30px 25px;
    background-repeat: no-repeat;
    background-position: center;
}
.onair-list .panel-body {
	padding: 0;
}
.onair-list .panel-heading .title {
	position: relative;
	font-size: .875rem;
	font-weight: 600;
	height: 32px;
	margin: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    overflow: hidden;
}
.onair-list .panel-heading .date-wrapper {
	font-size: .75rem;
	font-weight: 400;
	margin-bottom: 0;
}
.my-wrapper .panel {
	border: 0;
	margin-bottom: 0;
}
.my-wrapper .panel-heading {
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}
.my-wrapper .panel-heading .title {
	position: relative;
	height: 60px;
	line-height: 60px;
	margin: 0;
}
.my-wrapper .panel-heading .user-info,
.my-wrapper .panel-heading .filter-wrapper {
	position: absolute;
	top: 0;
	right: 0;
    white-space:nowrap;
}
.my-wrapper .panel-heading .img-circle {
	width: 40px;
	height: 40px;
}
.my-wrapper .panel-heading .user-name {
	font-size: .875rem;
	margin-left: 5px;
}
.my-wrapper .filter-wrapper .selectbox:before {
	right: 10px;
}
.my-wrapper .filter-wrapper .selectbox {
	display: inline-block;
	width: 80px;
}
.my-wrapper .filter-wrapper .selectbox.qna {
	width: 115px;
}
.my-wrapper .filter-wrapper .selectbox label,
.my-wrapper .filter-wrapper .selectbox select {
	padding-left: 10px;
	padding-right: 10px;
}
.my-wrapper .filter-wrapper .selectbox.status-filter:before {
	border-top-color: #fd0107;
}
.my-wrapper .filter-wrapper .selectbox.status-filter {
	border-color: #fd0107;
	background-color: #fff;
}
.my-wrapper .filter-wrapper .selectbox.status-filter label {
	color: #fd0107;
}
.my-wrapper .filter-wrapper .selectbox.year-filter:before {
	border-top-color: #fff;
}
.my-wrapper .filter-wrapper .selectbox.year-filter {
	background-color: #343a40;
}
.my-wrapper .filter-wrapper .selectbox.year-filter label {
	color: #fff;
}

.my-wrapper .panel-heading.summary-info {
	padding-left: 0;
	padding-right: 0;
}
.my-wrapper .panel-heading .table,
.my-wrapper .panel-heading ul {
	margin-bottom: 0;
}
.my-wrapper .panel-heading.summary-info .table {
	border-bottom: 1px solid #929292;
}
.my-wrapper .panel-heading .table>tbody>tr>th,
.my-wrapper .panel-heading .table>tbody>tr>td {
	text-align: center;
	padding: 8px 15px;
	border-color: #929292;
	background-color: #eaedf2;
}
.my-wrapper .panel-heading.myindex-info {
	padding: 15px 0;
    border-bottom: 1px solid #929292;
    background-color: #eaedf2;
}
.my-wrapper .panel-heading.myindex-info .list-group {
    margin-bottom: 0;
}
.my-wrapper .panel-heading.myindex-info .list-group-item {
    float: left;
    font-weight: 600;
    width: 33%;
    text-align: center;
    padding: 15px;
    border: 0;
    background-color: #eaedf2;
}
@media (max-width: 320px) {
    .my-wrapper .panel-heading.myindex-info .list-group-item {
        padding: 8px;
    }
}
.my-wrapper .panel-heading.myindex-info .list-group-item:nth-child(2) {
    border-right: 1px solid #929292;
    border-left: 1px solid #929292;
}
.my-wrapper .panel-heading.myindex-info .list-group-item .count {
    display: block;
    font-size: 1.5rem;
}
.my-wrapper .panel-heading.myindex-info .list-group-item .unit {
    font-size: .875rem;
    color: #343a40;
    padding-left: 2px;
}
.my-wrapper .panel-heading.myindex-info .list-group-item .text {
    /*font-size: 1rem;*/
}
.my-wrapper .panel-heading.myindex-info .list-group-item .text .fa {
    position: relative;
    top: 1px;
    /*font-size: 1.0625rem;*/
    font-size: 0.99rem;
    margin-right: 5px;
}
.my-wrapper .panel-heading.myindex-info .list-group-item .text .fa-truck {
    font-size: 1.125rem;
}
.my-wrapper .panel-heading.myindex-info .list-group-item .text .fa-angle-right {
    top: 2px;
    font-size: 1.25rem;
    margin-left: 5px;
    margin-right: 0;
}
/*.my-wrapper .panel-heading.summary-info .table>tbody>tr>td.myindex-info {
	font-weight: 600;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>td.myindex-info .count {
    display: block;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa {
	position: relative;
	font-size: 1.125rem;
	margin-right: 7px;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa-tag {
	top: 2px;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa-truck {
	top: 1px;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>td .fa {
	position: relative;
	top: 2px;
	font-size: 1.5rem;
	margin: 0 10px;
}*/
.my-wrapper .panel-heading .table>tbody>tr>td+td {
	border-left: 1px solid #343a40;
}
.my-wrapper .panel-heading .item-title {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0;
}
.my-wrapper .panel-heading .table>tbody>tr>td li {
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
.my-wrapper .panel-heading .table>tbody>tr>td li > .item-title {
	font-size: 1rem;
}
.my-wrapper .panel-heading .table>tbody>tr>td .count-wrapper {
	position: absolute;
	top: 0;
	right: 10px;
}
.my-wrapper .panel-heading .table>tbody>tr>td li+li {
	margin-top: 7px;
}
.my-wrapper .panel-heading .table>tbody>tr>td.coupon > .item-title {
	margin-bottom: 10px;
}
.my-wrapper .panel-heading .count {
	font-size: 1.5rem;
	font-weight: 600;
}
.my-wrapper .panel-body.order {
	padding: 0;
}
.my-wrapper .prod-order-wrapper {
	margin-bottom: 20px;
}
.my-wrapper .prod-order-wrapper.detail {
    margin-bottom: 0;
}
.my-wrapper .prod-order > .panel-heading {
	font-weight: 600;
	padding: 10px 0 8px;
	border-color: #e5e5e5;
	background-color: #eaedf2;
}
.my-wrapper .prod-order > .panel-heading p {
    font-size: .8125rem;
	margin-bottom: 0;
}
.my-wrapper .prod-order > .panel-heading .label-date {
	padding: 0 5px 0 15px;
}
.my-wrapper .prod-order > .panel-heading .label-date:after {
	content: ":";
	padding-left: 3px;
}
.my-wrapper .prod-order > .panel-heading .date {
	margin-right: 5px;
}
.my-wrapper .prod-order > .panel-heading a {
	position: relative;
	top: -4px;
	float: right;
    font-weight: 400;
	padding-right: 15px;
}
.my-wrapper .prod-order > .panel-heading a .fa {
	position: relative;
	top: 2px;
    color: #929292;
	font-size: 1.25rem;
	padding-left: 5px;
}
.my-wrapper .prod-order > .panel-body {
	padding: 0;
}
.my-wrapper .prod-order > .panel-body > .price-wrapper {
	font-weight: 600;
	margin: 10px 15px;
}
.my-wrapper .prod-order > .panel-body > .price-wrapper .price {
	font-size: 1.25rem;
	padding: 0 15px 0 7px;
}
.my-wrapper .prod-order > .panel-body > .price-wrapper .status {
    float: right;
    line-height: 30px;
}
.my-wrapper .prod-order .status-41,
.my-wrapper .prod-order .status-43 {
    color: #0491e2;
}
.my-wrapper .prod-order .status-42 {
    color: #074686;
}
.my-wrapper .prod-order .status-70 {
    color: #ff0000;
}
.my-wrapper .prod-order .status-51,
.my-wrapper .prod-order .status-52 {
    color: #02cb31;
}
.my-wrapper .prod-order .status-61,
.my-wrapper .prod-order .status-62 {
    color: #8503d8;
}
.my-wrapper .prod-order > .panel-body > .panel {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}
.my-wrapper .prod-order:last-child > .panel-body > .panel {
    margin-bottom: 0;
}
.my-wrapper .prod-order .panel .panel-heading {
	font-weight: 600;
	padding: 10px 15px 0;
}
.my-wrapper .prod-order .panel .panel-heading .text-danger {
	float: right;
}
.my-wrapper .prod-order .panel .media-object {
	width: 99px;
	height: 99px;
}
.my-wrapper .prod-order .panel .media-left {
	padding-right: 20px;
}
.my-wrapper .prod-order .panel .media-body {
	position: relative;
}
.my-wrapper .prod-order .panel .media-body .subject {
	font-size: 1rem;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 5px;
}
.my-wrapper .prod-order .panel .media-body .option {
	font-size: .8125rem;
    color: #929292;
    letter-spacing: -2px;
    margin-bottom: 0;
}
.my-wrapper .prod-order .panel .media-body .price {
    color: #fd0107;
	font-size: 1rem;
	font-weight: 600;
	margin: 5px 0;
}
.my-wrapper .prod-order .panel .media-body .price .count:before {
	content: "(";
}
.my-wrapper .prod-order .panel .media-body .price .count:after {
	content: ")";
}
.my-wrapper .prod-order .panel .media-body .price .count {
	font-size: .875rem;
	font-weight: 400;
}
.my-wrapper .prod-order .panel .panel-body .cs_img {
	position: relative;
	border: 1px solid #eee;
	padding: 5px 0;
	margin: 4px 0;
}
.my-wrapper .prod-order .panel .panel-body .cs_img .remove {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 4px;
}

.my-wrapper .prod-order .panel .panel-body .cs_img img {
	height: 114px;
	margin: 0 auto;
}
.my-wrapper .prod-order .panel .panel-footer {
	text-align: center;
	border-color: #e5e5e5;
}
.my-wrapper .prod-order .panel .panel-footer .btn {
	font-size: .8125rem;
	font-weight: 600;
    height: 32px;
    line-height: 32px;
	padding: 0 7px;
}
.my-wrapper .prod-order .panel .panel-footer .btn-default {
	/*border-color: #343a40;*/
	margin-left: -2px;
}
.my-wrapper .prod-order .panel .panel-footer.return p {
	/*font-size: 1rem;*/
	font-weight: 600;
	margin-bottom: 0;
}
.my-wrapper .prod-order .panel .panel-footer.return .btn {
	float: right;
	padding: 0 26px;
}
.my-wrapper .prod-order .panel .panel-footer .desc {
	font-size: 11px;
	display: block;
	padding-top: 6px;
}
.my-wrapper .order > .more-view {
    margin-bottom: 20px;
}
.my-wrapper .order > .more-view > .btn {
    font-size: .875rem;
    width: 120px;
    height: 30px;
    line-height: 30px;
    padding: 0 26px;
}
.delivery-step-wrapper h4 {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 45px 15px 10px;
}
.delivery-step-wrapper .desc {
	padding: 15px 15px 15px 35px;
	/*border-bottom: 1px solid #929292;*/
}
.my-wrapper .panel-body .delivery-step-wrapper .desc {
	margin: 10px 0 40px;
    border-top: 1px solid #929292;
    border-bottom: 1px solid #929292;
}
.delivery-step-wrapper .desc li {
	font-size: .75rem;
	padding: 3px 0;
}
.my-wrapper .panel-body.index {
	padding: 0 0 25px 0;
}
.my-wrapper .panel-body .menu-wrapper {
	border-bottom: 1px solid #929292;
}
.my-wrapper .panel-body .menu-title {
	font-size: 1.125rem;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	margin: 15px 0 0;
	border-bottom: 1px solid #e5e5e5;
}
.my-wrapper .panel-body ul {
	margin-bottom: 0;
}
.my-wrapper .panel-body .menu {
	height: 34px;
	line-height: 36px;
	padding: 0;
	background-color: #f8f9fa;
}
.my-wrapper .panel-body .menu a {
	float: left;
	color: #929292;
	/*font-size: .8125rem;*/
    font-size: .76rem;
	font-weight: 400;
	width: 49%;
	padding: 0 15px;
}
.my-wrapper .panel-body .menu a .fa {
	float: right;
	font-size: 1.125rem;
	line-height: 32px;
}
@media (max-width: 320px) {
    .my-wrapper .panel-body .menu a {
        font-size: .75rem;
        padding-left: 8px;
        padding-right: 8px;
    }
    .my-wrapper .panel-body .menu a .fa {
        font-size: 1rem;
        line-height: 34px;
    }
}
.my-wrapper .panel-body .menu a:first-child {
	border-right: 1px solid #e5e5e5;
}
.my-wrapper .panel-body .menu:first-child {
	border-right: 1px solid #e5e5e5;
}
.my-wrapper .sub-title {
	font-size: 1rem;
	font-weight: 600;
    height: 40px;
    line-height: 40px;
	padding: 0 15px;
    margin: 0;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
}
.my-wrapper .info-wrapper:last-child {
    border-bottom: 1px solid #e5e5e5;
}
.my-wrapper .info-wrapper .table {
    margin-bottom: 0;
}
.my-wrapper .info-wrapper .table>tbody>tr:first-child>th,
.my-wrapper .info-wrapper .table>tbody>tr:first-child>td {
	/*border-top: 1px solid #343a40;*/
}
.my-wrapper .info-wrapper .table>tbody>tr:last-child>th,
.my-wrapper .info-wrapper .table>tbody>tr:last-child>td {
	/*border-bottom: 1px solid #e5e5e5;*/
}
.my-wrapper .info-wrapper .table>tbody>tr>th {
	width: 120px;
	padding-left: 10px;
}
.my-wrapper .info-wrapper .table>tbody>tr>th.active,
.my-wrapper .info-wrapper .table>tbody>tr>td.active {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #f8f9fa;
}
.my-wrapper .info-wrapper .table>tbody>tr>td {
	padding-left: 15px;
	padding-right: 15px;
}
.my-wrapper .info-wrapper.receipt-info h6 {
	font-size: .875rem;
	font-weight: 600;
	text-align: center;
	padding: 20px 15px;
	border-top: 1px solid #343a40;
	border-bottom: 1px solid #343a40;
}
.my-wrapper .info-wrapper.receipt-info h6 .btn {
	font-size: .875rem;
	font-weight: 600;
	margin-top: 15px;
}
.my-wrapper .go-list .btn {
	font-size: .875rem;
	font-weight: 600;
	padding: 0 26px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
.my-wrapper .my-info {
	/*padding-bottom: 50px;*/
}
.my-wrapper .my-info .panel-body {
	padding: 0 0 20px;
}
.my-wrapper .my-info .table {
	margin-bottom: 0;
}
.my-wrapper .my-info .table .user-name {
    font-weight: 600;
}
.my-wrapper .my-info.delivery .panel-body {
	padding: 0;
}
.my-wrapper .my-info .table>thead>tr>th.active {
	font-weight: 600;
	height: 40px;
	padding: 10px 20px;
	border-bottom: 0;
}
.my-wrapper .my-info .table>tbody>tr>th,
.my-wrapper .my-info .table>tbody>tr>td {
	height: 20px;
	padding: 10px 20px;
}
.my-wrapper .my-info.delivery .table {
    margin-bottom: 5px;
}
.my-wrapper .my-info.delivery .table>tbody>tr:first-child>th,
.my-wrapper .my-info.delivery .table>tbody>tr:first-child>td {
	border-top: 1px solid #343a40;
}
.my-wrapper .my-info.delivery .table:first-child>tbody>tr:first-child>th,
.my-wrapper .my-info.delivery .table:first-child>tbody>tr:first-child>td {
	border-top: 0
}
.my-wrapper .my-info.delivery .table>tbody>tr>td.btn-wrapper {
	line-height: 30px;
}
.my-wrapper .my-info.delivery .table>tbody>tr>td.btn-wrapper .btn {
    position: relative;
    top: 2px;
	float: right;
	font-size: .8125rem;
	height: 26px;
	line-height: 28px;
	padding-top: 0;
	padding-bottom: 0;
	/*color: #fff;
	background-color: #343a40;*/
}
.my-wrapper .my-info .table>tbody>tr:last-child>th,
.my-wrapper .my-info .table>tbody>tr:last-child>td {
	border-bottom: 1px solid #929292;
}
.my-wrapper .my-info .table>tbody>tr>td p {
	margin-bottom: 5px;
}
.my-wrapper .my-info .table > tbody > tr > td p.checkbox-wrapper .checkbox-inline {
    position: relative;
}
.my-wrapper .my-info .table > tbody > tr > td p.checkbox-wrapper .checkbox-inline input[type="checkbox"] {
    top: -2px;
}
.my-wrapper .my-info .table>tbody>tr>td .form-group {
	margin-bottom: 10px;
}
.my-wrapper .my-info .table>tbody>tr>td .form-group:last-child {
	margin-bottom: 0;
}
.my-wrapper .my-info .table>tbody>tr>td .form-control {
	height: 30px;
	border-color: #929292;
}
.my-wrapper .my-info .table > tbody > tr > td.phone-wrapper .form-control {
    display: inline-block;
    width: 31.9%;
}
.my-wrapper .my-info .table>tbody>tr>td .mail,
.my-wrapper .my-info .table>tbody>tr>td .sms {
	margin-left: 3px;
}
.my-wrapper .my-info .table>tfoot>tr>td {
	font-size: .75rem;
	padding-left: 15px;
	padding-right: 15px;
}
.my-wrapper .my-info .table>tfoot>tr>td .btn {
	/*color: #fff;*/
	font-size: .75rem;
	padding: 0 6px;
	/*background-color: #343a40;*/
}
.my-wrapper .my-info .panel-footer {
	border-top: 0;
	padding: 0;
	margin: 20px 0;
}
.my-wrapper .my-info .panel-footer .btn {
	font-size: .875rem;
	font-weight: 600;
	min-width: 150px;
	height: 40px;
	line-height: 40px;
	padding: 0 26px;
	border-color: #929292;
}
.my-wrapper .my-info .panel-footer .btn-danger {
    border-color: #fd0107;
    margin-right: 3px;
}
.my-wrapper .my-info-table.table>thead>tr>th {
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	border-bottom: 0;
	border: 1px solid #343a40;
}
.my-wrapper .my-info-table.table>tbody>tr>td {
	text-align: left;
	vertical-align: middle;
}
.my-wrapper .qna-info {
	/*margin-bottom: 100px;*/
}
.my-wrapper .prodqna {
	 text-align:center;
     margin-top:20px;
     margin-bottom:20px;
}
.my-wrapper .prodreview {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.my-wrapper .qna-info.table>tbody>tr>td {
	border-bottom-color: #343a40;
}
.my-wrapper .qna-info.table>tbody>tr>td.detail {
	padding: 0;
}
.my-wrapper .qna-info.table>tbody>tr>td.detail ul {
	margin-bottom: 0;
}
.my-wrapper .qna-info.table>tbody>tr>td.detail li {
	text-align: left;
	padding: 15px;
	border: 0;
}
.my-wrapper .qna-info.table>tbody>tr>td.review-detail li {
	padding-top: 15px;
	padding-bottom: 15px;
}
.my-wrapper .qna-info.table>tbody>tr>td.detail li .media-left {
	padding-right: 15px;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .media-object {
	width: 65px;
	height: 65px;
}
.my-wrapper .qna-info.table>tbody>tr>td.review-detail li .media-object {
	width: 65px;
	height: 65px;
}
.my-wrapper .qna-info.table>tbody>tr>td.detail li .media-body {
	position: relative;
}
.my-wrapper .qna-info.table>tbody>tr>td.detail li .media-body .subject {
	font-size: 1rem;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 5px;
}
.my-wrapper .qna-info.table>tbody>tr>td.detail li .media-body .option {
    color: #929292;
    font-size: .8125rem;
	font-weight: 400;
    letter-spacing: -2px;
	margin-bottom: 10px;
}
.my-wrapper .qna-info.table>tbody>tr>td.review-detail li .media-body .date {
	font-size: .875rem;
	font-weight: 600;
	margin-bottom: 0;
}
.my-wrapper .qna-info.table>tbody>tr>td.review-detail li .media-body .date span {
	margin-left: 10px;
}
.my-wrapper .qna-info.table>tbody>tr>td.detail li .media-right {
	font-weight: 600;
	min-width: 65px;
}
.my-wrapper .qna-info.table>tbody>tr>td.review-status {
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}
.my-wrapper .qna-info.table>tbody>tr>td.review-status .btn {
	font-size: .875rem;
	min-width: 70px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin-bottom: 5px;
}
.my-wrapper .qna-info.table>tbody>tr>td.review-status .util {
	margin-bottom: 0;
}
.my-wrapper .qna-info.table>tbody>tr>td.review-status .util a:focus,
.my-wrapper .qna-info.table>tbody>tr>td.review-status .util a:hover {
	color: #fd0107;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li.q,
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li.a {
	border-top: 1px solid #e5e5e5;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li.a {
	background-color: #eaedf2;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .question:before {
	content: "Q.";
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .answer:before {
	content: "A.";
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .question,
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .answer {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 5px;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li.q .user-name:after {
	content: "|";
	padding: 0 2px 0 5px;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .question .date,
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .answer .date {
	font-size: .875rem;
	padding-left: 10px;
	letter-spacing: -1px;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .review {
	margin-bottom: 5px;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .review .date {
	font-weight: 600;
	margin-bottom: 0;
}
.my-wrapper .qna-info.table>tbody>tr>td.qna-detail li .text {
	margin-bottom: 0;
}
.my-wrapper .qna-info.table>tbody>tr.review>td {
	border-bottom-color: #e5e5e5;
}
.my-wrapper .qna-info.table>tbody>tr.review>td.qna-detail li.a {
	border-top-color: #e5e5e5;
}
.my-wrapper .summary-coupon {
	padding: 0;
	margin-bottom: 10px;
}
.my-wrapper .summary-coupon li {
	position: relative;
	float: left;
	font-size: .875rem;
	width: 50%;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	border-color: #343a40;
	letter-spacing: -2px;
}
.my-wrapper .summary-coupon li+li {
	border-left: 0;
}
.my-wrapper .summary-coupon li.not-use {
	background-color: #eaedf2;
}
.my-wrapper .summary-coupon li .title {
	margin-bottom: 0;
}
.my-wrapper .summary-coupon li a {
	position: absolute;
	top: -3px;
	right: 15px;
}
.my-wrapper .summary-coupon li a .count {
	font-size: 1.375rem;
	padding-right: 5px;
}
.my-wrapper .coupon-info {
	padding: 0 0 50px;
}
.my-wrapper .coupon-info .table>thead>tr>th {
	border: 1px solid #343a40;
}
.my-wrapper .coupon-info .table>thead>tr>th,
.my-wrapper .coupon-info .table>tbody>tr>td {
	text-align: center;
}
.my-wrapper .coupon-info .table>tbody>tr>td {
	font-size: .8125rem;
}
.my-wrapper .coupon-info .table>tbody>tr>td .btn {
	font-size: .6875rem;
}

.my-wrapper .coupon-info .table>tbody>tr>td .desc {
	margin-bottom: 0;
}
.my-wrapper .coupon-info .table>tbody>tr>td .btn {
	padding: 1px 3px;
}
.my-wrapper.return .panel-heading {
    font-weight: 600;
    padding: 10px 0 8px;
    border-color: #e8e8e8;
    background-color: #eaedf2;
}
.my-wrapper.return .panel-heading p {
    font-size: .8125rem;
    margin-bottom: 0;
}
.my-wrapper.return .panel-heading .label-date {
    padding: 0 5px 0 15px;
}
.my-wrapper.return .panel-heading .date {
    margin-right: 5px;
}
.my-wrapper.return .panel-heading .number {
    float: right;
    font-size: .75rem;
    line-height: 18px;
    padding-right: 15px;
}
.my-wrapper.return .prod-info-wrapper {
    margin: 5px 15px;
    border: 1px solid #929292;
}
.my-wrapper.return .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}
.my-wrapper.return .panel-body .point-wrapper {
    padding: 10px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
}
.my-wrapper.return .panel-body .point-wrapper .btn {
    font-size: .875rem;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-color: #929292;
}
.my-wrapper.return .panel-body .text {
    float: right;
    line-height: 30px;
}
.my-wrapper.return .panel-body .point {
    font-weight: 600;
    margin-left: 3px;
}
.my-wrapper.return .panel-body .media {
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
}
.my-wrapper.return .panel-body .media-object {
    width: 99px;
    height: 99px;
}
.my-wrapper.return .panel-body .subject {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px;
}
.my-wrapper.return .panel-body .option {
    font-size: .8125rem;
    color: #929292;
    letter-spacing: -2px;
    margin-bottom: 0;
}
.my-wrapper.return .panel-body .price {
    color: #fd0107;
    font-size: 1rem;
    font-weight: 600;
    margin: 5px 0;
}
.my-wrapper .return .panel-body .price .count:before {
    content: "(";
}
.my-wrapper .return .panel-body .price .count {
    padding-left: 3px;
}
.my-wrapper .return .panel-body .price .count:after {
    content: ")";
}
.my-wrapper.return .panel-body .selectbox-wrapper,
.my-wrapper.return .panel-body .form-group,
.my-wrapper.return .panel-body .desc,
.my-wrapper.return .panel-body .radio-wrapper {
    margin: 0 15px 10px;
}
.my-wrapper.return .panel-body .selectbox {
    margin-bottom: 10px;
    border-color: #ccc;
    background-color: transparent;
}
.my-wrapper.return .panel-body .title {
    font-size: .9375rem;
    font-weight: 600;
    padding: 10px 15px;
    margin: 15px 0;
    border-top: 2px solid #929292;
    border-bottom: 1px solid #ccc;
    background-color: #f8f9fa;
}
.my-wrapper.return .panel-body .title a {
    float: right;
    color: #0075ff;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3;
}
.my-wrapper.return .panel-body .title .fa {
    position: relative;
    top: 1px;
    color: #0075ff;
    font-size: 1.125rem;
    margin: 0 5px;
}
.my-wrapper.return .panel-body.reason {
    padding: 0;
}
.my-wrapper.return .panel-body.reason .desc {
    font-size: .75rem;
    font-weight: 600;
    text-align: left;
}
.my-wrapper.return .panel-body.reason .desc p {
    margin-bottom: 0;
}
.my-wrapper.return .panel-body.reason .desc p:last-child {
    padding-left: 18px;
}
.my-wrapper.return .panel-body.reason .desc .fa {
    color: #929292;
    padding-right: 7px;
}
.my-wrapper.return .panel-body .image-upload {
    text-align: center;
    margin-bottom: 20px;
}
.my-wrapper.return .panel-body .image-upload .btn {
    font-size: .875rem;
    font-weight: 600;
    width: 180px;
    height: 34px;
    line-height: 34px;
    padding: 0 26px;
    margin: 15px 0;
}
.my-wrapper.return .panel-body .image-wrapper {
    color: #929292;
    text-align: center;
    min-height: 50px;
    margin-top: 10px;
}
.my-wrapper.return .panel-body .image {
    display: inline-block;
    width: 200px;
}
.my-wrapper.return .panel-body.ing-yn,
.my-wrapper.return .panel-body.address {
    padding: 0;
}
.my-wrapper.return .panel-body.ing-yn .desc {
    font-size: .8125rem;
    font-weight: 600;
}
.my-wrapper.return .panel-body .radio {
    padding-left: 10px;
}
.my-wrapper.return .panel-body .radio label {
    font-size: .8125rem;
    line-height: 26px;
}
.my-wrapper.return .panel-body .table {
    border-bottom: 1px solid #ccc;
}
.my-wrapper.return .panel-body .table>tbody>tr>th,
.my-wrapper.return .panel-body .table>tbody>tr>td {
    font-size: .8125rem;
    padding-left: 15px;
    padding-right: 15px;
}
.my-wrapper.return .panel-body .table .list-group {
    margin-bottom: 0;
}
.my-wrapper.return .panel-body .table .list-group-item {
    padding: 2px 0;
    border: 0;
    background-color: transparent;
}
.my-wrapper.return .panel-body .table .total-price {
    font-weight: 600;
    text-align: right;
}
.my-wrapper.return .panel-body .btn-wrapper {
    text-align: center;
    margin: 0 15px 40px;
}
.my-wrapper.return .panel-body .btn-wrapper .btn {
    font-size: .875rem;
    font-weight: 600;
    width: 49%;
    height: 40px;
    line-height: 40px;
    padding: 0 26px;
}
.my-wrapper.return .panel-footer {
    border-top: 0;
}
.my-wrapper.return .panel-footer .media {
    margin-top: 5px;
}
.my-wrapper.return .panel-footer .media:last-child {
    margin-bottom: 5px;
}
.my-wrapper.return .panel-footer .text {
    float: left;
    font-size: .8125rem;
    font-weight: 600;
    width: 60%;
    line-height: 30px;
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: -1px;
}
.my-wrapper.return .panel-footer .btn.minus {
    font-size: 1.5rem;
}
.my-wrapper.return .panel-footer .btn.plus {
    margin-left: -1px;
}
.my-wrapper.return .panel-footer .btn {
    float: right;
    font-weight: 600;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background-color: #fff;
    border-color: #ccc;
}
.my-wrapper.return .panel-footer .form-control {
    float: right;
    font-weight: 600;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: -1px;
    background-color: #fff;
}
.purchase-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}
.purchase-option .short-down {
	width: 60px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 1px;
	background-color: #fff;
}
.purchase-option .short-down .fa {
	font-size: 1.5rem;
	color: #929292;
	line-height: 20px;
}
.purchase-option .selectbox {
	border-color: #ccc;
	background-color: #fff;
}
.purchase-option .selectbox:before {
	border-top-color: #929292;
}
.purchase-option .panel {
	margin-bottom: 0;
	border-color: #ccc;
	border-width: 1px 0;
}
.purchase-option .panel-footer {
	padding: 0;
	border-top-color: #ccc;
}
.purchase-option .panel-footer > .btn {
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	height: 50px;
	line-height: 50px;
	padding: 0;
	box-shadow: none;
}
.purchase-option .option {
	padding: 15px 25px;
}
.purchase-option .option .desc {
	font-size: .8125rem;
	font-weight: 600;
	margin-bottom: 10px;
}
.purchase-option .option .form-group {
	margin-bottom: 5px;
}
.purchase-option .option .form-group:last-child {
	margin-bottom: 0;
}
.purchase-option .result {
	padding: 0 25px;
    max-height: 350px;
    overflow-y: auto;
}
.purchase-option .result .panel-body {
	font-size: .8125rem;
	padding: 0;
}
.purchase-option .result .media {
	padding: 10px 15px;
	border: 1px solid #ccc;
	background-color: #f8f9fa;
}
.purchase-option .result .media:last-child {
	margin-bottom: 15px;
}
.purchase-option .result .media-body {
	font-weight: 400;
	position: relative;
	vertical-align: middle;
}
.purchase-option .result .media-body .option-title {
	font-weight: 600;
	margin-bottom: 5px;
}
.purchase-option .result .media-body .count-wrapper {
	margin-bottom: 0;
}
.purchase-option .result .media-body .count-wrapper .btn {
	float: left;
	font-weight: 600;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border-color: #ccc;
}
.purchase-option .result .media-body .count-wrapper .btn.minus {
	font-size: 1.25rem;
    margin-right: -1px;
}
.purchase-option .result .media-body .count-wrapper .btn.plus {
    margin-left: -1px;
}
.purchase-option .result .media-body .count-wrapper .form-control {
	float: left;
	font-weight: 600;
	width: 50px;
	height: 30px;
	line-height: 30px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff;
}
.purchase-option .result .media-body .price {
	float: right;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 30px;
	margin-right: 10px;
}
.purchase-option .result .media-body .price:after {
	content: "원";
	font-size: .8125rem;
}
.purchase-option .result .media-body .close {
	position: relative;
	top: 3px;
	font-size: .875rem;
	color: #929292;
	padding: 3px 3px 2px;
	border: 1px solid #ccc;
	background-color: #fff;
	opacity: 1;
}
.purchase-option .goods-price {
    padding: 5px 25px;
	border: 0;
	background-color: #eaedf2;
}
.purchase-option .total-price {
	font-weight: 600;
	padding: 5px 25px;
    border-top: 1px solid #ccc;
	background-color: #eaedf2;
}
.purchase-option .total-price span.total {
	font-size: 1.25rem;
	margin-left: 10px;
}
.purchase-option .btn-pay,
.purchase-option .btn-cart {
	float: left;
	color: #fff;
	width: 50%;
}
.purchase-option .btn-pay {
	background-color: #fd0107;
	border-color: #fd0107;
}
.purchase-option .btn-cart {
	background-color: #343a40;
	border-color: #343a40;
}
.purchase-wrapper > .panel {
	margin-bottom: 0;
	border: 0;
}
.purchase-wrapper > .panel > .panel-footer {
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.purchase-wrapper > .panel > .panel-footer > .btn {
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	height: 50px;
	line-height: 50px;
	padding: 0;
	box-shadow: none;
}
.purchase-wrapper > .panel > .panel-footer .btn-kakao,
.purchase-wrapper > .panel > .panel-footer .btn-purchase {
    width: 50%;
}
/*.purchase-wrapper > .panel > .panel-footer > .btn-kakao {
	width: 180px;
}*/
.purchase-wrapper > .panel > .panel-footer > .btn-kakao span {
    padding-right: 6px;
}
.purchase-wrapper > .panel > .panel-footer > .btn-kakao img {
    width: 22px;
}
.purchase-wrapper > .panel > .panel-footer > .btn-like.active {
	color: #fd0107;
}
.purchase-wrapper > .panel > .panel-footer > .btn-purchase {
	float: right;
	/*width: calc(100% - 180px);*/
	color: #fff;
	background-color: #fd0107;
	border-color: #fd0107;
}
.footer-menu {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid #ccc;
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.5s;
}
.footer-menu.active {
	opacity: 1;
	transition: opacity 0.5s;
}
.footer-menu > ul {
	display: table;
	width: 100%;
	margin-bottom: 0;
}
.footer-menu > ul > li {
	display: table-cell;
	width: 25%;
	height: 60px;
	/*line-height: 60px;*/
	text-align: center;
	vertical-align: middle;
	padding: 0;
	border: 0;
	background-color: #fff;
}
.footer-menu > ul > li > a {
	display: block;
}
.footer-menu ul  li  a img{
	width: 28px;
	height: 28px;
}
.footer-menu > ul > li .fa,
.footer-menu > ul > li .fontello {
	display: block;
	font-size: 1.563rem;
}
.footer-menu > ul > li .menu {
	display: block;
	font-size: .6125rem;
}
.footer-menu > ul > li > .active > .fa,
.footer-menu > ul > li > .active > .fontello,
.footer-menu > ul > li > .active > .menu {
	/*color: #fd0107;*/
}
.kakao-wrapper {
    padding: 10px 0;
    background-color: #ddd;
}
.kakao-wrapper .panel {
    margin-bottom: 0;
    border: 0;
    background-color: transparent;
}
.kakao-wrapper .panel-body {
    padding: 0;
}
.kakao-wrapper .panel-body a img {
	margin: 0 auto;
	width: 100%;
}
/*.kakao-wrapper .panel-body .title {
    font-size: .875rem;
    font-weight: 600;
}
.kakao-wrapper .panel-body .desc {
    font-size: .8125rem;
}
.kakao-wrapper .panel-body .btn {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    min-width: 200px;
    height: 34px;
    line-height: 32px;
    padding: 0 26px;
    margin: 5px 0;
    border-radius: 16px;
    border-color: #372b13;
    background-color: #372b13;
}*/
.footer-wrapper {
    border: 1px solid #e5e5e5;
    background-color: #fff;
}
.footer-wrapper.show {
    margin-bottom: 61px;
}
.footer-wrapper.show-detail {
    margin-bottom: 51px;
}
.footer-wrapper .customrer-account {
	padding: 15px;
}
.footer-wrapper .customrer-account h5 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 10px;
}
.footer-wrapper .customrer-account .tel {
	font-size: .8125rem;
	height: 20px;
	margin-bottom: 5px;
}
.footer-wrapper .customer {
	padding-left: 0px;
	padding-right: 0;
	border-right: 1px solid #e5e5e5;
	width: 55%;
	padding-left: 0 !important;
}
.footer-wrapper .account {
	padding-left: 30px;
	width: 45%;
}
@media (max-width: 400px) {
    .footer-wrapper .customer,
    .footer-wrapper .account {
        padding-left: 15px;
    }
}
.footer-wrapper .customrer-account ul {
	/* margin-bottom: 0; */
}
.footer-wrapper .customrer-account ul li {
	font-size: .6875rem;
	font-weight: 400;
	padding: 2px 0;
	border: 0;
}
.footer-wrapper .menu-wrapper {
	text-align: center;
	height: 34px;
	line-height: 30px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.footer-wrapper .menu-wrapper .menu {
	font-size: .75rem;
	color: #343a40;
}
.footer-wrapper .menu-wrapper .menu:not(:first-child):before {
	content: "|";
	font-size: .75rem;
	padding-right: 5px;
	padding-left: 5px;
}
.footer-wrapper.sidemenu .company ul {
    margin: 0;
}
.footer-wrapper.sidemenu .company .info ul {
    margin: 10px;
}
.footer-wrapper .company ul {
	margin: 10px 0 10px 30px;
}
.footer-wrapper .company ul li {
	font-size: .6875rem;
	font-weight: 400;
	padding: 1px 0;
	border: 0;
	letter-spacing: -.3px;
}
.footer-wrapper .company ul li.inicis {
    position:relative;
}
.footer-wrapper .company ul li.inicis img {
    cursor: pointer;
    width: 38px;
    height: 38px;
    position: absolute;
    top: -15px;
    z-index: 1;
    margin-left: 65px;
}
.copyright {
	font-size: .6875rem;
	height: 34px;
	line-height: 34px;
}
.back-to-top {
	position: fixed;
	right: 15px;
	bottom: 17px;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 50%;
	background-color: #343a40;
	opacity: 0;
	transition: opacity 0.5s;
	z-index: 1000;
}
.back-to-top.active {
    cursor: pointer;
	opacity: .7;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
	transition: opacity 0.5s;
}
.back-to-kakao {
	position: fixed;
	right: 15px;
	bottom: 130px;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	display: none;
	transition: display 0.5s;
	z-index: 1000;
}
.back-to-kakao.active {
	display: block;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
	transition: display 0.5s;
}
.back-to-top a {
	font-size: .688rem;
	font-weight: 600;
	color: #fff;
	display: block;
    line-height: 16px;
}
.back-to-top a .fa {
	display: block;
	position: relative;
	top: 2px;
	font-size: .875rem;
}
.back-to-left {
    position: fixed;
    left: 15px;
    bottom: 70px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #222;
    opacity: 0;
    transition: opacity 0.5s;
    z-index: 1000;
}
.back-to-left.active {
    opacity: .7;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s;
}
.back-to-left a {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    line-height: 24px;
}
.back-to-left a .fa {
    display: block;
    position: relative;
    top: 12px;
    font-size: 1.5rem;
}
@media (min-width: 768px) {
	/*.footer-wrapper {
		margin-top: 15px;
	}*/
.back-to-left {
width: 65px;
height: 65px;
}
.back-to-left a {
    font-size: 1.125rem;
}
.back-to-left a .fa {
    top: 5px;
    font-size: 2rem;
}

}
    .gnb>.menu { 
        margin: 0 12px;
        font-size: 15px;
    }
    .category-view-wrapper .nav-tabs>li>a {
        /*min-width: 60px;*/
        font-size: 15px;
    }
/*    .prod-wrapper > .col-xs-6 {
        height: 495px;
    }*/
    .prod.type2>.panel-body {
        height: 136px;
    }
    .prod.type1>.panel-body .prod-title {
        font-size: 1.2rem;
        max-height: 44px !important;
    }
    .prod.type2>.panel-body .prod-title {
        font-size: 1.2rem;
        max-height: 43px;
    }
    .prod.type1>.panel-body .buy {
        margin-top: 3px;
    }
/*    .scroll-prod-wrapper>.prod {
        height: 484px;
    }*/
    .prod.type1>.panel-body {
        height: 128px;
    }
    .my-wrapper .filter-wrapper .selectbox:before {
        right: 5px;
    }
	.footer-wrapper .customrer-account {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer-wrapper .customrer-account h5 {
		font-size: 1.25rem;
		margin-top: 17px;
		margin-bottom: 17px;
	}
	.footer-wrapper .customrer-account .tel {
		font-size: 1rem;
		margin-bottom: 15px;
	}
	.footer-wrapper .customrer-account ul li {
		font-size: 1rem;
		padding: 4px 0;
	}
	.footer-wrapper .menu-wrapper {
		height: 34px;
		line-height: 30px;
	}
	.footer-wrapper .menu-wrapper .menu {
		font-size: .75rem;
	}
	.footer-wrapper .menu-wrapper .menu:not(:first-child):before {
		font-size: .75rem;
		padding-right: 6px;
		padding-left: 7px;
	}
	.footer-wrapper .company .info {
		position: relative;
	}
	.footer-wrapper .company .logo {
		position: absolute;
		top: 5px;
		left: 25px;
		width: 131px;
		height: 52px;
		background-image: url('/contents/images/logo.png');
		/*background-position: -10px -168px;*/
	}
	.footer-wrapper .company ul {
		/*margin: 32px 0 32px 235px;*/
        margin: 11px 0 40px 29px
	}
	.footer-wrapper .company ul li {
		font-size: .75rem;
		padding: 3px 0;
	}
	.back-to-top {
		width: 50px;
		height: 50px;
	}
	.back-to-top a {
		font-size: .6875rem;
		line-height: 26px;
	}
	.back-to-top a .fa {
		top: 5px;
		font-size: 1.25rem;
	}
}
#sidemenu {
	background-color: #fff;
}
#sidemenu .menu-wrapper {
	overflow-x: hidden;
}
#sidemenu .footer-wrapper.sidemenu .menu-wrapper a {
    font-size: .688rem;
}
#sidemenu .login-out-wrapper {
	position: relative;
	font-weight: 600;
	height: 60px;
	line-height: 60px;
	padding: 0 15px;
	 border-bottom: 1px solid #fd0107; 
}
#sidemenu .login-out-wrapper .btn {
      font-size: .8125rem;
      font-weight: 600;
      height: 22px;
      line-height: 22px;
      padding: 0 9px;
}
#sidemenu .login-out-wrapper .btn.login {
	margin-right: 10px;
}
#sidemenu .login-out-wrapper .btn.logout {
	margin-left: 10px;
}
#sidemenu .login-out-wrapper img {
	height: 30px;
}
#sidemenu .login-out-wrapper .fontello {
	font-size: 1.25rem;
}
#sidemenu .login-out-wrapper .sidemenu-close {
	position: absolute;
	top: 3px;
	right: 15px;
}
#sidemenu .login-out-wrapper .user-name {
	font-size: .8125rem;
	margin-left: 5px;
}
#sidemenu .login-out-wrapper a {
	font-size: .75rem;
}
#sidemenu .side-util {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
	/*width: 100%;
	height: 70px;*/
    justify-content: center;
    /*align-items: center;*/
     background-color: #ddd;
}
#sidemenu .side-util.customer {
	padding-left: 0;
    padding-right: 0;
}
#sidemenu .side-util.customer > .title{
	position: relative;
	top: 0;
	left: 0;
	font-size: 1rem;
	font-weight: 600;
	color: #fd0107;
	margin: 10px 15px;
	width: 100%;
}
#sidemenu .side-util.customer .notice{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100%; */
	margin-bottom: 5px;
}
#sidemenu .side-util.customer .notice-list{
	width: 100%;
	margin-left: 15px;
	display: block;
	top: 0;
	left: 0;
	line-height: 25px;
	font-weight: bold;
	font-size: .8125rem;
}
#sidemenu .side-util .list-group-item {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    padding: 0 20px;
    /*width: calc(50% - 1px);*/
    width: 50%;
    height: 50px;
    background-color: #fff;
}
#sidemenu .side-util .list-group-item .fa {
    position: absolute;
    top: 13px;
    right: 20px;
    color: #999;
    font-size: 1.25rem;
}
#sidemenu .side-util .list-group-item img{
	width: 20px;
	height: 20px;
	padding: 2px;
	margin-right: 5px;
}
#sidemenu .side-util .list-group-item span {
	color: #fd0107;
	/*padding-top: 3px;*/
	margin-left: 5px;
}
#sidemenu .side-util .list-group-item:last-child{
	/*top: .5px;*/
}
#sidemenu .side-util .list-group-item + .list-group-item {
	/*border-left: 1px solid #ddd;*/
}
#sidemenu .reward-wrapper.list-group .reward {
    position: absolute;
    top: 15px;
    right: 50px;
}
#sidemenu .reward-wrapper.list-group .list-group-item {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .875rem;
    padding: 0 15px;
    height: 50px;
    line-height: 18px;
}
#sidemenu .reward-wrapper.list-group .list-group-item span {
    font-weight: 800;
}
#sidemenu .reward-wrapper.list-group .fa {
    position: absolute;
    top: 13px;
    right: 15px;
    color: #999;
    font-size: 1.25rem;
}
#sidemenu .reward-wrapper.customer {
    display: flex;
    padding: 15px 0;
    background-color: #ddd;
}
#sidemenu .reward-wrapper.customer a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: .75rem;
    width: 33.33%;
    padding: 0;
    height: 50px;
    border-right-color: #fff;
}
#sidemenu .reward-wrapper.customer a .fa {
    margin-left: 5px;
}
.side-category-wrapper{
	/*border-top: 5px solid #acabab;
	border-bottom: 5px solid #acabab;*/
}
#sidemenu .notify-board {
	font-size: .75rem;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
}
#sidemenu .notify-board a {
	padding: 0;
	border: 0;
}
#sidemenu .side-category-wrapper > .title {
    font-size: 1rem;
    font-weight: 600;
    color: #fd0107;
    margin: 15px;
}
/* #sidemenu .side-category-wrapper .col-xs-12:nth-child(1) {
	padding-right: 0;
}
#sidemenu .side-category-wrapper .col-xs-12:nth-child(2) {
	padding-right: : 0;
} */
#sidemenu .side-category-wrapper .col-xs-6:nth-child(1) {
    padding-right: 0;
}
#sidemenu .side-category-wrapper .col-xs-6:nth-child(2) {
    padding-left: 0;
}
#sidemenu .side-category-wrapper .list-group-item {
	position: relative;
	font-size: .8125rem;
	font-weight: 600;
	padding: 10px;
	border-top: 1px solid #eee;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
#sidemenu .side-category-wrapper .list-group-item:last-child {
	margin: 0;
	border-bottom: 1px solid #eee;
}
#sidemenu .side-category-wrapper .divider {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	border-right: 1px solid #eee;
	height: 26px;
	margin-top: -14px;
}
#sidemenu .side-category-wrapper .text {
	position: relative;
	top: 2px;
}
#sidemenu .side-category-wrapper img {
	height: 25px;
	margin-right:15px;
}
#sidemenu .cutomer {
	margin-top: 10px;
}
#sidemenu .cutomer .list-group-item {
	width: 50%;
}
#sidemenu .sns-wrapper {
	height: 48px;
	line-height: 48px;
	 margin-top: 10px; 
	background-color: #fff;
}
#sidemenu .sns-wrapper .title{
	position: relative;
    top: 0;
    left: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #fd0107;
    margin: 10px 15px;
    width: 100%;
}
#sidemenu .sns-wrapper .inquiry{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100%; */
}
#sidemenu .sns-wrapper .inquiry-list{
	width: 100%;
	margin-left: 10px;
	display: block;
	top: 0;
	left: 0;
	line-height: 25px;
	font-weight: bold;
	font-size: .8125rem;
}
#sidemenu .sns-wrapper .inquiry-list i{
	margin: 5px;
	font-size: .938rem;
}
#sidemenu .sns-wrapper .inquiry-list .text-detail {
	margin-left: 19px;
	font-size: .688rem;
}
#sidemenu .sns-wrapper .list-group-item {
	display: inline-block;
	padding: 0 3px;
	border: 0;
}
 #sidemenu .sns-wrapper img {
	height: 32px;
}
#sidemenu .sns-wrapper .youtube img {
	border: 1px solid #343a40;
	border-radius: 6px;
} 
/* HTML source pc-mobile common part
-------------------------------------------------- */
.common-wrapper .logo {
	display: block;
	width: 196px;
	height: 76px;
    line-height: 76px;
	margin: 44px auto 20px;
    text-align: center;
	/*background-image: url('/contents/images/logo.svg');*/
	/*background-position: -10px -72px;*/
}
.common-wrapper .logo > img {
    width: 150px;
}
.common-wrapper .not-found-wrapper .logo {
	margin-left: 0;
	margin-right: 0;
}
.common-wrapper .not-found-wrapper .panel-heading {
	border-bottom: 2px solid #fd0107;
}
.common-wrapper .not-found-wrapper .panel-body {
	margin-bottom: 30px;
}
.common-wrapper .not-found-wrapper .panel-body h4 {
	font-weight: 600;
	margin-bottom: 40px;
}
.common-wrapper .not-found-wrapper .panel-body .desc {
	font-weight: 400;
	margin-bottom: 0;
}
.common-wrapper .btn-block {
    font-size: .875rem;
	font-weight: 600;
    padding-top: 13px;
    padding-bottom: 13px;
}
.common-wrapper .btn-block + .btn-block {
	position: relative;
	margin-top: 10px;
}
.common-wrapper .btn-login {
	display: inline-flex;
	/*flex-direction: column;*/
	justify-content: center;
	align-items: center;
	width: 47%;
	height: 29%;
	font-size: .875rem;
	font-weight: 600;
	margin: 3px;
	padding-top: 13px;
	padding-bottom: 13px;
}
.common-wrapper .join-wrapper .joinok h3{
	text-align: center;
}
.common-wrapper .join-wrapper .login-button {
	padding-top: 40px;
}
.common-wrapper .join-wrapper .login-button a {
	margin: 10px 0;
}
.common-wrapper .join-wrapper .login-button .login,
.common-wrapper .join-wrapper .login-button .home{
	background: #fff;
	color: #dc3545;
	border: 1px solid #dc3545;
}
.common-wrapper .join-wrapper .login-button a:hover {
	background-color: #dc3545;
	color: #fff;
}
.common-wrapper .logintro .naver{
	background-color: #fff;
	border: 1px solid #1ec545;
	color: #1ec545;
}
.common-wrapper .logintro .kakao{
	background-color: #fff;
	border: 1px solid #ffdc00;
	color: #2b1718;
}
.common-wrapper .naver {
	background-color: #fff;
	border: 1px solid #1ec545;
	color: #1ec545;
}
.common-wrapper .naver:hover {
	background-color: #1ec545;
	color: #fff;
}
.common-wrapper .btn-block.naver > span {
	position: absolute;
	left: 0;
	font-size: 22px;
	padding-left: 28px;
}
.common-wrapper .kakao {
	background-color: #fff;
	border: 1px solid #ffdc00;
	color: #515151;
}
.common-wrapper .kakao:hover {
	background-color: #ffdc00;
}
.common-wrapper .btn-block.kakao > span {
	position: absolute;
	top: 7px;
	left: 7px;
}
.common-wrapper .id {
	background-color: #fff;
	border: 1px solid #fd0107;
	color: #fd0107;
}
.common-wrapper .id:hover {
	background-color: #fd0107;
	color: #fff;
}
.common-wrapper .email{
	background-color: #fff;
	border: 1px solid #fd0107;
	color: #fd0107;
}
.common-wrapper .email:hover {
	background-color: #fd0107;
	color: #fff;
}
.common-wrapper .phone{
	background-color: #fff;
	border: 1px solid #fd0107;
	color: #fd0107;
}
.common-wrapper .phone:hover {
	background-color: #fd0107;
	color: #fff;
}
.common-wrapper .nonmember {
	background-color: #fff;
	border: 1px solid #fd0107;
	color: #fd0107;
}
.common-wrapper .nonmember:hover {
	background-color: #fd0107;
	color: #fff;
}
.common-wrapper .facebook {
	background-color: #3b5998;
	color: #fff;
}
.common-wrapper .login-wrapper .findbox {
	margin-top: 30px;
}
.common-wrapper .login-wrapper .findbox .name-find {
	border: 1px solid #dc3545;
	color: #dc3545;
}
.common-wrapper .login-wrapper .findbox .name-find:hover {
	background-color: #dc3545;
	color: #fff;
}
.common-wrapper .login-wrapper .findbox .id-check {
	background-color: #f5f5f5;
	color: #1e1e1e;
	text-align: center;
	border: 1px solid #f5f5f5;
}
.common-wrapper .login-wrapper .findbox div:last-child {
	/*margin-top: 50px;*/
    text-align:center;
}
.common-wrapper .login-wrapper .findbox div:last-child>p {
	font-size: 11px;
}
.common-wrapper .login-wrapper .findbox div:last-child >a {
	margin-top: 15px;
	/* border: 1px solid #dc3545; */
	color: #fd0107;
}
/*.common-wrapper .login-wrapper .findbox div:last-child >a:hover {
	background-color: #dc3545;
	color: #fff;
}*/
.common-wrapper .login-wrapper .findbox .btn {
	background-color: #fff;
	border: 1px solid #fd0107;
	color: #fd0107;
}
.common-wrapper .login-wrapper .findbox .btn:hover {
	background: #fd0107;
	color: #fff;
}
.common-wrapper .login-wrapper .findpwd .ip_emil {
	margin-top: 30px;
}
.common-wrapper .login-wrapper .findpwd div:last-child {
	margin: 0;
}
.common-wrapper .login-wrapper .findpwd button {
	background-color: #fd0107;
	border: 1px solid #fd0107;
	color: #fff;
}
.common-wrapper .logintro .fontello {
	display: block;
	font-size: 2.5rem;
}
.common-wrapper .logintro .fontello.icon-kakao-ci {
	font-size: 2.063rem;
}
.common-wrapper .logintro .btn-login span {
	padding: 10px;
}
.common-wrapper .logintro .kakao span {
	padding: 12px 5px;
}
.common-wrapper .divider {
	position: relative;
	font-weight: 400;
	height: 47px;
	line-height: 30px;
	padding: 0 15px;
	text-align: center;
}
.common-wrapper .divider .panel-footer {
	position: absolute;
	top: 25px;
	left: 15px;
	right: 15px;
	padding: 0;
}
.common-wrapper .divider .or {
	position: absolute;
	color: #929292;
    font-size: .8125rem;
	width: 100px;
	margin-left: -50px;
	background-color: #fff;
}
.common-wrapper .phone-wrapper .form-control {
	display: inline-block;
	width: 22%;
}
.common-wrapper .phone-wrapper.guest .form-control {
    width: 33.33%;
}
.common-wrapper .phone-wrapper .form-control + .form-control {
	/*margin-left: 10px;*/
}
.login-wrapper .login,
.join-wrapper .login,
.join-wrapper .join,
.search-password-wrapper .login,
.reset-password-wrapper .login {
    font-size: .875rem;
	color: #fff;
	background-color: #fd0107;
}
.join-wrapper .panel-heading .divider >p {
	font-size: 13px;
	border: 1px solid red;
}
.panel-body {
	position: relative;
	/* margin-top: 10px; */
}
.panel-body.logintro{
	position: relative;
	height: 450px;
	padding: 0 10px 0 10px;
	margin: 0;
}
.login-wrapper .panel-body .loginfot >a {
	margin: 0 auto;
	color: #fd0107;
}
.login-wrapper .panel-body .loginfot >a > span:first-child {
	padding-right: 10px;
}
.login-wrapper .panel-body .loginfot {
	position: relative;
	margin-top: -20px;
	display: flex;
	width: 100%;
}
.join-wrapper .panel-body h5 {
	font-weight: 700;
}
.not-found-wrapper .btn {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 26px;
}
.not-found-wrapper .btn-empty {
	color: #dc3545;
	border-color: #dc3545;
	margin-bottom: 5px;
}
.not-found-wrapper .btn-home {
	background-color: #dc3545;
	color: #fff;
}
.common-wrapper .form-group {
	position: relative;
	margin-bottom: 10px;
}
.common-wrapper .form-group.phone-wrapper {
    display: flex;
    flex-direction: row;
}
.common-wrapper .form-group.phone-wrapper>.form-control {
    margin-right: 1%;
}
.common-wrapper .autologin {
	border-radius: 100px;
}
.common-wrapper .auto_login span {
	position: absolute;
	padding-left: 7px;
	padding-bottom: 3px;
}
.common-wrapper .form-group a {
	position: absolute;
	padding: 8.4px 0;
	top: 0;
	right: 0;
	width: 31%;
	text-align: center;
	color: #fd0107;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #fd0107;
}
.common-wrapper .form-group a.active {
	background: #fd0107;
	color: #fff;
}
.common-wrapper .select-box .form-group a {
	position: absolute;
	padding: 8.5px;
	top: 0;
	right: 0;
	width: 100px;
	text-align: center;
	color: #dc3545;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #dc3545;
}
.common-wrapper .select-box .form-group a:hover {
	background: #dc3545;
	color: #fff;
}
.common-wrapper .find-login {
	/* position: relative; */
	padding: 15px;
	margin-bottom: 10px;
}
.common-wrapper .panel-footer {
	border-width: 0;
	font-weight: 400;
	/*text-align: center;*/
}
.common-wrapper .panel-footer .findlogin a {
	color: #dc3545;
}
.common-wrapper .divider .panel-footer {
    border-width: 1px;
}
.common-wrapper .panel-footer .policy {
    font-size: .8125rem;
}
/*.login-wrapper .panel-footer.util a {
	display: block;
	color: #0075ff;
    font-size: .8125rem;
}
.login-wrapper .panel-footer.util a:hover {
	text-decoration: underline;
}*/
.login-wrapper .panel-footer.util > ul {
    margin-bottom: 0;
}
.login-wrapper .panel-footer.util > ul > li {
    position: relative;
    font-size: .75rem;
    font-weight: 600;
    line-height: 40px;
    padding: 0;
    border: 0;
    background-color: transparent;
    letter-spacing: -1.5px;
}
.login-wrapper .panel-footer.util > ul > li > .btn {
    position: absolute;
    top: 5px;
    right: 0;
    color: #fff;
    font-size: .8125rem;
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    letter-spacing: 0;
    box-shadow: none;
}
.login-wrapper .panel-footer.util > ul > li > .btn-gray,
.login-wrapper .panel-footer.util > ul > li > .btn-gray:focus,
.login-wrapper .panel-footer.util > ul > li > .btn-gray:hover {
    border-color: rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .4);
}
.login-wrapper .panel-footer.util > ul > li > .btn-black,
.login-wrapper .panel-footer.util > ul > li > .btn-black:focus
.login-wrapper .panel-footer.util > ul > li > .btn-black:hover {
    border-color: #fd0107;
    background-color: #fd0107;
}
.login-wrapper .panel-footer.util > ul > li > .btn-empty,
.login-wrapper .panel-footer.util > ul > li > .btn-empty:focus
.login-wrapper .panel-footer.util > ul > li > .btn-empty:hover {
    color: #fd0107;
    border-color: #fd0107;
    background-color: #fff;
}
@media (min-width: 720px) {
    .common-wrapper .col-md-4 {
        width: 57%;
        margin-left: 24%;
    }
}
@media (max-width: 340px) {
    .login-wrapper .panel-footer.util > ul > li > .btn {
        font-size: .75rem;
        width: 130px;
    }
}
@media (max-width: 320px)  {
    .common-wrapper .btn-login {
        width: 46%;
        height: 24%;
    }
    .panel-body.logintro .fontello {
        font-size: 1.5rem !important;
    }
    .common-wrapper .logintro .btn-login span {
        font-size: 12px;
    }
}
.common-wrapper .panel-footer.copyright p {
	font-size: .75rem;
	margin-bottom: 0;
}
.join-wrapper .panel-footer.util a {
	text-decoration: underline;
}
/*.popover {
	border: 1px solid #343a40;
	box-shadow:none;
}*/
.popover .popover-title .fontello {
	float: right;
}
/*.popover.sns .popover-content a > img {
	height: 40px;
}*/
.popover.category {
	max-width: 100%;
	width: 78%;
	margin-top: 0;
}
.popover.category .col-xs-6:nth-child(2n-1) {
	padding-left: 0;
}
.popover.category .col-xs-6:nth-child(2n) {
	padding-right: 0;
}
.popover.align .list-group,
.popover.category .list-group {
	margin-bottom: 0;
}
.popover.align .list-group-item,
.popover.category .list-group-item {
	font-size: .8125rem;
	color: #343a40;
	padding: 3px 0;
	border: 0;
}
.popover.align .list-group-item.active,
.popover.category .list-group-item.active {
	color: #fd0107;
}
.popover.align {
	width: 100px;
	margin-top: 0;
}
.coupon-wrapper {
	display: table;
	margin: 0 auto;
}
.coupon-wrapper .coupon {
	position: relative;
	display: table-cell;
	width: 170px;
	height: 195px;
	text-align: center;
    padding: 0 20px;
	vertical-align: middle;
	background-size: 170px 195px;
}
.coupon-wrapper .coupon:not(.deactive):hover {
	cursor: pointer;
}
.coupon-wrapper .coupon.deactive .price,
.coupon-wrapper .coupon.deactive .subject,
.coupon-wrapper .coupon.deactive .download {
	color: #e5e5e5;
}
.coupon-wrapper .coupon .price {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 0;
}
.coupon-wrapper .coupon .subject {
	font-size: 12px;
	color: #929292;
	margin-bottom: 0;
}
.coupon-wrapper .coupon .download {
    position: absolute;
    bottom: 12px;
    left: 50%;
    color: #fff;
    margin-left: -35px;
    white-space: nowrap;
}
.coupon-wrapper .coupon .download .fa {
	position: relative;
	top: 2px;
	padding-left: 7px;
}
.coupon-wrapper .coupon.typeA {
	background-image: url('/contents/images/coupon1.png');
}
.coupon-wrapper .coupon.typeB {
	background-image: url('/contents/images/coupon2.png');
}
.coupon-wrapper .coupon.typeC {
	background-image: url('/contents/images/coupon3.png');
}
.coupon-wrapper .coupon.typeD {
	background-image: url('/contents/images/coupon4.png');
}
.coupon-wrapper .coupon.typeE {
	background-image: url('/contents/images/coupon5.png');
}
.coupon-wrapper .coupon.deactive {
	background-image: url('/contents/images/coupon-deactive.png');
}
@media (min-width: 768px) {
	.coupon-wrapper .coupon {
		width: 207px;
		height: 203px;
		background-size: 207px 203px;
	}
}
@-webkit-keyframes pulse-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes pulse-animation {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/*#snsShareModal .modal-content {
	background-color: #343a40;
}
#snsShareModal .modal-header {
	border-bottom: 0;
}
#snsShareModal .modal-body {
	padding-top: 60px;
}
#snsShareModal .modal-body a:not(:last-child) {
	display: block;
	margin-bottom: 20px;
}
*/
snsShareModal .modal-content {
    border: 0;
}
#snsShareModal .modal-header {
    text-align: center;
    border: 0;
    background-color: #fd0107;
}
#snsShareModal .modal-header > .modal-title {
    font-weight: 600;
}
#snsShareModal .modal-body {
    padding-top: 30px;
    padding-bottom: 30px;
}
#snsShareModal .modal-body .sns {
    display: inline-block;
    margin: 0 3px;
}
#snsShareModal .modal-body .sns > img {
    border-radius: 10px;
}
#snsShareModal .modal-body .url-copy-wrapper {
    font-size: 0;
    margin-top: 15px;
}
#snsShareModal .modal-body .url-copy-wrapper > .form-control {
    display: inline-block;
    width: calc(100% - 120px);
}
#snsShareModal .modal-body .url-copy-wrapper > .btn {
    width: 90px;
    height: 33px;
    line-height: 33px;
    vertical-align: top;
    padding: 0;
    margin-left: 5px;
}
.popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
}
.popup-wrapper > .popup-contents {
    display: table;
    width: 100%;
    height: 100%;
}
.popup-contents > .contents {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 25px;
}
.popup-contents > .contents > .img-wrapper {
    position: relative;
    margin-bottom: 15px;
}
.popup-contents > .contents > .img-wrapper > .close {
    position: absolute;
    top: 0px;
    right: 0;
    opacity: 1;
}
.popup-contents > .contents > .img-wrapper > .close > .fontello {
    color: #fff;
    font-size: 1rem;
    padding: 15px 12px;
}
.popup-contents > .contents > .title {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: underline;
}

.best-wrapper .more-view .btn {
    color: #fd0107;
    font-size: .9375rem;
    font-weight: 600;
}
.best-wrapper .panel-footer {
    padding-top: 10px;
}
.today-wrapper {
    padding-top: 0;
    margin: 0;
}
.today-wrapper .more-view .btn {
    color: #fd0107;
    font-size: .9375rem;
    font-weight: 600;
}
.basket-wrapper .panel-body.gift-wrapper {
    margin: 0 27px 30px;
    border: 1px solid #d3d3d3;
}
.basket-wrapper .panel-body.gift-wrapper > .btn {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding: 0 15px;
    background-color: #db6877;
}
.basket-wrapper .panel-body.gift-wrapper > .btn > img {
    position: relative;
    top: -2px;
    margin-right: 15px;
    width: 20px;
}
.basket-wrapper .panel-body.gift-wrapper > .btn > .fa {
    float: right;
    font-size: 1.5rem;
    line-height: 32px;
}
.basket-wrapper .panel-body.gift-wrapper > .title {
    font-weight: 600;
    text-align: center;
}
.basket-wrapper .panel-body.gift-wrapper > .desc {
    font-size: .8125rem;
    padding: 0 10px 10px;
    margin-bottom: 0;
}
.payment-wrapper .order-payment-info .giftnow {
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
    width: 200px;
    height: 50px;
    line-height: 50px;
    padding: 0 26px;
    margin-top: 30px;
    margin-bottom: 40px;
    background-color: #fd0107;
}
.payment-wrapper .panel-heading p {
    text-align:center;
}

.payment-wrapper .panel-heading p .totalprice-color{
    color:red;
}
.payment-wrapper .order-payment-info .giftend-text {
    margin-top: 50px;
    font-size:17px;
    font-weight: 700;
}
.prod > .panel-heading > .prod-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.prod > .panel-heading > .prod-overlay > .title {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    margin-top: 40%;
}
.prod > .panel-heading > .prod-overlay > .title-category {
    color: #fff;
    font-size: 1.45rem;
    font-weight: 600;
    text-align: center;
    padding: 30px;
    margin-top: 25%;
}
#orderend-goods-table .panel-body {
    padding: 0px;
}
#orderend-goods-table > .panel-body > .media > .media-body > .subject{
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px;
}
#orderend-goods-table > .panel-body > .media > .media-body > .price{
    color: #fd0107;
    font-size: 1rem;
    font-weight: 600;
    margin: 5px 0;
}
#orderend-goods-table > .panel-body > .media > .media-body > .option{
    font-size: .8125rem;
    color: #929292;
    letter-spacing: -2px;
    margin-bottom: 0;
}
#orderend-goods-table .media-body .price .count{
    font-size: .875rem;
    font-weight: 400;
}
#orderend-goods-table .media .media-object {
    width: 99px;
    height: 99px;
}
#orderend-goods-table .media-body .price .count:before {
	content: "(";
}
#orderend-goods-table .media-body .price .count:after {
	content: ")";
}
#orderend-goods-table .media .media-left {
	padding-right: 15px;
    padding-left: 15px;
}
.center-modal .modal-dialog {
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.center-modal .common-wrapper  .panel-heading > .close {
    font-size: 1rem;
    opacity: 1;
}
.center-modal .common-wrapper  .panel-heading > h4 {
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.center-modal .common-wrapper .divider .panel-footer {
    border-color: #343a40;
}
.center-modal .common-wrapper .divider .or {
    color: #343a40;
}
.center-modal .common-wrapper .panel-body > form {
    position: relative;
}
.center-modal .common-wrapper .form-group {
    width: calc(100% - 100px);
}
.center-modal .common-wrapper .form-group > .form-control {
    border-radius: 4px;
}
.center-modal .common-wrapper .panel-body.member .btn-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: table;
    width: 90px;
    height: 82px;
}
.center-modal .common-wrapper .panel-body.member .btn {
    display: table-cell;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    vertical-align: middle;
}
.center-modal .modal-body .panel-footer {
    text-align: center;
    padding: 0;
}
.center-modal .modal-body .panel-footer > ul {
    margin-bottom: 0;
}
.center-modal .modal-body .panel-footer > ul > li {
    display: inline-block;
    font-weight: 600;
    padding: 0;
    border: 0;
}
.center-modal .modal-body .panel-footer > ul > li:not(:last-child):after {
    content: "|";
    color: #fd0107;
    padding: 0 7px;
}
.popup-wrapper-detail {
    position: relative;
}
.popup-wrapper-detail > a.close {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    font-size: 0;
    padding: 5px;
    background-color: #000;
    opacity: .4;
}
.popup-wrapper-detail > a > .fontello {
    color: #000;
    font-size: 1rem;
}
.runapp-wrapper.panel {
    border: 0;
}
.runapp-wrapper > .panel-heading {
    padding: 0;
}
.runapp-wrapper > .panel-body {
    font-size: 1.25rem;
    padding-top: 30px;
}
.runapp-wrapper > .panel-body > .guide {
    color: #666;
    font-size: .8125rem;
    margin-bottom: 0;
}
.runapp-wrapper > .panel-footer {
    border-top: 0;
}
.runapp-wrapper > .panel-footer .btn {
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    width: 45%;
    height: 44px;
    line-height: 44px;
    padding: 0;
    border-radius: 4px;
}
.runapp-wrapper > .panel-footer .btn + .btn {
    margin-left: 3px;
}
.runapp-wrapper > .panel-footer .btn-install {
    border-color: #fd0107;
    background-color: #fd0107;
}
.runapp-wrapper > .panel-footer .btn-runapp {
    border-color: #607d8b ;
    background-color: #607d8b ;
}
.app-end .panel-heading{
    padding-top:20px;
    font-size:1.5rem;
}
.app-end .row{
    margin:0px !important;
}
.app-end .container{
    padding-left:15px;
    padding-right:15px;
}
.app-end  .prod-wrapper > .col-xs-6:nth-child(2n-1) {
	padding-left: 5px;
	padding-right: 15px;
}
.app-end  .prod-wrapper > .col-xs-6:nth-child(2n) {
	padding-left: 15px;
	padding-right: 5px;
}
.reply-nodata {
	margin-top: 40px;
    text-align: center;
}
#kakaoShareConfirm .modal-content {
    border: 0;
}
#kakaoShareConfirm .modal-header {
    text-align: center;
    border: 0;
    background-color: #fff;
}
#kakaoShareConfirm .modal-header > .modal-title {
    font-weight: 500;
    color: black;
}
#kakaoShareConfirm .modal-header > .modal-title > .inline-text {
    display:inline-block;
}
#kakaoShareConfirm .modal-footer {
    text-align: center;
    border-top: 0px;
}
#kakaoShareConfirm > .modal-dialog:not(.confirm) > .modal-content > .modal-footer {
    position: inherit;
	bottom: 0;
	width: 100%;
    height: 55px;
    line-height: 45px;
	padding-top: 0;
	padding-bottom: 0;
}
.best-wrapper .swiper-wrapper {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -3px;
}
.swiper-pagination-bullet-active {
    background-color: #fd0107;
}
@media only screen and (min-width:768px){
    .moall-wrapper,
    .moall-search-wrapper,
    .gnb-wrapper,
    .navbar,
    .modal,
    .nav-tabs,
    .nav-tabs.affix,
    .footer-menu,
    .purchase-wrapper,
    .popup-wrapper-detail {
        width: 720px !important;
        margin: 0 auto;
    }
	.gnb-wrapper {
		margin-top : 0 !important;
	}
		.navbar {
			border-radius: 0;
		}
	.container {
		width: 720px !important;
	}
	.prod-h.type1 > .panel-body .prod-title {
		/*width: 90%;*/
	}
	.prod.type2 > .panel-body .desc {
		/*width: 86%;*/
        height: 36px;
	}
	.scroll-prod-wrapper > .prod {
		/*height: 463px;*/
	}
    /*.category-view-wrapper .affix {
		top: 71px;
	}*/
    .gnb-wrapper {
        top: 44px;
        height: 55px;
    }
    .contents-wrapper.main {
        margin-top: 120px;
    }
    .today-wrapper {
        padding-top: 0;
    }
}
@media only screen and (min-width:992px){
	.container {
		width: 970px;
	}
}

/* 이용후기 */
#reviewWriteModal .modal-content {
    border: 0;
}
#reviewWriteModal .modal-header {
    color: #343a40;
    border-bottom: 1px solid #222;
    background-color: #fff;
}
#reviewWriteModal .modal-header .close {
    color: #343a40;
}
#reviewWriteModal .modal-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}
#reviewWriteModal .modal-body {
    padding-top: 20px;
    padding-bottom: 20px;
}
#reviewWriteModal .modal-body hr {
    margin-top: 10px;
    margin-bottom: 10px;
    /*border-color: #ddd;*/
}
#reviewWriteModal .modal-body dl {
    position: relative;
    margin-bottom: 0;
}
#reviewWriteModal .modal-body .purchase-info .media-left .media-object {
    width: 75px;
    height: 75px;
}
#reviewWriteModal .modal-body .purchase-info .media-body .title {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 0;
}
#reviewWriteModal .modal-body .purchase-info .media-body .option {
    color: #929292;
    font-size: .75rem;
    display: block;
}
#reviewWriteModal .modal-body .review-score dt {
    position: absolute;
}
#reviewWriteModal .modal-body .review-score dd {
    margin-left: 65px;
}
#reviewWriteModal .modal-body .review-score .star-comment {
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
}
#reviewWriteModal .review-score .score-wrapper .fa {
    color: #ff9700;
    font-size: 1.25rem; 
    letter-spacing: 2px;
    cursor: pointer;
}
#reviewWriteModal .form-group {
    margin-bottom: 10px;
}
#reviewWriteModal .form-group.image {
    position: relative;
    margin-bottom: 0;
}
#reviewWriteModal .form-group.image .btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .75rem;
}
#reviewWriteModal .form-group.image .desc {
    display: inline-block;
    color: #929292;
    font-size: .75rem;
    width: calc(100% - 110px);
    line-height: 1.4;
    letter-spacing: -1px;
}
#reviewWriteModal .form-group.image .panel-body {
    font-size: 0;
    padding: 25px 0;
}
#reviewWriteModal .form-group.image .panel-body .image {
    position: relative;
    width: calc(25% - 2px);
    display: inline-block;
    margin: 1px;
    cursor: pointer;
}
#reviewWriteModal .form-group.image .panel-body .image > .remove {
    position: absolute;
    right: 0;
    top: -10px;
    color: #fff;
    font-size: .75rem;
    background: #343a40;
    border-radius: 50%;
    display: block;
    padding: 0 3px;
    z-index:1;
}
#reviewWriteModal .modal-footer {
    text-align: center;
}
#reviewWriteModal .modal-footer .btn {
    font-size: .875rem;
}

.imgs_wrap > .image > .img-responsive {
    display: block;
    /*max-width: 90px;
    height: 90px;*/
}
.reviewCateNodata {
    text-align: center;
    margin-bottom: 85px;
    margin-top: 40px;
}
.no-data-review {
	margin-top: 90px;
	margin-bottom: 40px;
    padding: 0 25px;
}
.photo-gallery-wrapper {
    font-size: 0;
    padding-top: 1px;
}
.photo-gallery-wrapper > img {
    width: 33.1%;
    margin-bottom: 1px;
}
.photo-gallery-wrapper > img:nth-child(3n-1) {
    margin-left: 1px;
    margin-right: 1px;
}
.popup-review_count {
    z-index:9999; 
    width:100%; 
    background-color: black; 
    position:absolute; 
    left:0px; 
    top:0px; 
    display:none; 
    text-align:center;
    opacity:0.7;
}
.prod-tab-wrapper .nav-tabs.nav-justified > li > a > .count {
    color: #fd0107;
    font-size: 12px;
    font-weight: 600;
}
.review-detail-list-wrapper .panel .panel-footer .review-reply-del {
    float: right;
    font-size: .75rem;   
}
.review-detail-wrapper .media-body .date  .photo-reply-del {
    float:right; 
    color:#999;
}
.review-detail-list-wrapper .panel .panel-footer .review-reply-date{
    color: #999;
    font-size: 11px;
}
.my-wrapper.review-wrapper .tab-pane .review-regist-text {
    text-align:center;
    padding:10px 15px 0px;
    font-size:12px;
    font-weight:600;
}
.my-wrapper.review-wrapper .tab-pane .review-regist-text .review-regist-point {
    color:#fd0107;
}
.my-wrapper.review-wrapper {
    background-color: #f4f4f4;
}
.my-wrapper.review-wrapper .more-view {
    text-align: center;
    padding: 15px 0;
}
.my-wrapper.review-wrapper .more-view > .btn {
    font-size: .875rem;
    font-weight: 600;
}
.my-wrapper.review-wrapper .nav-tabs > li {
    float: left;
    width: 50%;
}
.my-wrapper.review-wrapper .nav-tabs > li > a {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 0;
    padding: 10px 0;
    border-width: 1px 1px 1px;
    border-style: solid;
    border-color: #929292;
    background-color: #e5e5e5;
}
.my-wrapper.review-wrapper .nav-tabs > li.active > a {
    border: 1px solid #929292;
    border-bottom-color: #fff;
    border-left-width: 1px;
    background-color: #fff;
}
.my-wrapper.review-wrapper .nav-tabs > li:first-child > a {
    border-left: 0;
}
.my-wrapper.review-wrapper .nav-tabs > li:last-child > a {
    border-left: 0;
    border-right: 0;
}
.my-wrapper.review-wrapper .tab-pane {
    background-color: transparent;
}
.my-wrapper.review-wrapper .tab-pane .media-list {
    padding: 0;
    display: flex;
    justify-content: center;
}
.my-wrapper.review-wrapper .tab-pane .media {
    position: relative;
    margin: 5px 10px 0;
    padding: 10px 15px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}
.my-wrapper.review-wrapper .tab-pane .media:first-child {
    margin-top: 10px;
}
.my-wrapper.review-wrapper .tab-pane .media .order-date {
    color: #666;
    font-size: .75rem;
    line-height: 1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.my-wrapper.review-wrapper .tab-pane:not(#writtenReview) .media .order-date .date:before {
    content: "|";
    padding: 0 5px;
}
.my-wrapper.review-wrapper .tab-pane .media .order-date .date {
    letter-spacing: -1.5px;
}
.my-wrapper.review-wrapper .tab-pane .media .order-date .score-wrapper .fa {
    color: #ff9700;
    font-size: .75rem;
    letter-spacing: 2px;
}
.my-wrapper.review-wrapper .tab-pane#writtenReview .btn-group {
    position: absolute;
    top: 6px;
    right: 15px;
}
.my-wrapper.review-wrapper .tab-pane#writtenReview .btn-group > .btn {
    font-size: .75rem;
    padding-top: 0;
    padding-bottom: 0;
}
.my-wrapper.review-wrapper .tab-pane#writtenReview .btn-group > .btn-default {
    color: #fff;
    border-color: #999;
    background-color: #999;
}
.my-wrapper.review-wrapper .tab-pane:not(#writtenReview) .media .btn-invert {
    position: absolute;
    top: 6px;
    right: 15px;
    font-size: .75rem;
    /*height: 24px;
    line-height: 24px;*/
    padding-top: 0;
    padding-bottom: 0;
}
.my-wrapper.review-wrapper .tab-pane .media:last-child {
    margin-bottom: 10px;
}
.my-wrapper.review-wrapper .tab-pane .media-left {
    padding-right: 15px;
}
.my-wrapper.review-wrapper .tab-pane .media-left .media-object {
    width: 75px;
    height: 75px;
}
.my-wrapper.review-wrapper .tab-pane .media-heading {
    font-size: 14px;
    font-weight: 600;
}
.my-wrapper.review-wrapper .tab-pane .media-body > .options {
    color: #929292;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 5px;
}
.my-wrapper.review-wrapper .tab-pane .media-body > .price {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}
.my-wrapper.review-wrapper .tab-pane .media .contents {
    color: #666;
    font-size: .8125rem;
    padding: 10px 0;
    margin-bottom: 0;
}
.my-wrapper.review-wrapper .tab-pane .image-wrapper {
    display: flex;
}
.my-wrapper.review-wrapper .tab-pane .image-wrapper > img {
    width: 25%;
    height: 100px;
}
.my-wrapper.review-wrapper .tab-pane .image-wrapper > img + img {
    margin-left: 1px;
}

.review-detail-list-wrapper .panel:not(:last-child) {
    margin-bottom: 0;
    border-bottom: 1px solid #d8d8d8;
}
.review-detail-list-wrapper .panel .panel-heading .info {
    margin: 10px 0 5px;
}
.review-detail-list-wrapper .panel .panel-heading .writer {
    color: #999;
    font-weight: 600;
}
.review-detail-list-wrapper .panel .panel-heading .name {
    color: #343a40;
    margin-left: 15px;
    margin-right: 30px;
}
.review-detail-list-wrapper .panel .panel-heading .score-wrapper .fa {
    color: #ff9700;
    letter-spacing: -1px;
}
.review-detail-list-wrapper .panel .panel-heading .writer-date {
    color: #999;
    font-size: .8125rem;
    float:right;
    vertical-align: top;
}
.review-detail-list-wrapper .panel .panel-heading .count-wrapper {
    margin-bottom: 0;
}
.review-detail-list-wrapper .panel .panel-heading .count-wrapper .count {
    font-weight: 800;
}
.review-detail-list-wrapper .panel .panel-body {
    padding-top: 10px;
    padding-bottom: 10px;
}
.review-detail-list-wrapper .panel .panel-body .review-total-score {
    position: relative;
    margin-bottom: 5px;
}
.review-detail-list-wrapper .panel .panel-body .review-total-score .fa {
    color: #ff9700;
}
.review-detail-list-wrapper .panel .panel-body .review-total-score > .title {
    padding-right: 10px;
    font-weight: 600;
}
.review-detail-list-wrapper .panel .panel-body .review-total-score > .score {
    padding-left: 10px;
    font-weight: 600;
}
.review-detail-list-wrapper .panel .panel-body .align-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
}
.review-detail-list-wrapper .panel .panel-body .align-wrapper > a {
    font-size: .875rem;
}
.review-detail-list-wrapper .panel .panel-body .align-wrapper > a:first-child:after {
    content: "|";
    padding: 0 5px;
}
.review-detail-list-wrapper .panel .panel-body .align-wrapper > .text-danger {
    font-weight: 600;
}
.review-detail-list-wrapper .panel .panel-body .align-wrapper > .text-danger:hover {
    color: #fd0107;
}
.review-detail-list-wrapper .panel .panel-body .col-xs-3 {
    position: relative;
    padding: 1px;
}
/*.review-detail-list-wrapper .panel .panel-body .col-xs-3 .more-view {
    position: absolute;
    top: 2px;
    color: #fff;
    font-weight: 600;
    display: flex;
    width: 98%;
    height: 98%;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.5);
}*/
.review-detail-list-wrapper .panel .panel-body .photo-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 auto;
    width: 100%;
}
.review-detail-list-wrapper .panel .panel-body .photo-list > .photo {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 1 25%;
    padding: 1px;
    box-sizing: border-box;
    overflow: hidden;
}
.review-detail-list-wrapper .panel .panel-body .photo-list > .photo > .image {
    vertical-align: top;
}
.review-detail-list-wrapper .panel .panel-body .photo-list > .photo > .more-view {
    position: absolute;
    top: 1px;
    color: #fff;
    font-weight: 600;
    display: flex;
    width: 98%;
    height: 98%;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.5);
}
.review-detail-list-wrapper .panel .panel-body .image {
    cursor: pointer;
}
.review-detail-list-wrapper .panel .panel-body .review-desc {
    /*margin-top: 10px;*/
    margin-bottom: 0;
    white-space: pre-line;
}
.review-detail-list-wrapper .panel .panel-footer {
    border-top: 0;
    padding-bottom: 20px;
}
.review-detail-list-wrapper .panel .panel-footer .divider {
    color: #999;
    font-weight: 600;
}
.review-detail-list-wrapper .panel .panel-footer .text-danger {
    font-weight: 800;
}
.review-detail-list-wrapper .panel .panel-footer .text-danger:hover,
.review-detail-list-wrapper .panel .panel-footer .text-danger:focus {
    color: #fd0107;
}
.review-detail-list-wrapper .panel .panel-footer .help-yn {
    line-height: 34px;
}
.review-detail-list-wrapper .panel .panel-footer .help-yn {
    margin-bottom: 0;
}
.review-detail-list-wrapper .panel .panel-footer .btn-wrapper {
    float: right;
}
.review-detail-list-wrapper .panel .panel-footer .reply-wrapper {
    border: 1px solid #d8d8d8;
    background-color: #f2f2f2;
}
.review-detail-list-wrapper .panel .panel-footer .input-group {
    margin: 20px 12px;
}
.review-detail-list-wrapper .panel .panel-footer .input-group .btn {
    font-size: .875rem;
    padding-left: 20px;
    padding-right: 20px;
}
.review-detail-list-wrapper .panel .panel-footer .input-group .form-control {
    font-size: .8125rem;
    resize: none;
}
.review-detail-list-wrapper .panel .panel-footer .input-group .form-control,
.review-detail-list-wrapper .panel .panel-footer .input-group .btn {
    height: 55px;
}
.review-detail-list-wrapper .panel .panel-footer .media-list {
    margin-bottom: 0;
}
.review-detail-list-wrapper .panel .panel-footer .media {
    padding: 15px 12px;
}
.review-detail-list-wrapper .panel .panel-footer .media + .media {
    border-top: 1px solid #e5e5e5;
}
.review-detail-list-wrapper .panel .panel-footer .media:last-child {
    border-bottom: 0;
}
.review-detail-list-wrapper .panel .panel-footer .media-left {
    font-weight: 600;
    min-width: 75px;
}
.review-detail-list-wrapper .panel .panel-footer .media-body {
    font-size: .75rem;
    line-height: 1.2;
    word-break: break-all;
    white-space: pre-line;
}
#reviewModal .modal-content {
    background-color: #222;
}
#reviewModal .modal-content .close {
    position: absolute;
    top: -42px;
    right: 15px;
    opacity: 1;
    color: #fff;
    margin-top: 0;
}
#reviewModal .modal-content .score-wrapper {
    position: absolute;
    top: -42px;
    left: 15px;
}
#reviewModal .modal-content .score-wrapper span {
    color: #fff;
    font-size: 1.125rem;
}
#reviewModal .modal-content .score-wrapper .title {
    padding-right: 5px;
}
#reviewModal .modal-content .score-wrapper .score {
    padding-left: 5px;
}
#reviewModal .modal-content .score-wrapper .fa {
    color: #fdb913;
    font-size: 1.25rem;
    letter-spacing: -1px;
}

#reviewModal .modal-content .swiper-container {
    padding: 60px 0 100px;
}
#reviewModal .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 110px;
}
#reviewModal .modal-content .panel-body {
    position: fixed;
    bottom: -100px;
    /*font-size: 12px;*/
    height: 100px;
    overflow-y: scroll;
    padding: 7px 15px;
    z-index: 10;
    background-color: rgba(0, 0, 0, .05);
    width:100%;
}
#reviewModal .modal-content .review-desc {
    color: #fff;
    margin-bottom: 0;
    white-space: pre-line;
}
#reviewModal .swiper-pagination-bullet-active {
    background-color: #fd0107;
}
#sidemenu .login-out-wrapper .col-xs-6 .mycount {
    display: inline;
	color: #2f9d9c;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 0;
}
.review-category-wrapper {
    position: relative;
    overflow: hidden;
}
.review-category-wrapper .category-list.image {
    font-size: 0;
    overflow-x: auto;
    white-space: nowrap;
    padding-top: 5px;
}
.review-category-wrapper .category-list.text {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
.review-category-wrapper .category-list.image .all-view {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    color: #000;
    font-size: 1rem;
    border: 0;
    background-color: #fff;
    -webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.review-category-wrapper .category-list.image .all-view .fa {
    color: #cb1516;
    font-size: 1.5rem;
}
.review-category-wrapper .category-list.image .category {
    display: inline-block;
    text-align: center;
    width: 20%;
    vertical-align: top;
}
.review-category-wrapper .category-list.image .category > a {
    display: block;
    color: #929292;
    font-size: 11px;
    font-weight: 600;
    /*margin: 0 1px;*/
    padding: 10px;
    border: 0;
    background-color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.review-category-wrapper .category-list.text .category {
    display: flex;
    width: calc(25% - 2px);
    height: 40px;
    justify-content: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    margin: 1px;
}
.review-category-wrapper .category-list.text .category > a {
    color: #929292;
    font-size: 12px;
    font-weight: 600;
}
.review-category-wrapper .category-list.image .category > a > img {
    display: block;
    width: 50%;
    margin: 0 auto 5px;
}
.review-category-wrapper .category-list.image .active > a > .text{
    color: #222;
}
.review-category-wrapper .category-list.text .active {
    border-color: #fd0107;
    background-color: #fd0107;
}
.review-category-wrapper .category-list.text .active > a {
    color: #fff;
    font-weight:bold;
}

.review-list-container {
    padding-top: 15px;
}
/*.review-list-container .container {
    padding-left: 10px;
    padding-right: 10px;
}*/
.review-list-container .pagination-wrapper {
    border-top: 0;
    text-align: center;
}
.review-list-wrapper {
    margin: -2.5px;
}
.review {
	width: calc(50% - 10px);
	border-color: #e5e5e5;
    margin-bottom: 10px;
}
.review:nth-child(2n-1) {
    margin-right: 7.5px;
}
.review:nth-child(2n) {
    margin-left: 7.5px;
}
.review > .panel-heading {
	padding: 0;
}
.review > .panel-body {
	padding: 10px 10px 5px;
}
.review > .panel-body .desc {
    color: #666;
	font-size: .6875rem;
	overflow: hidden;
    margin-bottom: 10px;
    white-space: pre-line;
}
.review > .panel-body .prod-title {
    font-size: 11px;
	font-weight: 400;
    min-height: 30px;
	margin: 0;
    white-space: pre-line;
    line-height: 1.2;
	word-break:break-all;
}
.review > .panel-footer {
	border: 0;
    padding: 5px 10px 0;
    padding-top: 5px;
    padding-bottom: 0;
}
.review > .panel-footer .score-wrapper {
    position: relative;
	border-top: 1px solid #e5e5e5;
	padding: 5px 0;
}
.review > .panel-footer .score-wrapper i {
	color: #ffae00;
	letter-spacing: -2px;
}
.review > .panel-footer .score-wrapper .score {
    position: absolute;
    top: 28px;
    right: 0;
    font-size: .75rem;
}
#reviewCategoryModal .modal-dialog {
    height: auto;
}
#reviewCategoryModal .modal-content {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}
#reviewCategoryModal .modal-body {
    height: auto;
    padding: 0;
    overflow: initial;
    background-color: #fff;
}
#reviewCategoryModal .category-list {
    display: flex;
    flex-wrap: wrap;
    padding: 1px 0 0 1px;
}
#reviewCategoryModal .category-list > .category {
    width: 20.24%;
    text-align: center;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #e5e5e5;
}
#reviewCategoryModal .category-list > .category > a {
    display: block;
    color: #929292;
    font-size: 11px;
    font-weight: 400;
    padding: 10px;
    background-color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#reviewCategoryModal .category-list > .category img {
    display: block;
    width: 50%;
    margin: 0 auto 5px;
}
#reviewCategoryModal .modal-footer {
    position: relative;
    height: auto;
    padding: 0;
    margin-top: -1px;
    line-height: 1;
}
#reviewCategoryModal .modal-footer > button {
    border: 0;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
}
#reviewCategoryModal .modal-footer > button .fa {
    color: #cb1516;
    font-size: 1.5rem;
}
.pagination>li>a:focus,
.pagination>li>a:hover {
	background-color: transparent;
}
.pagination>li>a {
	color: #343a40;
	border: 0;
}
.pagination>li.active>a {
	color: #fff;
	background-color: #343a40;
}
.pagination .fa {
	position: relative;
	top: -2px;
	font-size: 1.5rem;
}

.review-detail-wrapper .panel {
    border: 0;
	margin-bottom: 40px;
}
.review-detail-wrapper .panel-heading,
.review-detail-wrapper .panel-body {
	padding-left: 0;
	padding-right: 0;
}
.review-detail-wrapper .score-wrapper .fa {
	color: #ffae00;
	font-size: 1.75rem;
}
.review-detail-wrapper .panel-heading {
	padding-top: 25px;
	padding-bottom: 5px;
}
.review-detail-wrapper .panel-heading .title {
	font-size: 1rem;
    font-weight: 600;
	margin: 10px 0 5px;
}
.review-detail-wrapper .panel-heading .option {
	color: #666;
	font-size: .75rem;
}
.review-detail-wrapper .panel-heading .btn {
	font-size: .75rem;
    font-weight: 600;
	min-width: 150px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-bottom: 10px;
	border-radius: 18px;
    border-color: #fd0107;
    background-color: #fd0107;
}
.review-detail-wrapper .panel-heading .btn > .fontello {
    font-size: 10px;
}
.review-detail-wrapper .panel-heading .btn:focus {
    border-color: #999;
    background-color: #999;
}
.review-detail-wrapper .panel-body {
	padding-top: 5px;
	padding-bottom: 10px;
}
.review-detail-wrapper .media-left {
	padding-right: 15px;
}
.review-detail-wrapper .media-left .img-circle {
	color: #fff;
	font-size: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #666;
}
.review-detail-wrapper .panel-footer {
	border-top: 0;
}
.review-detail-wrapper .panel-footer > .media > .media-left .img-circle {
	background-color: #ffae00;
}
.review-detail-wrapper .media {
	position: relative;
}
.review-detail-wrapper .media-list .media {
	position: relative;
	padding: 0 15px;
	margin-top: 0;
}
.review-detail-wrapper .media-body {
	font-size: .75rem;
}
.review-detail-wrapper .media-body .contents {
    padding: 10px 15px;
    border-radius: 4px;
}
.review-detail-wrapper .panel-footer .media > .media-body .contents {
	background-color: rgba(255, 174, 0, .3);
}
.review-detail-wrapper .media .media-body .contents:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 36px;
	border-color: rgba(255, 174, 0, .3) transparent transparent transparent;
	border-style: solid;
	border-width: 6px 10px 6px 6px;
	width: 0;
	height: 0;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.review-detail-wrapper .media-list .media > .media-body .contents {
	background-color: rgba(221, 221, 221, .3);
}
.review-detail-wrapper .media-list .media > .media-body .contents:after {
    left: 52px;
	border-color: rgba(221, 221, 221, .3) transparent transparent transparent;
}
.review-detail-wrapper .media-body .prod-info {
    position: relative;
    padding: 15px;
    border-color: #e5e5e5;
    border-radius: 4px;
    margin: 10px 0 0;
}
.review-detail-wrapper .media-body .prod-info > .panel-heading {
    position: absolute;
    padding: 0;
    border: 0;
}
.review-detail-wrapper .media-body .prod-info > .panel-heading > img {
    width: 60px;
    height: 60px;
}
.review-detail-wrapper .media-body .prod-info > .panel-body {
    height: 60px;
    padding: 0 0 0 90px;
}
.review-detail-wrapper .media-body .prod-info > .panel-body > .title {
    font-size: 12px;
    /*font-weight: 600;*/
    margin: 0 0 5px;
}
.review-detail-wrapper .media-body .prod-info > .panel-body > .option {
    color: #666;
    font-size: 12px;
    margin-bottom: 5px;
}
.review-detail-wrapper .media-body .prod-info > .panel-body > .price {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}
.review-detail-wrapper .media-body .prod-info > .panel-footer {
    padding: 0;
}
.review-detail-wrapper .media-body .prod-info > .panel-footer > .btn {
    font-size: 12px;
    margin-top: 48px;
    border-radius: 18px;
    border-color: #fd0107;
    background-color: #fd0107;
    color: #fff;
    font-weight: bold;
}
.review-detail-wrapper .media-body .prod-info > .panel-footer > .btn > .fontello {
    font-size: 10px;
}
        
    
.review-detail-wrapper .media-body .date {
	color: #999;
    font-size: 11px;
	padding: 5px 0;
}
.review-detail-wrapper .input-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	font-size: 0;
}
.review-detail-wrapper .input-wrapper .form-control {
	display: inline-block;
	font-size: .75rem;
	width: calc(100% - 50px);
	resize: none;
	border-width: 1px 0 0;
	border-color: #bbb;
	height: 48px;
	padding-top: 15px;
	padding-bottom: 15px;
	box-shadow: none;
}
.review-detail-wrapper .input-wrapper .btn {
	color: #fff;
	font-size: .875rem;
	width: 50px;
	height: 48px;
	line-height: 48px;
	padding: 0;
	background-color: #666;
	vertical-align: top;
}
.swiper-button-next,
.swiper-button-prev {
    width: auto;
    background-color: rgba(0, 0, 0, .3);
    background-image: none;
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}
.swiper-button-next .fontello,
.swiper-button-prev .fontello {
    color: #fff;
    font-size: 1.375rem;
    line-height: 44px;
}
.my-wrapper.index {
    background-color: #ddd;
}
.my-wrapper.index > .menu-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
}
.my-wrapper.index > .menu-wrapper > a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    padding: 0 26px;
    width: calc(50% - 1px);
    height: 50px;
    background-color: #fff;
}
.my-wrapper.index > .menu-wrapper > a:nth-child(2n) {
    margin-bottom: 1px;
}
.my-wrapper.index > .menu-wrapper > a:nth-child(2n+1) {
    margin: 0 1px 1px 0;
}
.my-wrapper.index > .menu-wrapper > a > .count {
    color: #fd0107;
    font-size: 1rem;
    font-weight: 800;
    margin-left: 5px;
}
.my-wrapper.index > .menu-wrapper > a > .fa {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #999;
    font-size: 1.25rem;
}
.my-wrapper.index > .reward-wrapper {
    font-size: 0;
}
.my-wrapper.index > .reward-wrapper > .list-group-item {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .875rem;
    padding: 0 15px;
    height: 50px;
    line-height: 1;
}
.my-wrapper.index > .reward-wrapper > .list-group-item > .text {
    font-weight: 800;
}
.my-wrapper.index > .reward-wrapper > .list-group-item > .reward {
    position: absolute;
    top: 15px;
    right: 50px;
}
.my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .desc {
    color: #666;
    font-weight: 600;
    margin-right: 10px;
}
.my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .count {
    color: #fd0107;
    font-size: 1rem;
    font-weight: 800;
}
.my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .unit {
    font-weight: 600;
}
.my-wrapper.index > .reward-wrapper > .list-group-item > .fa {
    position: absolute;
    top: 13px;
    right: 15px;
    color: #999;
    font-size: 1.25rem;
}
.my-wrapper.index > .btn-wrapper {
    display: flex;
    padding-bottom: 20px;
}
.my-wrapper.index > .btn-wrapper > .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    width: 33%;
    padding: 0;
    height: 50px;
}
.my-wrapper.index > .btn-wrapper > .btn:nth-child(3n+2) {
    border-color: #ddd;
    border-width: 0 1px;
}
.my-wrapper.index > .btn-wrapper > .btn > .fa {
    font-size: 1.25rem;
    margin-left: 5px;
}
.swiper-button-next, .swiper-button-prev {
	width: 22px;
	text-align: center;
}

.swiper-button-next .fontello, 
.swiper-button-prev .fontello {
	
}

.swiper-button-next .fa,
.swiper-button-prev .fa {
    color: #fff;
    font-size: 2.375rem;
}
.phoreview-pagination>li.active>a {
    color: #fff;
    background-color: #343a40;
}
.photo-row {
    width: 100%;
}
@media(min-width:1025px) {
	.modal-open {
		padding-left: 17px;
	}
}

.image-gallery > img {
    width:33.3%;
}
.payment-wrapper .panel-group .panel-body .form-group > p.labelbig {
    font-size : 0.925rem;
}
.payment-wrapper .btn-agree.active, .payment-wrapper .btn-agree:hover{
    color: #fff;
    background-color: #343a40;
}

.rank-wrapper {
	background: #fd0107;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 13px;
	left: 4px;
	text-align: center;
}

.rank-wrapper:before,
.rank-wrapper:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background: #fd0107;
}

.rank-wrapper:before {
	transform: rotate(60deg);
}

.rank-wrapper:after {
	transform: rotate(30deg);
}
.rank-wrapper > .new-rank {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	color: #fff;
	z-index: 1;
	display: flex;
	height: 16px;
	align-items: center;
	justify-content: center;
	width: 16px;
}


/*주문자검색*/
.modal.order-search .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0;
}

.modal.order-search .modal-content {
	height: 100%;
}

	.modal.order-search .modal-content .modal-body {
		height: 100%;
		padding: 20px;
	}

.tb_row {
	width: 100%;
	margin-top: 10px;
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9
}

	.tb_row th, .tb_row td {
		background-color: #f1f2f3
	}

	.tb_row th {
		color: #484848;
		font-weight: 600;
		text-align: left;
		vertical-align: top;
		word-break: keep-all;
		padding-left: 15px;
		padding: 9px 0 0 15px;
	}

		.tb_row th.tc {
			text-align: center
		}

	.tb_row td {
		height: 40px;
		color: #929292;
		word-break: keep-all;
		vertical-align: middle;
		padding: 0 10px;
	}

		.tb_row td span, .tb_row td ul {
			font-weight: 400
		}

		.tb_row td span {
			margin-right: 5px
		}

		.tb_row td a {
			color: #929292
		}

		.tb_row td .period {
			display: inline-block;
			margin: 4px 0 4px 15px
		}

			.tb_row td .period a {
				margin: 0 1px
			}

		.tb_row td .info_popbill {
			color: #929292
		}

			.tb_row td .info_popbill dt, .tb_row td .info_popbill dd {
				display: inline-block;
				font-weight: 600
			}

			.tb_row td .info_popbill dd {
				margin: 0 20px 0 3px;
				color: #484848
			}

		.tb_row td.state_select label {
			display: inline-block;
			margin: 2px 16px 2px 0
		}

		.tb_row td .selectBox, .tb_row td input[type=text], .tb_row td button, .tb_row td a {
			margin-right: 3px
		}

		.tb_row td .txt_gap {
			margin: 0 10px 0 7px
		}

		.tb_row td .info_block {
			display: block;
			margin-top: 5px
		}

		.tb_row td select.form-control {
			position: relative;
			top: 1px;
		}

	.tb_row .line_top th, .tb_row .line_top td {
		padding-bottom: 20px;
		border-bottom: solid 1px #e2e2e2
	}

	.tb_row .line_bottom th:before, .line_bottom td:before {
		content: '';
		display: block;
		height: 0px
	}

	.tb_row .last_gap th, .tb_row .last_gap td {
		padding-bottom: 15px
	}

.btn_box_c {
	margin-top: 20px;
	text-align: center
}

.btn_t2 {
	display: inline-block;
	position: relative;
	width: 90px;
	height: 28px;
	line-height: 27px;
	color: #fff;
	font-weight: 600;
	vertical-align: middle
}

.btn_gray_deep {
	border: 2px outset #697280;
	background-color: #505a68;
	margin-bottom: 2px;
	border-radius: 4px;
}

.ip_basic {
	height: 28px;
	line-height: 30px;
	padding: 0 4px !important;
	border: solid 1px #ccc;
	border-radius: 4px;
	background-color: #fff;
	color: #484848;
	vertical-align: middle;
	font-size: 11px;
}

	.ip_basic:focus {
		outline: none;
	}
/***** table *****/
.tb_basic {
	width: 100%;
	margin-top: 15px;
	border-top: solid 1px #d9d9d9;
}

	.tb_basic th {
		padding: 8px 15px;
		border-right: solid 1px #e5e5e5;
		border-bottom: solid 1px #e5e5e5;
		background-color: #f1f2f3;
		color: #333;
		font-weight: 600;
		word-break: keep-all
	}

	.tb_basic td {
		position: relative;
		padding: 9px 6px;
		border-right: solid 1px #e5e5e5;
		border-bottom: solid 1px #e5e5e5;
		text-align: center;
		word-break: keep-all
	}

	.tb_basic .calc_total {
		color: #484848;
		font-weight: 800;
	}

	.tb_basic.custom td {
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: left;
	}

		.tb_basic.custom td .ip_basic {
			margin-bottom: 5px;
		}

		.tb_basic.custom td .gap_l {
			color: #59a9ae;
		}

			.tb_basic.custom td .gap_l strong {
				color: #e53935;
			}

	.tb_basic td.img-fixed {
		width: 82px;
		padding-left: 0;
		padding-right: 0;
	}

		.tb_basic td.img-fixed img {
			width: 80px;
			height: 80px;
		}

	.tb_basic tr th:first-child, .tb_basic tr td:first-child {
		border-right: 0
	}

	.tb_basic td.align_left {
		text-align: left
	}

	.tb_basic td.align_right {
		text-align: right
	}

	.tb_basic td.pd_none {
		padding: 10px 5px 10px
	}

	.tb_basic td.delivery_select {
		position: relative;
		min-width: 120px
	}

		.tb_basic td.delivery_select .pop_delivery_select {
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			padding-top: 30px;
			background-color: #ececec
		}

			.tb_basic td.delivery_select .pop_delivery_select .pop_delivery_close {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 10px;
				height: 10px;
				background: url(/contents/images/bg/bg_close.gif) no-repeat
			}

		.tb_basic td.delivery_select select {
			width: 128px
		}

		.tb_basic td.delivery_select input[type=text] {
			width: 110px;
			margin: 2px 0
		}

	.tb_basic td .btn_memo {
		display: block;
		width: 26px;
		margin: 0px auto;
		padding-top: 5px;
	}

	.tb_basic td .btn_calc {
		display: block;
		border: 1px solid #c8c8c8;
		padding: 2px;
		border-radius: 5px;
		margin-top: 5px;
	}

	.tb_basic td .memo_box_prev {
		display: block;
		position: relative;
		right: 2px;
		bottom: 2px;
		left: 0;
		height: 35px;
		background: url(/contents/images/bg/bg_memo_arr.gif) no-repeat 11px 0
	}

		.tb_basic td .memo_box_prev span {
			display: block;
			overflow: hidden;
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			height: 28px;
			line-height: 28px;
			padding: 0 5px 0 28px;
			background: #505a68 url(/contents/images/bg/bg_memo_prev.gif) no-repeat;
			color: #fff;
			font-size: 12px;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-wrap: normal
		}

	.tb_basic td .memo_box_prev2 {
		display: block;
		right: 2px;
		bottom: 2px;
		left: 2px;
		height: 35px;
	}

		.tb_basic td .memo_box_prev2 span {
			display: block;
			overflow: hidden;
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			height: 28px;
			line-height: 28px;
			padding: 0 5px 0 28px;
			background: #59a9ae url(/contents/images/bg/bg_memo_prev.gif) no-repeat;
			color: #fff;
			font-size: 12px;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-wrap: normal
		}

	.tb_basic td .goods_link {
		color: #5c7df8
	}

	.tb_basic td .order_name {
		display: inline-block;
		margin-top: 5px
	}

	.tb_basic td .delivery_info {
		margin-bottom: 5px;
		color: #669947
	}

	.tb_basic td .delivery_tie {
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 10px;
		padding-left: 25px;
		background: url(/contents/images/icon/ic_delivery_tie.gif) no-repeat 0 50%;
		color: #669947
	}

	.tb_basic td .timesale-movie-wrapper {
		position: absolute;
		top: 10px;
		left: 10px;
	}

	.tb_basic td .movie {
		float: left;
		display: inline-block;
		padding-left: 25px;
		background: url(/contents/images/icon/ic_movie2.png) no-repeat 0 50%;
		color: #588ddb;
	}

	.tb_basic td .timesale {
		float: left;
		display: inline-block;
		margin-right: 7px;
		padding-left: 25px;
		background: url(/contents/images/icon/timesale.jpg) no-repeat 0 50%;
		color: #e53935;
	}

	.tb_basic td .receipt_info {
		color: #bb8b30
	}

	.tb_basic td .info_gap {
		margin-top: 5px
	}

	.tb_basic td .manage_btn {
		margin: 1px 0
	}

		.tb_basic td .manage_btn .fa {
			padding-right: 3px;
			font-size: 13px;
		}

	.tb_basic td .define_list {
		*zoom: 1
	}

		.tb_basic td .define_list:after {
			content: '';
			display: block;
			clear: both
		}

		.tb_basic td .define_list dt {
			clear: both;
			float: left;
			margin-top: 2px
		}

		.tb_basic td .define_list dd {
			float: right;
			margin-top: 2px
		}

	.tb_basic td .option_info {
		margin-top: 7px
	}

		.tb_basic td .option_info a {
			margin-left: 10px
		}

	.tb_basic td .txt_line {
		margin-top: 5px;
		padding: 5px 10px 0;
		border-top: solid 1px #e5e5e5
	}

	.tb_basic td .box_select {
		margin: 11px 0
	}

		.tb_basic td .box_select label {
			margin: 0 3px
		}

	.tb_basic td .gap_top {
		margin-top: 7px
	}

	.tb_basic th span, .tb_basic td span {
		display: block
	}

	.tb_basic input {
		vertical-align: middle
	}

	.tb_basic tr th:last-child, .tb_basic tr td:last-child {
		border-right: 0
	}

	.tb_basic tr.join_list td {
		border-bottom: 0
	}

	.tb_basic .calc_info {
		color: #484848;
		font-weight: 800;
	}

	.tb_basic.basic_line th, .tb_basic.basic_line td {
		border-right: 0
	}

	.tb_basic.basic_line tr th:first-child, .tb_basic.basic_line tr td:first-child {
		border-right: solid 1px #e5e5e5
	}

	.tb_basic.basic_line tr th:last-child, .tb_basic.basic_line tr td:last-child {
		border-left: solid 1px #e5e5e5
	}

	.tb_basic.basic_fl tr th:first-child, .tb_basic.basic_fl tr td:first-child {
		border-right: solid 1px #e5e5e5
	}

.btn_sky {
	border: 2px outset #1e88e5;
	background-color: #1e88e5;
	margin-bottom: 2px;
	border-radius: 4px;
}

.btn_t1 {
	display: inline-block;
	position: relative;
	height: 28px;
	line-height: 27px;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	vertical-align: middle
}

.btn_black {
	border: 2px groove #c6bfad;
	background-color: #a59f90;
	margin-bottom: 2px;
	border-radius: 4px;
}

.modal-header {
	color: #fff;
	background-color: #343a40;
}

.modal-bodyy {
	overflow-x: hidden;
	overflow-y: auto;
}


/*주문자 검색 END*/

.packgroupgoods {
	display: flex;
	justify-content: space-between;
	margin-bottom: auto;
}

	.packgroupgoods .set_group_item {
		margin-top: 8px;
	}


.logintro_cng {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.logintro_cng .kakao,
.logintro_cng .naver,
.logintro_cng .id,
.logintro_cng .phone,
.logintro_cng .nonmember,
.logintro_cng .etclogin2 {
	width: 100%;
	height: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logintro_cng .sel {
	padding: 5px;
	padding-top: 8px;
}
.logintro_cng  .icon-kakao-ci {
	font-size: 18px !important;
}
.logintro_cng .icon-naver{
	font-size:20px !important;
}
.logintro_cng .icon-id {
	font-size: 22px !important;
}
.logintro_cng .icon-phone,
.logintro_cng .icon-nonmember {
	font-size: 29px !important;
}
.logintro_cng  a{
	margin-bottom:5px !important;
}
.logintro_cng .add {
	font-size: 28px;
	font-weight: 500;
}

.etclogin,
.logintro_cng .etclogin2,
.etclogin3 {
	border: 1px solid #e8e8e8;
	background: #fff;
}
.etclogin:hover,
.etclogin2:hover,
.etclogin3:hover{
	background: #d7d7d7;
}
.memberchg .kakao {
	position: relative;
}
