/* @import url("default_20180222_v3.css"); */

/* 
(50,1): run-time error CSS1019: Unexpected token, found '@import'
(50,9): run-time error CSS1019: Unexpected token, found '"jquery.ui.base.css"'
(51,1): run-time error CSS1019: Unexpected token, found '@import'
(51,9): run-time error CSS1019: Unexpected token, found '"jquery.ui.theme.css"'
(80,1): run-time error CSS1019: Unexpected token, found '@import'
(80,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.core.css)'
(82,1): run-time error CSS1019: Unexpected token, found '@import'
(82,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.accordion.css)'
(83,1): run-time error CSS1019: Unexpected token, found '@import'
(83,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.autocomplete.css)'
(84,1): run-time error CSS1019: Unexpected token, found '@import'
(84,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.button.css)'
(85,1): run-time error CSS1019: Unexpected token, found '@import'
(85,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.datepicker.css)'
(86,1): run-time error CSS1019: Unexpected token, found '@import'
(86,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.dialog.css)'
(87,1): run-time error CSS1019: Unexpected token, found '@import'
(87,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.menu.css)'
(88,1): run-time error CSS1019: Unexpected token, found '@import'
(88,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.progressbar.css)'
(89,1): run-time error CSS1019: Unexpected token, found '@import'
(89,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.resizable.css)'
(90,1): run-time error CSS1019: Unexpected token, found '@import'
(90,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.selectable.css)'
(91,1): run-time error CSS1019: Unexpected token, found '@import'
(91,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.slider.css)'
(92,1): run-time error CSS1019: Unexpected token, found '@import'
(92,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.spinner.css)'
(93,1): run-time error CSS1019: Unexpected token, found '@import'
(93,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.tabs.css)'
(94,1): run-time error CSS1019: Unexpected token, found '@import'
(94,9): run-time error CSS1019: Unexpected token, found 'url(/v3zone/cssemes/base/jquery.ui.tooltip.css)'
 */
/*!
 * jQuery UI Accordion 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

/*!
 * jQuery UI CSS Framework 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UIeming
 */

/* 
@import "jquery.ui.base.css"; 
@import url(/v3zone/cssemes/base/jquery.ui.base.css);
@import "jquery.ui.theme.css";
@import url(/v3zone/cssemes/base/jquery.ui.theme.css);
*/

/*!
 * jQuery UI Autocomplete 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

/*!
 * jQuery UI CSS Framework 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UIeming
 */
/*
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.core.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.accordion.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.autocomplete.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.button.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.datepicker.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.dialog.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.menu.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.progressbar.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.resizable.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.selectable.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.slider.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.spinner.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.tabs.css);
@import url(http://www.gmworlds.com/v3zone/cssemes/base/jquery.ui.tooltip.css);
*/
/*!
 * jQuery UI Button 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.l {font-align: left !important;}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*!
 * jQuery UI CSS Framework 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UIeming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.clearfix::before,
clearfix::after {
    clear: both;
    content: '';
    display: block;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*!
 * jQuery UI Datepicker 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-calendar>tbody td:first-child a {
    color: #f00;
}

.ui-datepicker-calendar>tbody td:last-child a {
    color: blue;
}

.ui-datepicker-calendar>thead th:first-child span {
    color: #f00;
}

.ui-datepicker-calendar>thead th:last-child span {
    color: blue;
}

/*!
 * jQuery UI Dialog 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/*!
 * jQuery UI Menu 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    /* support: IE7 */
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

/*!
 * jQuery UI Progressbar 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(/v3zone/images/animated-overlay.gif);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

/*!
 * jQuery UI Resizable 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/*!
 * jQuery UI Selectable 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

/*!
 * jQuery UI Slider 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/*!
 * jQuery UI Spinner 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Spinner#theming
 */
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

/* vertical centre icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

/*!
 * jQuery UI Tabs 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

/*!
 * jQuery UI CSS Framework 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UIeming/API
 *
 * To view and modify this theme, visit http://jqueryui.comemeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
    /*font-family: Verdana,Arial,sans-serif{ffDefault}*/
    /*font-size: 1.1em{fsDefault}*/

    font-size: 15px !important;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana,
    Arial,
    sans-serif
    /*{ffDefault}*/
    ;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #aaaaaa
    /*{borderColorContent}*/
    ;
    background: #ffffff
    /*{bgColorContent}*/
    url(/v3zone/cssemes/base/images/ui-bg_flat_75_ffffff_40x100.png)
    /*{bgImgUrlContent}*/
    50%
    /*{bgContentXPos}*/
    50%
    /*{bgContentYPos}*/
    repeat-x
    /*{bgContentRepeat}*/
    ;
    color: #222222
    /*{fcContent}*/
    ;
}

.ui-widget-content a {
    color: #222222
    /*{fcContent}*/
    ;
}

.ui-widget-header {
    border: 1px solid #aaaaaa
    /*{borderColorHeader}*/
    ;
    background: #cccccc
    /*{bgColorHeader}*/
    url(/v3zone/cssemes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)
    /*{bgImgUrlHeader}*/
    50%
    /*{bgHeaderXPos}*/
    50%
    /*{bgHeaderYPos}*/
    repeat-x
    /*{bgHeaderRepeat}*/
    ;
    color: #222222
    /*{fcHeader}*/
    ;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222
    /*{fcHeader}*/
    ;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3
    /*{borderColorDefault}*/
    ;
    background: #e6e6e6
    /*{bgColorDefault}*/
    url(/v3zone/cssemes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)
    /*{bgImgUrlDefault}*/
    50%
    /*{bgDefaultXPos}*/
    50%
    /*{bgDefaultYPos}*/
    repeat-x
    /*{bgDefaultRepeat}*/
    ;
    font-weight: normal
    /*{fwDefault}*/
    ;
    color: #555555
    /*{fcDefault}*/
    ;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555
    /*{fcDefault}*/
    ;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999
    /*{borderColorHover}*/
    ;
    background: #dadada
    /*{bgColorHover}*/
    url(/v3zone/cssemes/base/images/ui-bg_glass_75_dadada_1x400.png)
    /*{bgImgUrlHover}*/
    50%
    /*{bgHoverXPos}*/
    50%
    /*{bgHoverYPos}*/
    repeat-x
    /*{bgHoverRepeat}*/
    ;
    font-weight: normal
    /*{fwDefault}*/
    ;
    color: #212121
    /*{fcHover}*/
    ;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121
    /*{fcHover}*/
    ;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa
    /*{borderColorActive}*/
    ;
    background: #ffffff
    /*{bgColorActive}*/
    url(/v3zone/cssemes/base/images/ui-bg_glass_65_ffffff_1x400.png)
    /*{bgImgUrlActive}*/
    50%
    /*{bgActiveXPos}*/
    50%
    /*{bgActiveYPos}*/
    repeat-x
    /*{bgActiveRepeat}*/
    ;
    font-weight: normal
    /*{fwDefault}*/
    ;
    color: #212121
    /*{fcActive}*/
    ;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121
    /*{fcActive}*/
    ;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1
    /*{borderColorHighlight}*/
    ;
    background: #fbf9ee
    /*{bgColorHighlight}*/
    url(/v3zone/cssemes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)
    /*{bgImgUrlHighlight}*/
    50%
    /*{bgHighlightXPos}*/
    50%
    /*{bgHighlightYPos}*/
    repeat-x
    /*{bgHighlightRepeat}*/
    ;
    color: #363636
    /*{fcHighlight}*/
    ;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
    /*{fcHighlight}*/
    ;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a
    /*{borderColorError}*/
    ;
    background: #fef1ec
    /*{bgColorError}*/
    url(/v3zone/cssemes/base/images/ui-bg_glass_95_fef1ec_1x400.png)
    /*{bgImgUrlError}*/
    50%
    /*{bgErrorXPos}*/
    50%
    /*{bgErrorYPos}*/
    repeat-x
    /*{bgErrorRepeat}*/
    ;
    color: #cd0a0a
    /*{fcError}*/
    ;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
    /*{fcError}*/
    ;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
    /*{fcError}*/
    ;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(/v3zone/cssemes/base/images/ui-icons_222222_256x240.png)
    /*{iconsContent}*/
    ;
}

.ui-widget-header .ui-icon {
    background-image: url(/v3zone/cssemes/base/images/ui-icons_222222_256x240.png)
    /*{iconsHeader}*/
    ;
}

.ui-state-default .ui-icon {
    background-image: url(/v3zone/cssemes/base/images/ui-icons_888888_256x240.png)
    /*{iconsDefault}*/
    ;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(/v3zone/cssemes/base/images/ui-icons_454545_256x240.png)
    /*{iconsHover}*/
    ;
}

.ui-state-active .ui-icon {
    background-image: url(/v3zone/cssemes/base/images/ui-icons_454545_256x240.png)
    /*{iconsActive}*/
    ;
}

.ui-state-highlight .ui-icon {
    background-image: url(/v3zone/cssemes/base/images/ui-icons_2e83ff_256x240.png)
    /*{iconsHighlight}*/
    ;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(/v3zone/cssemes/base/images/ui-icons_cd0a0a_256x240.png)
    /*{iconsError}*/
    ;
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 2px
    /*{cornerRadius}*/
    ;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 2px
    /*{cornerRadius}*/
    ;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 2px
    /*{cornerRadius}*/
    ;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 2px
    /*{cornerRadius}*/
    ;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa
    /*{bgColorOverlay}*/
    url(/v3zone/cssemes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)
    /*{bgImgUrlOverlay}*/
    50%
    /*{bgOverlayXPos}*/
    50%
    /*{bgOverlayYPos}*/
    repeat-x
    /*{bgOverlayRepeat}*/
    ;
    opacity: .3
    /*{opacityOverlay}*/
    ;
    filter: Alpha(Opacity=30)
    /*{opacityFilterOverlay}*/
    ;
}

.ui-widget-shadow {
    margin: -8px
    /*{offsetTopShadow}*/
    0 0 -8px
    /*{offsetLeftShadow}*/
    ;
    padding: 8px
    /*{thicknessShadow}*/
    ;
    background: #aaaaaa
    /*{bgColorShadow}*/
    url(/v3zone/cssemes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)
    /*{bgImgUrlShadow}*/
    50%
    /*{bgShadowXPos}*/
    50%
    /*{bgShadowYPos}*/
    repeat-x
    /*{bgShadowRepeat}*/
    ;
    opacity: .3
    /*{opacityShadow}*/
    ;
    filter: Alpha(Opacity=30)
    /*{opacityFilterShadow}*/
    ;
    border-radius: 8px
    /*{cornerRadiusShadow}*/
    ;
}

/*!
 * jQuery UI Tooltip 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

@charset "utf-8";

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url('/v3zone/fonts/nanumbarungothic.eot');
    src: url('/v3zone/fonts/nanumbarungothic.eot?#iefix') format('embedded-opentype'),
        url('/v3zone/fonts/nanumbarungothic.woff') format('woff'),
        url('/v3zone/fonts/nanumbarungothic.ttf') format('truetype');
    src: local(※), url('/v3zone/fonts/nanumbarungothic.woff') format('woff');
}

@font-face {
    font-family: 'Nanum GothicB';
    font-style: normal;
    font-weight: 800;
    src: url('/v3zone/fonts/nanumbarungothic_bold.eot');
    src: url('/v3zone/fonts/nanumbarungothic_bold.eot?#iefix') format('embedded-opentype'),
        url('/v3zone/fonts/nanumbarungothic_bold.woff') format('woff'),
        url('/v3zone/fonts/nanumbarungothic_bold.ttf') format('truetype');
    src: local(※), url('/v3zone/fonts/nanumbarungothic_bold.woff') format('woff');
}

/*
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/v2v/fonts/nanumbarungothic.eot);
  src: url(/v2v/fonts/nanumbarungothic.eot?#iefix) format('embedded-opentype'),
       url(/v2v/fonts/nanumbarungothic.woff) format('woff'),
       url(/v2v/fonts/nanumbarungothic.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum GothicB';
  font-style: normal;
  font-weight: 800;  
  src: url(/v2v/fonts/nanumbarungothic_bold.eot);
  src: url(/v2v/fonts/nanumbarungothic_bold.eot?#iefix) format('embedded-opentype'),
       url(/v2v/fonts/nanumbarungothic_bold.woff) format('woff'),
       url(/v2v/fonts/nanumbarungothic_bold.ttf) format('truetype');
}
*/

/* reset-stylesheet */
* {
    margin: 0;
    padding: 0;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
time,
mark,
audio,
video,
input,
button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    word-break: keep-all;
}

html,
body {
    font-family: 'NanumSquare', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Helvetica, Apple Gothic, Arial, sans-serif;
    letter-spacing: 0;
    font-size: 12px;
    color: #2F2F2F;
    /*font-family: "Nanum Gothic","dotum", "gulim", "verdana", sans-serif, Dotum,"돋움";*/
    padding: 0;
    margin: 0;
    line-height: 18px;
    background: white;
}

select,
option {
    font-family: "Nanum Gothic", "dotum", "gulim", "verdana", sans-serif
}

button {
    border: 0 none;
    outline: 0;
    cursor: pointer;
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 100%;
    font-family: "Nanum Gothic", "dotum", "gulim", "verdana", sans-serif
}

button span {
    position: relative;
    left: 0;
    top: 0;
    vertical-align: middle
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #4d4d4d
}

table a:hover {
    color: #1a91f5
}

table td {
    position: relative
}

ol,
ul {
    list-style: none;
}

li,
dd {
    padding: 0;
    margin: 0;
}

input[type=text],
input[type=password],
textarea,
input[type=file],
select {
    border: 1px solid #CCCCCC;
    padding: 2px;
    border-radius: 5px;
}

input[type=password] {
    padding: 2px
}

select {
    padding: 1px
}

input[type=button] {
    cursor: pointer
}

input[type=radio] {
    /*vertical-align: middle*/
    vertical-align:text-top
}

input[type=submit]:focus {
    outline: 1px;
    border: 1px;
    cursor: pointer;
    border: 0 solid rgba(81, 203, 238, 1);
    box-shadow: 0 0 1px rgba(81, 203, 238, 1);
}

em {
    font-style: normal
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

.bgdel {
    background: none !important
}

table {
    border-spacing: 0;
    width: 100%
}

legend,
caption {
    background: none;
    border: 0 none;
    display: inline-block;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
}

hr {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.bdnone {
    border: 0 none !important
}

/******** hidden  ********/
.h0 {
    height: 0;
    overflow: hidden;
    position: absolute
}

.hidTxt {
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
}

/******** float ********/
.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.aftClear:after {
    display: block;
    height: 0;
    content: "";
    clear: both
}

/******** vertical ********/
.vm {
    vertical-align: middle !important
}

.vt {
    vertical-align: top !important
}

.rel {
    position: relative !important
}

/******** align ********/
.tl {
    text-align: left !important
}

.tr {
    text-align: right !important
}

.tc {
    text-align: center !important
}

/******** margin ********/
.mt5p {
    margin-top: -5px !important
}

.mt10p {
    margin-top: -10px !important
}

.mt20p {
    margin-top: -20px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt12 {
    margin-top: 12px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt66 {
    margin-top: 66px !important
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.ml3 {
    margin-left: 3px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml140 {
    margin-left: 140px
}

.ml200 {
    margin-left: 200px
}

.mr3 {
    margin-right: 3px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

/******** width ********/
.w50 {
    width: 50px
}

.w70 {
    width: 70px
}

.w100 {
    width: 100px
}

.w150 {
    width: 150px !important
}

.w170 {
    width: 170px !important;
}

.w180 {
    width: 180px
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.w500 {
    width: 500px !important
}

.wp100 {
    width: 100% !important;
}

.wp52 {
    width: 52% !important;
}

/******* line-height ********/
.lih15 {
    line-height: 1.5
}

/******** padding ********/
.pb20 {
    padding-bottom: 20px;
}

/* 10이상 clear */
input[type=text]::-ms-clear {
    display: none !important;
}


/*-------------- Base END -----------------*/
.hd_tab {
    position: relative;
    width: 1050px;
    margin: 0 auto;
}

.hd_tab li {
    float: left;
    width: 270px;
    margin-left: -10px;
    background: url(/v3zone/images/bg_head_tab.png) no-repeat;
}

.hd_tab li:first-child {
    margin-left: 0;
}

.hd_tab li a {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 14px 0 13px;
    text-align: center;
    display: block;
}

.hd_tab li.on {
    background: url(/v3zone/images/bg_head_tab_green.png) no-repeat;
}

.hd_tab li.on a {
    color: #282e38;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
    display: block;
}


.top1Part1 {
    background: #212121
        /*#3e414f*/
        url(/v3zone/images/navBg.png);
    /*background:#00b6f0;*/
    border-top: 1px solid #3c3c3c;
    min-width: 1188px;
}

.top1Nav1 {
    min-width: 1188px;
    margin: 0 auto;
    position: relative;
    padding-top: 4px;
    background: #212121
        /*#646672*/
        /*#949599*/
        /*#00b6f0*/
        url(/v3zone/images/navBg.png);
    height: 41px;
    /*border-top:1px solid #76777a; width:1100px;*/
}

.top1Nav1 .top1Site1 {
    width: 1100px;
    position: relative;
    margin: 0 auto;
    height: 41px;
}

.top1Nav1 .top1Site1 li {
    float: left;
    width: 270px;
    height: 100%;
}

/* .top1Nav1 .top1Site1 li {float:left; width:270px; margin-left:-10px; background:url(/v3zone/images/bg_head_tab.png) no-repeat;} */
.top1Nav1 .top1Site1 li:first-child {
    margin-left: 0;
}

.top1Nav1 .top1Site1 li a {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 15px 0 0 0;
    text-align: center;
    display: block;
    cursor: pointer;
}

.top1Nav1 .top1Site1 li.turnoff {
    background: #5F6466;
    border-radius: 40px 40px 0 0;
}

.top1Nav1 .top1Site1 li.blueon {
    background: #BED4E9;
    border-radius: 40px 40px 0 0;
}

.top1Nav1 .top1Site1 li.goldon {
    background: #D7E6BE;
    border-radius: 40px 40px 0 0;
}

.top1Nav1 .top1Site1 li.greenon {
    background: #E6E6F0;
    border-radius: 40px 40px 0 0;
}

.top1Nav1 .top1Site1 li.emeraldon {
    background: #5987AB;
    border-radius: 40px 40px 0 0;
}

.top1Nav1 .top1Site1 li.blueon a {
    color: #457375;
    font-weight: bold;
    text-align: center;
    display: block;
    cursor: pointer;
}

.top1Nav1 .top1Site1 li.goldon a {
    color: #85794F;
    font-weight: bold;
    text-align: center;
    display: block;
    cursor: pointer;
}

.top1Nav1 .top1Site1 li.greenon a {
    color: #506C0E;
    font-weight: bold;
    text-align: center;
    display: block;
    cursor: pointer;
}

.top1Nav1 .top1Site1 li.emaraldon a {
    color: #f1f1f1;
    font-weight: bold;
    text-align: center;
    display: block;
    cursor: pointer;
}



/*--------------------------------- user -----------------------*/
.headTopMargin {
    background: #212121
        /*#3e414f*/
        url(/v3zone/images/navBg.png);
    border-bottom: 1px solid #3c3c3c;
    min-width: 1188px;
}

.headPart {
    /*background:#f5f5f5;*/
    width: 1100px;
    margin: 0 auto;
    position: relative;
    /*height:100px;*/
}

.headPart h1 {
    /*width:200px; margin-left:110px*/
    margin: 30px 0 0 20px;
}

.headPart h2 {
    margin: 30px 0 15px 250px;
}

.headNav {
    margin: 50px 0 0 0;
    float: right
}

.headNav li {
    font-size: 100%;
    /*background:url(/v3zone/images/dots1.gif) left center no-repeat;*/
    padding: 0 20px 0 10px;
    margin-left: 20px;
    float: left;
}

.headNav li a {
    color: #ffffff
}

div.headjoin {
    margin: 0 0 0 0;
    padding: 0
}

/*div.headjoin .right{width:305px;}*/
div.headjoin>ul li {
    float: left;
    margin-bottom: 10px;
}

div.headjoin>ul li a {
    padding: 0 14px;
    border-left: 1px solid #676767;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
}

div.headjoin>ul li:first-child a {
    border-left: none;
    /* border-right:1px solid #fff*/
}

div.headjoin input {
    border: 0;
    background: url(/v3zone/images/topSearch.gif) left 0 no-repeat;
    height: 23px;
    vertical-align: middle;
    width: 260px;
    padding-left: 10px;
    font-size: 75%;
    line-height: 1.8;
    color: #999
}

div.headjoin img {
    vertical-align: middle
}

div.headjoin ul li span {
    color: #faa400
}

/*--------------------------------- user-----------------------*/


.top1Part {
    background: #00b6f0;
}

.top1Nav {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    padding-top: 5px;
    background: #00b6f0;
}

.top1Nav .top1Site li {
    display: inline-block;
    height: 35px;
    vertical-align: bottom;
}

.top1Nav .top1Site li img {
    display: block;
    border: 0;
}

.top1Cont {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 81.3%
}

.top1Nav .len {
    border: 1px solid #333;
    padding: 3px 30px 3px 0;
    background: #FFF url(/v3zone/images/selectDown.gif) 110px center no-repeat;
    width: 130px;
    text-align: left
}

.top1Nav .lenList {
    background: #eee;
    display: none;
    position: absolute;
    z-index: 100001;
    width: 128px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

.top1Nav .lenList li {
    line-height: 1.5;
    padding: 3px 0 3px 0;
    cursor: pointer
}

.top1Nav .lenList li a {
    padding-left: 25px;
}

.top1Nav .lenList li a:hover {
    color: #333
}

.top1Nav .len.kor span {
    background: url(/v3zone/images/iconKor.gif) 5px center no-repeat;
    padding-left: 25px;
    display: block
}

.top1Nav .lenList li.kor a {
    background: url(/v3zone/images/iconKor.png) 5px 1px no-repeat;
    display: block
}

.top1Nav .lenList li.tai a {
    background: url(/v3zone/images/iconTai.png) 5px 0 no-repeat;
    display: block
}

.top1Nav .lenList li.Dotcom a {
    background: url(/v3zone/images/iconEarth.png) 5px 1px no-repeat;
    display: block;
}

.top1Nav .lenList li.Line {
    background: url(/v3zone/images/goLine.gif) 100% bottom repeat-x;
}

.top1Nav .lenList li:hover {
    background: #CCC
}

.top2Part {
    margin: 0 auto;
    position: relative;
    margin-top: 15px;
    display: inline-block;
}

.top2Part h1 {
    /*width:200px; margin-left:110px*/
    margin: 10px 0 0 20px;
}

.top2Part h2 {
    margin: 30px 0 0 300px;
}

.top2Nav {
    margin-top: 20px;
    float: right
}

.top2Nav li {
    font-size: 81.3%;
    background: url(/v3zone/images/dots1.gif) left center no-repeat;
    padding-left: 10px;
    margin-left: 20px;
    float: left;
}

div.top2join>ul li {
    float: left;
    margin-bottom: 10px;
}

div.top2join>ul li a {
    padding: 0 20px;
    border-left: 1px solid #eee;
    font-size: 15px;
}

div.top2join>ul li:first-child a {
    border-left: none;
}

div.top2join input {
    border: 0;
    border-radius: 14px;
    height: 23px;
    vertical-align: middle;
    width: 260px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.8;
    color: #000
}

div.top2join input:focus {
    border: 0;
    border-radius: 14px;
    height: 23px;
    vertical-align: middle;
    width: 260px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.8;
    color: #000
}

div.top2join img {
    vertical-align: middle
}

div.top2join ul li span {
    color: #069
}

/* 200819 소망수정 */
div.top2join.n20 input {
    border-radius: 30px;
    height: 35px;
    width: 385px;
    font-size: 100%;
    line-height: 2.8;
    padding-left: 25px;
}

.top3Part {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    margin-top: 15px
}

.top3Part h1 {
    /*width:200px; margin-left:110px*/
    margin: 10px 0 0 20px;
}

.top3Part h2 {
    margin: 30px 0 0 300px;
}

.top3Nav {
    margin-top: 20px;
    float: right
}

.top3Nav li {
    font-size: 81.3%;
    background: url(/v3zone/images/dots1.gif) left center no-repeat;
    padding-left: 10px;
    margin-left: 20px;
    float: left;
}

div.top3join>ul li {
    float: left;
    margin-bottom: 10px;
}

div.top3join>ul li a {
    padding: 0 20px;
    border-left: 1px solid #eee;
    font-size: 15px;
}

div.top3join>ul li:first-child a {
    border-left: none;
}

div.top3join input {
    border: 0;
    background: url(/v3zone/images/topSearch.gif) left 0 no-repeat;
    height: 23px;
    vertical-align: middle;
    width: 260px;
    padding-left: 10px;
    font-size: 75%;
    line-height: 1.8;
    color: #999
}

div.top3join img {
    vertical-align: middle
}

div.top3join ul li span {
    color: #069
}


/*1,2,3개 목록*/
.qty_span {
    display: inline-block;
    cursor: pointer;
    padding: 15px 15px;
    background: #cdd6da;
    font-size: 13px;
    width: 25%;
    text-align: center;
    font-weight: bold;
    margin: 8px 2px;
    border-radius: 5px;
}

.qty_span_on {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #3ba0cd;
    font-size: 13px;
    width: 15%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    margin: 15px 0;
    border-radius: 5px;
}

.qty_span:hover {
    background: #3ba0cd;
    color: #ffffff;
}

/*1,2,3개 목록*/
.qty_span1 {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #cdd6da;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span2 {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #cdd6da;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span3 {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #cdd6da;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span4 {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #cdd6da;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span5 {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #cdd6da;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

/*신상품 버튼*/
.tWbutton {
    display: inline-block;
    background: #fff;
    padding: 2px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all .35s ease-in-out .35s;
    margin: 25px 0 15px;
    width: 14.5%;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tWbutton .wrapBorder {
    display: inline-block;
    z-index: 1;
    text-indent: -9999px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid #ccc;
    padding: 10px 15px;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 5px;
}

.tWbutton span {
    display: block;
    padding: 10px 15px;
    background: #cdd6da;
    z-index: 100;
    position: relative;
    transition: all .35s ease-in-out .35s;
}

.tWbutton.blink {
    border: 0;
}

.tWbutton.blink span {
    background: #36B4C7;
    color: #fff;
    transition: all .35s ease-in-out .35s;
}

.tWbutton:after {
    z-index: 2;
    bottom: -100%;
    right: -100%;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #36B4C7;
    transition: all .35s ease-in-out .5s;
}

.tWbutton.blink:after {
    right: 0;
    bottom: 0;
    transition: all ease-in-out .35s;
}

.tWbutton:before {
    z-index: 2;
    top: -100%;
    left: -100%;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #36B4C7;
    transition: all .35s ease-in-out .5s;
}

.tWbutton.blink:before {
    left: 0;
    top: 0;
    transition: all ease-in-out .35s;
}

.qty_span1_on {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #3ba0cd;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span2_on {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #3ba0cd;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span3_on {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #3ba0cd;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span4_on {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #3ba0cd;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span5_on {
    display: inline-block;
    cursor: pointer;
    padding: 12px 15px;
    background: #3ba0cd;
    font-size: 13px;
    width: 12%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    margin: 25px 0 15px;
    border-radius: 5px;
    overflow: hidden;
}

.qty_span1:hover {
    background: #3ba0cd;
    color: #ffffff;
}

.qty_span2:hover {
    background: #3ba0cd;
    color: #ffffff;
}

.qty_span3:hover {
    background: #3ba0cd;
    color: #ffffff;
}

.qty_span4:hover {
    background: #3ba0cd;
    color: #ffffff;
}

.qty_span5:hover {
    background: #3ba0cd;
    color: #ffffff;
}


/*------------------------*/
#nav_top .gnbPos {
    margin: 0 auto;
    width: 1100px;
    /*border:1px solid #546674*/
}

#nav_top .gnbPos .gnbPart {
    width: 1100px;
    height: 34px;
    margin: 0 auto;
    text-align: right;
    font-size: 15px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

#nav_top .gnbPos .gnbPart h1 {
    text-align: left;
    position: absolute;
    margin: 15px 0 0 35px
}

#nav_top .gnbSdw {
    background: url(/v3zone/images/mallViewBg.png) 0 0 repeat-x;
    height: 10px;
    /*position:absolute;*/
    width: 1100px;
    margin: 0 auto;
    min-width: 1100px;
}

#nav_top .gnb2DBox {
    width: 1100px;
    margin: 0 auto;
    border-bottom: 1px solid #CCC
}

#visualWrap {
    z-index: 10;
    width: 100%;
}

/* 상단 비주얼 메인 서브 공통 */
.visual_bg1 {
    height: 30px;
}

.visual_bg1_blue {
    height: 30px;
}

.visual_bg1_blue .innergradblue {
    height: 30px;
    background: #1E90FF;
}

.visual_bg1 .innergradgold {
    height: 30px;
    background: linear-gradient(#DAA520 1%, white 99%);
}

.visual_bg1 .innergradgreen {
    height: 30px;
    background: linear-gradient(#ADFF2F 1%, white 99%);
}

#nav_top .gnbPos .gnbPart .gnbMenu_top {
    text-align: center;
    /*margin-left:150px;*/
}

#nav_top .gnbPos .gnbPart .gnbMenu_top li {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 21px;
}

#nav_top .gnbPos .gnbPart .gnbMenu_top li a {
    display: block;
    font-size: 15px;
    font-family: "Nanum GothicB", "dotum", "gulim", "verdana", sans-serif;
    font-weight: bold;
    text-align: left;
    line-height: 2;
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 20px;
    color: #00b6f0;
    /*color:#666;*/
    position: relative;
}

#nav_top .gnbPos .gnbPart .gnbMenu_top li a .gb1 {
    width: 40%
}

#nav_top .gnbPos .gnbPart .gnbMenu_top li a .gb2 {
    width: 43%
}

#nav_top .gnbPos .gnbPart .gnbMenu_top li a .gb3 {
    width: 47%
}

#nav_top .gnbPos .gnbPart .gnbMenu_top li a:link {
    /*background:#FFF*/
}

#nav_top .gnbPos .gnbPart .gnbMenu_top li a:hover,
#nav_top .gnbPos .gnbPart .gnbMenu_top li a.active {
    color: #00b6f0
}

#nav_top .gnbPos .gnbPart .gnbMenu_top li a:hover span,
#nav_top .gnbPos .gnbPart .gnbMenu_top li a.active span {
    background: #00b6f0;
    height: 5px;
    position: absolute;
    left: 75px;
    bottom: 0;
}

/*------------------------*/

#nav {
    background: #EAEAEA
        /*#646672//#3e414f*/
        url(/v3zone/images/navBg.png);
    margin-top: 10px;
}

#nav .gnbPos {
    position: relative;
    height: 45px;
}

#nav .gnbPartWrap {
    background: #3e414f url(/v3zone/images/navBg.png);
    z-index: 100000
}

#nav .gnbPart {
    width: 1100px;
    /*position:absolute;left:50%;margin-left:-550px;*/
    margin: 0 auto;
    position: relative;
    z-index: 100000
}


/* gnb */
.gnbMenu li {
    display: inline-block;
    float: left;
    height: 45px;
    margin: 0;
    padding: 0
}

/* ★★★여기 넓이 조정 = 넓이아래에 세트로조정할것 검색명(GNB-WIDTH : tot-width:984/카테고리수=???[자동화]) */
.gnbMenu li a {
    display: block;
    font-family: "Nanum GothicB" "Nanum Gothic", "dotum", "gulim", "verdana", sans-serif;
    color: #FFF;
    width: 246px;
    /* <= width:328px; <= width:123px;*/
    height: 45px;
    text-align: center;
    line-height: 2.9;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.gnbMenu li.gm0 a {
    background: #7c7575;
    /*#949599;*/
}

/*1Depth*/
.gnbMenu li.gm0 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm1 a {
    background: #574e4d;
    /*#76777a;*/
    /*#07a7e3;*/
}

/*1Depth*/
.gnbMenu li.gm1 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm2 a {
    background: #7c7575;
}

.gnbMenu li.gm2 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm3 a {
    background: #574e4d;
}

/*1Depth*/
.gnbMenu li.gm3 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm4 a {
    background: #7c7575;
}

/*1Depth*/
.gnbMenu li.gm4 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm5 a {
    background: #574e4d;
}

/*1Depth*/
.gnbMenu li.gm5 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm6 a {
    background: #7c7575;
}

/*1Depth*/
.gnbMenu li.gm6 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm7 a {
    background: #574e4d;
}

/*1Depth*/
.gnbMenu li.gm7 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm8 a {
    background: #7c7575;
}

/*1Depth*/
.gnbMenu li.gm8 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}

.gnbMenu li.gm9 a {
    background: #574e4d;
}

/*1Depth*/
.gnbMenu li.gm9 a:hover {
    background-color: #ceda9b;
    color: #594F4E;
}


/* gnbAllBox */
.gnbAll {
    position: absolute;
    left: -4px;
    /*left:-13px;*/
    top: -5px;
    z-index: 100000;
    cursor: pointer
}

.gnbAllClose {
    position: fixed;
    margin-top: 222px;
    bottom: 50px;
}

.gnbAllBoxScroll {
    overflow: scroll;
    overflow-x: hidden;
    position: absolute;
    right: -18px;
    margin-top: 45px;
    border: 1px solid #666;
    border-top: 0 none;
    background: #FFF url(/v3zone/images/topAllbg.gif) 0 0 repeat-y;
    display: none;
    z-index: 100000
}

.gnbAllBox {
    width: 984px;
    height: 246px;
    text-align: left;
    font-size: 81.3%;
}

.gnbAllBox ul {
    display: inline-block;
    width: 123px;
    padding-top: 5px;
    vertical-align: top
}

.gnbAllBox ul:first-child {
    border: 0 none
}

.gnbAllBox ul li {
    margin: 15px 10px;
    word-break: break-all;
}

.gnbAllBox ul li a {
    margin-left: 0
}

.gnbAllBox ul li a:hover {
    text-decoration: underline
}

/* 2depth system */
/*.mainBanner {background:url(/v3zone/images/mainViewBg_gray.gif) 8px 0 repeat-x; text-align:center; height:228px;min-width:1100px;}*/
/*.mainBanner {background:url(/v3zone/images/mainViewBg_blue.gif) 8px 0 repeat-x; text-align:center; height:228px;min-width:1100px;}*/
.mainBanner {
    background:
        /*#dfdddd//#969090*/
        url(/v3zone/images/navBg.png);
    text-align: center;
    height: 228px;
    min-width: 1100px;
}

.gnb2DepthBox {
    position: absolute;
    z-index: 1000;
    width: 984px;
    right: 0;
    top: 45px;
    display: none;
    min-height: 247px;
}

.gdGm1 {
    /*width:180px;*/
    width: 170px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    padding-top: 40px;
    font-size: 135%
}

.gdGm1 p {
    bottom: 0;
    position: absolute;
    width: 180px;
    margin-bottom: 30px
}

.gdGmenu ul {
    display: block;
    width: 803px;
    text-align: left;
}

.gdGmenu ul li {
    text-align: left;
    font-size: 81.3%;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px
}

.gdGmenu ul li a {
    display: block;
    line-height: 3;
    color: #333
}

.gdGmenu ul li:first-child {
    width: 120px;
    font-weight: bold;
    margin-right: 30px;
    text-align: left;
    padding-left: 10px;
    display: inline-block
}

.gdGmenu ul:hover li:first-child a {
    color: #3e414f !important
}

.gdGmenu ul li a:hover {
    color: #FFF
}

.gdGmenu ul li:first-child a:hover {
    color: #3e414f !important;
}

.gdGmenu ul:hover li {
    display: inline-block
}

.gdGmenu ul:hover li:first-child {
    background: #FFF;
}

.gdGmenu ul:first-child {
    border-top: none 0 !important;
}

/* 2depth color */
.d2gm0 {
    background: #ea442c;
}

/*전체배경*/
.d2gm0 .gdGmenu ul {
    border-top: 1px solid #fe5a43;
    border-bottom: 1px solid #cc3b26;
    border-left: 1px solid #cc3b26;
}

/*메뉴상단하단 라인*/
.d2gm0 .gdGmenu ul:hover {
    background: #f28f80 url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm0 .gdGmenu ul li:first-child a {
    color: #6a1003;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm1 {
    background: #44d6bb;
}

/*전체배경*/
.d2gm1 .gdGmenu ul {
    border-top: 1px solid #4beacd;
    border-bottom: 1px solid #3bbba4;
    border-left: 1px solid #3bbba4;
}

/*메뉴상단하단 라인*/
.d2gm1 .gdGmenu ul:hover {
    background: #8fe6d6 url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm1 .gdGmenu ul li:first-child a {
    color: #016e5a;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm2 {
    background: #f18d73;
}

/*전체배경*/
.d2gm2 .gdGmenu ul {
    border-top: 1px solid #f7a691;
    border-bottom: 1px solid #e27659;
    border-left: 1px solid #e27659;
}

/*메뉴상단하단 라인*/
.d2gm2 .gdGmenu ul:hover {
    background: #f6bbab url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm2 .gdGmenu ul li:first-child a {
    color: #a03c22;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm3 {
    background: #44d6bb;
}

/*전체배경*/
.d2gm3 .gdGmenu ul {
    border-top: 1px solid #41e1f2;
    border-bottom: 1px solid #32b2bf;
    border-left: 1px solid #32b2bf;
}

/*메뉴상단하단 라인*/
.d2gm3 .gdGmenu ul:hover {
    background: #89e0e9 url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm3 .gdGmenu ul li:first-child a {
    color: #005660;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm4 {
    background: #68caf8;
}

/*전체배경*/
.d2gm4 .gdGmenu ul {
    border-top: 1px solid #8fdbfe;
    border-bottom: 1px solid #58aed5;
    border-left: 1px solid #58aed5;
}

/*메뉴상단하단 라인*/
.d2gm4 .gdGmenu ul:hover {
    background: #a4dffb url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm4 .gdGmenu ul li:first-child a {
    color: #016c9e;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm5 {
    background: #44d6bb;
}

/*전체배경*/
.d2gm5 .gdGmenu ul {
    border-top: 1px solid #99e856;
    border-bottom: 1px solid #79b743;
    border-left: 1px solid #79b743;
}

/*메뉴상단하단 라인*/
.d2gm5 .gdGmenu ul:hover {
    background: #b9e394 url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm5 .gdGmenu ul li:first-child a {
    color: #367400;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm6 {
    background: #00b6f0;
}

/*전체배경*/
.d2gm6 .gdGmenu ul {
    border-top: 1px solid #20c9fe;
    border-bottom: 1px solid #0098c8;
    border-left: 1px solid #0098c8;
}

/*메뉴상단하단 라인*/
.d2gm6 .gdGmenu ul:hover {
    background: #66d3f6 url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm6 .gdGmenu ul li:first-child a {
    color: #005c79;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm7 {
    background: #44d6bb;
}

/*전체배경*/
.d2gm7 .gdGmenu ul {
    border-top: 1px solid #5c9ae5;
    border-bottom: 1px solid #4673ab;
    border-left: 1px solid #4673ab;
}

/*메뉴상단하단 라인*/
.d2gm7 .gdGmenu ul:hover {
    background: #96b6dd url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm7 .gdGmenu ul li:first-child a {
    color: #013370;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm8 {
    background: #afafaf;
}

/*전체배경*/
.d2gm8 .gdGmenu ul {
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #939393;
    border-left: 1px solid #939393;
}

/*메뉴상단하단 라인*/
.d2gm8 .gdGmenu ul:hover {
    background: #cfcfcf url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm8 .gdGmenu ul li:first-child a {
    color: #4c4c4c;
}

/*메뉴 첫번재 오버 폰트칼라*/

.d2gm9 {
    background: #44d6bb;
}

/*전체배경*/
.d2gm9 .gdGmenu ul {
    border-top: 1px solid #5c9ae5;
    border-bottom: 1px solid #4673ab;
    border-left: 1px solid #4673ab;
}

/*메뉴상단하단 라인*/
.d2gm9 .gdGmenu ul:hover {
    background: #96b6dd url(/v3zone/images/gnb2DepthSelect.gif) 130px center no-repeat;
}

/*메뉴 오버배경*/
.d2gm9 .gdGmenu ul li:first-child a {
    color: #013370;
}

/*메뉴 첫번재 오버 폰트칼라*/

/********** 제품 알림창 두줄 ***********/
.palt {
    font-size: 12px;
    position: absolute;
    left: 50%;
    margin-left: -110px !important;
    z-index: 100000 !important;
    padding-left: 3px;
    margin-left: 0;
    display: none;
    border: 1px solid #666;
    background: #fff;
    line-height: 1.5;
    padding: 10px;
    margin-top: 10px;
}

.palt img {
    position: absolute;
    top: -12px
}

.palt span {
    display: inline-block;
    text-align: left;
}

.palt span em {
    color: #F60
}



/*#845*/
.paltrt {
    display: none;
    font-size: 12px;
    position: absolute;
    left: 50%;
    margin-top: 5px;
    margin-left: -110px !important;
    z-index: 100000 !important;
    border: 1px solid #666;
    background: #fff;
    line-height: 1.5;
    padding: 10px
}

.paltrt img {
    position: absolute;
    top: -12px;
    left: 50%;
}

.paltrt span {
    display: inline-block;
    text-align: left;
}

.paltrt span em {
    color: #F60
}

/*********** Paging ************/
.pGing {
    font-size: 81.3%;
    text-align: center;
    margin: 50px 0
}

.pGing li,
.pGing li a {
    display: inline-block;
    vertical-align: middle
}

.pGing li a {
    display: block;
    padding: 3px 6px 2px
}

.pGing li .active {
    color: #F60
}

.pGing .pgImg a {
    padding: 0
}

/************ aside *************/
#aside {
    width: 1100px;
    margin: 0 auto;
    height: 0;
    position: relative;
}

#aside .main {
    top: 234px;
}

#aside .sub {
    top: 10px;
}

.quick {
    width: 78px;
    text-align: center;
    position: absolute;
    top: 215px;
    left: 1110px;
}

/*@media screen and (min-width: 1300px) {
    .quick {left:1110px;}
}
@media screen and (max-width: 1300px) {
    .quick, .fixed {right:0px;}
}*/
#aside .movNav li {
    padding: 8px 15px;
    background-color: #3e414f;
    font-size: small;
}

#aside .movNav li a {
    color: white;
    cursor: pointer;
    font-weight: bold;
    ;
}

#aside .asBox {
    margin-top: 3px;
}

#aside .asBox li img {
    display: block;
}

#aside .asBox .CartBox {
    border: 1px solid #25aae2;
    border-bottom: 0 none;
    font-size: 12px;
}

#aside .asBox .CartBoxTop {
    background-color: #25AAE2;
    font-size: small;
    padding: 8px 0;
}

#aside #aCart {
    color: white;
    cursor: pointer;
    font-weight: normal;
}

#aside .asBox .CartBoxBottom {
    background-color: #25AAE2;
    font-size: small;
    padding: 8px 0;
}

#aside .asBox .CartBoxTotC {
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    color: red;
    margin-top: 5px;
}

#aside .asBox .CartBox:last-child {
    border-bottom: 1px solid #25aae2;
}

#aside .asBox .CartBox .CartBoxImg {
    width: 70px;
    height: 70px;
    cursor: pointer;
    padding: 3px;
}

#aside .asBox .CartBox.n20 .CartBoxImg {
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0 auto;
}

/*
#cartQty{display:block; width:78px; color:red; text-align:center; font-weight:bold;}
#aside .asBox li {border:1px solid #3e414f; border-bottom:0 none}*/

/* 200819 소망수정 */
.quick.n20 {
    right: 0;
    left: auto;
    width: 55px;
}

.n20bgB {
    background: #212121;
    padding: 10px 0;
}

.n20bgB:hover {
    background: #25aae2;
}

#aside .asBox.n20 {
    margin-top: 0;
}

#aside .asBox.n20 .CartBoxTop {
    background-color: #212121;
}

#aside .asBox.n20 li img {
    display: inline-block;
}

#aside .asBox.n20 .CartBoxTotC {
    position: absolute;
    top: 27px;
    right: 4px;
    margin-top: 0;
    background-color: red;
    color: #fff;
}

#aside .asBox.n20 .CartBox {
    border: 1px solid #212121;
    border-bottom: 0 none;
}

#aside .asBox.n20 .CartBox:last-child {
    border-bottom: 1px solid #212121;
}
/********* footer ************/
/*
#footer{position:relative; min-width:1100px;background:#313537; margin-top:50px; padding-bottom:15px}
#footer div.contents{z-index:1; position:relative; width:940px; height:160px; margin:0 auto; color:#ffffff;}
#footer div.contents h2{float:left; width:124px; height:31px; display:block; margin:55px 15px 0 25px;}
#footer div.contents .sec_bar{float:left; margin:25px 0 0 0;}
#footer div.contents .footer_area{float:left; width:750px; margin:33px 0 0 15px;}
#footer div.contents ul{float:left; width:750px; margin-bottom:15px;}
#footer div.contents ul li.first{float:left; padding-left:0px; border-left-style:none;}
#footer div.contents ul li{float:left; height:12px; padding:0 10px 0 10px; border-left:#ffffff 1px solid; color:#ffffff;}
#footer div.contents ul li a{color:#ffffff}
#footer div.contents address{clear:both; font-size:11px; line-height:14px; letter-spacing:normal}
*/
/*
#footer {
    min-width: 1188px;
    background: #212121;
    margin-top: 50px;
    padding-bottom: 15px;
}

#footer .copyright {
    width: 1100px;
    margin: 0 auto;
    background: url('/v3zone/img/footer_logo.gif') 60px 43px no-repeat;
}
*/
/*#footer .copyright {width:1100px; margin:0 auto; background:url(/v3zone/img/footer_logo.gif) 60px 53px no-repeat}*/

#footer .copyright .sec_bar {
    float: left;
    margin: 25px 0 0 200px;
}

#footer .copyLink {
    font-size: 75%;
    padding-top: 10px;
    display: inline-block;
    margin-left: 2px
}

#footer .copyLink li {
    display: inline-block;
}

#footer .copyLink li a {
    color: #FFF;
    border-right: 1px solid #666;
    display: inline-block;
    padding: 0 15px
}

#footer .ftlst {
    display: inline-block;
    vertical-align: middle;
    margin: 0 25px -4px
}

#footer .ftlst a {
    display: inline-block;
    margin-right: 15px
}

.copyText {
    margin-left: 220px;
    font-size: 75%;
    color: #999;
    line-height: 1.5;
    margin-top: 20px;
    padding-bottom: 30px
}

.copyText p em {
    color: #FFF;
    font-weight: bold
}

.copyText p img {
    margin: 0 2px 0 10px
}

.copyText .copy {
    color: #777;
    font-size: 75%;
    margin-top: 5px;
    font-family: Tahoma, verdana, Arial, sans-serif
}

.copyText .copy2>a {
    color: #FFF;
    font-family: Tahoma, verdana, Arial, sans-serif
}



#footer .ftSite {
    display: inline-block;
    float: right;
    margin-top: 5px
}

#footer .ftSite li {
    display: inline-block;
    height: 35px;
    vertical-align: bottom;
}

#footer .ftSite li img {
    display: block;
    border: 0;
}

#footer .site {
    border: 1px solid #333;
    padding: 2px 30px 5px 10px;
    background: #FFF url(/v3zone/images/footerSelect.gif) 105px center no-repeat;
    width: 130px;
    text-align: left;
    font-size: 12px
}

#footer .ftList {
    background: #eee;
    display: none;
    position: absolute;
    z-index: 10000;
    width: 130px;
    font-size: 12px
}

#footer .ftList li {
    line-height: 1.5;
    padding: 3px 0 0 0;
    cursor: pointer;
    width: 128px;
    height: 20px;
}

#footer .ftList li:hover {
    background: #CCC
}

#footer .ftList li a {
    padding-left: 10px;
    display: block
}

#footer .ftList li a:hover {
    color: #333
}

#footer .ftEmail {
    cursor: pointer
}

/* 200819 소망 푸터 추가 */
#footer div.contents.Ver20 .add {
    clear: both;
    margin: 4px 0 0 0;
    padding: 0 0 0 195px;
    line-height: 15px;
}

#footer div.contents.Ver20 .add .logo {
    float: left;
    margin: 5px 0 0 -180px;
}

#footer div.contents.Ver20 .add .address {
    width: 780px;
}

#footer div.contents.Ver20 {
    width: 1100px;
    padding: 20px 0;
    margin: 0 auto;
}

#footer div.contents.Ver20 .add .address {
    width: auto;
    display: inline-block;
    color: #d4d4d4;
    font-size: 15px;
    line-height: 23px;
}

#footer div.contents.Ver20 .add .address b {
    color: #fff;
}

#footer .copyright.n20 {
    background: #fff;
    width: 100%;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
}

.copysection {
    height: 50px;
    width: 1100px;
    margin: 0 auto;
}

#footer .copyLink.n20 {
    padding-top: 16px;
    margin-left: 0;
}

#footer .copyLink.n20 li a {
    font-size: 14px;
    color: #4f4f4f;
    margin-right: 0;
}

#footer .copyLink.n20 li:last-child a {
    border: 0;
}

/******** container **********/
#container {
    width: 1100px;
    margin: 0 auto;
    position: relative
}

.DetailInfo {
    /*border-top:1px solid #333;*/
    /*border-bottom:1px solid #333;*/
    padding-top: 20px;
}

/***** galleryPop ******/
.galleryPop {
    background: url(/v3zone/images/popbg.png);
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 200000
}

.gallPop {
    background: #FFF;
    width: 0;
    margin: auto;
    top: 0
}

/***** laypop ******/
.layPopWp {
    background: url(/v3zone/images/popbg.png);
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 200000
}

.layPop {
    background: #fff;
    border: 1px solid #000;
    width: 0;
    margin: auto;
    position: relative;
    overflow:auto;
}

.laypT {
    font-size: 150%;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: left;
    margin-top: -40px
}

.laypT span {
    color: #F60
}

.laypC {
    margin: 0
}

.laypX {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    margin: 10px
}

.laypX a {
    background: url(/m_web/v3zone/images/btn_cancel.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    background-size: 100%;
}

/********** Product menu *********/
.ListMenu {
    float: left
}

.ListMenu li {
    display: inline-block;
    float: left;
    border-right: 1px solid #d1d2d5;
}

.ListMenu li a {
    font-weight: bold;
    font-size: 100%;
    line-height: 2.5;
    display: inline-block;
    width: 120px;
    height: 31px;
    padding: 5px;
    text-align: center
}

.ListMenu li a:hover,
.ListMenu li.active a {
    color: #FFF;
    background: #3e414f;
}

.ListMenu li em {
    display: none
}

.ListMenu li:hover em,
.ListMenu li.active em {
    display: block;
    width: 8px;
    height: 4px;
    position: absolute;
    margin: -7px 0 0 45px
}

.bggy {
    background: #eaeaec;
    height: 5px;
    width: 1100px;
    margin: 0 auto;
}

.ListOption {
    float: right;
    margin-top: 7px
}

.ListOption li {
    display: inline-block;
    background: url(/v3zone/images/dots2.gif) 0 center no-repeat;
    padding-left: 10px;
    margin-right: 15px
}

.ListOption .ProAlign {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer
}

/********** Product list *********/
/*찾아오기*/
.proListBox {
    text-align: left;
    width: 1098px;
    margin: 0 auto;
    /*overflow:hidden;*/
    border-left: 1px solid #eaeaec;
    border-right: 1px solid #eaeaec;
    padding-top: 30px;
}

.proBox,
.proBox2 {
    width: 1100px
}

.pBox4 {
    transition: box-shadow .3s;
    text-align: center;
    width: 258px;
    border-radius: 3px;
    border: 1px solid #dcdbdb;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin: 20px 0 0 8px;
    /*margin:20px 16px 0 0*/
}

.pBox4 .pimg {
    padding: 4px;
    position: relative;
}

.pBox4 .pimg a {
    display: block;
}

.pBox4 .pimg span {}

/*dispaly:none;*/
.pBox4 .pimg img {
    width: 248px;
}

.pBox4 .pimg .p_img_up img {
    top: 1px;
    left: 1px;
    position: absolute;
    width: 50px;
    height: auto;
    display: block !important;
}

.pBox4 .pimg .p_img_set {
    position: relative;
    display: block;
}

.pBox4 .pimg .p_img_set img {
    bottom: 0;
    right: 0;
    position: absolute;
    width: 90px;
    height: 77px;
    display: block !important;
}

.pBox4 .pimg:hover span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    /*background:url(/v3zone/images/listZoom.png) 0 0 no-repeat;*/
    width: 258px;
    height: 222px;
    cursor: pointer;
}

/*줌 제거*/
.pBox4 .pimg:hover span.p_img_set {
    width: auto;
    height: auto;
    bottom: auto;
    right: auto;
    left: auto;
    top: auto;
    position: relative;
}

.pBox4 .pimg .nobuy {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 258px;
    height: 222px;
    background: #353535;
    opacity: 0.7;
    line-height: 222px;
    font-size: 36px;
    color: white;
    filter: alpha(opacity=70);
}

.pBox4 .pimg .buynoti {
    position: absolute;
    right: 10px;
    top: 197px;
    display: block;
    border: 1px solid #d5d5d5;
    background: #3E414F;
    color: white;
    padding: 5px;
}

.pBox4:hover .pimg .nobuy {
    position: absolute;
}

.pBox4:hover .pimg .buynoti {
    position: absolute;
}

.pBox4 .ptitle {
    margin: 5px 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 10;
    height: 57px;
}

.pBox4 .pprice {
    font-size: 81.3%;
    color: #666;
    line-height: 1.5
}

.pBox4 .pprice span {
    color: #F00
}

.pBox4 .ppoint {
    color: #666;
    line-height: 1.5
}

.pBox4 .ppoint span {
    color: #09C
}

/*.pBox4 .pjcode {position:absolute; right:0; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:5px; color:#a5a5a5; font-weight:bold; background:white; border-top-right-radius:10px;}*/
.pBox4 .pjcode {
    font-size: 13px;
    position: absolute;
    left: 0;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 5px;
    color: #696969;
    font-weight: bold;
    background: white;
    /* border-top-right-radius:10px; */
    bottom: 0px;
    border-top: 1px solid #d5d5d5;
}

.pBox4 .pguidesm {
    cursor: pointer;
    z-index: 10;
    /*width:258px;*/
    color: #4d4d4d;
}

.pBox4 .ptitleHv {
    display: none;
    width: 258px;
    height: 40px;
    position: absolute;
    top: 205px;
    z-index: 1000;
    background-color: #666;
    padding: 5px 0;
    white-space: normal;
}

.pBox4 .ptitleHv a {
    color: #fff;
    height: 40px;
    vertical-align: -50%;
    display: inline-block;
    line-height: 21px
}

.pBox4:hover {
    background: #fcfcfc;
    border: 1px solid orange;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    padding-left: 1px;
    margin: 19px 0 0 8px;
    /*margin:19px 16px 0 0;*/
    text-align: center;
    box-shadow: 5px 5px 5px rgba(33, 33, 33, .2);
}

.pBox4 .pimg .newbuy {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(/v3zone/images/newItemIcon.png) 0 0 no-repeat;
    width: 258px;
    height: 207px;
}

.pBox4 .pimg .newbuy:hover {
    position: absolute;
    left: -1px;
    /*background:url(/v3zone/images/newItemIcon.png) 0 0 no-repeat !important;*/
}

.pBox4:hover .pimg .newbuy {
    position: absolute;
    left: -1px;
    /*background:url(/v3zone/images/newItemIcon.png) 0 0 no-repeat !important;*/
}

.pBoxMobile {
    height: 300px !important
}

.pBoxMobile:hover {
    height: 298px !important
}

/* go비즈니스 리뷰 탭 */
.proListBox .about_go {
    font-size: 15px;
    color: #7d7d7d;
}

.proListBox .about_go h4 {
    font-size: 17px;
    color: #212121;
    line-height: 22px;
}

.proListBox .about_go h4 b {
    color: #00b050;
}

.proListBox .about_go hr {
    height: 1px;
    background: #eee;
    margin: 14px 0;
}

.proListBox.bzero {
    border: 0;
}

.pBox4.glist {
    border-radius: 0;
    background: #fff;
    padding-left: 0;
}

.pBox4.glist:hover {
    background: #fff;
    border: 1px solid #25aae2;
    margin: 20px 0 0 8px;
    box-shadow: 5px 5px 5px rgb(33 33 33 / 20%);
}

.pBox4.glist .pimg {
    padding: 0;
}

.pBox4.glist .pimg img {
    width: 100%;
}

.pBox4.glist .ptitle {
    height: auto;
    font-size: 16px;
    margin: 14px;
    text-align: left;
}

.pBox4.glist .ptitle.onbusiSns {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 19px;
    margin-top: 0;
}

.pBox4.glist .btn-wish {
    position: absolute;
    bottom: 7px;
    right: 13px;
    cursor: pointer;
}

.pBox4.glist .starPoint {
    text-align: left;
    margin-left: 14px;
}

.pBox4.glist .starPoint img {
    margin: 7px 0px 0 0;
    width: 15px !important;
}

.u_likeit_module .btn-wish .u_cnt {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
}

.u_likeit_module .btn-wish .wish {
    float: left;
    margin-right: 4px;
    width: 20px !important;
}

.monthNew {
    position: absolute;
    z-index: 99;
    right: 0;
}

.proListBox.on_busi #proBox ul li hr {
    height: 1px;
    background: #dcdbdb;
    margin: 0 14px;
}

.proListBox.on_busi #proBox img {
    width: 100%;
}

/*.pBox4.glist .btn-wish {position: absolute; bottom: 12px; right: 13px; cursor: pointer; background-image: url(/mall_promosition/onbusiness/images/btn_wish_off.png); width: 20px; height: 20px;}
.pBox4.glist .btn-wish:active {background-image: url(/mall_promosition/onbusiness/images/btn_wish_on.png); }*/
@media only screen and (max-width: 1100px) {
    .proListBox.on_busi {
        width: 100%;
        padding: 10px;
    }

    .proListBox.on_busi #proBox {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .proListBox.on_busi #proBox ul {
        margin: 5px;
        width: 32%;
    }

}

@media only screen and (max-width: 768px) {

    /***** laypop ******/
    .layPop {
        width: 100% !important;
		margin-top: 0 !important;
		position: fixed;
		top: 0;
		height: 100% !important;
    }

    .laypX a {
        position: fixed;
        top: 25px;
		right: 25px;
    }
}

@media only screen and (max-width: 768px) {

    .proListBox.on_busi .about_go h4 {
        font-size: 14px;
        line-height: 17px;
    }

    .proListBox.on_busi .about_go {
        font-size: 12px;
    }


    .proListBox.on_busi #proBox ul {
        margin: 5px 2px;
        width: 48%;
    }

    .pBox4.glist .pimg img {
        height: auto;
    }

    .pBox4.glist .ptitle {
        width: 56%;
        font-size: 13px;
        margin: 10px;
    }

    .pBox4.glist .ptitle.onbusiSns {
        width: auto;
    }

    .proListBox.on_busi #proBox ul li hr {
        width: 100%;
        margin: 0;
    }
}


/********** Product list_v2 *********/
.pBox3 {
    text-align: center;
    width: 351px;
    height: 462px;
    border: 1px solid #dcdbdb;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin: 20px 0 0 8px;
    /*margin:20px 16px 0 0*/
}

.pBox3 .pimg {
    padding: 4px
}

.pBox3 .pimg span {
    display: none
}

.pBox3 .pimg img {
    width: 341px;
}

.pBox3 .pimg:hover span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/v3zone/images/listZoom.png) 0 0 no-repeat;
    width: 351px;
    height: 281px;
    cursor: pointer
}

.pBox3 .pimg .nobuy {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(/v3zone/images/listAbsence.png) 0 0 no-repeat;
    width: 351px;
    height: 281px;
}

.pBox3 .pimg .nobuy:hover {
    position: absolute;
    left: -1px;
    background: url(/v3zone/images/listAbsence.png) 0 0 no-repeat !important;
}

.pBox3 .ptitle {
    margin: 5px 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 10;
}

.pBox3 .pprice {
    font-size: 81.3%;
    color: #666;
    line-height: 1.5
}

.pBox3 .pprice span {
    color: #F00
}

.pBox3 .ppoint {
    color: #666;
    line-height: 1.5
}

.pBox3 .ppoint span {
    color: #09C
}

.pBox3 .pguidesm {
    cursor: pointer;
    z-index: 10;
    /*width:351px;*/
    color: #4d4d4d;
}

.pBox3 .ptitleHv {
    display: none;
    width: 351px;
    height: 51px;
    position: absolute;
    top: 205px;
    z-index: 1000;
    background-color: #666;
    padding: 5px 0;
    white-space: normal;
}

.pBox3 .ptitleHv a {
    color: #fff;
    height: 51px;
    vertical-align: -50%;
    display: inline-block;
    line-height: 21px
}

.pBox3:hover {
    width: 349px;
    height: 461px;
    border: 2px solid #00b6f0;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    margin: 19px 0 0 8px;
    /*margin:19px 16px 0 0;*/
    text-align: center;
}

.pBox3:hover .pimg .nobuy {
    position: absolute;
    left: -1px;
    background: url(/v3zone/images/listAbsence.png) 0 0 no-repeat !important;
}

.pBox3 .pimg .newbuy {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(/v3zone/images/newItemIcon.png) top right no-repeat;
    width: 351px;
    height: 207px;
}

.pBox3 .pimg .newbuy:hover {
    position: absolute;
    left: -1px;
    background: url(/v3zone/images/newItemIcon.png) 0 0 no-repeat !important;
}

.pBox3:hover .pimg .newbuy {
    position: absolute;
    left: -1px;
    background: url(/v3zone/images/newItemIcon.png) top right no-repeat !important;
}

/********** Product list Option *********/
.poption {
    margin: 10px 0;
}

.poption ul {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.poption ul li {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
}

.poption ul .option_zone_etc span {
    color: #206ded;
}

.poption ul li input {
    width: 30px;
    margin-top: 0;
    height: 14px;
    line-height: 14px;
    text-align: right;
    vertical-align: middle;
}

.poption ul .deliver_zone_0 {
    float: left;
    min-width: 51px;
    height: 18px;
    margin-right: 3px;
    background: #3fb908;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    letter-spacing: -1px;
    padding: 2px 1px 0 1px;
}

.poption ul .deliver_zone_1 {
    float: left;
    min-width: 51px;
    height: 18px;
    margin-right: 3px;
    background: #ff7342;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    letter-spacing: -1px;
    padding: 2px 1px 0 1px;
}

.poption a {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.poption>a {
    margin-top: 3px;
}

.poption a.cartButton {
    border: 1px solid #171414;
    background: #3e414f;
    color: #ffffff;
    margin-top: 0;
    padding: 5px 5px;
    font-size: 14px;
    border-radius: 20px;
    margin-left: 5px;
}

.poption a.cartButton:hover+.palt {
    display: block;
}

/********** Product list Option *********/
.EA_TotalHap {
    padding: 5px 0px;
    color: #ffffff;
    border-top: 1px solid #4aa6ac;
    background: #45999e;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 15px;
}

/********** Product Box *********/
.proList {
    width: 1100px;
}

.plist {
    width: 100%;
    border-bottom: 1px solid #dcdbdb;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
}

.plist li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 29px
}

.plist .pzoom {
    margin: 0;
}

.plist .ptitle {
    width: 180px;
}

.plist .psubtitle {
    font-size: 81.3%;
    color: #666;
    width: 120px;
}

.plist .pprice {
    font-size: 81.3%;
    color: #666;
    line-height: 1.5;
    width: 70px;
}

.plist .pprice span {
    color: #F00
}

.plist .ppoint {
    font-size: 81.3%;
    color: #666;
    line-height: 1.5;
    width: 70px;
}

.plist .ppoint span {
    color: #09C
}

.plist ul {
    margin-right: 10px
}

.plist ul li {
    margin: 0
}

.plist .poption {
    width: 180px
}

.plist .poption .pguide {
    display: block;
    text-align: center;
}

.pguide {
    cursor: pointer
}

.pguidert {
    cursor: pointer
}

.plist .pimg .nobuy {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(/v3zone/images/listAbsence_154.png) 0 0 no-repeat;
    width: 154px;
    height: 125px;
}

.plist .pimg .nobuy:hover {
    position: absolute;
    left: 0;
    background: url(/v3zone/images/listAbsence_154.png) 0 0 no-repeat !important;
}

.plist:hover .pimg .nobuy {
    position: absolute;
    left: 0;
    background: url(/v3zone/images/listAbsence_154.png) 0 0 no-repeat !important;
}

.plist .pimg .newbuy {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(/v3zone/images/newIcon_list.png) 0 0 no-repeat;
    width: 154px;
    height: 125px;
}

.plist .pimg .newbuy:hover {
    position: absolute;
    left: 0;
    background: url(/v3zone/images/newIcon_list.png) 0 0 no-repeat !important;
}

.plist:hover .pimg .newbuy {
    position: absolute;
    left: 0;
    background: url(/v3zone/images/newIcon_list.png) 0 0 no-repeat !important;
}

/***********1Depth Main ***********/
.urlGuide {
    width: 1100px;
    font-size: 75%;
    margin: 0 auto;
    text-align: right;
}

.urlGuide div {
    background: #eff0f1;
    width: 1089px;
    padding: 10px 20px 10px 0;
    color: #666;
    float: right
}

/********** Sub Page Title *********/
.subPageTitle {
    width: 1100px;
    margin: 30px auto 10px auto
}

.subPageTitle h2 {
    margin-left: 100px;
    font-size: 30px;
    background: url(/v3zone/images/pageTitleGray.gif) 0 5px no-repeat;
    padding-left: 23px;
    color: #3e414f;
}

.subPageTitle p {
    margin-left: 120px;
    /*150px;*/
    font-size: 30px;
    /*23px;*/
    color: #333;
    margin-top: 7px;
    height: 27px;
    font-family: Nanum Gothic;
}

.subPageTitle p span {
    color: #00b6f0
}

.sptGreen h2 {
    background: url(/v3zone/images/pageTitleGreen.gif) 0 5px no-repeat;
    color: #c1ca01;
    font-family: Nanum GothicB;
    font-size: 20pt
}

/********** Detail Tab *********/
.proTab li {
    display: inline-block;
    border: 0 none;
    width: 25%
}

.proTab li a {
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-bottom: 1px solid #3e414f;
    display: block;
    text-align: center;
    font-size: 81.3%;
    padding: 10px 0;
    color: #a4a4a4
}

.proTab li.active a {
    border: 1px solid #3e414f;
    border-bottom: 0;
    background: #FFF;
    color: #000
}

.proTab li a:hover {
    color: #000
}

.dVinfo {
    display: none;
    margin-bottom: 20px;
    padding: 20px 0;
    color: #666;
    font-size: 13px
}

.dVinfo1 {
    display: block
}

/********** Table Style ********/
.tableStyle1 th,
.tableStyle1 td {
    border-bottom: 1px solid #CCC;
    font-size: 75%;
    color: #999;
}

.tableStyle1 th {
    line-height: 2.5;
    text-align: left;
    padding-left: 15px
}

.tableStyle1 tfoot {
    font-size: 175%;
    /*border:2px solid #ccc;*/
    border-bottom: 3px solid #000;
}

.tableStyle1 tfoot th,
.tableStyle1 tfoot td {
    border-bottom: 0 none
}

.tableStyle1 td img {
    vertical-align: middle
}

.tableStyle1 th.DBt {
    color: #000;
    font-size: 14px;
    font-family: Nanum GothicB
}

.tableStyle1 .DBt {
    font-size: 81.3%;
    /*line-height:2.4;*/
}

.tableStyle2 {
    border-top: 1px solid #333;
    font-size: 12px;
    margin: 5px 0 20px !important;
    color: #666
}

.tableStyle2 th {
    background: #f6f6f6;
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    padding: 10px 15px 10px
}

.tableStyle2 td {
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    padding: 7px 15px
}

.tableStyle3 {
    border-top: 1px solid #333
}

.tableStyle3 th {
    background: #f5f5f5;
    color: #6f6f6f;
    border-bottom: 1px solid #acacac;
    padding: 10px 0
}

.tableStyle3 td {
    border-bottom: 1px solid #d3d3d3;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    line-height: 1.5;
    -ms-word-break: break-all;
    word-break: break-all
}

.tableStyle22 {
    border-top: 1px solid #333;
    font-size: 12px;
    color: #666
}

.tableStyle22 th {
    background: #f6f6f6;
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    padding: 10px 15px 10px
}

.tableStyle22 td {
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    padding: 7px 10px
}

/********* font size **********/
.fs12 {
    font-size: 12px !important
}

.fs13 {
    font-size: 13px !important
}

.fs14 {
    font-size: 14px !important
}

.fs16 {
    font-size: 16px !important
}

.fs18 {
    font-size: 18px !important
}

.fs20 {
    font-size: 20px !important
}

.fs22 {
    font-size: 22px !important
}

.fs24 {
    font-size: 24px !important
}

.fs25 {
    font-size: 25px !important
}

.fs48 {
    font-size: 48px !important
}

/********* btn color **********/
.proVbtn {
    padding-top: 10px
}

.btnBlue1 {
    background: #3e414f;
    color: #FFF;
    display: inline-block
}

.btnBlue1:hover {
    color: #FFF !important
}

.btnBlue2 {
    background: #1a91f5;
    color: #FFF;
    display: inline-block
}

.btnBlue2:hover {
    color: #FFF !important
}

.btnBlue3 {
    background: #00b6f0;
    color: #FFF;
    display: inline-block
}

.btnBlue3:hover {
    color: #FFF !important
}

.btnGlay1 {
    background: #3e414f;
    color: #FFF;
    display: inline-block
}

.btnGlay1:hover {
    color: #FFF !important
}

.btnGlay2 {
    background: #d3d3d4;
    color: #3e414f;
    display: inline-block
}

.btnGlay2:hover {
    color: #3e414f !important
}

.btnGlay3 {
    background: #717484;
    color: #FFF;
    display: inline-block
}

.btnGlay3:hover {
    color: #FFF !important
}

.btnWrite {
    border: 1px solid #CCC;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    background: #FFF
}

.btnWrite2 {
    border: 1px solid #333;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    background: #FFF
}

.btnBlack1 {
    border: 1px solid #333;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    background: #333;
    color: #FFF
}

.btnBlack2 {
    background: #546674;
    color: #fff;
    display: inline-block
}

.btnBlack2:hover {
    color: #3e414f !important
}

.btnBlack7 {
    background: #717484;
    border: 1px solid #546674;
    color: #fff;
    display: inline-block;
    font-weight: bold;
}

.btnBlack7:hover {
    color: #FFF !important
}

/********* btn padding **********/
.pl10r20 {
    padding: 10px 20px
}

.pl10r18 {
    padding: 10px 18px
}

.pl7r10 {
    padding: 7px 10px
}

.pl10r35 {
    padding: 10px 35px
}

.pl10r45 {
    padding: 10px 45px
}

.pl15r35 {
    padding: 15px 35px
}

.pl5r8 {
    padding: 5px 8px;
}

.pl5r10 {
    padding: 5px 10px;
}

.pl5r30 {
    padding: 5px 30px
}

.pl15r60 {
    padding: 15px 60px
}

.pl8r10 {
    padding: 8px 10px;
}

.pl2r8 {
    padding: 2px 8px;
}

.pl7w100 {
    padding: 7px 0;
    width: 100%
}

.pl5r25 {
    padding: 5px 25px
}

.pl3r10 {
    padding: 3px 10px
}

.pdl10 {
    padding-left: 10px
}

.pdl20 {
    padding-left: 20px
}

.pdr15 {padding-right: 15px;}
.shipAdd_btn {
    border: 1px solid #d1d2d5;
    font-size: 12px;
    padding: 4px 6px 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #6a6c77;
}

/******** Btn Option1 ********/
.checkBg {
    background: url(/v3zone/images/checkIcon.gif) 10px center no-repeat;
    padding-left: 25px
}

.excBg {
    background: url(/v3zone/images/exclamationMark.gif) 10px center no-repeat;
    padding-left: 35px
}

.excBg2 {
    background: url(/v3zone/images/exclamationMark2.gif) 7px center no-repeat;
    padding-left: 30px
}

/******** Btn Option2 ********/
.par {
    position: absolute;
    right: 0 !important;
    top: 0
}

.red {
    color: #F00 !important
}

.blue {
    color: #1a91f5 !important
}

.org {
    color: #F60 !important
}

.skyblue {
    color: #5bc1eb !important
}

.mcolor {
    color: #00b6f0
}

.scolor {
    color: #000
}

.strcolor {
    color: #ffa700;
}

.sandybrown {
    color: #faa400 !important
}



.prices {
    font-size: 18px !important;
    font-family: Nanum GothicB;
    font-weight: bold;
}

.priceb {
    font-size: 30px !important;
    font-family: Nanum GothicB;
    font-weight: bold;
}

.gdItem {
    font-size: 13px !important;
    font-family: Nanum GothicB;
    color: #666 !important;
}

.gdDesc {
    font-size: 14px !important;
    font-family: Nanum GothicB;
    color: #666 !important;
}

.bbn {
    border-bottom: none !important;
}

/********* Box rudi *********/
.r2 {
    border-radius: 2px !important
}

.r5 {
    border-radius: 5px !important
}

.r10 {
    border-radius: 10px !important
}

/*********pBox Likes********/
.pBox.likes {
    margin: 20px 16px 30px 0;
}

.pBox .ellipsis {
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/********* Mall All Menu and 2Depth Gnb 추가********/
.gnb2Wrap {
    background: #d7d5d5
        /*#f1f1f1*/
    ;
    border: 1px solid #d6d6d6;
    border-top: none;
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}

.gnb2Wrap>ul {
    float: left;
    /* width:111px;*/
    width: 234px;
    /* width:316px; */
    padding-top: 10px;
    min-height: 214px;
    /*300px;*/
    /*425px;*/
    padding-left: 12px;
}

/* ★★★여기 넓이 조정 = 넓이위에 세트로조정할것 검색명(GNB-WIDTH) */
.gnb2Wrap>ul.spotLight {
    background: #ccc9c9
        /*#ebebeb;*/
}

.gnb2Wrap>ul>li>a {
    font-size: 15px;
    color: #3b3d4a;
    display: block;
    font-weight: 600;
}

.gnb2Wrap>ul>li>ul {
    margin: 8px 8px 20px -8px;
}

.gnb2Wrap>ul>li>ul>a {
    padding-left: 12px;
    background: url(/v3zone/images/dots1.gif) left center no-repeat;
}

.gnb2Wrap>ul>li>ul>a:hover {
    color: #07a7e3;
    font-weight: bold;
}

/*07a7e3*/
.gnb2Wrap>ul>li>ul>li {
    border-bottom: 1px dashed #d9dadc;
}

.gnb2Wrap>ul>li>ul>li>a {
    font-size: 13px;
    color: #535353;
    line-height: 20px;
    padding-left: 5px;
}

.gnb2Wrap>ul>li>a:hover {
    color: #07a7e3;
}

.gnb2Wrap>ul>li>ul>li>a:hover {
    display: inline-block;
    min-width: 120px;
    background-color: #07a7e3;
    color: #fff
}

/********* 2015.06.04 guide1 ********/
.gnb2Wrap_gd {
    background: #f1f1f1;
    border-top: none;
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}

.gnb2Wrap_gd>ul {
    float: left;
    width: 111px;
    padding-top: 10px;
    min-height: 490px;
    padding-left: 12px;
}

.gnb2Wrap_gd>ul.spotLight {
    background: #ebebeb;
}

.gnb2Wrap_gd>ul>li>a {
    font-size: 15px;
    color: #3b3d4a;
    display: block;
    font-weight: 600;
}

.gnb2Wrap_gd>ul>li>ul {
    margin: 8px 8px 35px -8px;
}

.gnb2Wrap_gd>ul>li>ul>li {
    border-bottom: 1px dashed #d9dadc;
}

.gnb2Wrap_gd>ul>li>ul>li>a {
    font-size: 12px;
    color: #535353;
    line-height: 20px;
    padding-left: 5px;
}

.gnb2Wrap_gd>ul>li>ul>li>a:hover {
    color: #07a7e3
}

.gnb2Wrap_gd>.gnbhov01 {
    width: 109px;
    padding-left: 10px;
    border-left: 2px solid #07a7e3;
    border-right: 2px solid #07a7e3
}

.gnb2Wrap_gd>.gnbhov02 {
    width: 109px;
    padding-left: 10px;
    border-left: 2px solid #949599;
    border-right: 2px solid #949599
}

.hide {
    visibility: hidden;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0
}

#happoCheckCenter {
    display: inline-block;
}

.happoCheckConts {
    display: none
}

.texInd {
    padding-left: 12px;
    text-indent: -12px
}

.listHappo {
    font-weight: bold
}


/********** Notice *********/
/*
.fNotice {float:left; border:1px solid #eaeaec; position:absolute; height:40px; width:650px; margin:4px auto}
.fNtitle {background:url(/v3zone/images/noticeTitleIcon.gif) 8px center no-repeat; background-size: 30px 30px; height:40px; line-height:3.1; padding-left:60px; font-size:125%; font-weight:bold; display:inline-block; vertical-align:middle}
.fNtitle span {border-right:2px solid #003; margin-left:40px}
.fNotice ul {display:inline-block; font-size:100%; font-weight:normal; margin-left:30px; vertical-align:middle; margin-right:30px}
.fNotice ul li {display:inline-block; line-height:1.5; padding:-20px 0 0 0}
.fNotice ul .fN1 {width:300px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:3px;}
.fNotice ul .fN2 {margin:-30px 0 0 300px;font-size:100%; position:absolute; float:left}
.fNotice .new {background:url(/v3zone/images/newIcon.gif) left center no-repeat; padding-left:20px}
.fNotice a {display:inline-block; height:18px; vertical-align:middle}
.shopfaq {margin:15px 15px 0 0}
.rollPro {width:1100px; margin:0 auto; position:relative; margin-top:30px}
.rollimg1 {width:350px; display:inline-block; margin-left:2px}
.rollimg1 .bx-pager {margin-left:150px}
.rollimg2 {width:350px; display:inline-block; margin-left:12px}
.rollimg2 .bx-pager {margin-left:150px}
.rollimg3 {width:350px; display:inline-block; margin-left:12px}
.rollimg3 .bx-pager {margin-left:150px}
*/
.fMNotice {
    margin: 0 auto;
    position: absolute;
    float: left
}

.fNotice {
    background: #f5f5f5;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    height: 40px;
    width: 600px;
    margin: 22px auto
}

.fNtitle {
    background: url(/v3zone/images/noticeTitleIcon.gif) 10px center no-repeat;
    background-size: 24px 24px;
    height: 40px;
    line-height: 2.5;
    padding-left: 44px;
    font-size: 100%;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle
}

.fNtitle span {
    border-right: 2px solid #003;
    margin-left: 10px
}

.fNList {
    display: inline-block;
    width: 440px;
    padding: 0 5px 0 0;
}

.fNotice ul {
    display: inline-block;
    font-size: 81.3%;
    font-weight: normal;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 2px
}

.fNotice ul li {
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 317px;
    display: inline-block;
    line-height: 1.2;
    padding-top: 2px
}

.fNotice ul .fN1 {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 3px;
}

.fNotice .fN2 {
    margin-left: 10px;
    font-size: 100%;
    font-family: "Nanum Gothic", "dotum", "gulim", "verdana", sans-serif
}

.fNotice .new {
    background: url(/v3zone/images/newNoticeIcon.gif) left center no-repeat;
    padding-left: 20px
}

.fNotice a {
    display: inline-block;
    height: 18px;
    vertical-align: middle
}

.shopfaq {
    margin: 15px 15px 0 0
}

.rollPro {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px
}

.rollimg1 {
    width: 350px;
    display: inline-block;
    margin-left: 4px
}

.rollimg1 .bx-pager {
    margin-left: 150px
}

.rollimg2 {
    width: 350px;
    display: inline-block;
    margin-left: 16px
}

.rollimg2 .bx-pager {
    margin-left: 150px
}

.rollimg3 {
    width: 350px;
    display: inline-block;
    margin-left: 16px
}

.rollimg3 .bx-pager {
    margin-left: 150px
}

/*
.fNotice {background:url(/v3zone/images/frontNoticeBg.gif) 0 0 no-repeat; height:60px; width:1100px; margin:20px auto}
.fNtitle {background:url(/v3zone/images/noticeIcon.gif) 20px center no-repeat; height:60px; line-height:3.1; padding-left:60px; font-size:125%; font-weight:bold; display:inline-block; vertical-align:middle}
.fNtitle span {border-right:2px solid #003; margin-left:40px}
.fNotice ul {display:inline-block; font-size:81.3%; font-weight:normal; margin-left:30px; vertical-align:middle; margin-right:30px}
.fNotice ul li {display:inline-block; line-height:1.2; padding-top:2px}
.fNotice ul .fN1 {width:300px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:3px;}
.fNotice .fN2 {margin-left:50px;font-size:81.3%;}
.fNotice .new {background:url(/v3zone/images/newIcon.gif) left center no-repeat; padding-left:20px}
.fNotice a {display:inline-block; height:18px; vertical-align:middle}
.shopfaq {margin:15px 15px 0 0}
.rollPro {width:1100px; margin:0 auto; position:relative; margin-top:30px}
.rollimg1 {width:350px; display:inline-block; margin-left:2px}
.rollimg1 .bx-pager {margin-left:150px}
.rollimg2 {width:350px; display:inline-block; margin-left:12px}
.rollimg2 .bx-pager {margin-left:150px}
.rollimg3 {width:350px; display:inline-block; margin-left:12px}
.rollimg3 .bx-pager {margin-left:150px}


.rollimg3 {width:273px; display:inline-block; margin-left:30px}
.rollimg3 .bx-pager {margin-left:90px}
*/

.rollimg1,
.rollimg2,
.rollimg3 {
    position: relative;
}

.rollimg1 .label,
.rollimg2 .label,
.rollimg3 .label {
    position: absolute;
    left: -7px;
    top: -7px;
}

/********** Product title *********/
.mainProTitle,
.mainProList {
    width: 1100px;
    margin: 10px auto 0;
    font-size: 81.3%
}

.mainProTitle p {
    float: left
}

.mainProTitle p span {
    color: #00b6f0
}

.mainProTitle select {
    float: right;
    width: 100px;
    margin-top: -5px
}

.mainProList {
    border-top: 1px solid #d1d2d5;
    border-bottom: 1px solid #d1d2d5;
    margin-top: 5px
}

/********** Alert Position *********/
.pBox .palt {
    margin-left: 50px
}

.plist .palt {
    margin-left: 10px
}

/********** Page Sub Menu **********/
.pSubMenu {
    width: 1100px;
    margin: 0 auto;
    font-size: 81.3%;
    background: #6a6c77;
    border-radius: 10px;
    margin-bottom: 40px
}

.pSubMenu li {
    display: inline-block
}

.pSubMenu li>a {
    color: #FFF;
    padding: 10px 0;
    width: 204px;
    text-align: center;
    margin: 5px;
    display: inline-block;
    border-radius: 5px;
}

.pSubMenu li>a:hover,
.pSubMenu>li>a.active {
    background: #FFF;
    color: #000
}

.pSubMenu li>ul {
    width: 204px;
    position: absolute;
    background: #6a6c77;
    z-index: 10;
    margin-top: -2px;
    margin-left: 5px;
    display: none
}

.pSubMenu li>ul li {
    border-bottom: 1px solid #55565f;
    border-top: 1px solid #81818a;
    margin: 0
}

.pSubMenu li>ul li:first-child {
    border: 0
}

.pSubMenu li>ul li a {
    width: 194px;
    color: #FFF;
    padding: 5px 0;
}

.pSubMenu li>ul li a:hover {
    background: #8f9199;
    color: #FFF;
}

/********* Page Sub Titie **********/
.pSubTitle {
    background: url(/v3zone/images/pageTitleBg1.gif) 0 8px repeat-x;
    width: 1100px;
    margin: 0 auto;
    text-align: center
}

.pSubTitle h2 {
    font-size: 25px;
    background: #FFF;
    padding: 0 20px;
    display: inline-block;
    margin: 0 auto;
    font-weight: normal;
    color: #666
}

.pSubTitle p {
    font-size: 13px;
    color: #666;
    line-height: 2
}

.pSubTitle p span {
    color: #f08114;
}

.pSubPro {
    padding-bottom: 50px
}

/********* Detail *********/
.print {
    background: url(/v3zone/images/print.gif) 5px center no-repeat;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 7px 12px;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: -44px;
}

.printDE {
    background: url(/v3zone/images/print.gif) 5px center no-repeat;
    border: 1px solid #CCC;
    padding: 10px 10px 10px 35px;
    font-size: 15px;
    position: absolute;
}

.DetailView {
    float: left;
    margin: 20px 0 0
}

.DetailBase {
    float: right;
    width: 620px;
    margin: 20px 0 0;
    border-top: 3px solid
}

.DetailBase .TSbt {
    border-top: 1px solid #333;
    margin-top: 10px;
    /*33px;*/
}

.DetailView .viewDimg {
    border: 1px solid #ccc;
    position: relative
}

.DetailView .proZoom {
    display: inline-block;
    background: url(/v3zone/images/zoom.gif) 0 center no-repeat;
    padding: 10px 5px 10px 35px;
    margin-top: 7px
}

.DetailView .viewDimg .nobuy {
    position: absolute;
    left: 0;
    top: 0;
    /*display:block;*/
    background: url(/v3zone/images/listAbsenceBig.png) 0 0 no-repeat;
    width: 100%;
    height: 100%
}

.DetailView .imgZoom .nobuy {
    position: absolute;
    left: 1px;
    top: 187px;
    /*display:block;*/
    background: url(/v3zone/images/listAbsenceBig.png) 0 0 no-repeat;
    width: 400px;
    height: 400px
}

/********** Order Step = order input **********/
.orGuide {
    position: relative
}

.orGuide dt {
    font-size: 30px;
    position: absolute;
    top: 21px
}

.orGuide dd {
    color: #666;
    font-size: 12px;
    padding-left: 130px
}

.priceView {
    /*display:none;*/
    position: relative;
    /*min-height:400px;*/
    min-height: 700px;
    padding-bottom: 40px
}

.cartTopbtn {
    position: relative
}

/*.pv1 {display:block}
.pv1:first-child {display:inline-block}*/
.priceBox {
    border: 3px solid #84c7cd;
    text-align: center;
    width: 330px;
    top: 0;
}

.priceBox .pbPding {
    padding: 5px
}

.priceBox h4 {
    background: #84c7cd;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.7
}

.priceBox .pbAll {
    font-size: 27px;
    font-weight: bold;
    border-bottom: 1px solid #333;
    padding-top: 10px;
    margin-bottom: 50px;
    padding-bottom: 5px
}

.priceBox .pbAll em {
    color: #F00;
    margin-right: 5px
}

.priceBox .pbDetail li {
    position: relative;
    text-align: left;
    border-bottom: 1px solid #CCC;
    font-size: 16px;
    color: #666;
    padding: 7px 6px;
    margin-bottom: 5px
}

.priceBox .pbDetail p {
    position: absolute;
    right: 6px;
    bottom: 4px;
}

.priceBox .pbDetail p em {
    vertical-align: middle
}

.priceBox .pbBox {
    text-align: left;
    background: #e4e5ec;
    font-size: 13px;
    padding: 10px 15px;
    line-height: 1.5
}

.pCntBox {
    width: 720px;
    position: relative;
    margin-left: 10px;
    display: none;
}

.pv1 {
    display: block
}

.pv1:first-child {
    display: inline-block
}

.pbTitle {
    font-size: 16px;
    position: relative;
    height: 16px;
    padding-bottom: 5px
}

.pbTitle span {
    font-size: 12px;
    color: #999;
    margin-left: 30px
}

.pbTitle a {
    vertical-align: middle;
    margin-top: -2px
}

.pbsubCtn {
    color: #999;
    font-size: 13px;
    line-height: 1.5
}

.pCntBox .pClist {
    font-size: 13px;
    color: #999;
    margin-top: 15px
}

.pCntBox .pClist li {
    background: url(/v3zone/images/dots2.gif) 0 7px no-repeat;
    padding-left: 7px;
    line-height: 1.5
}

.pbLink {
    position: absolute;
    margin: 18px 0 0 -7px;
    width: 336px
}

.pbLink a:first-child {
    margin-right: 3px
}

.pbBview,
.onPr2o2,
.op1r2,
.op2r1 {
    display: none
}

/*.cardPrice {border:3px solid #3e414f; margin-top:30px}*/
.cardPrice {
    border: 3px solid #3e414f;
    margin-top: 30px;
    display: none
}

.cardPrice dt {
    background: #3e414f;
    color: #FFF;
    font-size: 18px;
    line-height: 2.5
}

.cardPrice dd {
    position: relative;
    text-align: left;
    border-bottom: 1px solid #CCC;
    line-height: 2;
    padding-left: 10px
}

.cardPrice dd p {
    position: absolute;
    right: 10px;
    top: 0
}

.cardPrice .total {
    font-size: 16px;
    background: #f6f6f6
}

.cardPrice .total p span {
    font-size: 18px
}

.cardPrice .topbr {
    border-top: 3px solid #3e414f
}

.cardPrice th {
    background: #3e414f;
    color: #FFF;
    font-size: 18px;
    line-height: 2.5;
    border-bottom: 1px solid #CCC;
}

.cardPrice td {
    text-align: left;
    line-height: 2;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #CCC;
}

.cardPrice td.textRight {
    text-align: right;
}




/********* Receipt ***********/
.receipt {
    margin: 0 20px
}

.receipt .rctDl dt {
    margin-bottom: 10px
}

.receipt .rctDl dd {
    color: #999;
    font-size: 12px;
    line-height: 1.5
}

/********* Product Code ***********/
.proCode {
    margin: 0 15px
}

/********* Product delivery ***********/
.runList {
    margin: 0 15px
}

/******** Product Guide ***********/
.popProg {
    margin: 0 15px
}

/********* passView **********/
.passView {
    margin: 0 15px;
}

.passView dd {
    background: url(/v3zone/images/dots2.gif) 0 3px no-repeat;
    padding-left: 7px;
    font-size: 12px;
    color: #999;
    margin: 5px 0
}

/********* poppOrdeli **********/
.poppOrdeli {
    margin: 0 15px;
}

/********* 2014-11-27 제품 상세 설명 소선희씨 요청 추가  **********/
.prodetail {
    border: 8px solid #ededed;
    text-align: center;
    padding: 50px;
}

.prodetailpad1 {
    padding-top: 60px;
}

.prodetailpad2 {
    padding-top: 90px;
}




/* 파이어폭스 핵 */
@-moz-document url-prefix() {
    #container {
        margin-top: -10px
    }

    .fNtitle {
        line-height: 3;
    }

    .ListMenu li:hover em,
    .ListMenu li.active em {
        margin: -9px 0 0 45px
    }

    footer .copyLink li a {
        padding: 0 15px
    }

    .plist {
        margin: 20px 15px 0 0
    }

    .plist li {
        margin: 0 27px
    }

    caption {
        background: none;
        border: 0 none;
        display: inline-block;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
        text-indent: -9999px;
        height: 0;
        position: absolute
    }

    .gnbAllClose {
        margin-left: -985px
    }
}

/* 사파리, 크롬 핵 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .fNtitle {
        line-height: 2.5;
    }

    caption {
        display: none;
    }

    .plist li {
        margin: 10px 27px
    }

    .selectTime dt {
        width: 30px;
        margin-left: 30px;
        margin-right: 14px
    }

    .gnbAllClose {
        margin-left: -985px
    }

    .electronics_banner .conkaitFrame {
        top: 8px;
    }
}

/* ie11 */
.ie11 {}

/* ie10 */
.ie10 {}

/* ie9 */
.ie9 {}

/* ie8 */
.ie8 .plist>li {
    margin: 0 24px
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 30px;
    padding: 0;
    zoom: 1;
}

.bx-wrapper {
    margin: 0px;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/
.rollimg1 .bx-wrapper .bx-viewport {
    border: 1px solid #CCC;
}

.rollimg2 .bx-wrapper .bx-viewport {
    border: 1px solid #CCC;
}

.rollimg3 .bx-wrapper .bx-viewport {
    border: 1px solid #CCC;
}

.imgZoom .bx-wrapper .bx-viewport {
    border: 1px solid #CCC;
}

.bx-wrapper .bx-viewport {
    border: 0;
    /*border:1px solid #CCC;*/
    /*background: #fff;*/

    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}


/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    zoom: 1;
    display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    border: 2px solid #777;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #777;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    /*outline: 0;*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -38px;
    outline: 0;
    width: 27px;
    height: 76px;
    text-indent: -9999px;
    z-index: 10;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
    width: 50px !important
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 17px;
    height: 15px;
    outline: 0;
    background: url(/v3zone/images/playBtn.gif) 0 0 no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: 0 -15px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 17px;
    height: 15px;
    outline: 0;
    background: url(/v3zone/images/stopBtn.gif) 0 0 no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: 0 -15px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
    width: 100%;
    margin-left: 0;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #6669;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/*------------------------------------------------------ 상품3개영역-시작                          300px                                  */
div.twod_main_item_zone div.three_category {
    float: left;
    margin: 0 5px 0 0;
    padding-left: 0px;
    height: 450px;
    width: 1100px;
    padding-bottom: 15px;
}

div.twod_main_item_zone div.three_category p.twod_tit {
    padding-bottom: 10px;
    height: 25px;
}

div.twod_main_item_zone div.three_category div.twod_left {
    float: left;
    width: 275px;
}

/* 195  height:328px; */
div.twod_main_item_zone div.three_category div.twod_left span {
    clear: both;
    float: left;
    position: absolute;
    width: 275px;
    height: 100px;
    /* height:30px;  */
    margin: 20px 0 0 0;
    padding: 2px 2px 2px 0px;
    background: none;
    line-height: 19px;
    text-align: center;
    letter-spacing: -1px;
    font-family: Gulim, '굴림', Dotum, '돋움';
    /* verdana, tahoma, */
    font-size: 21px;
    font-weight: bold;
    color: #2a5688;
    filter: Shadow(Color=#3f81cc, strength=1, direction=135);
}

/*twod_product_list_three 삭제*/

div.twod_main_item_zone div.three_category div.twod_product {
    padding-bottom: 100px;
    padding-bottom: 14px;
}

/* height:285px; */
div.twod_main_item_zone div.three_category div.twod_product div.twod_product_list_three {
    float: left;
    padding: 1px 1px 1px 1px;
    border-right: 0px solid #e8e8e8;
}

div.twod_main_item_zone div.three_category div.twod_banner {
    height: 60px;
}

div.twod_main_item_zone div.three_category div.twod_banner img {
    float: left;
    padding-right: 5px;
}

div.twod_main_item_zone div.three_category div.twod_zone {
    margin: 0 0 0 0;
    float: left;
    width: 813px;
    height: 446px;
    padding: 0 10px 0 0;
}

/* 상품-3개-리스트                                              height:280px;              */

/*------------------------------------------------------ 상품3개영역-종료*/

div.twod_main_item_zone {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0px;
    width: 1100px;
    z-index: 20;
}

/*------------------------------------------------------ 상품2개영역-시작 =>세럼  */
div.twod_main_item_zone_two {
    position: relative;
    overflow: hidden;
    padding: 0px;
    width: 1100px;
    z-index: 20;
    padding-top: 30px;
}

div.twod_main_item_zone_two div.three_category_two {
    float: left;
    margin: 0 5px 0 0;
    padding-left: 0px;
    height: 440px;
    width: 1100px;
    padding-bottom: 15px;
}

div.twod_main_item_zone_two div.three_category_two p.twod_tit {
    padding-bottom: 10px;
    height: 25px;
}

div.twod_main_item_zone_two div.three_category_two div.twod_left {
    float: left;
    width: 550px;
}

/* 231  height:328px; */
div.twod_main_item_zone_two div.three_category_two div.twod_left span {
    clear: both;
    float: left;
    position: absolute;
    width: 230px;
    height: 100px;
    margin: 20px 0 0 0;
    padding: 2px 2px 2px 0px;
    background: none;
    line-height: 19px;
    text-align: center;
    letter-spacing: -1px;
    font-family: Gulim, '굴림', Dotum, '돋움';
    font-size: 21px;
    font-weight: bold;
    color: #2a5688;
    filter: Shadow(Color=#3f81cc, strength=1, direction=135);
}

div.twod_main_item_zone_two div.three_category_two div.twod_product {
    margin: 0;
    padding: 0 0 10px 0;
    height: 174px;
    width: 548px;
    height: 436px;
    border-top: 2px solid #CDC5B8;
    border-right: 2px solid #CDC5B8;
    border-bottom: 2px solid #CDC5B8;
}

div.twod_main_item_zone_two div.three_category_two div.twod_product div.twod_product_list_three {
    float: left;
    padding: 1px 1px 1px 1px;
    border-right: 0px solid #e8e8e8;
}

div.twod_main_item_zone_two div.three_category_two div.twod_banner {
    height: 60px;
}

div.twod_main_item_zone_two div.three_category_two div.twod_banner img {
    float: left;
    padding-right: 5px;
}

div.twod_main_item_zone_two div.three_category_two div.twod_zone {
    margin: 0 0 0 0;
    float: left;
    width: 550px;
    height: 450px;
    background: #FAF3E5;
}

/*------------------------------------------------------ 상품2개영역-종료 =>세럼  */

/*배너프레임 영역*/
#banner div.contents .main_banner {
    padding-top: 10px;
}

#banner div.contents .main_banner li {
    float: left;
    cursor: pointer
}

#exptm_bnr1 {
    position: absolute;
    width: 550px;
    height: 700px;
    left: 50%;
    margin-left: -275px;
    top: 50%;
    margin-top: -350px;
    z-index: 10;
    display: none;
    cursor: pointer;
}

#exptm_bnr2 {
    position: absolute;
    width: 560px;
    height: 450px;
    left: 50%;
    margin-left: -280px;
    top: 50%;
    margin-top: -225px;
    z-index: 10;
    display: none;
    cursor: pointer;
}

/*---------------------------------------------------------------------*/

/* Zone content layout */
.mainGoods_section.mainbf {
    padding-top: 30px;
    margin: 0 auto;
}

.mainGoods_section {
    position: relative;
    width: 1100px;
}

.mainGoods_section h2 {
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
    font-size: 24px;
    color: #151515;
    line-height: 48px;
    text-align: center;
    font-weight: normal
}

.mainGoods_section .btn_more {
    position: absolute;
    right: 22px;
    font-family: georgia;
    font-size: 15px;
    color: #151515;
    cursor: pointer;
    font-style: italic;
    text-decoration: none
}

/* New Circle */
.pCircleDiv {
    opacity: 0.8;
    position: absolute;
    top: 12px;
    right: 12px;
    border: 1px solid #fff;
    border-radius: 100px;
    background: #e75959;
    color: #fff;
    padding: 17px 10px;
    -moz-box-shadow: 0px 0px 2px 2px #ffa5a5;
    -webkit-box-shadow: 0px 0px 2px 2px #ffa5a5;
    box-shadow: 0px 0px 2px 2px #ffa5a5;
}

/*.blink{border:2px solid #e4df4a !important; padding:10px 13px; background:#eae7cc;}*/
/*---------------------------------------------------------------------*/
#prm_title {
    position: relative;
    width: 100%;
    background: #f3e4ce;
}

#prm_title div.contents {
    z-index: 1;
    position: relative;
    width: 1100px;
    height: 280px;
    margin: 0 auto
}

#prm_title div.contents .t_left {
    width: 550px;
    padding: 70px 0 0 100px;
    float: left;
}

#prm_title div.contents .prmtitle {
    padding: 30px 0 0 10px
}

#prm_title div.contents .ea_bt {
    margin: 10px 0 0 10px;
    width: 440px;
    height: 120px;
    background: #333333;
}

#prm_title div.contents .ea_bt li {
    float: left;
    padding: 8px 0px 0px 10px;
    margin: 0;
    display: block;
    width: 149px;
    height: 48px;
    overflow: hidden;
    cursor: pointer
}

#prm_title div.contents .t_right {
    float: left;
}

#prm_title div.contents .t_right_vip_item {
    position: absolute;
    margin: 0 0 0 -347px;
    padding: 0;
    width: 410px;
    height: 280px;
    z-index: 5;
    display: block;
}

#prm_title div.contents .t_right_vip_item .wrap_vip_item_lst {
    float: left;
    position: absolute;
    margin: 10px 0 0 -282px;
    padding: 0;
    width: 267px;
    height: 260px;
    z-index: 5;
}

#prm_title div.contents .t_right_vip_item .wrap_vip_item_lst .lst {
    overflow: hidden;
    margin-right: -12px;
    margin-bottom: 24px;
    zoom: 1
}

#prm_title div.contents .t_right_vip_item .wrap_vip_item_lst .lst:after {
    display: block;
    clear: both;
    content: ''
}

#prm_title div.contents .t_right_vip_item .wrap_vip_item_lst .lst li {
    float: left;
    position: relative;
    width: 265px;
    height: 258px;
    margin: 0;
    background: #fff url(/re_mall/img/smp_deallst_box.png) no-repeat;
    background-size: 410px 280px;
}

/*gnb관련(20171020) css*/
/* common layout */
#headerWrap {
    z-index: 1001;
    top: -1px;
    width: 100%;
    min-width: 1188px;
}

/* 상단 */

#headerContents {
    z-index: 31;
    left: 0;
    top: 0;
}

/* */
#headerContents {
    width: 100%;
}

#gnbWrap {
    z-index: 20;
    width: 100%;
    height: 53px;
}

.green {
    background: #E6E6F0
}

.gold {
    background: #D7E6BE
}

.BG_blue {
    background: #BED4E9
}


/* ******************* */
#gnbWrap .first {
    background: none !important;
}

#gnbWrap .sub_con {
    position: absolute;
    z-index: 905;
    left: 0;
    top: 54px;
    width: 100%;
    height: 0px;
    opacity: .9;
    background: #62534b;
    font-family: NanumBarunGothic, 'NanumBarunGothic';
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
}

/* 20150609 z-index:10;*/

#gnbWrap .sub_con .sub_conWrap {
    position: relative;
    width: 1100px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

/*#gnbWrap .sub_con .sub_menu {position:relative;left:50%; margin-left:-550px; width:1100px;}*/
/* 20150609 */
#gnbWrap .sub_con .sub_menu {
    float: left;
    width: 10%;
}

/*#gnbWrap .sub_con .sub_menu .dep2_li {float:left; width:10%;}*/
/*width:11.111111%*/
#gnbWrap .sub_con .sub_menu .dep2_li {
    width: 100%;
}

#gnbWrap .sub_con .sub_menu .dep2_li .dep2_li_ul {
    margin: 0 0 0;
    padding-top: 5px;
}

/* 20150609 */
#gnbWrap .sub_con .sub_menu .dep2_li .dep2_li_ul li {
    height: 25px;
    line-height: 25px;
}

#gnbWrap .sub_con .sub_menu .dep2_li .dep2_li_ul li a {
    padding-left: 0;
    height: 25px;
    line-height: 25px;
    color: #edecec;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
}

/* 20150609 */
#gnbWrap .sub_con .sub_menu .dep2_li .dep2_li_ul li a:hover {
    text-decoration: underline;
    color: #e5b83a;
}

#gnbWrap .sub_con .sub_menu .dep2_li_ul li.sel a {
    text-decoration: underline;
    color: #e5b83a;
}

#gnbWrap .gnb_con {
    position: relative;
    width: 100%;
}

#gnbWrap .gnb_con .gnb {
    position: absolute;
    height: 54px;
    width: 1100px;
    z-index: 10;
    left: 50%;
    top: 0;
    font-size: 13px;
    margin-left: -550px;
    display: flex;
    justify-content: space-around;
}

/* 20150608 */


#gnbWrap .gnb .dep1_li {
    float: left;
    width: 10%;
    height: auto;
    /*padding:0 7px;*/
    font-weight: 700;
    text-align: center;
}

/* 20150608  width:11.111111*/
#gnbWrap .gnb .dep1_li a {
    color: #85794F;
    height: 54px;
    line-height: 54px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.green .gnb .dep1_li {
    width: 16.666666% !important;
}

.green .gnb .dep1_li a {
    color: #506C0E !important;
}

#gnbWrap .gnb .dep1_li a:hover {
    color: #457375;
}

#gnbWrap .gnb .gnb_line {
    float: left;
    width: 2px;
    height: 54px;
    padding-right: 20px;
    line-height: 54px;
}

#gnbWrap .gnb .sel a {
    float: none;
    height: 51px;
    line-height: 54px;
    color: #f3c33c;
    border-bottom: 3px solid #f3c33c;
}

/**/
#spm_title_new {
    width: 100%;
}

/* 2020.08 소망수정 */
.BG_blue.n20 {
    background: #ffffff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

#gnbWrap .sub_con.n20 {
    background: #f8f8f8;
    opacity: 10;
}

#gnbWrap .sub_con.n20 .sub_menu {
    /*width:11%;*/
    flex-grow: 1;
    position: relative;
}

#gnbWrap .sub_con.n20 .sub_menu:hover {
    background: #fff;
}

#gnbWrap .sub_con.n20 .sub_menu .dep2_li .dep2_li_ul {
    padding-top: 10px;
}

#gnbWrap .sub_con.n20 .sub_menu .dep2_li .dep2_li_ul li {
    line-height: 13px;
    height: auto;
}

#gnbWrap .sub_con.n20 .sub_menu .dep2_li .dep2_li_ul li a {
    color: #6f6f6f;
    font-size: 16px;
}

#gnbWrap .sub_con.n20 .sub_menu .dep2_li .dep2_li_ul li a:hover {
    text-decoration: none;
    color: #045aea;
}

#gnbWrap .gnb .dep1_li.n20 {
    /*width:11%;*/
    flex-grow: 1;
    position: relative;
}

#gnbWrap .gnb .dep1_li.n20 a {
    color: #000;
    width: 100%;
    height: 100%;
    display: block;
}

#gnbWrap .gnb .dep1_li.n20 a:hover::after {
    content: '';
    background: #25aae2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
}

#gnbWrap .gnb .dep1_li.n20 a:hover {
    color: #25aae2;
}

.spm_title_Cnew .contents.n20 {
    background: none;
}

/************글로벌 회원가입 및 아이디 매칭*********************************************************/
.stepComm ul {
    width: 1000px;
    height: 155px;
    margin: -4px 0 0 -10px;
}

.stepComm li {
    float: left;
    margin: 0 0 0 10px;
}

.stepComm ul.type1 li {
    width: 1080px;
}

.stepComm li.on .step {
    color: #0e77d9;
}

.stepComm li.on .tit {
    border-top: 4px solid #0e77d9;
    color: #0e77d9;
    margin-top: 5px;
}

.stepComm li.on .desc {
    display: block;
    color: #282828;
}

.stepComm .contTitWrap {
    padding-top: 32px;
    border-top: 1px solid #d8d8d8;
}

.stepComm .copy {
    margin-top: -3px;
    padding-bottom: 11px;
}

.btnEmBlue,
a.btnEmBlue.disable:hover {
    display: inline-block;
    height: 34px;
    padding: 14px 49px 0;
    border: 1px solid #0d6d1c;
    background-color: #539e5f;
    text-align: center;
    cursor: pointer;
}

/*#1f4787*/
.col2TBlue {
    width: 1000px;
    margin-left: -10px;
    display: inline-block;
    zoom: 1;
}

.col2TBlue:after,
.col3TBlue:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.col2TBlue .boxTBlue {
    width: 490px;
    margin: 0 auto;
    background-position: -1000px 0;
}

/*float:left; margin-left:10px;*/
.boxTBlue {
    border-top: 2px solid #6a8ec6;
    border-bottom: 1px solid #d8d8d8;
    border: 1px solid #d8d8d8;
    text-align: center;
    float: left;
}

.topTitWrap {
    width: 1070px;
    height: 66px;
    margin: 0 auto;
}

.topTitWrap .topTit {
    float: left;
    margin-left: 15px;
    padding-top: 2px;
    color: #282828;
    font-size: 30px;
    line-height: 39px;
    font-weight: bold;
}

.joinGuide .txt_strong {
    margin-bottom: 10px;
    font-size: 30px;
    color: #1f4787;
    line-height: 42px;
}

.joinGuide .col2TBlue {
    margin-top: 35px;
}

.joinGuide .boxTBlue {
    width: 486px;
    padding: 30px 31px 28px 31px;
}

.joinGuide .tit {
    float: left;
    padding-top: 4px;
    font-size: 25px;
    color: #282828;
    letter-spacing: -2px;
}

.joinGuide .tit .textA {
    font-size: 15px;
    padding-left: 49px;
}

.joinGuide .btnEmBlue {
    float: right;
    margin-bottom: 30px;
}

.joinGuide .txtBtnWrap {
    clear: both;
    width: 100%;
    margin-top: 27px;
    padding-top: 26px;
    border-top: 1px solid #ebebeb;
    text-align: center;
}

.joinGuide .txtBtnWrap span.line {
    display: inline-block;
    width: 52px;
    height: 14px;
    background: url('/us/member/images/bg_joinGuide.gif') no-repeat 0 -40px;
    vertical-align: middle;
}


.btnEmBlue .btnTxt {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    vertical-align: top;
    margin-top: -7px;
    line-height: normal;
}

a.btnEmBlue:hover {
    background-color: #0d771e;
    text-decoration: none;
}

/*#19396c*/

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: block;
}

.layer {
    position: fixed;
    z-index: 10000;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    /* half of width */
    height: 700px;
    top: 50%;
    margin-top: -350px;
    /* half of height */
    overflow: auto;

    /* decoration */
    border: 1px solid #000;
    background-color: #eee;
    padding: 1em;
    box-sizing: border-box;
}

.layer_xs {
    position: fixed;
    z-index: 10000;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    /* half of width */
    height: 400px;
    top: 50%;
    margin-top: -200px;
    /* half of height */
    overflow: auto;

    /* decoration */
    border: 1px solid #000;
    background-color: #eee;
    padding: 1em;
    box-sizing: border-box;
}

/*=======================================*/
/*==약관동의 SignUp_step2.asp============*/
/*=======================================*/
.column {
    height: 100%;
}

.column,
.column-footer {
    position: relative;
    width: 990px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
}

.column .inner {
    text-align: left;
    height: 100%;
}

.terms-section {
    padding: 40px;
    font-size: 19px;
    background: #f8f8f8;
}

.terms-section .terms-check-area {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #222;
    border-bottom: 1px solid #e7e7e7;
}

.invisible {
    overflow: hidden;
    position: absolute;
    left: -1000%;
    top: auto;
    width: 1px;
    height: 1px;
}

.terms-section {
    padding: 40px;
    font-size: 19px;
    background: #f8f8f8;
    margin-top: 30px;
}

.terms-section .terms-check-area {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #222;
    border-bottom: 1px solid #e7e7e7;
}

.terms-area .terms-tit {
    font-size: 20px;
    font-weight: bold;
    color: #222;
}

.terms-area .terms-side {
    color: #d71826;
}

.terms-area .terms-side.optional {
    color: #777;
}

.terms-inner {
    height: 238px;
    margin-top: 5px;
    padding: 30px;
    border: 1px solid #bbbbbb;
    background: #fff;
    overflow: auto;
    box-sizing: border-box;
    font-size: 16px;
}

.terms-inner table.board.dir-vertical td {
    padding: 0 10px;
}

.terms-aree-part {
    display: block;
    padding-top: 10px;
    padding-bottom: 60px;
    text-align: right;
}

.terms2011sp * {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5em;
    font-family: "Malgun Gothic", "맑은 고딕", "MG", "dotum", "돋움", sans-serif;
}

/*.terms2011sp * {font-family:"돋움", Dotum, sans-serif;margin:0;padding:0; font-size:16px; line-height:1.5em;}    */
ul,
li {
    list-style: none;
}

.terms2011sp {
    width: auto;
    height: auto;
    color: #454545;
}

.terms2011sp h1 {
    margin-top: 45px;
    color: #222;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -2px;
}

/* 1장 */
.terms2011sp h2 {
    margin: 0;
    padding: 13px 15px 0 15px;
    color: #3d3d3d;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -1px;
}

/* 1절 */
.terms2011sp h3 {
    margin: 0;
    padding: 13px 15px 5px 15px;
    color: #222;
    font-size: 19px;
}

/* 1조 */
/* 일반 텍스트 */
.terms2011sp p {
    margin: 0;
    padding: 0 15px 0 15px;
    color: #6d6d6d;
}

/* 1~9 : 한자릿수 */
.lst_typesp {
    width: auto;
    padding: 5px 15px 2px 25px !important;
    list-style: none;
    color: #6d6d6d;
}

.lst_typesp li {
    padding-left: 15px;
    padding-bottom: 3px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 16px;
}

.lst_typesp li span {
    display: block;
    float: left;
    width: 14px;
    color: #6d6d6d;
    font-size: 12px;
    margin: 0 0 0 -14px;
    _margin: 0 -3px 0 -7px;
}

.lst_typesp li ul.subWp01 {
    width: auto;
    list-style: none;
}

.lst_typesp li ul.subWp01 li {
    margin: 0;
    padding: 2px 0 0 0;
    color: #9d9d9d !important;
    font-size: 11px !important;
}

.lst_typesp li ul.subWp01 li.pointsp {
    margin: 0;
    padding: 2px 0 0 0;
    color: #de1a22 !important;
    font-size: 11px !important;
}

.lst_typesp li ul.subWp01 li.pointsp span.bltRedsp {
    margin: 0;
    padding: 0;
    color: #de1a22 !important;
    font-size: 12px !important;
}

/* 10 ~ 99 : 두자리수 */
.lst_typesp li.nsp {
    padding: 0 15px 2px 17px !important;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 16px;
}

.lst_typesp li.nsp span {
    display: block;
    float: left;
    width: 17px;
    color: #6d6d6d;
    font-size: 12px;
    margin: 0 0 0 -17px;
    _margin: 0 -3px 0 -9px;
}

.lst_typesp li.nsp ul.subWp01 {
    width: auto;
    list-style: none;
}

.lst_typesp li.nsp ul.subWp01 li {
    margin: 0;
    padding: 2px 0 0 0;
    color: #9d9d9d !important;
    font-size: 11px !important;
}

.lst_typesp li.nsp ul.subWp01 li.pointsp {
    margin: 0;
    padding: 2px 0 0 0;
    color: #de1a22 !important;
    font-size: 11px !important;
}

.lst_typesp li.nsp ul.subWp01 li.pointsp span.bltRedsp {
    margin: 0;
    padding: 0;
    color: #de1a22 !important;
    font-size: 12px !important;
}

/* 모양이 들어간 숫자 : ex) ① */
.lst_type17sp {
    width: auto;
    padding: 0 15px 0 15px;
    list-style: none;
    color: #6d6d6d;
}

.lst_type17sp li {
    padding-left: 20px;
    padding-bottom: 3px;
    color: #6d6d6d;
}

.lst_type17sp li span {
    display: block;
    float: left;
    width: 20px;
    color: #6d6d6d;
    margin: 0 0 0 -20px;
}

.lst_type17sp li ul.subWp01 {
    width: auto;
    list-style: none;
}

.lst_type17sp li ul.subWp01 li {
    margin: 0;
    padding: 2px 0 0 0;
    color: #6d6d6d !important;
}

.lst_type17sp li ul.subWp01 li.titlesp {
    margin: 0;
    padding: 13px 0 0 0;
    color: #3d3d3d !important;
    font-size: 12px !important;
    font-weight: bold;
}

.lst_type17sp li ul.subWp01 li.titleSubTxt {
    padding: 2px 0 0 11px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 16px;
}

.lst_type17sp li ul.subWp01 li.titleSubTxt span {
    display: block;
    float: left;
    width: 10px;
    color: #6d6d6d;
    margin: 0 0 0 -10px;
    _margin: 0 -3px 0 -5px;
}

.lst_type17sp li ul.subWp01 li ul.subWp02 {
    width: auto;
    list-style: none;
}

.lst_type17sp li ul.subWp01 li ul.subWp02 li {
    margin: 0;
    padding: 2px 0 0 0;
    color: #9d9d9d !important;
    font-size: 14px !important;
}

.lst_type17sp li ul.subWp01 li ul.subWp02 li.pointsp {
    margin: 0;
    padding: 2px 0 0 14px;
    color: #de1a22 !important;
    font-size: 14px !important;
}

.lst_type17sp li ul.subWp01 li ul.subWp02 li.pointsp span.bltRedsp {
    margin: 0;
    padding: 0;
    color: #de1a22 !important;
}

/* 모양이 들어간 숫자 :  : 한자릿수 -> 2depth */
.lst_type20spdepth {
    width: auto;
    padding: 0 15px 0 20px;
    list-style: none;
    color: #6d6d6d;
}

.lst_type20spdepth li {
    padding-left: 15px;
    padding-bottom: 3px;
    padding-top: 4px;
    color: #3d3d3d;
    font-size: 12px;
    line-height: 16px;
}

.lst_type20spdepth li span {
    display: block;
    float: left;
    width: 20px;
    color: #3d3d3d;
    font-size: 12px;
    margin: 0 0 0 -20px;
    _margin: 0 -3px 0 -12px;
}

.lst_type20spdepth li ul.subWp01 {
    width: auto;
    list-style: none;
}

.lst_type20spdepth li ul.subWp01 li {
    margin: 0;
    padding: 4px 0 0 0;
    color: #6d6d6d !important;
    font-size: 12px !important;
}

.lst_type20spdepth li ul.subWp01 li.titlesp {
    margin: 0;
    padding: 3px 0 0 0;
    color: #6d6d6d !important;
    font-size: 12px !important;
}

.lst_type20spdepth li ul.subWp01 li.titleSubTxt {
    padding: 2px 0 0 12px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 16px;
}

.lst_type20spdepth li ul.subWp01 li.titleSubTxt span {
    display: block;
    float: left;
    width: 10px;
    color: #6d6d6d;
    font-size: 12px;
    margin: 0 0 0 -10px;
    _margin: 0 -3px 0 -5px;
}

/* 별표 : 캡션 */
p.cpTitle01sp {
    margin: 0;
    padding: 13px 15px 5px 15px;
    color: #3d3d3d;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

p.cpTitle02sp {
    margin: 0;
    padding: 2px 15px 5px 15px;
    color: #3d3d3d;
    font-size: 12px;
    line-height: 16px;
}

p.cpTitle02spCol6d {
    margin: 0;
    padding: 2px 15px 5px 15px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 16px;
}

/* 폰트 컬러 : 기본값일때. */
p.cpTitle03sp {
    margin: 0;
    padding: 2px 15px 5px 15px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 16px;
}

p.cpTitle03tb {
    margin: 0;
    padding: 20px 15px 5px 15px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 16px;
}

/* 테이블 하단 빨간색 문구 */
p.cpTxtPointsp01 {
    margin: 0;
    padding: 5px 0 0 15px;
    color: #de1a22 !important;
    font-size: 11px !important;
}

/* 첫째줄 */
p.cpTxtPointsp01 span.bltRedsp {
    margin: 0;
    padding: 0;
    color: #de1a22 !important;
    font-size: 12px !important;
}

/* 첫째줄 */
p.cpTxtPointsp02 {
    margin: 0;
    padding: 0 0 0 15px;
    color: #de1a22 !important;
    font-size: 11px !important;
    line-height: 12px;
}

/* 둘째줄 */
p.cpTxtPointsp02 span.bltRedsp {
    margin: 0;
    padding: 0;
    color: #de1a22 !important;
    font-size: 12px !important;
    line-height: 12px;
}

/* 둘째줄 */
/* 테이블 스타일 */
div.tblListsp {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 10px;
}

div.tblListsp table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    height: auto;
    border-top: 2px solid #e0e1e3;
    border-bottom: 2px solid #e0e1e3;
    font-size: 12px;
}

div.tblListsp table th {
    border-top: 1px solid #e0e1e3;
    border-right: 1px solid #ededed;
    background-color: #f9f9f9;
    padding: 7px 0 5px 0;
    font-size: 11px;
    color: #3d3d3d;
}

div.tblListsp table th.rtNonesp {
    border-top: 1px solid #e0e1e3;
    border-right: none;
    background-color: #f9f9f9;
    padding: 7px 0 5px 0;
    font-size: 11px;
    color: #3d3d3d;
}

div.tblListsp table td {
    border-top: 1px solid #e0e1e3;
    border-right: 1px solid #ededed;
    padding: 6px 0 4px 0;
    font-size: 12px;
    color: #6d6d6d;
    text-align: center;
}

/* 테이블 기본 센터 정렬 */
div.tblListsp table td.acNonesp {
    border-top: 1px solid #e0e1e3;
    border-right: none;
    padding: 6px 0 4px 0;
    font-size: 12px;
    color: #6d6d6d;
    text-align: center;
}

/* 테이블 기본 센터 정렬 - 오른쪽 보더 없음 */
div.tblListsp table td.al {
    border-top: 1px solid #e0e1e3;
    border-right: 1px solid #ededed;
    padding: 6px 5px 4px 5px;
    font-size: 12px;
    color: #6d6d6d;
    text-align: left;
}

/* 테이블 기본 왼쪽 정렬 */
div.tblListsp table td.alNonesp {
    border-top: 1px solid #e0e1e3;
    border-right: none;
    padding: 6px 5px 4px 5px;
    font-size: 12px;
    color: #6d6d6d;
    text-align: left;
}

/* 테이블 기본 센터 정렬 - 오른쪽 보더 없음 */
/* 기타 여백 */
.terms2011spMarTp10 {
    margin-top: 10px;
}

.terms2011spMarTp20 {
    margin-top: 20px;
}

.terms2011spMarTp30 {
    margin-top: 30px;
}

/* 컬러값 */
.terms2011de1a22 {
    font-weight: bold;
    color: #de1a22;
}

/*.terms-scroll {margin-top:20px; padding:20px; overflow-x:hidden; overflow-y:auto; height:300px; border:1px solid #ddd;}*/
.terms-scroll {
    margin-top: 20px;
    padding: 20px;
    overflow-x: hidden;
    border: 1px solid #ddd;
}

.terms2011spMarg30 {
    margin: 0 30px 30px;
}

table.board {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

/* table - board */
table.board {
    border-top: 3px solid #555;
}

table.board th {
    text-align: center;
}

table.board th {
    color: #222;
    font-weight: normal;
    background-color: #f1f2fa;
}

table.board thead th {
    border-bottom: 1px solid #555;
    background-color: #f1f2fa;
}

table.board tbody th {}

table.board tbody td {
    text-align: center;
}

table.board tbody td a,
table.board tbody td img {
    vertical-align: middle;
}

table.board tbody td .links {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

table.board tbody td .ellipsis {
    vertical-align: middle;
}

table.board tbody td a.ellipsis {
    color: #222;
}

table.board tbody td a.ellipsis:hover {
    color: #d71826;
    text-decoration: underline;
}

table.board tbody td .ellipsis.thumb {
    position: relative;
    top: 2px;
    margin: 10px 0;
    padding-top: 2px;
}

table.board tbody td .ellipsis.thumb img {
    margin-top: -2px;
    width: 50px;
    height: 50px;
    margin-right: 9px;
}

table.board .num {
    display: inline-block;
    width: 42px;
    text-align: center;
}

table.board .option-area.only-checkbox {
    margin-top: 1px;
}

table.board.dir-vertical thead th,
table.board.dir-vertical tbody td {
    height: 55px;
}

table.board.dir-vertical tbody td {
    border-bottom: 1px solid #ccc;
}

table.board.dir-horizontal tbody th,
table.board.dir-horizontal tbody td {
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #dbdbde;
    text-align: left;
}

table.board.dir-horizontal tbody th,
table.board.dir-horizontal tbody td {
    padding-left: 30px;
}

.list-info {
    margin-top: 24px;
    text-align: left;
}

.list-info li {
    position: relative;
    padding: 0 0 2px 8px;
    color: #454545;
}

.list-info li:after {
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #101010;
    content: '';
}

.border-board.board th,
.border-board.board td {
    border-left: 1px solid #ccc;
}

.border-board.board th:first-child,
.border-board.board td:first-child {
    border-left: none;
}

table td .option-area.only-radio {
    width: 20px;
    height: 20px;
}

/*체크박스*/
.terms_input {
    overflow: hidden;
    position: absolute;
    left: -1000%;
    top: auto;
    width: 1px;
    height: 1px;
}

.terms_input+label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
}

.terms_input+label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #fff;
    border: 1px solid #999;
}

.terms_input:checked+label:before {
    content: "\2713";
    /* 체크모양 */
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: #2f87c1;
    text-align: center;
    line-height: 18px;
}

.terms_input:focus+label {
    outline: 1px dashed #666;
}

/*버튼*/
.content .section.section-control {
    margin-top: 60px;
}

.section {
    position: relative;
    margin: 10px 0 0;
    height: auto;
    text-align: center;
}

.section>.field:first-child {
    margin-top: 0 !important;
}

.section>.field {
    display: block;
    margin-top: -1px;
    height: auto;
}

.h-group>.h-item:first-child {
    margin-left: 0 !important;
}

.field-button-double .btnA {
    width: 170px;
    margin-left: 15px;
}

.btnA {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    background: 0;
}

.btnA {
    height: 60px;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
}

.btn-gray {
    border: 1px solid #e2e2e2;
    background-color: #f3f3f3;
    color: #000;
}

.btn-purple {
    border: 1px solid #434159;
    background: #434159;
    color: #fff;
}

.btn-peach {
    border: 1px solid #383b3c;
    background: #ffffff;
    margin-top: 25px;
}

/************글로벌 회원가입 및 아이디 매칭 끝*********************************************************/




/**************** CSS -V3  20180830 *****************/
/*위고 서치박스
------------------------------------------------------------------------------- */
.wego-searchbox {
    margin-top: 33px;
}

.wego-searchbox div,
.wego-searchbox span,
.wego-searchbox h1,
.wego-searchbox h2,
.wego-searchbox h3,
.wego-searchbox h4,
.wego-searchbox h5,
.wego-searchbox h6,
.wego-searchbox p,
.wego-searchbox pre,
.wego-searchbox a,
.wego-searchbox abbr,
.wego-searchbox acronym,
.wego-searchbox address,
.wego-searchbox big,
.wego-searchbox code,
.wego-searchbox del,
.wego-searchbox dfn,
.wego-searchbox em,
.wego-searchbox img,
.wego-searchbox ins,
.wego-searchbox kbd,
.wego-searchbox q,
.wego-searchbox s,
.wego-searchbox samp,
.wego-searchbox small,
.wego-searchbox strike,
.wego-searchbox strong,
.wego-searchbox sub,
.wego-searchbox sup,
.wego-searchbox tt,
.wego-searchbox var,
.wego-searchbox b,
.wego-searchbox u,
.wego-searchbox i,
.wego-searchbox center,
.wego-searchbox dl,
.wego-searchbox dt,
.wego-searchbox dd,
.wego-searchbox ol,
.wego-searchbox ul,
.wego-searchbox li,
.wego-searchbox fieldset,
.wego-searchbox form,
.wego-searchbox label,
.wego-searchbox legend,
.wego-searchbox table,
.wego-searchbox caption,
.wego-searchbox tbody,
.wego-searchbox tfoot,
.wego-searchbox thead,
.wego-searchbox tr,
.wego-searchbox th,
.wego-searchbox td,
.wego-searchbox article,
.wego-searchbox aside,
.wego-searchbox canvas,
.wego-searchbox details,
.wego-searchbox embed,
.wego-searchbox figure,
.wego-searchbox figcaption,
.wego-searchbox footer,
.wego-searchbox header,
.wego-searchbox hgroup,
.wego-searchbox menu,
.wego-searchbox nav,
.wego-searchbox output,
.wego-searchbox ruby,
.wego-searchbox section,
.wego-searchbox summary,
.wego-searchbox time,
.wego-searchbox mark,
.wego-searchbox audio,
.wego-searchbox video {
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: 0;
    font: inherit;
    font-size: 100%;
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit
}

.wego-searchbox div {
    display: block;
}

.wego-searchbox .wego-searchbox__nav {
    max-width: 500px;
}

.wego-searchbox .wego-searchbox__nav {
    zoom: 1;
    height: 75px;
}

.wego-searchbox ul li {
    padding: 0px;
    border: none;
    margin: none;
}

.wego-searchbox * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wego-searchbox .wego-searchbox__nav li h2 {
    font-size: 29px;
    font-weight: 600;
    background: #ffffff;

    border-radius: 0px;

    clear: none;
    color: #000;
    display: block;
    float: left;
    height: 75px;
    padding: 10px 10px 0 10px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.wego-searchbox .wego-searchbox__nav li h2 span {
    font-size: 13px;
    font-weight: normal;
    color: #9e9e9e;
}

.wego-searchbox li.wego-selected h2 {
    border-bottom: 0px !important;
}

.wego-searchbox ul li {
    padding: 0px;
    border: none;
    margin: none;
}

.wego-searchbox .tab-content {
    overflow: visible;
    margin-top: 0px;
    border: 1px solid #d6d6d6;
    background: #ffffff;
}

.wego-searchbox .wego-searchbox__field-container__location {
    width: 50%;
}

.wego-searchbox .wego-searchbox__field-container_in {
    width: 24%;
    float: left;
}

.wego-searchbox .wego-searchbox__field-container_spa {
    width: 1%;
    float: left;
}

.wego-searchbox .wego-searchbox__field-container {
    width: 12.5%;
    float: left;
}

.wego-searchbox .wego-text {
    width: 100%;
    height: auto;
    font-size: 14px;
    background-color: #fff;
    padding: 6px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.wego-searchbox .wego-text.on {
    color: #00b6f0;
    width: 100%;
    height: auto;
    font-size: 14px;
    background-color: #fff;
    padding: 6px;
    border: 1px solid #00b6f0;
    ;
    border-radius: 5px;
}

.wego-searchbox .wego-searchbox__field-container {
    font-size: 12px;
    padding: 26px 0px 0px 13px;
}

.wego-searchbox .wego-searchbox__field-container_in {
    font-size: 12px;
    padding: 1em 0.7em 0em;
}

.wego-searchbox .wego-searchbox__field-container_spa {
    padding-top: 36px;
    font-size: 12px;
}

.wego-searchbox .wego-searchbox__footer {
    clear: both;
}

.wego-searchbox .wego-searchbox__footer {
    zoom: 1;
    padding: 1em;
    height: 57px;
}

.wego-searchbox .wego-searchbox__footer .search-button {
    background: #2e70de;
    border-radius: 5px;
    border: 0px;
    color: #fff;
    float: right;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600;
    height: 33px;
    padding: 0px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

/* 테이블
------------------------------------------------------------------------------- */
/* list */
.tbl_list {
    overflow: hidden;
    border-top: 2px solid #bdd6e7;
    border-bottom: 2px solid #bdd6e7;
    margin-top: 20px;
}

.tbl_list table {
    width: 100%;
}

.tbl_list table thead tr th {
    background: url('/MALL/1F/IMAGES/bg_tblHead_blue.gif') left top repeat-x;
    height: 36px;
}

.tbl_list table thead tr th p {
    background: url('/MALL/1F/IMAGES/bar_tblHead.gif') right top no-repeat;
    height: 36px;
}

.tbl_list table thead tr th p img {
    padding-top: 11px;
}

.tbl_list table tbody tr td {
    border-bottom: 1px solid #e0e0e0;
    padding: 4px 0;
    text-align: center;
}

.tbl_list table tbody tr.lineNo td {
    border-bottom: none;
}

.tbl_list table tbody tr td p.title {
    text-align: left;
    padding-left: 15px;
}

/* 새로 추가한 좌측 lnb(마이페이지) */
.lnbside {
    position: relative;
    float: left;
    width: 152px;
    height: 100%;
    min-height: 800px;
    padding-left: 31px;
    background: url(/MYOFFICE_SMART/images/office_flower.png) no-repeat;
    z-index: 1;
}

.lnbside h2.tit {
    font-size: 16px;
    padding: 10px;
    margin-bottom: 30px;
    font-weight: bold;
    width: 75%;
    background-color: white;
    border: 1px solid #d5d5d5;
    border-radius: 25px;
}

.lnbside h2.tit span {
    font-size: 12px;
    font-weight: 600;
    display: block;
}

.lnbside h2.tit p {
    font-size: 12px;
    line-height: 18px;
    color: #758597;
    margin-top: 13px;
}

.lnbside ul {
    position: relative;
    width: 100%;
}

.lnbside li {
    border-bottom: 1px solid #bfd9ef;
}

.lnbside li a {
    display: block;
    padding: 11px;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
}

.lnbside li a:hover {
    color: #fff;
    font-weight: 700;
    background: url(/MYOFFICE_SMART/images/office_over.jpg) no-repeat;
}

.lnbside li a.menu_on {
    color: #fff;
    font-weight: 700;
    background: url(/MYOFFICE_SMART/images/office_over.jpg) no-repeat;
}

.lnbside span.img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

/* view */
.tbl_view {
    overflow: hidden;
    border-top: 2px solid #bdd6e7;
    border-bottom: 2px solid #bdd6e7;
    margin-top: 20px;
}

.tbl_view table {
    width: 100%;
}

.tbl_view table thead tr th,
thead tr td {
    background: url('/MALL/1F/IMAGES/bg_tblHead_blue.gif') left top repeat-x;
    height: 35px;
}

.tbl_view table thead tr th p {
    background: url('/MALL/1F/IMAGES/bar_tblHead.gif') right top no-repeat;
    height: 35px;
}

.tbl_view table thead tr th p img {
    padding-top: 11px;
}

.tbl_view table thead tr td p.title {
    background: url('/MALL/1F/IMAGES/bar_tblHead.gif') right top no-repeat;
    height: 27px;
    padding-top: 8px;
}

.tbl_view table thead tr td p.title,
p.writer {
    padding-left: 15px;
}

.tbl_view table tbody tr td div.viewCont {
    position: relative;
    padding: 20px;
}

.tbl_view table tbody tr td div.uccCont {
    background: url('/MALL/1F/IMAGES/bg_uccCont.gif') center top no-repeat;
    text-align: center;
    padding: 10px 0;
    height: 255px;
}

/* write */
.tbl_write {
    overflow: hidden;
    border-top: 2px solid #bdd6e7;
    border-bottom: 2px solid #bdd6e7;
    margin-top: 20px;
}

.tbl_write table {
    width: 100%;
}

.tbl_write table tbody tr td {
    border-bottom: 4px solid #f2f7fa;
}

.tbl_write table tbody tr.lineNo td {
    border-bottom: none;
}

.tbl_write table tbody tr td p {
    background: url('/MALL/1F/IMAGES/bar_tblHead.gif') right top no-repeat;
    height: 32px;
    padding-left: 13px;
}

.tbl_write table tbody tr td p img {
    padding-top: 10px;
}

.tbl_write table tbody tr td p.inputBox {
    text-align: left;
    padding-left: 12px;
    height: 28px;
    padding-top: 5px;
}

.tbl_write table tbody tr td p.lineNo {
    background: none;
}

.tbl_write table tbody tr td.writeCont {
    padding: 8px 13px;
    vertical-align: top;
}

:root .tbl_write table tbody tr td.writeCont {
    height: 170px;
}

/* reply */
.tbl_reply {
    overflow: hidden;
    background-color: #f9f9f9;
}

.tbl_reply table {
    width: 100%;
}

.tbl_reply table tbody tr td {
    border-bottom: 1px solid #e0e0e0;
    height: 38px;
    text-align: center;
}

.tbl_reply table tbody tr td p.title {
    text-align: left;
    padding-left: 10px;
}

.tbl_reply table tbody tr.lineNo td {
    border-bottom: none;
}

/* 검색
------------------------------------------------------------------------------- */
.searchDateBox {
    background: url('/COMMON/IMAGES/bg_search.gif') left top no-repeat;
    height: 28px;
    padding: 6px 0 0 5px;
    margin-top: 25px;
}

.inqTxt {
    font-weight: bold;
    color: #8b8e8d;
}

.inqTxt span {
    color: #515151;
    font-family: verdana;
}

/* 탭
------------------------------------------------------------------------------- */
.tabMn {
    background: url('/MALL/1F/IMAGES/bg_tab.gif') repeat-x bottom;
    height: 21px;
    width: 100%;
    text-align: right;
}

.tabMn li {
    display: inline;
    font-size: 0;
    margin-right: 3px;
    padding: 0;
}

/* mypage */
.myBrw_tbl {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #99703a;
    padding-top: 2px;
}

.myBrw_tbl table {
    width: 100%;
}

.myBrw_tbl table thead tr th {
    padding: 12px 0;
    background-color: #f5f4ea;
    font-weight: normal;
    text-align: center;
    font-size: 1.2rem;
}

.myBrw_tbl table tbody tr td {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left bottom repeat-x;
    padding: 15px 20px;
    text-align: center;
    font-size: 1.2rem;
}

.myBrw_tbl table tbody tr.lineNo td {
    background: none;
}

.myBrw_tbl table tbody tr td.date {
    font-family: verdana;
    font-weight: bold;
}

.myBrw_tbl table tbody tr td.date p.hst {
    font-weight: normal;
    text-align: left;
    padding-left: 15px;
}

.myBrw_tbl table tbody tr td div.goodsinfo {
    text-align: center;
    padding-right: 20px;
}

.myBrw_tbl table tbody tr td div.goodsinfo p.name {
    color: #8b8e8d;
}

.myBrw_tbl table tbody tr td div.goodsinfo p.amount {
    color: #432e2d;
    font-family: verdana;
}

.myBrw_tbl table tbody tr td div.goodsinfo p.amount span.pay {
    font-weight: bold;
    color: #ff6600;
}

.myBrw_tbl table tbody tr td p.delivinfo {
    margin-top: 2px;
}

.myBrw_tbl table tbody tr.orderResult td {
    background: none;
    color: #666;
}

.myBrw_tbl table tbody tr.orderResult td p.odinfo {
    text-align: left;
    padding-left: 12px;
}

.myBrw_tbl table tbody tr.orderResult td p.orPay {
    text-align: right;
    padding-right: 12px;
    color: #8b8e8d;
}

.myBrw_tbl table tbody tr.orderResult td p.orPay span.sum {
    color: #ff6600;
}

.myBrw_tbl table tbody tr.orderResult td p.orPay span.sum span {
    font-size: 14px;
    font-weight: bold;
}

.myBrw_tbl table tbody tr.payinfo td {
    border-top: 1px solid #99703a;
}

.myBrw_tbl table tbody tr.endPayment th {
    border-bottom: 1px solid #c7b7a0;
    background-color: #f5f4ea;
    color: #474747;
}

.myBrw_tbl table tbody tr.endPayment td {
    border-bottom: 1px solid #c7b7a0;
    background-color: #f5f4ea;
    background-image: none;
}
.myBrw_tbl table tbody tr td {
	vertical-align: middle;
}
.myBrw_tbl table tbody tr td span.p_img_set {
    display: block;
    position: relative;
}

.myBrw_tbl table tbody tr td span.p_img_set img {
    bottom: 0;
    right: 57px;
    position: absolute;
    display: block;
    width: 35px;
}
.bgNone {
    background: none !important;
}

/* 마이 쇼핑 배송조회 */
.myBrwMyshopp_tbl {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #99703a;
    padding-top: 2px;
}

.myBrwMyshopp_tbl table {
    width: 100%;
}

.myBrwMyshopp_tbl table thead tr th {
    padding: 2px 0;
    background-color: #eee3db;
    font-weight: normal;
}

.myBrwMyshopp_tbl table tbody tr td {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left bottom repeat-x;
    padding: 0px 0;
    text-align: center;
}

.myBrwMyshopp_tbl table tbody tr.lineNo td {
    background: none;
}

.myBrwMyshopp_tbl table tbody tr td.date {
    font-family: verdana;
    font-weight: bold;
}

.myBrwMyshopp_tbl table tbody tr td.date p.hst {
    font-weight: normal;
    text-align: left;
    padding-left: 15px;
}

.myBrwMyshopp_tbl table tbody tr td div.goodsinfo {
    text-align: right;
    padding-right: 10px;
}

.myBrwMyshopp_tbl table tbody tr td div.goodsinfo p.name {
    color: #8b8e8d;
}

.myBrwMyshopp_tbl table tbody tr td div.goodsinfo p.amount {
    color: #432e2d;
    font-family: verdana;
}

.myBrwMyshopp_tbl table tbody tr td div.goodsinfo p.amount span.pay {
    font-weight: bold;
    color: #ff6600;
}

.myBrwMyshopp_tbl table tbody tr td p.delivinfo {
    margin-top: 2px;
}

.myBrwMyshopp_tbl table tbody tr.orderResult td {
    background: none;
    color: #666;
}

.myBrwMyshopp_tbl table tbody tr.orderResult td p.odinfo {
    text-align: left;
    padding-left: 12px;
}

.myBrwMyshopp_tbl table tbody tr.orderResult td p.orPay {
    text-align: right;
    padding-right: 12px;
    color: #8b8e8d;
}

.myBrwMyshopp_tbl table tbody tr.orderResult td p.orPay span.sum {
    color: #ff6600;
}

.myBrwMyshopp_tbl table tbody tr.orderResult td p.orPay span.sum span {
    font-size: 14px;
    font-weight: bold;
}

.myBrwMyshopp_tbl table tbody tr.payinfo td {
    border-top: 1px solid #99703a;
}

.myBrwMyshopp_tbl table tbody tr.endPayment th {
    border-bottom: 1px solid #c7b7a0;
    background-color: #f5f4ea;
    color: #474747;
}

.myBrwMyshopp_tbl table tbody tr.endPayment td {
    border-bottom: 1px solid #c7b7a0;
    background-color: #f5f4ea;
    background-image: none;
}


/* 마이 쇼핑 배송조회 - 그룹 - 다중출고지 */
.myBrwMyshopp_tbl_group {
    overflow: hidden;
    background: url(/*'/MYPAGE/IMAGES/bg_tblHead_brw.gif'*/) left top repeat-x;
    /*border-bottom:1px solid #99703a;*/
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

.myBrwMyshopp_tbl_group table {
    width: 100%;
}

.myBrwMyshopp_tbl_group table thead tr th {
    padding: 2px 0;
    background-color: #eeeeeb;
    font-weight: normal;
}

.myBrwMyshopp_tbl_group table tbody tr td {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left bottom repeat-x;
    padding: 5px 0;
    text-align: center;
}

.myBrwMyshopp_tbl_group table tbody tr.lineNo td {
    background: none;
}

.myBrwMyshopp_tbl_group table tbody tr td.date {
    font-family: verdana;
    font-weight: bold;
}

.myBrwMyshopp_tbl_group table tbody tr td.date p.hst {
    font-weight: normal;
    text-align: left;
    padding-left: 15px;
}

.myBrwMyshopp_tbl_group table tbody tr td div.goodsinfo {
    text-align: right;
    padding-right: 10px;
}

.myBrwMyshopp_tbl_group table tbody tr td div.goodsinfo p.name {
    color: #8b8e8d;
}

.myBrwMyshopp_tbl_group table tbody tr td div.goodsinfo p.amount {
    color: #432e2d;
    font-family: verdana;
}

.myBrwMyshopp_tbl_group table tbody tr td div.goodsinfo p.amount span.pay {
    font-weight: bold;
    color: #ff6600;
}

.myBrwMyshopp_tbl_group table tbody tr td p.delivinfo {
    margin-top: 2px;
}

.myBrwMyshopp_tbl_group table tbody tr.orderResult td {
    background: none;
    color: #666;
}

.myBrwMyshopp_tbl_group table tbody tr.orderResult td p.odinfo {
    text-align: left;
    padding-left: 12px;
}

.myBrwMyshopp_tbl_group table tbody tr.orderResult td p.orPay {
    text-align: right;
    padding-right: 12px;
    color: #8b8e8d;
}

.myBrwMyshopp_tbl_group table tbody tr.orderResult td p.orPay span.sum {
    color: #ff6600;
}

.myBrwMyshopp_tbl_group table tbody tr.orderResult td p.orPay span.sum span {
    font-size: 14px;
    font-weight: bold;
}

.myBrwMyshopp_tbl_group table tbody tr.payinfo td {
    border-top: 1px solid #99703a;
}

.myBrwMyshopp_tbl_group table tbody tr.endPayment th {
    border-bottom: 1px solid #c7b7a0;
    background-color: #f5f4ea;
    color: #474747;
}

.myBrwMyshopp_tbl_group table tbody tr.endPayment td {
    border-bottom: 1px solid #c7b7a0;
    background-color: #f5f4ea;
    background-image: none;
}

/* 마이 쇼핑 배송조회 - 다중출고지 */
.myBrwMyshopp_tbl_multi {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #99703a;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

.myBrwMyshopp_tbl_multi table {
    width: 100%;
}

.myBrwMyshopp_tbl_multi table thead tr th {
    padding: 2px 0;
    background-color: #eeeeeb;
    font-weight: normal;
}

.myBrwMyshopp_tbl_multi table tbody tr td {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left bottom repeat-x;
    padding: 5px 0;
    text-align: center;
}

.myBrwMyshopp_tbl_multi table tbody tr.lineNo td {
    background: none;
}

.myBrwMyshopp_tbl_multi table tbody tr td.date {
    font-family: verdana;
    font-weight: bold;
}

.myBrwMyshopp_tbl_multi table tbody tr td.date p.hst {
    font-weight: normal;
    text-align: left;
    padding-left: 15px;
}

.myBrwMyshopp_tbl_multi table tbody tr td div.goodsinfo {
    text-align: right;
    padding-right: 10px;
}

.myBrwMyshopp_tbl_multi table tbody tr td div.goodsinfo p.name {
    color: #8b8e8d;
}

.myBrwMyshopp_tbl_multi table tbody tr td div.goodsinfo p.amount {
    color: #432e2d;
    font-family: verdana;
}

.myBrwMyshopp_tbl_multi table tbody tr td div.goodsinfo p.amount span.pay {
    font-weight: bold;
    color: #ff6600;
}

.myBrwMyshopp_tbl_multi table tbody tr td p.delivinfo {
    margin-top: 2px;
}

.myBrwMyshopp_tbl_multi table tbody tr.orderResult td {
    background: none;
    color: #666;
}

.myBrwMyshopp_tbl_multi table tbody tr.orderResult td p.odinfo {
    text-align: left;
    padding-left: 12px;
}

.myBrwMyshopp_tbl_multi table tbody tr.orderResult td p.orPay {
    text-align: right;
    padding-right: 12px;
    color: #8b8e8d;
}

.myBrwMyshopp_tbl_multi table tbody tr.orderResult td p.orPay span.sum {
    color: #ff6600;
}

.myBrwMyshopp_tbl_multi table tbody tr.orderResult td p.orPay span.sum span {
    font-size: 14px;
    font-weight: bold;
}

.myBrwMyshopp_tbl_multi table tbody tr.payinfo td {
    border-top: 1px solid #99703a;
}

.myBrwMyshopp_tbl_multi table tbody tr.endPayment th {
    border-bottom: 1px solid #c7b7a0;
    background-color: #f5f4ea;
    color: #474747;
}

.myBrwMyshopp_tbl_multi table tbody tr.endPayment td {
    border-bottom: 1px solid #c7b7a0;
    background-color: #f5f4ea;
    background-image: none;
}


.myBrw02_tbl {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #b2a597;
    padding-top: 2px;
}

.myBrw02_tbl table {
    width: 100%;
}

.myBrw02_tbl table tbody tr th {
    background: #f5f4ea url('/MYPAGE/IMAGES/bg_tbl_td.gif') left bottom repeat-x;
    padding: 6px 0;
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}

.myBrw02_tbl table tbody tr th p {
    padding-left: 20px;
}

.myBrw02_tbl table tbody tr td {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left bottom repeat-x;
    padding: 6px 0;
}

.myBrw02_tbl table tbody tr td p {
    padding-left: 15px;
}

.myBrw02_tbl table tbody tr td.qOrder span {
    font-size: 11px;
    padding-left: 5px;
}

.myBrw02_tbl table tbody tr.lineNo th,
.myBrw02_tbl table tbody tr.lineNo td {
    background-image: none;
}


.myList_tbl {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #b2a597;
    padding-top: 2px;
}

.myList_tbl table {
    width: 100%;
}

.myList_tbl table thead tr th {
    background: #f5f4ea url('/MYPAGE/IMAGES/bg_tblHead_white.gif') right top no-repeat;
}

.myList_tbl table thead tr th p {
    padding: 7px 0;
}

.myList_tbl table thead tr th.barNo {
    background-image: none;
}

.myList_tbl table tbody tr td {
    padding: 4px 0;
    text-align: center;
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left bottom repeat-x;
}

.myList_tbl table tbody tr td p.title {
    text-align: left;
    padding-left: 10px;
}

.myList_tbl table tbody tr.lineNo td {
    background: none;
}

.myQna_tbl {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #b2a597;
    padding-top: 2px;
}

.myQna_tbl table {
    width: 100%;
}

.myQna_tbl table thead tr th {
    background: #f5f4ea url('/MYPAGE/IMAGES/bg_tblHead_white.gif') right top no-repeat;
}

.myQna_tbl table thead tr th p {
    padding: 7px 0;
}

.myQna_tbl table thead tr th.barNo {
    background-image: none;
}

.myQna_tbl table tbody tr td {
    padding: 4px 0;
    text-align: center;
}

.myQna_tbl table tbody tr.tdLine td {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left bottom repeat-x;
    height: 1px;
}

.myQna_tbl table tbody tr td p.title {
    text-align: left;
    padding-left: 10px;
}

.myQna_tbl table tbody tr.lineNo td {
    background: none;
}

.myQna_tbl table tbody tr td.qnaView {
    padding: 10px 0;
    text-align: left;
}

.myQna_tbl table tbody tr td.qnaView div.qnaCont {
    clear: both;
    overflow: hidden;
}

.myQna_tbl table tbody tr td.qnaView div.qnaCont .qicon {
    float: left;
    width: 45px;
    text-align: right;
    padding-right: 20px;
}

.myQna_tbl table tbody tr td.qnaView div.qnaCont .qcont {
    float: left;
    background: none;
    padding: 10px 0px;
}

.myQna_tbl table tbody tr td.qnaReply {
    padding: 10px 0;
    text-align: left;
    color: #010101;
}

.myQna_tbl table tbody tr td.qnaReply div.reCont {
    clear: both;
    overflow: hidden;
}

.myQna_tbl table tbody tr td.qnaReply div.reCont .ricon {
    float: left;
    width: 45px;
    text-align: right;
    padding-right: 10px;
    padding-top: 12px;
}

.myQna_tbl table tbody tr td.qnaReply div.reCont .rcont {
    float: left;
    background: none;
    padding: 10px 0;
}

.myQna_tbl table tbody tr td.qnaReply div.reCont .rcont p.subj {
    font-weight: bold;
    padding-bottom: 20px;
}

.myWrite_tbl {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #b2a597;
    padding-top: 2px;
}

.myWrite_tbl table {
    width: 100%;
}

.myWrite_tbl table tbody tr th {
    background-color: #f5f4ea;
    border-bottom: 1px solid #FFF;
    vertical-align: top;
    padding-top: 8px;
}

.myWrite_tbl table tbody tr td {
    padding: 5px 0;
}

.myWrite_tbl table tbody tr td p,
tbody tr td div {
    padding: 0 15px;
}

.myinfo_tbl {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #99703a;
    padding-top: 2px;
}

.myinfo_tbl table {
    width: 100%;
    color: #2f2f2f;
}

.myinfo_tbl table tbody tr th {
    background-color: #f5f4ea;
    border-bottom: 1px solid #d4d4d4;
    vertical-align: top;
    padding: 10px 0;
    font-weight: normal;
    color: #8b8e8d;
}

.myinfo_tbl table tbody tr th.office {
    background-color: #f2e2d0;
}

.myinfo_tbl table tbody tr th.withdrawal {
    font-weight: normal;
    padding: 5px 0;
}

.myinfo_tbl table tbody tr th p {
    text-align: left;
    padding-left: 15px;
}

.myinfo_tbl table tbody tr td {
    padding: 5px 0;
    border-bottom: 1px solid #d4d4d4;
}

.myinfo_tbl table tbody tr td .nobox {
    padding: 5px 0;
    border-bottom: 1px solid #ffffff;
}

.myinfo_tbl table tbody tr td p {
    padding-left: 10px;
}

.myinfo_tbl table tbody tr td p span.copy,
span.btn {
    padding-left: 12px;
}

.myinfo_tbl table tbody tr td p.infoCont {
    padding-top: 8px;
    font-size: 12px;
}

.myinfo_tbl table tbody tr td p.infoCont span {
    padding-left: 25px;
}

.myinfo_tbl table tbody tr td.withdrawalCont {
    padding: 10px 0 20px 5px;
}

.myinfo_tbl table tbody tr td.withdrawalCont .qna p.qTitle {
    background: url('/MYPAGE/IMAGES/bar_org.gif') left 6px no-repeat;
    padding-left: 10px;
    margin-left: 2px;
    font-weight: bold;
    color: #010101;
}

.myinfo_tbl table tbody tr td.withdrawalCont .qna ul.aList {
    padding-top: 10px;
}

.myinfo_tbl table tbody tr td.withdrawalCont .qna ul.aList li {
    padding-bottom: 7px;
}

.myinfo_tbl table tbody tr td.withdrawalCont .qna_SE p.qTitle {
    background: url('/MYPAGE/IMAGES/bar_org.gif') left 6px no-repeat;
    padding-left: 10px;
    margin-left: 2px;
    font-weight: bold;
    color: #010101;
}

.myinfo_tbl table tbody tr td.withdrawalCont .qna_SE ul.aList {
    padding-top: 10px;
}

.myinfo_tbl table tbody tr td.withdrawalCont .qna_SE ul.aList li {
    padding-bottom: 7px;
}

.myPay_tbl {
    overflow: hidden;
    border-top: 1px solid #611a17;
    border-bottom: 1px solid #b2a597;
}

.myPay_tbl table {
    width: 100%;
}

.myPay_tbl table thead tr th {
    background-color: #eee3db;
    border-top: 1px solid #eee3db;
    padding: 5px 0;
    text-align: left;
    color: #666;
}

.myPay_tbl table thead tr th p {
    padding-left: 10px;
    color: #474747;
}

.myPay_tbl table thead tr th.paychoice {
    font-weight: normal;
}

.myPay_tbl table thead tr th.paychoice span.txt {
    font-size: 12px;
    color: #a4a4a4;
    padding-left: 3px;
}

.myPay_tbl table tbody tr th {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left top repeat-x;
    padding: 5px 0;
    font-weight: normal;
    color: #666;
}

.myPay_tbl table tbody tr th p {
    text-align: right;
    padding-right: 35px;
}

.myPay_tbl table tbody tr td {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left top repeat-x;
    padding: 5px 0;
    color: #666;
}

.myPay_tbl table tbody tr td p {
    text-align: right;
    padding-right: 35px;
}

.myPay_tbl table tbody tr td input.pay {
    height: 20px;
}

.myPay_tbl table tbody tr td span.copy {
    font-size: 12px;
    color: #a4a4a4;
    padding-left: 10px;
}

/* 상품 후기 리스트 2012.05.09 */
.myEvaluate_tbl {
    overflow: hidden;
    border-top: 1px solid #611a17;
    border-bottom: 1px solid #b2a597;
}

.myEvaluate_tbl table {
    width: 100%;
}

.myEvaluate_tbl table thead tr th {
    background-color: #eee3db;
    border-top: 1px solid #a16e69;
    padding: 5px 0;
    text-align: left;
    color: #666;
}

.myEvaluate_tbl table thead tr th p {
    padding-left: 10px;
    color: #474747;
}

.myEvaluate_tbl table thead tr th.paychoice {
    font-weight: normal;
}

.myEvaluate_tbl table thead tr th.paychoice span.txt {
    font-size: 12px;
    color: #a4a4a4;
    padding-left: 3px;
}

.myEvaluate_tbl table tbody tr th {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left top repeat-x;
    padding: 5px 0;
    font-weight: normal;
    color: #666;
}

.myEvaluate_tbl table tbody tr th p {
    text-align: right;
    padding-right: 35px;
}

.myEvaluate_tbl table tbody tr td {
    background: url('/MYPAGE/IMAGES/bg_tbl_td.gif') left top repeat-x;
    padding: 5px 0;
    color: #666;
}

.myEvaluate_tbl table tbody tr td p {
    text-align: right;
    padding-right: 35px;
}

.myEvaluate_tbl table tbody tr td input.pay {
    height: 20px;
}

.myEvaluate_tbl table tbody tr td span.copy {
    font-size: 12px;
    color: #a4a4a4;
    padding-left: 10px;
}

.myEvaluateList_tbl {
    overflow: hidden;
    background: url('/MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    border-bottom: 1px solid #99703a;
    padding-top: 2px;
}

.myEvaluateList_tbl table {
    width: 100%;
    color: #2f2f2f;
}

.myEvaluateList_tbl table thead tr th {
    padding: 5px 0;
    background-color: #f5f4ea;
    font-weight: normal;
}

.myEvaluateList_tbl table tbody tr th {
    background-color: #f5f4ea;
    border-bottom: 1px solid #d4d4d4;
    vertical-align: top;
    padding-top: 8px;
    font-weight: normal;
    color: #8b8e8d;
}

.myEvaluateList_tbl table tbody tr th.office {
    background-color: #f2e2d0;
}

.myEvaluateList_tbl table tbody tr th.withdrawal {
    font-weight: normal;
    padding: 5px 0;
}

.myEvaluateList_tbl table tbody tr th p {
    text-align: left;
    padding-left: 15px;
}

.myEvaluateList_tbl table tbody tr td {
    padding: 5px 0;
    border-bottom: 1px solid #d4d4d4;
}

.myEvaluateList_tbl table tbody tr td .nobox {
    padding: 5px 0;
    border-bottom: 1px solid #ffffff;
}

.myEvaluateList_tbl table tbody tr td p {
    padding-left: 10px;
}

.myEvaluateList_tbl table tbody tr td p span.copy,
span.btn {
    padding-left: 12px;
}

.myEvaluateList_tbl table tbody tr td p.infoCont {
    padding-top: 8px;
    font-size: 12px;
}

.myEvaluateList_tbl table tbody tr td p.infoCont span {
    padding-left: 25px;
}

.myEvaluateList_tbl table tbody tr td.withdrawalCont {
    padding: 10px 0 20px 5px;
}

.myEvaluateList_tbl table tbody tr td.withdrawalCont .qna p.qTitle {
    background: url('/MYPAGE/IMAGES/bar_org.gif') left 6px no-repeat;
    padding-left: 10px;
    margin-left: 2px;
    font-weight: bold;
    color: #010101;
}

.myEvaluateList_tbl table tbody tr td.withdrawalCont .qna ul.aList {
    padding-top: 10px;
}

.myEvaluateList_tbl table tbody tr td.withdrawalCont .qna ul.aList li {
    padding-bottom: 7px;
}




/* .myPayment {background:url('/PRODUCT/IMAGES/payment_bg.gif') center no-repeat; width:92%; height:156px; margin-top:20px; background-size:104%;} */
.myPayment {
    background: url('/PRODUCT/IMAGES/payment_bg.gif') center no-repeat;
    width: 100%;
    height: 156px;
    margin-top: 20px;
    background-size: 840px;
}

.myPayment_ev {
    background: url('/PRODUCT/IMAGES/payment_bg_ev.gif') center no-repeat;
    width: 825px;
    height: 156px;
    margin-top: 20px;
}

.myPayment2 {
    background: url('/PRODUCT/IMAGES/payment_hp.gif') center no-repeat;
    width: 825px;
    height: 188px;
    margin-top: 20px;
}

.myPayment_txt {
    padding: 30px 0 0 148px
}

.myPayment_txt_ev {
    padding: 30px 0 0 42px;
    width: 450px;
}

.myPayment_txt2 {
    padding: 10px 0 0 15px
}

.myPayment_txt_b {
    font-weight: bold;
    color: #5b5b5b;
    padding-bottom: 15px
}

.myPayment_txt_b2 {
    font-weight: bold;
    color: #5b5b5b;
    padding-bottom: 10px
}

.myPayment_txt_n {
    font-weight: bold;
    color: #a76518;
    float: left
}

.myPayment_txt_a {
    color: #4e423b;
}

/* SMS
------------------------------------------------------------------------------- */
.smsWrap {
    clear: both;
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
    margin-left: 40px;
}

.smsWrap .smsLeftArea {
    float: left;
    margin-right: 27px;
}

.smsLeftArea .smsCont {
    background: url('/MALL/1F/IMAGES/bg_smsCont.gif') left top no-repeat;
    width: 136px;
    height: 130px;
    padding: 15px;
}

.smsLeftArea .smsCont p.name {
    color: #5f5f61;
}

.smsLeftArea .smsCont p.name span {
    color: #d60413;
}

.smsLeftArea .smsCont ul.smsinfo {
    margin: 14px 5px;
}

.smsLeftArea .smsCont ul.smsinfo li {
    padding-top: 2px;
}

.smsLeftArea .smsCont ul.smsinfo li img {
    margin-top: -3px;
    margin-right: 3px;
}

.smsLeftArea .smsCont ul.smsinfo li span {
    margin-left: 10px;
}

.smsLeftArea .smsCont ul.smsinfo li.free span {
    color: #d60413;
    font-weight: bold;
}

.smsLeftArea.smsCont ul.smsinfo li.coupon span {
    color: #6e9041;
    font-weight: bold;
}

.smsLeftArea .smsCont p.btn {
    margin-top: 22px;
    text-align: center;
}

.smsLeftArea .btnGoAddr {
    background: url('/MALL/1F/IMAGES/bg_addrList.gif') left bottom no-repeat;
    width: 156px;
    height: 77px;
    margin-top: 20px;
}

.smsRightArea {
    float: left;
    background: url('/MALL/1F/IMAGES/bg_phone2.gif') left top no-repeat;
    width: 236px;
    height: 409px;
}

.smsRightArea .smsWrite {
    position: relative;
    margin: 60px 0 0 30px;
}

.smsRightArea .smsWrite textarea {
    width: 163px;
    height: 78px;
}

.smsRightArea .smsWrite p.byte {
    margin: 4px 30px;
    text-align: right;
}

.smsRightArea .smsWrite p.byte img {
    margin-top: -2px;
    margin-left: 3px;
}

.smsRightArea ul.number {
    width: 200px;
    margin: 30px 0 0 17px;
}

.smsRightArea ul.number li {
    background: url('/MALL/1F/IMAGES/bg_dotBlack.gif') left bottom repeat-x;
}

.smsRightArea ul.number li span {
    color: #f3c359;
}

.smsRightArea ul.number li input {
    margin: 3px 0px 3px 0px;
    background-color: #222;
    border: none;
    height: 14px;
    color: #FFF;
    font-size: 12px;
}

.smsRightArea .sender {
    width: 195px;
    text-align: right;
    margin-top: 27px;
    margin-top: 8px;
}

.smsRightArea .sender input {
    height: 14px;
    margin-left: 5px;
}

.smsRightArea p.btn {
    text-align: center;
    margin-top: 23px;
}

/* 회원가입
------------------------------------------------------------------------------- */
.joinStep {
    clear: both;
    overflow: hidden;
    zoom: 1;
    margin-top: 25px;
}

.joinStep li {
    float: left;
}

.joinStep li span {
    margin-right: 20px;
}

.joinCont {
    clear: both;
    margin-top: 25px;
}

.joinCont .agree_box {
    overflow: auto;
    width: 800px;
    height: 170px;
    border: 1px solid #dadada;
    padding: 10px;
    margin: 3px;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #C4C4C4;
    scrollbar-base-color: black;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-face-color: #F7F7F4;
    scrollbar-highlight-color: #D9D9D9;
    scrollbar-shadow-color: #D9D9D9;
    scrollbar-track-color: #FFFFFF;
}

.joinCont .agree_boxmc {
    overflow: auto;
    width: 800px;
    height: 300px;
    border: 1px solid #dadada;
    padding: 10px;
    margin: 3px;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #C4C4C4;
    scrollbar-base-color: black;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-face-color: #F7F7F4;
    scrollbar-highlight-color: #D9D9D9;
    scrollbar-shadow-color: #D9D9D9;
    scrollbar-track-color: #FFFFFF;
}

.joinCont .instep_box {
    overflow: auto;
    width: 800px;
    height: 400px;
    border: 1px solid #dadada;
    padding: 10px;
    margin: 3px;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #C4C4C4;
    scrollbar-base-color: black;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-face-color: #F7F7F4;
    scrollbar-highlight-color: #D9D9D9;
    scrollbar-shadow-color: #D9D9D9;
    scrollbar-track-color: #FFFFFF;
}

.joinCont .agree_chk {
    text-align: right;
    margin-top: 15px;
}

.foreign_txt {
    padding-left: 65px;
    color: #8b8e8d;
}

.foreign_txt1 {
    padding-left: 45px;
    padding-top: 20px;
    color: #8b8e8d;
}

.joinBox {
    clear: both;
    overflow: hidden;
    padding-left: 50px;
}

.joinBox li {
    float: left;
}

.joinResultArea {
    background: url('../../MYPAGE/IMAGES/bg_tblHead_brw.gif') left top repeat-x;
    padding-top: 2px;
    border-bottom: 1px solid #c7b7a0;
}

.joinResultArea .rstArea {
    clear: both;
    overflow: hidden;
    height: 100%;
    border: 4px solid #f5ebdf;
}

.joinResultArea .rstArea .rst_left {
    float: left;
    width: 420px;
    padding: 20px 25px;
}

.joinResultArea .rstArea .rst_left .con {
    border-bottom: 1px solid #f5ebdf;
    padding: 0 0 15px 20px;
    margin-bottom: 15px;
}

.joinResultArea .rstArea .rst_left .con p.name,
.rst_left .con p.cong {
    color: #4e423b;
}

.joinResultArea .rstArea .rst_left .con p.name span {
    font-weight: bold;
    color: #a76518;
}

.joinResultArea .rstArea .rst_left .con p.txt {
    margin-top: 7px;
    color: #a4a4a4;
}

.joinResultArea .rstArea .rst_left ul.info li {
    padding: 0 0 4px 20px;
}

.joinResultArea .rstArea .rst_left ul.info li span.id {
    padding-right: 90px;
}

.joinResultArea .rstArea .rst_left ul.info li span.pw {
    padding-right: 80px;
}

.joinResultArea .rstArea .rst_right {
    float: right;
}

/* 상품상세
------------------------------------------------------------------------------- */
.palt {
    font-size: 12px;
    position: absolute;
    left: 60%;
    margin-left: -110px !important;
    z-index: 100000 !important;
    padding-left: 3px;
    margin-left: 0;
    display: none;
    border: 1px solid #666;
    background: #fff;
    line-height: 1.5;
    padding: 10px;
    margin-top: -40px;
    width: 200px;
}

.thum {
    position: absolute;
    margin-top: 10px;
}

.thum li {
    border: 1px solid #e0e0e0;
    margin-right: 5px;
    float: left
}

.goodsTop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.flex {
    display: flex;
    height: 100%;
}

.goodsImg {
    position: relative;
    width: 50%;
}

.goodsImg .img {
    width: 100%;
    margin-right: 3px;
    border: 1px solid #e0e0e0;
}

/* .goodsImg .img {width:428px; margin-right:28px; border:5px solid #e0e0e0;} */
.goodsImg span.p_img_set {
    display: block;
    position: relative;
}

.goodsImg span.p_img_set img {
    bottom: 0;
    right: 4px;
    position: absolute;
    display: block !important;
}

/*
.goodsImg .nobuy {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #353535;
    opacity: 0.7;
    font-size: 0;
    color: white;
    z-index: 1;
    filter: alpha(opacity=70);
}

.goodsImg .nobuy::before {
    content: '일시품절';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
}
*/

.goodsImg .nobuy{
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #353535;
    opacity: 0.7;
    font-size: 3rem;
    color: white;
    z-index: 1;
    filter: alpha(opacity = 70);
} 

.goodsImg .nobuy p{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -70px;
}


/* width:400px; height:345px; line-height:345px; */
.goodsImg .buynoti {
    position: absolute;
    right: 10px;
    top: 316px;
    display: block;
    border: 1px solid #d5d5d5;
    background: #3E414F;
    color: white;
    padding: 5px;
    font-size: 18px;
}

/*.goodsImg .img_up {top:3px;right:14px; position:absolute; border:0px; width:100px;height:auto;} */
.goodsImg .img_up {
    top: 0;
    right: 25px;
    position: absolute;
    border: 0px;
    height: auto;
}

/* 건강기능식품 로고 삽입 */
.goodsImg .btn {
    position: absolute;
    bottom: 8px;
    right: 45px;
}

.goodsImg ul.smallimg {
    padding-top: 10px;
    clear: both;
    overflow: hidden;
    margin-left: 110px;
}

.goodsImg ul.smallimg li {
    float: left;
    border: 1px solid #e0e0e0;
    width: 50px;
    height: 50px;
    margin-right: 8px;
}

.goodsImg ul.smallimg li.over {
    border: 1px solid #ffaa4f;
}

.goodsImg .event {
    position: relative;
    width: 100%;
    text-align: center;
}

/*border:1px solid #CDCDCD;*/
.goodsImg .event ul {}

.goodsImg .event ul li img {
    width: 85%;
    margin: 0 auto;
}

@media(max-width: 768px){
	.goodsImg .event ul li img {width: 100%}
}
/* 페이지 버튼 */
.goodsImg .evnet_area .bx-pager-item {
    display: inline-block;
    display: inline;
    zoom: 1;
}

.goodsImg .evnet_area .bx-pager-item .bx-pager-link {
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
}

.goodsImg .evnet_area .bx-pager-item .bx-pager-link.active {
    background-position: 0 -206px;
}

/* 이전,다음 버튼 */
.goodsImg .evnet_area .bx-wrapper .bx-viewport {
    border: 0;
}

/*20200925 소망 수정*/
/*.goodsImg .evnet_area .bx-wrapper .bx-viewport {border:1px solid #e0e0e0;}*/
/* 재생,정지 버튼 */
.evnet_area .bx-controls-auto {
    position: absolute;
    z-index: 50;
    top: 9px;
    left: 96px;
}

/* 배송구분, 신상품 등 라벨*/
.info_sort.sangse {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0
}

.info_sort.sangse li {
    font-size: 14px;
    padding: 2px 6px;
}

.goodsDetail {
    position: relative;
    float: left;
    left: 7%;
    background: white;
    width: 50%;
}

.goodsDetail .gName {
    width: 374px;
    width: 100%;
    background: white;
}

/* 	.goodsDetail .gName {width:340px} */
.goodsDetail .gName p.name {
    font-family: tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-top: 7px;
}

.goodsDetail .gList {
    border-bottom: 2px solid #d4d4d4;
}

/* 	.goodsDetail .gList {border-bottom:1px solid #d4d4d4; margin-top:23px;} margin-top:14px;*/
.goodsDetail .gList dl {
    width: 360px;
    padding-bottom: 4px;
    margin-left: 8px;
}

/* 	.goodsDetail .gList dl {width:340px; padding-bottom:12px; margin-left:8px;} */
.goodsDetail .gList.n20 .option_box {
    background: #eee;
    padding: 15px;
    border-radius: 10px;
}

.goodsDetail .gList.n20 .option_box label {
    padding-bottom: 7px;
    display: inline-block;
}

.goodsDetail .gList.n20 .option_box .option_tit {
    padding-bottom: 7px;
    display: inline-block;
}

.goodsDetail .gList.n20 .option_box2 {
    background: #eee;
    padding: 15px;
}

.goodsDetail .gList.n20 .option_box2 label {
    padding-bottom: 7px;
    display: inline-block;
}

.goodsDetail .gList.n20 .option_box2 .option_tit {
    padding-bottom: 7px;
    display: inline-block;
}
.goodsTop .goodsDetail .gList_ItemAdd.n20.option_box2_sub {
	border-top:0;
}
.goodsTop .goodsDetail .gList_ItemAdd.n20.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area div.ItemAdd_Check .selBox {
    border-top: 1px dashed #a4a4a4;
}
.goodsTop .goodsDetail .gList_ItemAdd.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 fieldset {
	width: auto;
    display: flex;
	margin-right: 25px;
}
.goodsNum_box.type2 {padding: 0;}
.goodsNum_box.type2 span a {border: 0; padding: 18px 11px;}
.goodsTop .goodsDetail .gList_ItemAdd.n20.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 .volumeText {
	height: 35px;
    width: 40px;
    border: 0;
	margin: 0;
}

.goodsTop .goodsDetail .gList_ItemAdd.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 .price span {
padding-right: 15px;
}

.price .btn_sel_del {
	display: inline-block;
    border: 1px solid #c4c4c4;
}
.price .btn_sel_del::before {
    content: '\00D7';
    padding: 0px 7px;
    color: #c4c4c4;
    font-size: 17px;
    display: block;
}
.goodsDetail .gList dt {
    width: 110px;
    font-size: 14px;
}

/* width:91px; float:left; */
.goodsDetail .gList dd {
    font-size: 14px;
    color: #2F2F2F;
    margin-bottom: 7px;
}

.goodsDetail .gList dd.option {
    float: left;
    border: 0px solid;
}

.goodsDetail .gList dd.userPay {
    margin-right: 120px;
    text-align: right;
    font-size: 14px;
    color: #ff6600;
}

/* width:100px; text-align:right; 추가 우측정렬... */

.goodsDetailCont {
    clear: both;
    overflow: hidden;
    margin-top: 0;
    width: 100%;
}

.goodsDetailCont ul.prdTab {
    background: url('/PRODUCT/IMAGES/bg_prdTab.gif') left bottom repeat-x;
    height: 27px;
    height: 28px;
    padding-left: 80px;
    width: 85%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.goodsDetailCont ul.prdTab.n20 {
    background: url('/PRODUCT/IMAGES/bg_prdTab_n20.png') left bottom repeat-x;
    height: 50px;
    width: 100%;
    display: block;
    padding-left: 0;
    margin-top: 50px;
}

.goodsDetailCont ul.prdTab li {
    float: left;
    font-size: 0;
}

.goodsDetailCont .detail_cont {
    clear: both;
    margin-top: 22px;
    width: 100%;
}

.goodsDetailCont .detail_cont > img {
    width: 100%;
}

.allPrdLayer {
    position: absolute;
    top: 10px;
    left: 45px;
    width: 800px;
    height: 680px;
}

.allPrdLayerPop {
    position: static;
    background: url('/PRODUCT/IMAGES/bg_allPrd.png') left top no-repeat;
    width: 708px;
    height: 416px;
}

/* 상세페이지 상단 배너 */
#spm_title_new .contents {
    width: 100%;
    background: #F5F5F5;
}

#spm_title_new .contents .top_bn_bg {
    margin: 0 auto;
    width: 100%;
    background: url(/v3zone/img/spm_title_v0924.png);
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

#spm_title_new .contents .top_bn_bg p {
    width: 1100px;
    height: 120px;
    padding: 0 0 0 35px;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    margin: 0 auto;
    line-height: 120px;
}

#spm_title_new .contents .top_bn_bg p span {
    margin: 0 6px 0 0;
    color: #fff;
    font-size: 25px;
    line-height: 1;
    vertical-align: middle;
    font-weight: bold;
}

#spm_title_new .contents .top_bn_bg p em {
    display: inline-block;
    color: #fff;
    font-size: 27px;
    line-height: 1;
    vertical-align: middle;
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
    #spm_title_new .contents .top_bn_bg p {
        width: 100%;
        height: 60px;
        line-height: 60px;
        padding: 0;
        font-size: 18px;
        padding-left: 15px;
    }

    #spm_title_new .contents .top_bn_bg p span,
    #spm_title_new .contents .top_bn_bg p em {
        font-size: unset;
    }

    .myBrw_tbl table tbody tr td {
        padding: 8px 0;
    }
}




/* 저작권 관련 배너 */
#p_image_guide_resaleno_0 {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}




/*----------이벤트---------------*/
.eventPrdLayer {
    position: absolute;
    top: 0px;
    left: 45px;
    width: 805px;
    height: 655px;
}

.lyPopTop {
    clear: both;
    height: 47px;
}

.lyPopTop .title {
    float: left;
    padding: 17px 0 0 28px
}

.lyPopTop .btnx {
    float: right;
    padding: 17px 28px 0 0;
}

.prdList {
    margin: 11px 22px 11px 30px;
}

.prdList ul {
    clear: both;
    overflow: hidden;
}

.prdList ul li {
    float: left;
    width: 164px;
    height: 150px;
    text-align: center;
}

.prdList ul li .noheight {
    float: left;
    width: 164px;
    text-align: center;
}

.allPrdLayer2 {
    position: absolute;
    top: 41px;
    left: 53px;
    width: 800px;
    height: 416px;
}

/* Life
------------------------------------------------------------------------------- */
.subLifeCont {
    clear: both;
    overflow: hidden;
}

.subLifeCont .lifeMenu {
    float: left;
    margin-right: 11px;
}

.subLifeCont .lifeContArea {
    float: left;
}

.lifeContArea p.title {}

.lifeContArea .lifeList {
    background: url('/MALL/1F/IMAGES/bg_lifeTbl.gif') left top no-repeat;
    width: 767px;
    height: 394px;
}

.lifeContArea .lifeList .listTop p {
    float: left;
    text-align: center;
    height: 26px;
    margin-top: 12px;
}

.lifeContArea .lifeList .listTop p.txt01 {
    background: url('/MALL/1F/IMAGES/bar_darkGray.gif') right top no-repeat;
    width: 120px;
}

.lifeContArea .lifeList .listTop p.txt02 {
    width: 647px;
}

.lifeContArea .lifeList .listMiddle {
    clear: both;
    overflow: hidden;
    height: 283px;
    padding: 10px 38px;
}

.lifeContArea .lifeList .listMiddle .levelTbl .lvTitle {
    float: left;
    width: 120px;
    vertical-align: top;
    padding-top: 5px;
}

.lifeContArea .lifeList .listMiddle .levelTbl ul.lvList {
    float: left;
    width: 570px;
}

.lifeContArea .lifeList .listMiddle .levelTbl ul.lvList li {
    background: url('/MALL/1F/IMAGES/icon_red.gif') 12px 7px no-repeat;
    padding-left: 22px;
    border-bottom: 1px solid #494747;
    line-height: 22px;
}

.lifeContArea .lifeList .listMiddle .levelTbl ul.lvList li a {
    color: #cbcbcb;
}

.lifeContArea .lifeList .pagingLife {
    height: 45px;
}

.lifeContArea .lifeView {
    background: url('/MALL/1F/IMAGES/bg_lifeView.jpg') left top no-repeat;
    width: 768px;
    height: 395px;
    padding: 5px;
}

.lifeContArea .rightBtn {
    margin: 50px 15px 0 0;
}


/* 주문단 주요공지 구본석 추가
---------------------------------------------------------------------------------*/
.spot_ex {
    background: url('/PRODUCT/IMAGES/spot_backg.gif') left top repeat-x;
    height: 44px;
    margin-top: 20px;
}

.spot_ex p {
    padding: 15px 20px 0 20px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

/*-------------------------------------------------------------------------------*/
/* 쇼핑몰 상품설명 동영상관련 2014.03.21                                         */
/*-------------------------------------------------------------------------------*/
#product_type_movie {
    position: relative;
    width: 100%;
    color: #545454
}

#product_type_movie div.contents {
    z-index: 1;
    position: relative;
    width: 805px;
    min-height: 100px;
    margin: 0 auto;
    border-left: #dddddd 1px solid;
    border-right: #dddddd 1px solid;
    padding: 30px 9px 31px 9px;
    margin-left: 0px;
    margin-top: -50px;
    padding-top: 0px;
    border-top: 1px solid;
    border-bottom: 1px solid
}

#product_type_movie div.contents .product_sec_movie a {
    cursor: pointer
}

#product_type_movie div.contents .product_sec_movie {
    width: 804px;
}

#product_type_movie div.contents .product_sec_movie ul {
    margin: 10px 0 0 0;
}

#product_type_movie div.contents .product_sec_movie ul li {
    width: 804px;
    padding: 10px 0 0 0;
}

#product_type_movie div.contents .product_sec_movie ul li:after {
    display: block;
    clear: both;
    content: ""
}

#product_type_movie div.contents .product_sec_movie ul li dl {
    float: left;
    width: 402px;
    height: 100px;
    margin: 5px 0 0 0;
    cursor: default
}

#product_type_movie div.contents .product_sec_movie ul li dl:after {
    display: block;
    clear: both;
    content: ""
}

#product_type_movie div.contents .product_sec_movie ul li dl dt {
    float: left;
    width: 88px;
    height: 77px;
}

#product_type_movie div.contents .product_sec_movie ul li .noimg {
    clear: both;
    display: block;
    width: 630px;
    height: 300px;
    padding: 25px 0 0 295px
}

#product_type_movie div.contents .product_sec_movie ul li dl dt img {
    width: 130px;
    height: 107px
}

#product_type_movie div.contents .product_sec_movie ul li dl dd {
    float: left;
    width: 200px;
    margin-left: 30px;
    padding: 0 0 0 20px
}

#product_type_movie div.contents .product_sec_movie ul li dl dd .p_movie_play {
    float: left;
    width: 200px;
    height: 50%;
    margin-left: 30px;
    padding-top: 25px
}

/*-------------------------------------------------------------------------------*/
/* 실명인증 레이어 팝업 관련 2017.04.06                                          */
/*-------------------------------------------------------------------------------*/
.pop-layer {
    display: none;
    width: 410px;
    height: auto;
    margin: 20% 0 0 108px;
    background-color: #fff;
    border: 1px solid #1a91f5;
    z-index: 10;
}

.pop-layer .pop-container {
    padding: 20px 25px;
}

.pop-layer p.ctxt {
    color: #666;
    line-height: 25px;
}

.pop-layer .btn-r {
    width: 100%;
    margin: 50px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #DDD;
    text-align: center;
}

a.cbtn {
    display: inline-block;
    height: 50px;
    padding: 0 14px 0;
    border: 1px solid #1a91f5;
    background-color: #1a91f5;
    font-size: 13px;
    color: #fff;
    line-height: 50px;
    width: 90%;
}

a.cbtn:hover {
    border: 1px solid #091940;
    background-color: #1f326a;
    color: #fff;
}

/*-------------------------------------------------------------------------------*/
/* 장바구니 금액 및 배송비 관련                                                  */
/*-------------------------------------------------------------------------------*/
/********** Order Step = Cart ***********/
.pOrPrice {
    border-top: 1px solid #99703a;
    background: #f5f5f5;
    position: relative;
}

/*url(/v2/Resource/Home/Mall/img/icon/priceNum.gif) 400px center no-repeat*/
.pOrPrice li {
    display: inline-block;
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: #767676;
}

.pOrPrice li div {
    font-size: 20px;
    margin-top: 5px
}

.pOrPrice li:first-child {
    background: #39b9e9;
    color: #FFF;
    width: 200px;
    font-size: 14px !important;
    vertical-align: top;
    height: 46px;
    zoom: 1;
    border-right: 1px solid #d5d5d5;
}

/*2019.09.18 추가(vertical-align:top; height:44px;) border:1px solid #d5d5d5; */
.pOrPrice li:first-child div {
    font-size: 17px !important;
    line-height: 38px;
}

/*2019.09.18 추가(line-height:38px;),변경(font-size:14px ==> font-size:17px)*/
.pOrPrice .pOr4 {
    border-left: 1px solid #d5d5d5;
    width: 21.8%;
    right: 0;
}

.pOrPrice .pOr4 div {
    width: 100%;
    right: 0;
    font-weight: bold;
}

.pOrPrice .pOr1,
.pOrPrice .pOr2,
.pOrPrice .pOr3 {
    width: 26%;
}

.pOrPrice .pOr1 div,
.pOrPrice .pOr2 div,
.pOrPrice .pOr3 div {
    font-weight: bold;
}

.pOrPrice .pOr2 {}

.pOrPrice .pOr2 img {
    vertical-align: middle
}



/*-------------------------------------------------------------------------------*/
/* US회원 생년월일 NULL 입력창 레이어 팝업                                       */
/*-------------------------------------------------------------------------------*/
.pop-layer_bbb .pop-container {
    padding: 20px 25px;
    font-family: "Nanum Gothic", "dotum", "gulim", "verdana", sans-serif;
}

.pop-layer_bbb p.ctxt {
    color: #666;
    line-height: 25px;
}

.pop-layer_bbb .btn-r {
    width: 100%;
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 1px solid #DDD;
    text-align: right;
}

.pop-layer_bbb {
    display: none;
    position: relative;
    top: 35%;
    left: 0;
    width: 410px;
    height: auto;
    background-color: #fff;
    border: 2px solid #6d6d6d;
    border-radius: 6px;
    z-index: 10;
    margin: 0 auto;
    box-shadow: 0 5px 20px rgba(58, 58, 58, 0.8);
}

.dim-layer_bbb {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.dim-layer_bbb .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dim-layer_bbb .pop-layer_bbb {
    display: block;
}

.pop-conts {
    font-size: 14px;
}

a.btn-layerClose_bt {
    display: inline-block;
    color: #484846;
    float: right;
    font-size: 15px;
}

a.btn-layerClose_bt:hover {
    color: #060606;
}

a.btn-Continue_bt {
    display: inline-block;
    height: 36px;
    padding: 0 14px 0;
    border: 1px solid #747474;
    background-color: #747474;
    font-size: 13px;
    color: #fff;
    line-height: 35px;
    box-shadow: 1px 1px 1px rgba(58, 58, 58, 0.8);
    font-size: 15px;
    font-weight: bold;
}

a.btn-Continue_bt:hover {
    border: 1px solid #6f6f6f;
    background-color: #5a5858;
    color: #fff;
}

.pppptitle {
    font-size: 20px;
    font-weight: bold;
}

.pop-layer_bbb2 .pop-container {
    padding: 20px 25px;
    font-family: "Nanum Gothic", "dotum", "gulim", "verdana", sans-serif;
}

.pop-layer_bbb2 p.ctxt {
    color: #666;
    line-height: 25px;
}

.pop-layer_bbb2 .btn-r {
    width: 100%;
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 1px solid #DDD;
    text-align: right;
}

.pop-layer_bbb2 {
    display: none;
    position: relative;
    top: 35%;
    left: 0;
    width: 410px;
    height: auto;
    background-color: #fff;
    border: 2px solid #6d6d6d;
    border-radius: 6px;
    z-index: 10;
    margin: 0 auto;
    box-shadow: 0 5px 20px rgba(58, 58, 58, 0.8);
}

.dim-layer_bbb2 {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.dim-layer_bbb2 .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dim-layer_bbb2 .pop-layer_bbb2 {
    display: block;
}

.birthTitle_z {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

#Year_B,
#Month_B,
#Day_B {
    width: 100%;
    height: 30px;
    font-size: 14px;
}

#SexMan,
#SexGirl {
    width: 18px;
    height: 20px;
}

#SexGirl {
    margin-left: 20px;
}

.SexMan,
.SexGirl {
    padding-left: 3px;
    vertical-align: middle;
    font-size: 13px;
}

#displayVisible {
    display: none;
}

.blindBirth {
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0.7;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
}

.loadingCircle {
    position: absolute;
    top: 45%;
    left: 45%;
}

.loadingCircleTxt {
    position: absolute;
    top: 57%;
    left: 25%;
    font-weight: bold;
    color: #525252;
    text-align: center;
}

/**************************************************
프로그램 ID : gmw_style.css
프로그램 명 : gmw_style Cascading Style Sheets
작   성   자 : 신다예(shindayeu@gmail.com)
최초 작성일 : 2009-12-29
**************************************************** */

/* Box Style 
------------------------------------------------------------------------------- */
/* box 618 */
.pngBox618 {
    position: static;
    width: 618px;
    background: url('/MALL/1F/IMAGES/bbsBox618_t.png') left top no-repeat;
    padding-top: 25px;
}

.pngBox618 .cont {
    position: static;
    background: url('/MALL/1F/IMAGES/bbsBox618_m.png') center top;
    padding: 0 19px;
    height: 100%;
}

.pngBox618 .btm {
    position: static;
    height: 52px;
    font-size: 0;
    background: url('/MALL/1F/IMAGES/bbsBox618_b.png') left bottom no-repeat;
}

/* box 740 */
.pngBox740 {
    position: static;
    width: 740px;
    background: url('/MALL/1F/IMAGES/bbsBox740_t.png') left top no-repeat;
    padding-top: 25px;
}

.pngBox740 .cont {
    position: static;
    background: url('/MALL/1F/IMAGES/bbsBox740_m.png') center top;
    padding: 0 19px;
    height: 100%;
}

.pngBox740 .btm {
    position: static;
    height: 52px;
    font-size: 0;
    background: url('/MALL/1F/IMAGES/bbsBox740_b.png') left bottom no-repeat;
}

/* box 475 */
.pngBox475 {
    position: static;
    width: 475px;
    background: url('/MALL/1F/IMAGES/bbsBox475_t.png') left top no-repeat;
    padding-top: 25px;
}

.pngBox475 .cont {
    position: static;
    background: url('/MALL/1F/IMAGES/bbsBox475_m.png') center top;
    padding: 0 19px;
    height: 100%;
}

.pngBox475 .btm {
    position: static;
    height: 52px;
    font-size: 0;
    background: url('/MALL/1F/IMAGES/bbsBox475_b.png') left bottom no-repeat;
}

/* box 532 */
.pngBox532 {
    position: static;
    width: 532px;
    background: url('/MALL/1F/IMAGES/bbsBox532_t.png') left top no-repeat;
    padding-top: 25px;
}

.pngBox532 .cont {
    position: static;
    background: url('/MALL/1F/IMAGES/bbsBox532_m.png') center top;
    padding: 0 19px;
    height: 100%;
}

.pngBox532 .btm {
    position: static;
    height: 52px;
    font-size: 0;
    background: url('/MALL/1F/IMAGES/bbsBox532_b.png') left bottom no-repeat;
}

.boxGrayJoin {
    width: 825px;
    background: url('/MEMBER/IMAGES/boxGrayJoin_t.gif') left top no-repeat;
    padding-top: 10px;
}

.boxGrayJoin .contJoin {
    background-color: #f4f4f4;
    padding: 10px 18px;
    _height: 100%;
}

.boxGrayJoin .btmJoin {
    height: 10px;
    font-size: 0;
    background: url('/MEMBER/IMAGES/boxGrayJoin_b.gif') left bottom no-repeat;
}

.guBox {
    border: 1px solid #60c7ed;
    text-align: center;
    width: 30%;
    top: 0;
    box-sizing: border-box;
    margin: 0 17px 0 0;
}

.gur {
    /*position: absolute;*/
    float: right;
    /*right: 0 !important; */
    top: 0;
}

.gurv {
    visibility: visible;
}

.hiddv {
    visibility: hidden;
}

.hidd {
    visibility: hidden;
}

.shown {
    visibility: visible;
    margin-top: -8%;
}

/*.shown{visibility: visible; border-top: 1px solid #fff;  margin-top:33px; position:fixed;  right:416px; width:315px;}*/

input[type=text]:focus {
    border: 1px #39b9e9 solid;
    border-radius: 5px;
}

input[type=password]:focus {
    border: 1px #39b9e9 solid;
    border-radius: 5px;
}

textarea:focus {
    border: 1px #39b9e9 solid;
    border-radius: 3px;
}

select:focus {
    border: 1px #39b9e9 solid;
    border-radius: 3px;
}

.guBox .pbPding {
    padding: 5px 5px 0 5px;
}

.guBox h4 {
    background: #60c7ed;
    color: #FFF;
    font-size: 30px;
    line-height: 1.7
}

.guBox .pbAll {
    font-size: 27px;
    font-weight: bold;
    border-bottom: 1px solid #333;
    padding-top: 10px;
    margin-bottom: 50px;
    padding-bottom: 5px
}

.guBox .pbAll em {
    color: #F00;
    margin-right: 5px
}

.guBox .pbDetail li {
    position: relative;
    text-align: left;
    border-bottom: 1px solid #CCC;
    font-size: 16px;
    color: #666;
    padding: 7px 6px;
    margin-bottom: 5px;
    margin-top: 12px;
}

.guBox .pbDetail p {
    position: absolute;
    right: 6px;
    bottom: 4px;
}

.guBox .pbDetail p em {
    vertical-align: middle
}

.guBox .pbBox {
    text-align: left;
    background: #e4e5ec;
    font-size: 13px;
    padding: 10px 15px;
    line-height: 1.5;
}

table tr td {
    border-right: 1px solid #eaeaec;
}

.product_bt {
    position: absolute;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1550ms infinite;
    -moz-animation: glowing 1550ms infinite;
    -o-animation: glowing 1550ms infinite;
    animation: glowing 1550ms infinite;
    font-size: 15px;
    background: none;
    padding: 10px 20px 10px 23px;
    z-index: 11;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 20px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 20px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 20px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@keyframes glowing {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 20px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

/*========================================================================================*/

.product_bt_two {
    position: absolute;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing_two 1550ms infinite;
    -moz-animation: glowing_two 1550ms infinite;
    -o-animation: glowing_two 1550ms infinite;
    animation: glowing_two 1550ms infinite;
    font-size: 15px;
    background: none;
    padding: 10px 20px 10px 23px;
    z-index: 11;
}

@-webkit-keyframes glowing_two {
    0% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }

    50% {
        background-color: #e63740;
        box-shadow: 0 0 20px #e63740;
        color: #e5e5e5;
    }

    100% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }
}

@-moz-keyframes glowing_two {
    0% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }

    50% {
        background-color: #e63740;
        box-shadow: 0 0 20px #e63740;
        color: #e5e5e5;
    }

    100% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }
}

@-o-keyframes glowing_two {
    0% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }

    50% {
        background-color: #e63740;
        box-shadow: 0 0 20px #e63740;
        color: #e5e5e5;
    }

    100% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }
}

@keyframes glowing_two {
    0% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }

    50% {
        background-color: #e63740;
        box-shadow: 0 0 20px #e63740;
        color: #e5e5e5;
    }

    100% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }
}

/*========================================================================================*/

.product_bt_three {
    position: absolute;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing_three 1550ms infinite;
    -moz-animation: glowing_three 1550ms infinite;
    -o-animation: glowing_three 1550ms infinite;
    animation: glowing_three 1550ms infinite;
    font-size: 15px;
    background: none;
    padding: 10px 20px 10px 23px;
    z-index: 11;
}

@-webkit-keyframes glowing_three {
    0% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }

    50% {
        background-color: #329932;
        box-shadow: 0 0 20px #329932;
        color: #e5e5e5;
    }

    100% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }
}

@-moz-keyframes glowing_three {
    0% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }

    50% {
        background-color: #329932;
        box-shadow: 0 0 20px #329932;
        color: #e5e5e5;
    }

    100% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }
}

@-o-keyframes glowing_three {
    0% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }

    50% {
        background-color: #329932;
        box-shadow: 0 0 20px #329932;
        color: #e5e5e5;
    }

    100% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }
}

@keyframes glowing_three {
    0% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }

    50% {
        background-color: #329932;
        box-shadow: 0 0 20px #329932;
        color: #e5e5e5;
    }

    100% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }
}

/*========================================================================================*/
.product_bt_four {
    position: absolute;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing_four 1550ms infinite;
    -moz-animation: glowing_four 1550ms infinite;
    -o-animation: glowing_four 1550ms infinite;
    animation: glowing_four 1550ms infinite;
    font-size: 15px;
    background: none;
    padding: 10px 20px 10px 23px;
    z-index: 11;
}

@-webkit-keyframes glowing_four {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 20px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@-moz-keyframes glowing_four {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 20px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@-o-keyframes glowing_four {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 20px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@keyframes glowing_four {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 20px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

/*========================================================================================*/
.product_bt_five {
    position: absolute;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing_five 1550ms infinite;
    -moz-animation: glowing_five 1550ms infinite;
    -o-animation: glowing_five 1550ms infinite;
    animation: glowing_five 1550ms infinite;
    font-size: 15px;
    background: none;
    padding: 10px 20px 10px 23px;
    z-index: 11;
}

@-webkit-keyframes glowing_five {
    0% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }

    50% {
        background-color: #e63740;
        box-shadow: 0 0 20px #e63740;
        color: #e5e5e5;
    }

    100% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }
}

@-moz-keyframes glowing_five {
    0% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }

    50% {
        background-color: #e63740;
        box-shadow: 0 0 20px #e63740;
        color: #e5e5e5;
    }

    100% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }
}

@-o-keyframes glowing_five {
    0% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }

    50% {
        background-color: #e63740;
        box-shadow: 0 0 20px #e63740;
        color: #e5e5e5;
    }

    100% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }
}

@keyframes glowing_five {
    0% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }

    50% {
        background-color: #e63740;
        box-shadow: 0 0 20px #e63740;
        color: #e5e5e5;
    }

    100% {
        background-color: #d01a23;
        box-shadow: 0 0 3px #d01a23;
        color: #e5e5e5;
    }
}

/*========================================================================================*/

.product_bt_six {
    position: absolute;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing_six 1550ms infinite;
    -moz-animation: glowing_six 1550ms infinite;
    -o-animation: glowing_six 1550ms infinite;
    animation: glowing_six 1550ms infinite;
    font-size: 15px;
    background: none;
    padding: 10px 20px 10px 23px;
    z-index: 11;
}

@-webkit-keyframes glowing_six {
    0% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }

    50% {
        background-color: #329932;
        box-shadow: 0 0 20px #329932;
        color: #e5e5e5;
    }

    100% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }
}

@-moz-keyframes glowing_six {
    0% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }

    50% {
        background-color: #329932;
        box-shadow: 0 0 20px #329932;
        color: #e5e5e5;
    }

    100% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }
}

@-o-keyframes glowing_six {
    0% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }

    50% {
        background-color: #329932;
        box-shadow: 0 0 20px #329932;
        color: #e5e5e5;
    }

    100% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }
}

@keyframes glowing_six {
    0% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }

    50% {
        background-color: #329932;
        box-shadow: 0 0 20px #329932;
        color: #e5e5e5;
    }

    100% {
        background-color: #008000;
        box-shadow: 0 0 3px #008000;
        color: #e5e5e5;
    }
}


/*========================================================================================*/
/* 매출일자 CSS 2020.09.02 */
/*========================================================================================*/
select#sSaleDate {
    height: 30px;
    font-size: 15px;
}

label[for="sAgree"],
label[for="sAgree1"] {
    position: relative;
    top: -1.5px;
    font-size: 17px;
    line-height: 23px;
}

input#sAgree,
input#sAgree1 {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

input#sAgree+label,
input#sAgree1+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input#sAgree+label:before,
input#sAgree1+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

input#sAgree+label:active:before,
input#sAgree:checked+label:active:before,
input#sAgree1+label:active:before,
input#sAgree1: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);
}

input#sAgree:checked+label:before,
input#sAgree1:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2714';
    /* 체크표시 유니코드 사용 */
    color: #99a1a7;
    text-shadow: 1px 1px #fff;
    background: #e9ecee;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input#sAgree+label:before {
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1550ms infinite;
    -moz-animation: glowing 1550ms infinite;
    -o-animation: glowing 1550ms infinite;
    animation: glowing 1550ms infinite;
    font-size: 15px;
    background: none;
    z-index: 11;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 39px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 39px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 39px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

@keyframes glowing {
    0% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }

    50% {
        background-color: #0094FF;
        box-shadow: 0 0 39px #0094FF;
        color: #e5e5e5;
    }

    100% {
        background-color: #195c8b;
        box-shadow: 0 0 3px #195c8b;
        color: #e5e5e5;
    }
}

/*========================================================================================*/


/******************* 20200925 쇼핑몰 상세페이지 css 수정(소망) *******************/
.h560 {
    height: 560px;
}

.pt30 {
    padding-top: 30px;
}

.ptb8 {
    padding: 7px 0;
}

.pb130 {
    padding-bottom: 130px;
}

.goodsDetailCont {
    margin-bottom: 60px;
}

.midRndBox.n20 {
    border: 0;
    padding-top: 0;
}

.mall_category_nm {
    font-size: 11pt;
    color: #868686;
    background: #f5f5f5;
    margin-top: 94px;
}

.mall_category_nm ul {
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 0;
}

.mall_category_nm ul li {
    padding-left: 14px;
    white-space: nowrap;
}

.mall_category_nm ul li::before {
    content: ' \203A';
    display: inline-block;
    padding-right: 11px;
    line-height: 18px;
    font-size: 19px;
    vertical-align: text-top;
    color: #868686;
    font-weight: normal;
}

.mall_category_nm ul li:first-child {
    padding: 0;
}

.mall_category_nm ul li:first-child::before {
    content: '';
    padding: 0;
}

.mall_category_flow {
    font-size: 11pt;
    color: #868686;
    text-align: right;
    padding-top: 20px;
    display: inline-block;
}

.cart_on {
    color: #008ed5;
    font-weight: bold;
}

.P_name {
    font-size: 25px;
    padding: 0 0 20px;
    font-weight: normal;
    color: #000;
    line-height: 43px;
    letter-spacing: -1px;
}

.j_code_nm {
    display: inline-block;
    color: #b3b3b3;
    margin-right: 10px;
}

.top_info_list {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.top_info_list li {
    margin-right: 3px;
}

.top_info_list li .m_card_st {
    padding: 2px 10px;
    border-radius: 5px;
    width: 100%;
}

.print.n20 {
	background: url(/m_web/v3zone/images/icon_print_n20_gray.png) 5px center no-repeat;
    border: 1px solid #c2c2c2;
	color: #6f6f6f;
    border-radius: 5px;
    padding: 7px 12px 7px 30px;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: -55px;
	background-size: 18px;
}
.goodsDetail .gList dd.userPay.n20 {
    text-align: left;
    margin: 0 auto;
}

.goodsDetail .gList.n20 {
    border-bottom: 0;
}

.goodsDetail .gList.n20 dl {
    width: 100%;
    padding-bottom: 0;
    margin-left: 0;
}
#J_QTY_DISPLAY {  /* 상세페이지 수량 */
    margin-top: 0;
}
.goodsDetail .gList.n20 dt {
    width: 100%;
    font-size: 15px;
}

.goodsDetail .gList.n20 dd {
    font-size: 17px;
    margin-bottom: 14px;
}

.store_box {
    position: relative;
}

.store_box table {
    position: absolute;
    z-index: 100;
    display: none;
    left: 0;
    width: 180px;
    border: 1px solid #000;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 4px;
}

.store_box table tr td {
    border: 0;
	padding: 0 !important;
	white-space: nowrap;
}

.store_box table tr td:first-child {
    padding: 4px 0;
    color: #000;
    margin-right: 9px;
    display: inline-block;
}

.m_card_st {
    border: 1px solid #c0c0c0;
    width: 39%;
    display: inline-block;
    text-align: center;
    padding: 14px 0;
    font-size: 14px;
}

.m_card_st:hover {
    border: 1px solid #ff6600;
    color: #ff6600;
}

.goodsDetail.n20 {
    width: 48%;
    left: 0;
}

.goodsDetail .gList.n20.PriceMp {
    margin: 50px 0 80px;
}

.goodsDetail .gList.n20.PriceMp dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.goodsDetail .gList.n20.PriceMp dt {
    width: auto;
}

.goodsDetail .gList.n20.PriceMp dd.userPay.n20 {
    text-align: right;
    margin: 0;
}

.pricefs strong {
    font-size: 25px;
    font-weight: 900;
    color: #F00;
}

.goodsDetail .gList.n20 .goodsNum_box {
    display: flex;
    flex-direction: row;
    width: auto;
}

.goodsNum_box span a {
    display: inline-block;
    padding: 18px;
    border: 1px solid #ddd;
    background: #fff;
}

.basket_min a {
    border-radius: 5px 0 0 5px;
}

.goodsNum_box .basket_min a::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background: #000;
}

.basket_plus {
    position: relative;
}

.basket_plus a {
    border-radius: 0 5px 5px 0;
}

.goodsNum_box .basket_plus a::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background: #000;
}

.goodsNum_box .basket_plus a::after {
    display: inline-block;
    content: '';
    width: 2px;
    height: 10px;
    display: block;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.goodsDetail .gList.n20 .goodsNum_box input {
    font-size: 17px;
    border-radius: 0;
    text-align: center;
    width: 74px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
	height: 40px; /*상세페이지 수량 input 깨짐 / 고정*/
}

/* 회차별 쿠폰 제공보기 */
.gList.so_couponBox {
	background: #eee;
    padding: 15px;
    border-radius: 10px;
}

.gList.so_couponBox dl .c_table_wrap {
	overflow-x: auto;
    width: 100%;
}
#couponBenefits {
    margin-top: 10px;
    background: #fff;
    border-top: 2px solid #b7b7b7;
}
#couponBenefits tr {
	border-bottom: 1px solid #d3d3d3;
	font-size: 12px;
}
#couponBenefits tr th, #couponBenefits tr td {
	padding: 5px 21.2px;
	border-left: 1px solid #d3d3d3;
    color: #333333;
    text-align: center;
}
#couponBenefits tr td {
    font-size: 16px;
    font-weight: bold;
    color: #3163ff;
}
#couponBenefits tr th:first-child, #couponBenefits tr td:first-child {
    border-left: 0;
}

@media only screen and (max-width: 768px) {
    .mall_category_flow {
        font-weight: normal;
        text-align: left;
        padding-left: 10px;
        padding-top: 10px;
    }

    .mall_category_nm ul {
        padding: 10px;
		overflow-x: auto;
    }

    .bodyContArea .sectionTitle.n20 {
        /*padding: 0px 10px;*/
    }

    .bodyContArea .contArea {
        margin-top: 20px;
    }

    .orderTitle {
        padding: 0 10px;
    }

    .con_box {
        padding-left: 17px;
    }

    .P_name {
        font-size: 18px;
        line-height: 20px;
        padding: 15px 0;
        border: 0;
        font-weight: bold;
    }

}

/* 상세페이지 수량 및 합계 수정 */
.qty_total_box {
    display: flex;
    justify-content: space-between;
	margin-top: 25px;
}

.goodsTop .goodsDetail .qty_total_box .gList_ItemInfo {
    border: 0;
    margin: 0;
}

.qty_total_box #ItemInfo_Ord .ItemInfo_Area {
    background: none;
    width: 100%;
}

.qty_total_box #ItemInfo_Ord .ItemInfo_Area .selBox .setBox .sumBox1 {
    height: auto;
    background: #fff;
    border: 0;
    padding: 0;
}

.qty_total_box #ItemInfo_Ord .ItemInfo_Area .selBox .setBox .sumBox1 strong {
    color: rgb(0, 0, 0);
    font-size: 23px;
}

/* 20201005 버튼 소망 수정 */
.centerBtn li a.Wbtn.n20 {
    color: #ffffff;
    background: #212121;
    padding: 20px 0;
    border: 1px solid #212121;
    border-radius: 0;
    width: 100%;
    transition: .3s;
    white-space: nowrap;
}

.centerBtn li a.Bbtn.n20 {
    color: #212121;
    padding: 20px 0;
    border: 1px solid #212121;
    border-radius: 0;
    width: 100%;
    transition: .3s;
    white-space: nowrap;
}

.centerBtn li a.Wbtn.n20:hover {
    cursor: pointer;
    color: #ffffff;
    background: #25aae2;
    border: 1px solid #25aae2;
    transition: .3s;
}

.centerBtn li a.Bbtn.n20:hover {
    cursor: pointer;
    color: #25aae2;
    font-weight: bold;
    border: 1px solid #25aae2;
    transition: .3s;
}

.gotojoinbox {
    text-align: center;
    background: #efefef;
    border-radius: 10px;
    padding: 30px 0;
    font-size: 15px;
    margin-top: 45px;
}

.gotojoinbox b {
    background: #fff;
    display: inline-block;
    border-radius: 15px;
    padding: 8px 22px;
    margin-top: 12px;
    font-weight: 900;
    color: #ff4929;
    font-size: 18px;
}

.gotojoinbox .btnBox {
    display: flex;
    justify-content: center;
    margin: 20px 20px 0;
}

.gotojoinbox .btnBox .btn {
    font-size: 18px;
    background: #fff;
    border: 1px solid #ddd;
    color: #5d5d5d;
    padding: 10px;
    border-radius: 5px;
    display: block;
    flex-grow: 1;
    margin: 0 3px;
    transition: .3s;
}

.gotojoinbox .btnBox .btn:hover {
    background: #3b3b3b;
    border: 1px solid #fff;
    color: #ffffff;
    transition: .3s;
}

.btn_layer .btn_gray_list .btn_gray_mid {
    font-size: 13px;
    display: inline-block;
    color: #4d4d4d;
    cursor: pointer;
    box-sizing: border-box;
    transition: .3s;
}

.btn_gray_list.target_sns_share::before {
    content: '\276F';
    display: inline-block;
    color: #fff;
    background: #4d4d4d;
    border-radius: 23px;
    padding: 0px 4px;
    font-size: 8px;
    margin-right: 3px;
    vertical-align: middle;
}

.btn_layer .btn_gray_list .btn_gray_mid:hover {
    font-weight: 900;
    transition: .3s;
}

select#J_SNO1,
select#J_SNO2,
select#J_SNO3,
select#J_SNO4,
select#J_SNO5,
select#J_SNO6,
select#J_SNO7,
select#J_SNO8,
select#J_SNO9,
select#J_SNO10,
select#diff_id1 {
    height: 35px;
    border-radius: 0;
    padding: 5px;
    width: 299px;
}

.goodsDetailCont ul.prdTab.n20 a {
    display: block;
}

img#imgProgressbar {
    z-index: 100;
}

@media only screen and (max-width: 768px) {

    /* 상품 대표이미지, 정보 */
    .goodsTop {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .goodsImg {
        width: 100%;
    }

    .goodsTop .goodsDetail.n20 { /* 상세페이지 제품 정보*/
        width: 100%;
        padding: 0 20px;
    }
	
	.goodsDetail.n20 {
        width: 130px;
        padding: 0 20px;
    }
	
    .info_sort.sangse {
		top: 10px;
        left: 10px;
    }

    .goodsDetail .gList.n20.PriceMp {
        margin: 20px 0;
    }

    .pricefs strong {
        font-size: 18px;
    }

    .qty_total_box #ItemInfo_Ord .ItemInfo_Area .selBox .setBox .sumBox1 strong {
        font-size: 18px;
    }

    .goodsDetail .gList.n20.PriceMp dt {
        padding: 0;
    }

    .goodsDetail .gList.n20.PriceMp dd.userPay.n20 {
        padding: 0;
    }

    .goodsDetail .gList.n20 .goodsNum_box input {
        width: 50px;
		height: 36px; /*상세페이지 수량 input 깨짐 / 고정*/
    }

    .goodsNum_box span a {
        padding: 16px 13px;
    }

    .centerBtn li a.Wbtn.n20,
    .centerBtn li a.Bbtn.n20 {
        /*padding: 15px 0;*/  /*product_detail_multi.asp에서 장바구니 버튼 깨짐*/
    }

    /* 상세페이지 탭 */
    .goodsDetailCont ul.prdTab.n20 {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 0;
        height: auto;
    }

    .goodsDetailCont ul.prdTab.n20 a img {
        width: 100%;
    }
}
@media (max-width: 425px){
	select#J_SNO1,
	select#J_SNO2,
	select#J_SNO3,
	select#J_SNO4,
	select#J_SNO5,
	select#J_SNO6,
	select#J_SNO7,
	select#J_SNO8,
	select#J_SNO9,
	select#J_SNO10,
	select#diff_id1 {
		width: 100%;
	}
	.goodsTop .goodsDetail .gList_ItemAdd.n20.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 tr {display: table-cell;
    width: 100%;}
	.goodsTop .goodsDetail .gList_ItemAdd.n20.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 tr th {display: block;}
	.goodsTop .goodsDetail .gList_ItemAdd.n20 div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 td {
		padding-top: 8px;
	}
	.goodsTop .goodsDetail .gList_ItemAdd.n20.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 .tit {    width: 100%;
    border-bottom: 1px solid #d9d9d9;}
	
	.goodsTop .goodsDetail .gList_ItemAdd.n20.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 span.price {
		width: 120px;
	}
}
@media only screen and (max-width: 357px) {
    .mall_category_nm ul li {
        padding-left: 7px;
    }

    .mall_category_nm ul li::before {
        padding-right: 7px;
    }

    .con_box {
        padding-left: 5px;
    }
	.goodsTop .goodsDetail .gList_ItemAdd.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 fieldset {
		margin-right: 12px;
	}

	.goodsTop .goodsDetail .gList_ItemAdd.n20.option_box2_sub div.ItemAdd_Ord div.ItemAdd_Area .selBox .selTbl01 span.price {
		width: 100px;
	}
	.price .btn_sel_del::before {
		padding: 0px 4px;
		line-height: 19px;
	}

}

/* 20201022 장바구니 소망 수정 */
.midRndBox.n20 .contWrap02 {
    padding: 0;
    width: 100%;
}

.bodyContArea .sectionTitle.n20 {
    position: unset;
    width: 100%;
    margin-bottom: 40px;
}

.bodyContArea .contArea {
	margin-top:0;
}
.bodyContArea .sub-tit {
    text-align: left;
    font-size: 30px;
    color: #000;
    font-weight: 600;
	padding: 0;
	line-height: 35px;
}

.sub-tit {
    text-align: left;
    font-size: 30px;
    color: #000;
    font-weight: 600;
}

.bodyContArea .myOrderCont h1.orderTitle.cart {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    padding: 0;
    color: #faa400;
    font-weight: 900;
    margin: 0;
}

.bodyContArea .myOrderCont h1.orderTitle.cart span {
    font-size: 15px;
    color: #787878;
    font-weight: normal;
}

.bodyContArea .myOrderCont.n20 {
    padding: 0;
}

.myBrw_tbl.mgt25.n20 {
    border-top: 2px solid #001164;
    border-bottom: 1px solid #001164;
    background: none;
    padding-top: 0;
}

.myBrw_tbl.mgt25.n20 table thead tr th {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

.myBrw_tbl.mgt25.n20 table thead tr td {
    padding: 10px;
}

.myBrw_tbl.mgt25.n20 table tr td {
    border-right: 0;
    border-bottom: 1px solid #eee;
    background: none;
}

.pick_add_info {
    display: table-cell;
    padding: 0 0 0 10px !important;
    text-align: left !important;
    vertical-align: middle;
    word-break: break-all;
    height: 86px;
    font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Helvetica, Apple Gothic, Arial, sans-serif;
}

.pick_add_info font {
    font-size: 13px;
    background: #89ffd4;
    border-radius: 5px;
    padding: 0 5px;
    color: #000;
    display: inline-block;
    margin-top: 6px;
}

.pointColor.n20 {
    color: #212121;
    font-size: 14px;
}

.pointColor.n20.Tprice {
    font-size: 17px;
    font-weight: 900;
    color: #3259e2;
}

.cart_list_del {
    color: red;
    font-weight: 900;
}

.pOrPrice.n20 {
    border: 0;
    padding: 40px 40px 45px;
}

.pOrPrice.n20 li:first-child div {
    line-height: 20px;
}

.pOrPrice.n20 li:first-child {
    height: auto;
    background: none;
}

.price_sum_list {
    display: inline-block;
    font-size: 20px;
    color: #000;
    font-weight: normal;
    margin-bottom: 8px;
}

.pointColor.n20.pSum {
    font-size: 18px;
    letter-spacing: 0;
    margin-left: 1px;
    font-weight: 900;
    color: #3259e2;
}

.rightBtn li {
    display: inline;
}

.rightBtn li a.Gbtn.n20 {
    padding: 22px 60px;
    border-radius: 0;
    background: #212121;
    color: #fff;
    border: 1px solid #212121;
    font-weight: normal;
    font-size: 16px;
}

.rightBtn li a.Gbtn.n20:hover {
	padding: 22px 60px;
    cursor: pointer;
    color: #ffffff;
    background: #25aae2;
    border: 1px solid #25aae2;
	border-radius: 0;
}

.rightBtn li a.Cbtn.n20 {
    color: #212121;
    padding: 22px 60px;
    border: 1px solid #212121;
    border-radius: 0;
    font-weight: normal;
    font-size: 16px;
}

.rightBtn li a.Cbtn.n20:hover {
	padding: 22px 60px;
    cursor: pointer;
    color: #25aae2;
    font-weight: bold;
    border: 1px solid #25aae2;
	border-radius: 0;
}

/* 장바구니 비었을 때 */
.non-list {
    font-size: 18px;
    text-align: center;
    background: #ebebeb;
    border-radius: 15px;
    padding: 50px 0;
}

.non-list .Cbtn.n20 {
    color: #212121;
    padding: 22px 60px;
    border: 1px solid #fff;
    border-radius: 0;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    background: #fff;
}

.non-list .Cbtn.n20:hover {
    cursor: pointer;
    color: #25aae2;
    font-weight: bold;
    border: 1px solid #25aae2;
}

/* 수량 수정 버튼 */
.btn_QTY_edit {
    display: inline-block;
    cursor: pointer;
    background: #faa400;
    padding: 4px 7px;
    color: #fff;
    font-size: 13px;
    margin-top: 3px;
    border: 1px solid transparent;
}

.btn_QTY_edit:hover {
    color: #faa400;
    background: #fff;
    border: 1px solid #faa400;
}

/* 20201028 delivery 소망 수정 */
.myBrw_tbl table tbody tr td div.goodsinfo.pick_add_info p.name {
    color: #212121;
}

.cartsubtit {
    font-size: 18px;
    font-weight: 900;
    color: #001164;
    margin: 50px 0 10px 0 !important;
}

.card_notice {
    margin-left: 172px;
    display: inline-block;
}

.myinfo_tbl.n20 {
    border-top: 2px solid #001164;
    border-bottom: 1px solid #001164;
    background: none;
    padding-top: 0;
}

.myinfo_tbl.n20 table tbody tr th {
    background: none;
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0;
    color: #212121;
    text-align: left;
}

.myinfo_tbl.n20 table tbody tr th p {
    padding-left: 0;
}

.myinfo_tbl.n20 table tbody tr td {
    padding: 20px 10px;
    border-bottom: 1px solid #eeeeee;
    border-right: 0;
}

.myinfo_tbl.n20 table tbody tr td p {
    padding-left: 0;
}

.btn.btn-primary.btn-sm.n20 {
    color: #4d4d4d;
    margin-left: 10px;
    font-size: 14px;
    padding: 8px 18px;
    border-radius: 0;
    height: 40px;
    box-sizing: border-box;
}

.btn.addressn20 {
    color: #4d4d4d;
    margin-left: 19px;
    font-size: 14px;
    padding: 0 18px;
    background-color: #f5f4f4;
    border-color: #ccc;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}

/*padding: 8px 18px;*/
.btn.addressn20:hover {
    border-color: #4d4d4d;
}

.btn.addressn20 a:hover {
    color: #4d4d4d;
}

.btn.oldaddressn20 {
    font-size: 14px;
    padding: 0 18px;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    vertical-align: top;
}

/*padding: 8px 18px;*/
.btn.oldaddressn20:hover {
    border-color: #4d4d4d;
}

.btn.oldaddressn20 a:hover {
    color: #4d4d4d;
}

.btn.newaddressn20 {
    color: #fff;
    font-size: 14px;
    padding: 0 18px;
    background-color: #3259e2;
    border-color: #3259e2;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    vertical-align: top;
	box-sizing: border-box !important;
}

/*padding: 8px 18px;*/
.btn.newaddressn20:hover {
    border-color: #3259e2;
    background: #fff;
}

.btn.newaddressn20 a:hover {
    color: #fff;
}

.member_front {
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    padding: 0 15px;
    border-radius: 0;
    width: 83px;
    vertical-align: top;
}

.member_meddle {
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    padding: 0 15px !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

.member_last {
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    padding: 0 15px !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

.myBrw_tbl.bgNone.n20 {
    border-top: 2px solid #001164;
    border-bottom: 1px solid #001164;
    padding-top: 0;
}

.myBrw_tbl.bgNone.n20 table tbody tr.payinfo td {
    border-top: 0;
}

.myinfo_tbl.bgNone.n20 table tbody tr th p {
    background: none;
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0;
    color: #212121;
}

.myBrw_tbl.bgNone.n20 table tbody tr td {
    background: none;
    border-bottom: 1px solid #eeeeee;
    padding: 25px 0;
    color: #212121;
    font-size: 15px;
    text-align: left;
}

.myBrw_tbl.bgNone.n20 table tr td {
    border-right: 0;
}

.myBrw_tbl.bgNone.n20 table tbody tr.endPayment th {
    border-bottom: 0;
    color: #3259e2;
    font-size: 17px;
    background: none;
}


/* 결제정보 테이블 */
.myBrw_tbl.last_info {
	border-radius: 15px;
    background: #3a4597;
    overflow: hidden;
    padding-top: 0;
    border: 0;
}
.myBrw_tbl.last_info tr {
    border-top: 1px solid #fff;
}
.myBrw_tbl.last_info table tbody tr td {
    color: #fff;
    border: 0 !important;
}
.myBrw_tbl.last_info table tbody tr.endPayment th {
    border: 0 !important;
    background: #d6dbff;
	color: #3a4597;
}

.myBrw_tbl.last_info table tbody tr.endPayment td {
    border: 0 !important;
    background: #d6dbff;
	color: #3a4597;
}

.myBrw_tbl.last_info table tbody tr td:before {
	display: none;
}

.myBrw_tbl.last_info table tbody tr td {
    color: #fff;
    border: 0 !important;
    display: table-cell;
}

.pointColor.font17 {
    font-size: 17px;
}

span.btn.btn-primary.btn-sm.n20 {
    color: #4d4d4d;
    font-size: 14px;
    padding: 0 18px;
    background-color: #f5f4f4;
    border-color: #ccc;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}

/* padding: 8px 18px; */
.myPay_tbl.n20 {
    border-top: 0;
    border-bottom: 1px solid #001164;
    width: 67%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.myPay_tbl.n20.w100p {
    width: 100%;
	float: unset;
}

.myPay_tbl.n20 table thead tr th {
    background-color: #fff;
    border-top: 2px solid #001164;
    border-bottom: 1px solid #cccccc;
    padding: 16px 0;
    color: #000;
}

.myPay_tbl.n20 table thead tr th p {
    padding-left: 0;
}

.myPay_tbl.n20 table thead tr th.no-border-con {
    border-top: 0;
    padding: 0;
}

label.pay_method_n0 {
    font-size: 17px;
    color: #faa41a;
    line-height: 50px;
}

.pay_method_n1 {
    display: inline-block;
    color: #737373;
    font-weight: normal;
    margin-top: 5px;
    margin-top: 10px;
    font-size: 14px;
}

.myPay_tbl.n20 table tbody tr th {
    /*padding: 37px 0;*/
    padding:47px 0;
}
/* 굿모닝페이 */
.gmwpay_section .card-swiper-area {
    padding: 25px 0;
    border-top: 1px solid #ccc;
}
.card-swiper-area .card-list {
    position: relative;
    width: calc(100% / 2.5);
    height: 100%;
}

.card-swiper-area .card-list .logo {
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}

.card-swiper-area .swiper-button-next {
    top: 0;
    right: 0;
    width: 26%;
    height: 100%;
    margin-top: 0;
    background: none;
}

.card-swiper-area .swiper-button-prev {
    top: 0;
    left: 0;
    width: 26%;
    height: 100%;
    margin-top: 0;
    background: none;
}

.card-swiper-area .card-list .card-wrap {
    box-sizing: border-box;
}

.card-swiper-area .card-list .card {
    position: relative;
    padding-top: 54%;
    border-radius: 6px;
}

.card-swiper-area .card-list .card15 {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.card-swiper-area .card-list .card15 a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.card-swiper-area .card-list .card15 .text-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 245px;
    margin: 0 auto;
    text-align: center;
}

.card-swiper-area .card-list .card-wrap .card15 svg {
    display: block;
    margin: 0 auto;
    padding-top: 8px;
}

.card-swiper-area .card-list .card-wrap .card15 .text {
    padding-top: 15px;
    background: none;
    color: #6E6E6E;
    line-height: 15px;
    font-size: 12px;
}

.card-swiper-area .card-list .card-text {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 15px;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
}

.card-swiper-area .card-list .card-text.account {
    color: #000;
    font-weight: 700;
}

.card-swiper-area .card-list .card-method {
    position: relative;
    display: inline-block !important;
    padding-left: 12px;
    margin-top: 0;
    opacity: 0.5;
}

.card-swiper-area .card-list .card-text span {
    display: block;
    padding-top: 3px;
    letter-spacing: 1px;
    font-size: 12px;
}

.card-swiper-area .card-list .card-method::before {
    position: absolute;
    top: 6px;
    left: 4px;
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #fff;
    opacity: 0.5;
    content: '';
}

.card-swiper-area .card-list .card-text span {
    display: block;
    padding-top: 3px;
    letter-spacing: 1px;
    font-size: 12px;
}

.card-swiper-area .card-list .card-number {
    display: flex !important;
    align-items: baseline;
    justify-content: space-between;
    overflow: hidden;
    width: calc(100% - 30px);
    white-space: nowrap;
}

.card-swiper-area .card-list .logo {
    width: 80px;
    height: 80px;
    background-size: 100%;
    background-position: 0px -19px;
    top: 0px;
    left: 5px;
}

.card-swiper-area .card-list .logo.acc {
    width: 35px;
    height: 35px;
    background-size: 100%;
    background-position: unset;
    top: 10px;
    left: 10px;
}

.card-swiper-area .card-list .img_logo {
    position: absolute;
    top: 0px;
    width: 70px;
}

.card-swiper-area .card-list .card-remove {
    width: 25px;
    height: 25px;
    position: absolute;
    display: block;
    right: 4px;
    top: 5px;
    cursor: pointer;
}

.card-swiper-area .card-list .card-remove:before, .card-swiper-area .card-list .card-remove:after {
    position: absolute;
    left: 11px;
    top: 1px;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: #fff;
}

.card-swiper-area .card-list .card-remove:before {
    transform: rotate(45deg);
}

.card-swiper-area .card-list .card-remove:after {
    transform: rotate(-45deg);
}

.card-swiper-area .card-list .card-remove.rccount:before, .card-swiper-area .card-list .card-remove.rccount:after {
    background-color: #000;
}

.card-swiper-area .swiper-button-next:after, .card-swiper-area .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

.card-swiper-area .swiper-button-prev:after, .card-swiper-area .swiper-container-rtl .swiper-button-next:after {
    content: '';
}

.bdt1pxccc {
    border-top: 1px solid #ccc !important;
}

.mypay_top {
    border-top: 2px solid #001164;
    padding: 0 10px;
}

.mypay_top h3 button {
    font-size: 17px;
    color: #faa41a;
    padding: 0;
    /*border-bottom: 1px solid #ccc;*/
    font-weight: bold;
}

.mypay_top h3.normal_tab {
    padding: 15px 0;
    font-size: 17px;
    color: #faa41a;
}

.mt-20 {margin-top: 20px;}

.mypay_top h3 button.accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}

.mypay_top h3 input {
    height: 50px;
    margin-right: 5px;
    vertical-align: top;
}

.mypay_top h3 button.accordion-button:focus {
    border-color: #fff;
    box-shadow: none;
}

.mypay_top h3 button label {
    width: 100%;
    cursor: pointer;
}

.mypay_top p {
    color: #737373;
    font-weight: normal;
    font-size: 14px;
}

.mypay_top .accordion-item {
    border: none;
}

.input_paybox {
    background: #f5f4f4;
    padding: 10px 15px !important;
    border-top: 1px solid #ccc;
}

.input_paybox label {
    font-size: 15px;
    color: #666;
    vertical-align: middle;
    font-weight: normal;
}
@media (max-width: 768px){
    .card-swiper-area .card-list {
        position: relative;
        width: calc(100% / 2);
        height: 100%;
    }

    .card-swiper-area .card-list .card {
        position: relative;
        padding-top: 66%;
        border-radius: 6px;
    }

    .card-swiper-area .card-list .card-text {
        bottom: 10px;
    }
}

@media (max-width: 425px){
    .card-swiper-area .card-list .card15 .text-wrap {
        width: 100%;
    }
    .card-swiper-area .card-list .card-wrap .card15 svg {
        width: 55%;
        padding: 0;
        height: auto;
    }
}
/*굿모닝페이 end*/


.pay_sub_tit {
    background: #f5f4f4 !important;
    text-align: center;
}
.pay_sub_tit p {
    padding: 0 !important;
    text-align: center!important;
}
.pdl15.n20 {
    padding-left: 0;
}

.BTborder {
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.myPayCon.n20 {
    text-align: center;
    border-left: 1px dotted #ccc;
    border-bottom: 1px solid #ccc;
	background: none;
	text-align: center;
    /*min-height: 100px;*/
    min-height:80px;
}

.myPayCon.n20 > input {
    margin-bottom: 8px;
}
.myPayCon.n20 label {
    display: block;
    width:100%;
}

.pay_method {
    font-weight: bold;
    border-top: 1px solid #CCCCCC;
    border-left: 1px dotted #ccc;
    padding: 10px 0 !important;
    text-align: center;
    font-size: 15px;
    background: #fec951 !important;
    color: #001164 !important;
}

.myPayCon.n20.paymentab {
    padding: 25px 0 !important;
    vertical-align: top;
}

.guBox.gur.n20 {
    background: #f5f4f4;
    border: 0;
    margin: 0;
}

.guBox.gur.n20btn {
    background: none;
    border: 0;
    margin: 0;
}

.guBox.gur.n20btn a.Gbtn.n20,
.guBox.gur.n20btn a.Cbtn.n20, 
a.Qbtn.n20 {
    width: 100%;
    padding: 20px 0;
}

.guBox.gur.n20 h4 {
    background: none;
    color: #3259e2;
    font-size: 24px;
    line-height: 1.7;
    padding: 20px 0;
    font-weight: 900;
    border-bottom: 2px dotted;
}

.guBox .pbPding.n20 {
    padding: 10px 32px 10px;
}

.guBox .pbDetail.n20 li {
    padding: 0;
    border-bottom: 0;
    margin: 40px 0;
}

.guBox .pbDetail.n20 li span {
    font-size: 14px;
}

.guBox.bb_box {
    border: 0;
    width: 100%;
    margin: 0;	
}

.guBox.bb_box .centerBtn {
   width: 50%;
	margin: 25px auto 60px;
}
.guBox.bb_box .centerBtn.n20 li {
	width: 100%;
}
.guBox.bb_box .centerBtn li a.Gbtn.n20, .guBox.bb_box .centerBtn li a.Cbtn.n20 {
   width: 100%;
   padding: 20px 0;
}

.fw900 {
    font-weight: 900 !important;
}

.coblue {
    color: #3259e2;
}

.centerBtn.n20 {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 60px;
    display: flex;
}

.centerBtn.n20>li {
    flex-grow: 1;
    margin-left: 10px;
	width: 50%;
}

.centerBtn.n20>li:first-child {
    margin-left: 0;
}

.centerBtn.n20>li>a {
    display: inline-block;
    width: 20%;
    text-align: center;
}

.centerBtn li a.Gbtn.n20 {
    width: 28%;
    display: inline-block;
    border-radius: 0;
    background: #212121;
    color: #fff;
    border: 1px solid #212121;
    font-weight: normal;
    font-size: 16px;
}

.centerBtn li a.Gbtn.n20:hover {
    cursor: pointer;
    color: #ffffff;
    background: #25aae2;
    border: 1px solid #25aae2;
}

.centerBtn li a.Cbtn.n20 {
    color: #212121;
    width: 28%;
    display: inline-block;
    border: 1px solid #212121;
    border-radius: 0;
    font-weight: normal;
    font-size: 16px;
}

.centerBtn li a.Cbtn.n20:hover {
    cursor: pointer;
    color: #25aae2;
    font-weight: bold;
    border: 1px solid #25aae2;
}

/* 20201209 가상계좌 발급하러 가기 Vir_insert 소망 수정 */
.myinfo_tbl.n20.virM {
    border-top: 0;
    border-bottom: 0;
    background: #ffedc3;
    margin-top: 17px;
}

/* 20201230 singlePaymentOrder_v3 소망 수정 */
.pay_method_n0 {
    font-size: 17px;
    color: #faa41a !important;
}

.myPay_tbl.n20.singlePay table tbody tr th p {
    text-align: left;
    color: #000;
    color: #212121;
    font-size: 15px;
    padding-right: 0;
}

.myPay_tbl.n20.singlePay table tbody tr th {
    border-bottom: 1px solid #eeeeee;
    background: none;
    width: 150px;
}

.myPay_tbl.n20.singlePay table tbody tr td {
    border-bottom: 1px solid #eeeeee;
    background: none;
}

.myPay_tbl.n20.singlePay table tbody tr td ul label {
    padding-left: 5px;
}

.myPay_tbl.n20.singlePay table tbody tr td span.copy {
    font-size: 14px;
    color: #3259e2;
    padding-left: 11px;
}

.fs14cgray {
    display: block;
    font-size: 14px;
    color: #8f8f8f;
    font-weight: normal;
    padding-top: 4px;
}

.pay_gubun.n20 {
    padding: 5px 0;
}

.pointColor.n20.pg {
    color: #3259e2;
    padding-left: 10px;
}

/* 20201230 doublePaymentOrder_v3 소망 수정 */
.myPay_tbl.n20.doublePay table tbody tr td {
    border-bottom: 1px solid #eeeeee;
    background: none;
	border-right: 0;
}

.myPay_tbl.n20.doublePay table tbody tr th {
    border-bottom: 1px solid #eeeeee;
    background: none;
    width: 150px;
}

.myPay_tbl.n20.doublePay table tbody tr th p {
    text-align: left;
    color: #000;
    color: #212121;
    font-size: 15px;
    padding-right: 0;
}

.myPay_tbl.n20.doublePay table tbody tr td span.copy {
    font-size: 14px;
    color: #3259e2;
    padding-left: 11px;
}

/*20210202 상세페이지 공유버튼 추가 소망 */
.goodsDetail.n20 .shareBox {
    padding: 9px 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

.goodsDetail.n20 .shareBox .shareSns {
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 0;
    height: 40px;
    box-sizing: border-box;
    vertical-align: top;
    width: 100%;
    margin-bottom: 10px;
}

.goodsDetail.n20 .shareBox .shareBtn {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 22px;
    height: 40px;
    box-sizing: border-box;
    background: #f60;
    color: #fff;
    font-weight: 900;
    margin-left: 10px;
}

#partners_url p {
    font-size: 12px;
}


/*-------------------------------------------------------------------------------*/
/* 장바구니 금액 및 배송비 관련                                                  */
/*-------------------------------------------------------------------------------*/
/********** Order Step = Cart ***********/
#happoinfo {
    position: absolute;
    background: white;
    border: 1px solid rgb(213, 213, 213);
    margin-top: -87px;
    margin-left: 566px;
    z-index: 1;
    display: none;
}

.cart_plus_img {
    position: absolute;
    top: 60px;
    left: 543px;
}

.cart_equals_img {
    position: absolute;
    top: 60px;
    right: 284px;
}

.only-mo876, .only-mo375, .only-mo320 {
    display: none;
}

.only-mo {
    display: none !important;
}

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

.only-pc-table {
    display: table-column-group;
}

@media only screen and (max-width:1100px) {
    .only-pc-table {
        display: none;
    }

    .myinfo_tbl.n20 table tbody tr th {
        padding-left: 10px !important;
    }

    .bodyContArea .myOrderCont h1.orderTitle.cart {
        padding-left: 10px
    }

    .cartsubtit {
        padding-left: 10px
    }

    .pOrPrice .pOr3 {
        border-bottom: 0;
    }

    .pOrPrice.n20 {
        padding: 20px;
    }

    .pOrPrice li .cart_plus_img {
        margin-top: 0;
        top: 40%;
        left: 46%;
    }

    .pOrPrice li .cart_equals_img {
        margin-top: 0;
        top: 40%;
        left: 70%;
    }

    .pOrPrice.n20 li:first-child {
        width: 20%;
    }

    #happoinfo {
        margin-top: -69px;
        margin-left: 55%;
    }

    .guBox.gur ul {
        width: 50%;
        margin: 25px auto 60px;
    }
}

@media only screen and (max-width:876px) {
    .only-mo876 {
        display: block;
    }
    .songjang_type_span{
        padding-left:0 !important;
    }
}

@media only screen and (max-width:768px) {
    .myBrw_tbl thead {
        display: none;
    }

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

    .only-pc-inline {
        display: none;
    }

    .pOrPrice.n20 {
        padding: 20px;
    }

    .guBox.gur ul {
        width: 80%;
        margin: 25px auto 25px;
    }

    .guBox.gur ul.centerBtn.n20 {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        z-index: 1;
    }

    .pOrPrice li {
        display: block;
        width: 100% !important;
        border-right: 0;
        border-bottom: 1px solid #d5d5d5;
        border-right: 0 !important;
    }

    .pOrPrice .notice_delivery {
        padding: 2px 0 15px 0;
    }

    .pOrPrice .notice_delivery p {
        font-size: 13px;
        font-weight: normal;
        text-align: left;
        color: red;
    }

    .pOrPrice.n20 li:first-child div,
    .pOrPrice .pOr2,
    .pOrPrice .pOr3,
    .pOrPrice .pOr4, 
	.pOrPrice .pOr5	{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .pOrPrice .pOr4 {
        border-bottom: 0;
    }

    .price_sum_list {
        margin-bottom: 0 !important;
        font-size: 15px;
    }

    .pOrPrice li div {
        margin-top: 0;
        width: auto !important;
    }

    /* 수량 수정 버튼 */
    .btn_QTY_edit {
        margin: 0;
        padding: 5px 7px;
        vertical-align: middle;
    }

    .pointColor.n20.Tprice {
        font-size: 15px;
    }
	
	.myPay_tbl.n20 table thead tr th {
    padding: 12px 15px;
	}
	.myPay_tbl.n20.singlePay table tbody tr th, .myPay_tbl.n20.doublePay table tbody tr th  {
		padding-left: 15px;
		width: 30%;
	}
	
	.guBox.bb_box .centerBtn {
	    width: 76%;
		margin: 25px auto 0;
	}
}


/*-------------------------------------------------------------------------------*/
/* 주문하기 버튼 */
/*-------------------------------------------------------------------------------*/
.rightBtn {
    margin-top: 14px;
    text-align: center;
    padding: 30px 0 16px;
    font-size: 19px;
}

.rightBtn li a {
    white-space: nowrap;
    display: inline-block;
}

@media only screen and (max-width:768px) {
    .rightBtn li a {
        padding: 20px 35px !important;
    }
}


/*-------------------------------------------------------------------------------*/
/* container */
/*-------------------------------------------------------------------------------*/

#wrap_container {
    position: relative;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

#mid_container {
    position: relative;
    max-width: 1100px;
    width: 100%;
    margin-top: 30px;
}



/*-------------------------------------------------------------------------------*/
/* 주문정보 */
/*-------------------------------------------------------------------------------*/
/********** product_delivery ***********/

.product_bt_seven {
    white-space: nowrap;
}

.easy_pay img {
    width: 110px;
}

.myPay_tbl.n20 .pay_table_style tbody tr {
    border-bottom: 1px solid #ccc;
    /* #b2a597*/
}

#r_halbu td p {
    text-align: left;
    padding-left: 30px;
}

#r_halbu td p .member_front {
    width: 200px;
}
.centerBtn.n20 li {
    display: inline;
    font-size: 16px;
}

.centerBtn li a.Gbtn.n20,
.centerBtn li a.Cbtn.n20 {
    padding: 20px 30px;
}

@media only screen and (max-width:1100px) {
    .basicType-mo tr td:nth-of-type(2):before{display: none;}

    /*결제정보*/
    .guBox.gur.n20 {
        position: unset;
        width: 100%;
        margin: 0 !important;
		float: unset;
        /*
		position: fixed;
		bottom: 0;
		top: auto;
		left: 0;
		width: 100%;
		height: auto;
		border-radius: 15px 15px 0 0;
		overflow: hidden;
		padding-bottom: 50px;
		*/
    }

    .guBox.gur.n20 h4 {
        padding: 20px 0;
        font-size: 18px;
        line-height: 18px;
    }

    .guBox .pbDetail.n20 li {
        margin: 12px 0;
    }

    .guBox.gur.n20btn {
        position: unset;
        width: 100%;
		float: unset;
    }

    .card_notice {
        margin-left: 20px;
    }

    .myPay_tbl.n20 {
        width: 100%;
        margin: 0;
		float: unset;
    }

    .centerBtn.n20 {
        /*
		margin: 0;
		display: flex;
		flex-direction: row;
		margin-top: 14px;
		padding: 30px 0 16px;*/
        text-align: center;
        font-size: 19px;
    }

    .centerBtn.n20 li {
        /* display: block; */
        flex-grow: 1;
        position: unset;
        display: inline;
    }

    .centerBtn li a.Gbtn.n20,
    .centerBtn li a.Cbtn.n20 {
        width: 20%;
        padding: 20px 35px;
        white-space: nowrap;
    }

    .centerBtn li a.Cbtn.n20 {
        background: #fff;
    }

    /*결제하기 테이블*/
    .myPay_tbl.n20 .pay_table_style tbody tr {
        display: flex;
        flex-direction: row;
        border: 0;
        border-bottom: 1px solid #ccc;
    }

    .myPay_tbl.n20 .pay_table_style tbody tr:nth-child(1) {
        /*border-top: 1px solid #ccc;*/
        border-top:0;
    }

    .myPay_tbl.n20 .pay_table_style tbody tr th {
        width: 18%;
        /*padding: 23px 0;*/
    }

    .myPay_tbl.n20 .pay_table_style tbody tr td {
        flex-grow: 1;
        /*height: 110px;*/
        /*display: inline-block;*/
        border: 0;
        border-left: 1px solid #ccc;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
		align-items: center;
    }
    .myPay_tbl.n20 .pay_table_style tbody tr .paymentab{height:100%; min-height:150px; max-height:150px;}
	.myPay_tbl.n20 .pay_table_style tbody tr td.empty {display: none;}
    /*
    .myPay_tbl.n20 .pay_table_style table tbody tr td {
        border-right: 0;
    }
    */
    .myPay_tbl.n20 .pay_table_style tbody tr td:last-child {
        border-right: 0;
    }
    .myPay_tbl.n20 .pay_table_style tbody tr td::before {
        display: none;
    }
    .easy_pay {
        margin-top: 10px;
    }

    .easy_pay img {
        width: 86px;
    }

    .BTborder {
        border: 0;
    }

    /*주문정보 테이블*/
    .myBrw_tbl.only-mo-type table tr td {
        display: table-cell;
    }


    .myPay_tbl.n20 .pay_table_style .single_payBox tr td {
        /*border-bottom: 1px solid #ccc;*/
        border-bottom:0;
        border-right: 0;
		box-sizing: border-box !important;
    }

    .myPay_tbl.n20 .pay_table_style .single_payBox tr td::last-child {
        border-bottom: 0;
    }

    /*복수결제 테이블*/
    .myPay_tbl.n20 .multiple_payBox tr {
        border-top:0;
    }


    .con_6_colspan {
        flex-wrap: wrap;
    }

    .con_6_colspan .myPayCon.n20.paymentab {
        flex-grow: 1;
        width: auto;
    }

    .dis50per td {
        flex-grow: 1;
        width: 50%;
    }
    
    .myPay_tbl.n20 .pay_table_style .multiple_payBox tr th,.myPay_tbl.n20 .pay_table_style tbody tr th.BTborder {
        width: 100%;
        padding: 10px 0;
    }
}

@media only screen and (max-width:768px) {
    .centerBtn.n20 {
        position: fixed;
        left: 0;
        bottom: 0;
        margin: 0;
        z-index: 10;
    }

    .centerBtn.n20>li {
        margin-left: 0;
        background: #fff;
    }

    .btn_qa_share_box {
        margin-top: 20px;
    }

    .card_notice {
        display: flex;
        margin-left: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .card_notice a {
        /*flex-grow: 1;*/
    }

    .card_notice a:nth-child(1) {
        margin-right: 5px;
    }

    .card_notice a span {
        margin: 0 !important;
    }

    span.btn.btn-primary.btn-sm.n20 {
        margin: 0;
    }
	.myinfo_tbl.n20 table tbody tr th {
		width: 30%;
	}
    .myBrw_tbl.only-mo-type table tr td {
        /*display: block;
		text-align: left;
		padding-left: 25%;*/
        text-align: left;
    }

    .myBrw_tbl.n20 table tr td {
        display: block;
    }
        
    .con_6_colspan .myPayCon.n20.paymentab {
        width: auto;
    }

    .myPay_tbl.n20 .pay_table_style .multiple_payBox tr th {
        width: 100%;
        padding: 10px 0;
    }

    .myPay_tbl.n20 .pay_table_style tbody tr .paymentab {
        padding: 10px 0 !important;
        border-top: 1px solid #ccc;
        line-height: 17px;
        min-height: auto;
    }

    /*
    .myPay_tbl.n20 .pay_table_style tbody tr.con_6_colspan td {
        border-bottom: 1px solid #ccc;
    }
    */
    .myPay_tbl.n20 .pay_table_style tbody tr.con_6_colspan .paymentab {
        min-height: 130px;
    }
}

@media only screen and (max-width:512px) {
    .card_notice a {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .card_notice a:nth-child(1) {
        margin-right: 0;
    }

    .card_notice>a>span {
        width: 100%;
        margin: 0;
        padding: 0 !important;
    }

	.easy_pay img {
		/*width: 90%;*/
        width:100%;
	}

    .myPay_tbl.n20 .pay_table_style tbody tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .myPay_tbl.n20 .pay_table_style tbody tr th {
        /* display: contents; */
        width: 100%;
        padding: 10px 0;
    }

    /*.myPayCon.n20 {width: min-content;}*/

    .con_6_colspan .myPayCon.n20.paymentab {
        width: 30%;
    } 

    .myPay_tbl.n20 .pay_table_style tbody tr .paymentab {
        padding: 10px 0;
        height: auto;
        border-top: 1px solid #ccc;
    }

    .myPay_tbl.n20 .pay_table_style tbody tr.con_6_colspan .paymentab {
        min-height: 120px;
    }
}
@media(max-width: 375px){
	.myPay_tbl.n20 .pay_table_style tbody tr td label span {display: inline-block;}
	.myPay_tbl.n20 .pay_table_style tbody tr td input[type=radio] {
        width: 13px !important;
        height: 13px !important;
    }
}
@media(max-width: 320px){
	.member_front {width: 78%;}

}
@media(max-width: 472px){
    .member_front,.member_meddle,.member_last{width:88%;}
}
@media(max-width: 404px){
    #S_NAME{width:50% !important;}
    .defAddr{margin-left:5px !important;}
}
/*-------------------------------------------------------------------------------*/
/* 장바구니 팝업 */
/*-------------------------------------------------------------------------------*/
.search_add_nm {
	   position:fixed;
	   /*overflow:hidden;*/
	   z-index:1;
	   -webkit-overflow-scrolling:touch;
    }
.search_add_nm #btnCloseLayer {
	cursor:pointer;
	position:absolute;
	right: 0px;
	top: -36px;
    z-index: 1;
    width: 25px;
}
@media only screen and (max-width:768px) {
    .search_add_nm {
        width: 100% !important;
		height: 100% !important;
		top: 0 !important;
		z-index: 10000 !important;
		text-align: right;
		background: #fff;
		left: 0px !important;
		box-sizing: border-box !important;
    }
	
	.search_add_nm #btnCloseLayer {
    position: unset;
    padding: 10px;
	}
	
	.dialog.payInformation .body section:nth-child(1) {
		    margin-top: 65px;
	}
    
    #layerID{        
        z-index: 100002 !important;
    }
}
@media(max-width: 320px){
	.only-mo320 {display: block;}
}
/*-------------------------------------------------------------------------------*/
/* 결제완료 */
/*-------------------------------------------------------------------------------*/
/********** product_complete_v3 ***********/
.complete_txt_box {

}
.complete_txt_box h1 font {
	color : #3259e2;
}
.order_member_box {
    display: flex;
	margin-top: 40px;
	font-size: 15px;
}
.order_member_box  ul {
	border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
	flex-grow: 1;
}
.order_member_box ul li {
	border-bottom: 1px dashed #ddd;
    padding: 10px 0;
	display: flex;
	align-items: flex-start;
}
.order_member_box ul li:last-child {
	border-bottom: 0;
}
.order_member_box ul li p {
    display: inline-block;
    min-width: 125px;
}
.ordernum_info {
    margin-right: 6px;
    background: #002161;
    border: 1px solid #002161;
    color: #fff;
}
.ordernum_info li span {
	color: #ffe930;
}

.delivery_info li span {
    display: inline-block;
    max-width: 75%;
}
.basictab_sty1 {
	border-top: 2px solid #001164;
    border-bottom: 1px solid #001164;
}
.basictab_sty1 table tbody tr td {
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}
.basictab_sty1 table tbody tr td::before {
    display: none;
}
.basictab_sty1 table tbody tr td:last-child {
	border-right: 0;
}
@media only screen and (max-width:768px) {
	.complete_txt_box h1 {
		font-size: 25px;
		padding: 0 15px;
	}
	.basictab_sty1 table tbody tr td {
		font-size: 14px;
	}
	
	.order_member_box {
		flex-direction: column;
		padding: 0 15px;
	}
	
	.ordernum_info {
		margin-right: 0;
		margin-bottom: 5px;  
	}
	.basictab_sty1 {
		overflow-x: auto;
	}
	.basictab_sty1 table {
		min-width: 425px;
	}

}

/*-------------------------------------------------------------------------------*/
/* 상세페이지 플로팅 go리뷰 배너 */
/*-------------------------------------------------------------------------------*/
@keyframes banner-balloon {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, -10px);
    }
}

.banner-balloon {
    position: absolute;
    /*top: 2%;*/
    /*right: 2%;*/
    top:-5%; /* -14% */
    right:0;
    z-index: 22;
    animation: banner-balloon 2s infinite normal ease-in-out both;
}

.banner-balloon .btnFloating {
    box-shadow: 6px 6px 17px 0 rgb(0 0 0 / 15%);
}

.banner-balloon>a {
    display: block;
    overflow: hidden;
    border-radius: 100%;
}

.banner-balloon .close {
    position: absolute;
    top: 4px;
    right: 17px;
    width: 27px;
    height: 27px;
    background: #003d6a;
    font-size: 0;
}

.banner-balloon .close:before {
    width: 1px;
    height: 16px;
}

.banner-balloon .close:after,
.banner-balloon .close:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background: #fff;
}

.banner-balloon .close:after {
    width: 16px;
    height: 1px;
}

/*
html {
    scroll-behavior: smooth;
}
*/

.mgt5 {margin-top: 5px !important;}
@media only screen and (max-width: 768px) {
    .banner-balloon {
        /*
        position: fixed;
        top: auto;
        bottom: 12%;
        left: auto;
        right: 5%;        
        */
        top:-45%;
        bottom:12%;
        left:5%;
        right:auto;
        width:30%;
    }
    .btnFloating img{width:100%;}
}


/* 정기구매 추가상품 구매페이지 (product_detail_sro_multi) */
.multi_add .retrun_wrap {border: 0;padding: 0;}
#ItemInfo_Ord .ItemInfo_Area .selBox .setBox .sumBox1 {
	height: auto!important
}
.multi_add .image_area {border:0;}
.multi_add .multi_plp_item:first-child {
	border-top: 2px solid #001164;
}
.multi_add .plp_name {
    font-weight: normal;
}
.item_quantitywrap .num {border-radius: 0;}
#ItemInfo_Ord .ItemInfo_Area .selBox .sumtit_qty {
    display: inline-block;
    float: unset;
    margin-right: 4%;
    font-weight: normal;
}
.smartOrderSetting tr td:before {display: none;}

/*최종결제 정보 - 결제수단 높이와 상관없이 float:right */
.guBox.wrap {
    border: 0;
    margin: 0;
	padding: 0;
	float: right;
}

.all_infoBox h4 {
    background: none;
    color: #3259e2;
    font-size: 24px;
    line-height: 1.7;
    padding: 20px 0;
    font-weight: 900;
    border-bottom: 2px dotted;
}

.cartbtnBox .centerBtn li a.Gbtn.n20, .cartbtnBox .centerBtn li a.Qbtn.n20 {
    width: 100%;
    padding: 20px 0;
}

.cartbtnBox .centerBtn li a.Qbtn.n20:hover {
    cursor: pointer;
    color: #25aae2;
    font-weight: bold;
    border: 1px solid #25aae2;
    cursor: pointer;
    padding: 20px 0;	
}

.myPay_tbl.n20.singlePay table tbody tr td {padding: 20px 10px; border-right: 0;}

/*정기구매 가상계좌 input*/
#V_TONG1, #V_TONG2, #SO_A_KEY {width:150px; height:40px; font-weight:bold; padding: 0px 10px;border-radius: 0; background:#eaeaea;}
#CASH_NO {width:400px; height:40px; font-weight:bold; padding: 0px 10px;border-radius: 0; margin-top:5px;}

.sro_multi_addbox {
	max-width: 750px !important;
    background: #fff;
    padding: 38px;
    margin: 0 auto;
    border: 1px solid #ddd;
}
.con2.bggray {background: #eee; padding: 20px 0 40px;}
@media (max-width: 1100px) {
	.guBox.wrap {
		width: 100%;
	}
	
	.guBox.wrap h4 {
		padding: 20px 0;
		font-size: 18px;
		line-height: 18px;
	}
}
@media (max-width: 768px) {
	.con2.bggray {background: #fff; padding:0;}
	.sro_multi_addbox {border:0; padding: 0;}
	.multi_add .retrun_order {
		padding: 0;
		background: #fff;
	}
	.multi_add .plp_name, .multi_add .multi_plp_item .image_area {left: 25px;}
	.multi_add .multi_plp_item {padding-left: 120px;}
	#CASH_NO {width: 90%;}
	
}

@media (max-width: 425px) {
	#S_TEL13, #S_TEL23 {margin-top: 5px;}	
}

@media (max-width: 375px) {
	#S_TEL13, #S_TEL23 {margin-top: 5px;}	
	.only-mo375 {display: block;}
}

@media (max-width: 320px) {
	#S_TEL12, #S_TEL13, #S_TEL22, #S_TEL23 {margin-top: 5px;}	
}

@media only screen and (min-width:769px) {
    .pointColor.n20 {color:#212121; font-size: 14px;}
    .pointColor.n20.Tprice {font-size: 17px;font-weight: 900;color: #3259e2;}
    .cart_list_del {color: red;font-weight: 900;}
    .pOrPrice.n20 {border: 0; padding: 40px 40px 45px; display: flex;}
    .pOrPrice.n20 li {width: 26%;}
    .pOrPrice.n20 li:first-child div {line-height: 20px;}
    .pOrPrice.n20 li:first-child {height:auto;background:none;}
    .pOrPrice.n20 .pOr5 .pointColor {color: #ff4f4f;}
    .price_sum_list {display:inline-block;font-size: 20px;color: #000;font-weight: normal;margin-bottom: 8px;}
    .pointColor.n20.pSum {font-size: 18px;letter-spacing: 0;margin-left: 1px;font-weight: 900;color: #3259e2;}
    .rightBtn li a.Gbtn.n20 {padding: 22px 60px;border-radius: 0;background:#212121;color:#fff;border:1px solid #212121;font-weight: normal;font-size: 16px;}
    /*.rightBtn li a.Gbtn.n20:hover {cursor: pointer;color: #ffffff;background: #25aae2;border:1px solid #25aae2;}*/
}
@media only screen and (max-width:768px) {
    #KICC_PAYMENTWINDOW_POPUP{width:100% !important; /*height:100% !important; top:0 !important;*/}
}    
/*.paymentab label{height:100px; display:block;}*/

.pointer{cursor:pointer;}
.SroBtn{background:#fff !important; color:#597ce3 !important; border-color:#597ce3 !important; font-weight:bold;}
.SroBtn:hover{background:#597ce3 !important; color:#fff !important; border-color:#597ce3 !important;}

.speech-bubble {
    position: absolute;
    background: #597ce3;
    border-radius: 0.4em;
    color: #fff;
    /*top: 120px;*/
    height: 57px;
    padding: 10px;
    font-size:15px;
    right:0;
}
.speech-bubble:after{
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #597ce3;
    border-top: 0;
    border-left: 0;
    margin-left: -13px;
    margin-top: -4px;
    transform: rotate(135deg);  
}

@media only screen and (min-width:769px) {
    .speech-bubble {
        /*left:-3px;*/
    }    
}

@media only screen and (max-width:768px) {
    .speech-bubble{display:none;}
    .SroBtn{border-left:0 !important;}
}

.sro_benefits strong{
    font-size:16px;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(180deg, #ffb6ff, #b344ff 10%, #ae38ff 33%, #ffb6ff 45%, #ffe3ff 50%, #ffb6ff 66%, #b344ff);        
    background-size: 100% 300%;
    background-position-y: 0%;
    animation: gradient 2s ease-in-out infinite;    
}

@keyframes gradient {
  from {
    background-position-y: 0%;
  }
  to {
    background-position-y: 100%;
  }
}

#objPopupLayerBg{z-index:1002;}

/*========================================================================================*/
/* 수령일자 CSS 2024.07.17 */
/*========================================================================================*/
select#sPickupDate {
    height: 30px;
    font-size: 15px;
}

label[for="pAgree"],
label[for="pAgree1"] {
    position: relative;
    top: -1.5px;
    font-size: 17px;
    line-height: 23px;
}

input#pAgree,
input#pAgree1 {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

input#pAgree+label,
input#pAgree+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input#pAgree+label:before,
input#pAgree1+label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;
    /* 체크박스의 너비를 지정 */
    height: 21px;
    /* 체크박스의 높이를 지정 */
    line-height: 21px;
    /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

input#pAgree+label:active:before,
input#pAgree:checked+label:active:before,
input#pAgree1+label:active:before,
input#pAgree1: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);
}

input#pAgree:checked+label:before,
input#pAgree1:checked+label:before {
    /* 체크박스를 체크했을때 */
    content: '\2714';
    /* 체크표시 유니코드 사용 */
    color: #99a1a7;
    text-shadow: 1px 1px #fff;
    background: #e9ecee;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input#pAgree+label:before {
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1550ms infinite;
    -moz-animation: glowing 1550ms infinite;
    -o-animation: glowing 1550ms infinite;
    animation: glowing 1550ms infinite;
    font-size: 15px;
    background: none;
    z-index: 11;
}

@media only screen and (min-width:769px) {
    .myPayCon.bm {
        width:193px;
    }    
}
.myPayCon>label .pico {
    display: block;
    width: 100%;
    height: 30px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.payName {
    display: block;
    overflow: hidden !important;
    position: absolute !important;
    top: -1000em;
    left: 0;
    z-index: -1;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: none !important;
}
.myPayCon>label .pico.naver {
    background-image: url(/PRODUCT/IMAGES/logo_npay.svg);
}
.myPayCon>label .pico.payco {
    background-image: url(/PRODUCT/IMAGES/logo_payco.svg);
}
.myPayCon>label .pico.ssg {
    background-image: url(/PRODUCT/IMAGES/logo_ssg_pay.svg);
}
.myPayCon>label .pico.toss {
    background-image: url(/PRODUCT/IMAGES/logo_toss_pay.svg);
}
.myPayCon>label .pico.samsung {
    background-image: url(/PRODUCT/IMAGES/logo_samsung_pay.svg);
}
.myPayCon>label .pico.apple {
    background-image: url(/PRODUCT/IMAGES/logo_apple_pay_s.svg);
}
.myPayCon>label .pico.lpay {
    background-image: url(/PRODUCT/IMAGES/logo_lpay.svg);
}
.myPayCon>label .pico.kakao {
    background-image: url(/PRODUCT/IMAGES/logo_kakao_pay.svg);
}