@charset "UTF-8";
@import "./font.css";
/*아이폰 노치 안전영역 체크*/
@import "./siv/style.css";

:root {
    --safeBtm: var(--safe-bottom, env(safe-area-inset-bottom, 0px));
}

html {
    height: 100%;
}

body {
    padding: 0 0 var(--safeBtm);
    height: 100%;
    outline: none;
    /*모바일 브라우저 로딩시 첫 가로스크롤 보였다 없어짐 방지*/
    overflow-x: hidden;
}

.noneScroll body {
    overflow: visible;
}

/*
=======================================
 리셋
=======================================
*/
.ee_textarea textarea,
.ee_input[type=checkbox],
.ee_input[type=text],
.ee_input[type=password],
.ee_input[type=number],
.ee_input[type=submit],
.ee_input[type=search],
.ee_input[type=tel],
.ee_input[type=email],
.ee_input[type=button],
.ee_input[type=reset],
.ee_select {
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: transparent;
    resize: none;
    letter-spacing: normal;
    font-size: 14px;
    outline: none;
}

.ee_textarea textarea:focus,
.ee_input[type=checkbox]:focus,
.ee_input[type=text]:focus,
.ee_input[type=password]:focus,
.ee_input[type=number]:focus,
.ee_input[type=submit]:focus,
.ee_input[type=search]:focus,
.ee_input[type=tel]:focus,
.ee_input[type=email]:focus,
.ee_input[type=button]:focus,
.ee_input[type=reset]:focus,
.ee_select:focus {
    outline: none;
}

.ee_input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

[class^=ee_] {
    letter-spacing: normal;
}

[class^=ee_] * {
    letter-spacing: normal;
}

[class^=ee_] label {
    display: inline-block;
    position: relative;
}

ul li:empty:first-child {
    border: none;
    padding: 0;
}

ul li:empty:first-child + li {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

ul li:empty {
    border: none;
    padding: 0;
}

ul li:empty + li {
    margin-top: 0;
    padding-top: 0;
}

.siv-wrap {
    height: fit-content;
}

.siv-wrap.is-searchLyr {
    height: 100%;
}

.siv-wrap.is-searchLyr .contents {
    top: 0;
    margin-top: -60px;
}

.fltBxSet.ee_mt10 {
    margin-top: 10px;
}

.btn-top.v3 {
    z-index: 100;
    bottom: calc(65px + var(--safeBtm));
}

.searchLyr.ee_searchLyr[style*="display: block"] .keyBx.v2 {
    border-bottom: none;
}

.searchLyr.ee_searchLyr[style*="display: block"] ~ #ee_container {
    display: none;
}

.searchLyr.ee_searchLyr[style*="display: block"] ~ footer {
    display: none;
}

.searchLyr.ee_searchLyr[style*="display: block"] ~ .ee_sticky-bottom {
    display: none;
}

/* ============== end 리셋 ============== */
/*
=======================================
 swiper
=======================================
*/
:root {
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
}

.ee_btn-top {
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 300;
    width: 46px;
    height: 46px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #ffffff url(../../../assets/common/image/icons/30x30/ico-common-30-top-button.svg) center center no-repeat;
    font-size: 0;
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(50px);
}

.ee_btn-top.on {
    opacity: 1;
    transform: translateY(0);
}

.UtilBr ~ .ee_btn-top-wrap {
    display: flex;
    justify-content: center;
    position: fixed;
    right: 0;
    bottom: 20px;
    z-index: 300;
    min-width: 70px;
    width: calc(100% / 6);
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(50px);
}

.UtilBr ~ .ee_btn-top-wrap.on {
    opacity: 1;
    transform: translateY(0);
}

.UtilBr ~ .ee_btn-top-wrap .ee_btn-top {
    position: static;
    opacity: 1;
    transform: translateY(0);
}

.ee_swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    /* Scrollbar */
}

.ee_swiper-container .swiper-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    overflow: visible;
    column-gap: 0 !important;
}

.ee_swiper-container .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.ee_swiper-container .swiper-slide-invisible-blank {
    visibility: hidden;
}

.ee_swiper-container .swiper-button-prev,
.ee_swiper-container .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
}

.ee_swiper-container .swiper-button-prev.swiper-button-disabled,
.ee_swiper-container .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.ee_swiper-container .swiper-button-prev:after,
.ee_swiper-container .swiper-button-next:after {
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.ee_swiper-container .swiper-button-prev,
.ee_swiper-container .swiper-container-rtl .swiper-button-next {
    left: 0;
    right: auto;
}

.ee_swiper-container .swiper-button-prev:after,
.ee_swiper-container .swiper-container-rtl .swiper-button-next:after {
    content: "";
    background: url(../image/icons/32x32/ico-common-arrow-a-back.svg) center center/cover no-repeat;
}

.ee_swiper-container .swiper-button-next,
.ee_swiper-container .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}

.ee_swiper-container .swiper-button-next:after,
.ee_swiper-container .swiper-container-rtl .swiper-button-prev:after {
    content: "";
    background: url(../image/icons/32x32/ico-common-arrow-a-right.svg) center center/cover no-repeat;
}

.ee_swiper-container .swiper-button-prev.swiper-button-white,
.ee_swiper-container .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.ee_swiper-container .swiper-button-prev.swiper-button-black,
.ee_swiper-container .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.ee_swiper-container .swiper-button-lock {
    display: none;
}

.ee_swiper-container .swiper-pagination {
    position: relative;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    font-size: 0;
    margin-top: 20px;
}

.ee_swiper-container .swiper-pagination.swiper-pagination-bullets {
    padding-bottom: 30px;
}

.ee_swiper-container .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.ee_swiper-container .swiper-pagination-fraction,
.ee_swiper-container .swiper-pagination-custom,
.ee_swiper-container .swiper-container-horizontal > .swiper-pagination-bullets {
    left: 0;
    width: 100%;
}

.ee_swiper-container .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.ee_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.ee_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.ee_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.ee_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.ee_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.ee_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.ee_swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.ee_swiper-container .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
}

.ee_swiper-container .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 5px;
}

.ee_swiper-container button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ee_swiper-container .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.ee_swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #222;
}

.ee_swiper-container .swiper-pagination-progressbar {
    margin-top: 0;
    width: 100%;
    height: 1px;
    left: 0;
    position: relative;
    background: #eee;
}

.ee_swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #555;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.ee_swiper-container .swiper-scrollbar {
    position: relative;
    -ms-touch-action: none;
    background: #eee;
}

.ee_swiper-container.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0;
    z-index: 50;
    height: 1px;
    width: 98%;
}

.ee_swiper-container.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.ee_swiper-container .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #555;
    left: 0;
    top: 0;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.ee_swiper-container .swiper-pagination,
.ee_swiper-container .swiper-button-next,
.ee_swiper-container .swiper-button-prev {
    display: none;
}

.ee_swiper-container.applied-swiper .swiper-pagination {
    display: block;
}

.ee_swiper-container.applied-swiper .swiper-button-next,
.ee_swiper-container.applied-swiper .swiper-button-prev {
    display: flex;
}

/* 커스텀 스와이퍼 페이징 */
.ee_swiper-container[data-swipertype=ty4] .ee_swiper-pagination-wrap,
.ee_swiper-container[data-swipertype=ty13] .ee_swiper-pagination-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 16px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
}

.ee_swiper-container[data-swipertype=ty4] .ee_swiper-pagination-wrap .swiper-pagination-custom,
.ee_swiper-container[data-swipertype=ty13] .ee_swiper-pagination-wrap .swiper-pagination-custom {
    position: static;
    transform: translateX(0);
}

.ee_swiper-container[data-swipertype=ty4] .ee_swiper-pagination-wrap .ee_btn-play,
.ee_swiper-container[data-swipertype=ty13] .ee_swiper-pagination-wrap .ee_btn-play {
    margin: -5px -5px -5px 0;
    padding: 5px;
    font-size: 0;
}

.ee_swiper-container[data-swipertype=ty4] .swiper-pagination-custom,
.ee_swiper-container[data-swipertype=ty13] .swiper-pagination-custom {
    position: absolute;
    margin-top: 0;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
}

.ee_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .ee_paging,
.ee_swiper-container[data-swipertype=ty13] .swiper-pagination-custom .ee_paging {
    display: inline-flex;
    box-sizing: border-box;
    margin: 0;
    padding: 0 13px;
    height: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    color: #ffffff;
    font-size: 12px;
}

.ee_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .ee_paging .ee_current,
.ee_swiper-container[data-swipertype=ty13] .swiper-pagination-custom .ee_paging .ee_current {
    font-weight: bold;
}

.ee_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .ee_paging .ee_total,
.ee_swiper-container[data-swipertype=ty13] .swiper-pagination-custom .ee_paging .ee_total {
    display: inline-flex;
    align-items: center;
}

.ee_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .ee_paging .ee_total::before,
.ee_swiper-container[data-swipertype=ty13] .swiper-pagination-custom .ee_paging .ee_total::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 20px;
    margin: 0 2px;
    background: url(../image/icons/etc/ico-common-20-paging-line.svg) 0 0/cover no-repeat;
}

.ee_swiper-container[data-swipertype=ty4] .swiper-pagination-custom .ee_paging .ee_total span,
.ee_swiper-container[data-swipertype=ty13] .swiper-pagination-custom .ee_paging .ee_total span {
    opacity: 0.8;
}

/* ============== end swiper ============== */
/*
=======================================
 폰트 컬러
=======================================
*/
.ee_color-222222 {
    color: #222;
}

.ee_color-555555 {
    color: #555;
}

.ee_color-777777 {
    color: #777;
}

.ee_color-FF5432 {
    color: #ff5432;
}

.ee_color-5952ae {
    color: #5952ae;
}

.ee_color-d10011 {
    color: #d10011;
}

/* ============== end 폰트 컬러 ============== */
/*
=======================================
 간격
=======================================
*/
.ee_mt0 {
    margin-top: 0;
}

.ee_mt5 {
    margin-top: 5px;
}

.ee_mt6 {
    margin-top: 6px;
}

.ee_mt10 {
    margin-top: 10px;
}

.ee_mt13 {
    margin-top: 13px;
}

.ee_mt15 {
    margin-top: 15px;
}

.ee_mt16 {
    margin-top: 16px;
}

.ee_mt20 {
    margin-top: 20px;
}

.ee_mt30 {
    margin-top: 30px;
}

.ee_mt38 {
    margin-top: 38px;
}

.ee_mt40 {
    margin-top: 40px;
}

.ee_mt60 {
    margin-top: 60px;
}

.ee_mb10 {
    margin-bottom: 10px;
}

.ee_ml0 {
    margin-left: 0;
}

.ee_ml5 {
    margin-left: 5px;
}

.ee_pt0 {
    padding-top: 0;
}

.ee_pt20 {
    padding-top: 20px;
}

.ee_pr15 {
    padding-right: 15px;
}

.ee_pb20 {
    padding-bottom: 20px;
}

.ee_pb30 {
    padding-bottom: 30px;
}

.ee_pb60 {
    padding-bottom: 60px;
}

/* ============== end 간격 ============== */
/*
=======================================
 터치 영역
=======================================
*/
[class*=ee_area10] {
    width: 10px;
    height: 10px;
}

[class*=ee_area12] {
    width: 12px;
    height: 12px;
}

[class*=ee_area14] {
    width: 14px;
    height: 14px;
}

[class*=ee_area15] {
    width: 15px;
    height: 15px;
}

[class*=ee_area16] {
    width: 16px;
    height: 16px;
}

[class*=ee_area20] {
    width: 20px;
    height: 20px;
}

[class*=ee_area24] {
    width: 24px;
    height: 24px;
}

[class*=ee_area30] {
    width: 30px;
    height: 30px;
}

[class*=ee_area32] {
    width: 32px;
    height: 32px;
}

[class*=ee_area44] {
    width: 44px;
    height: 44px;
}

/* ============== end 터치 영역 ============== */
.ee_show {
    display: block;
}

.ee_show.ee_quantity {
    display: flex;
}

/*
=======================================
 폼요소A
=======================================
*/
.ee_input-type .ee_search-box .ee_input.on + .ee_btn-del {
    width: 20px;
}

.ee_search-box {
    position: relative;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-right: 62px;
    border-bottom: 1px solid #222;
}

.ee_search-box .ee_input {
    font-size: 14px;
    color: #222;
}

.ee_search-box .ee_input.on + .ee_btn-del {
    display: inline-block;
}

.ee_search-box .ee_btn-del {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 42px;
    height: 20px;
    display: none;
    z-index: 1;
}

.ee_search-box .ee_btn-del .ee_icon-delete.ee_area20 {
    background: url(../image/icons/20x20/ico-input-delete.svg) center center/cover no-repeat;
}

.ee_search-box button[class*=ee_btn].ee_btn-search {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    width: 32px;
    height: 32px;
    margin: 0;
}

.ee_input-comp {
    display: flex;
    width: 100%;
}

.ee_input-comp + .ee_input-comp {
    margin-top: 10px;
}

.ee_input-comp + [class*=ee_tit] {
    margin-top: 40px;
}

.ee_input-comp .ee_col {
    flex: 1;
}

.ee_input-comp .ee_col .ee_input-desc {
    display: none;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.4;
}

.ee_input-comp .ee_col + .ee_col {
    margin-left: 15px;
}

.ee_input-comp.ee_gap-5 .col + .col {
    margin-left: 5px;
}

.ee_input-comp .ee_label {
    display: block;
    height: 19px;
    line-height: 19px;
    font-size: 13px;
    color: #555;
}

.ee_input-comp .ee_label + .ee_row {
    margin-top: 5px;
}

.ee_input-comp .ee_row {
    display: inline-flex;
    width: 100%;
    align-items: flex-end;
}

.ee_input-comp .ee_row [class^=btn] {
    height: 34px;
    width: 80px;
    font-size: 11px;
    border-radius: 2px;
    margin-left: 10px;
}

.ee_input-comp .ee_row.ee_half {
    display: flex;
    flex-wrap: wrap;
}

.ee_input-comp .ee_row.ee_half > * {
    width: 50%;
}

.ee_input-text {
    position: relative;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    flex: 1;
    /* 인풋 삭제 버튼 */
}

.ee_input-text input[type=email],
.ee_input-text input[type=tel],
.ee_input-text input[type=number],
.ee_input-text input[type=password],
.ee_input-text input[type=text] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-right: 20px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #000;
}

.ee_input-text input[type=email]::-webkit-input-placeholder,
.ee_input-text input[type=tel]::-webkit-input-placeholder,
.ee_input-text input[type=number]::-webkit-input-placeholder,
.ee_input-text input[type=password]::-webkit-input-placeholder,
.ee_input-text input[type=text]::-webkit-input-placeholder {
    color: #999;
}

.ee_input-text input[type=email]:focus,
.ee_input-text input[type=tel]:focus,
.ee_input-text input[type=number]:focus,
.ee_input-text input[type=password]:focus,
.ee_input-text input[type=text]:focus {
    border-color: #ff5432;
}

.ee_input-text input[type=email]:focus + .ee_del,
.ee_input-text input[type=tel]:focus + .ee_del,
.ee_input-text input[type=number]:focus + .ee_del,
.ee_input-text input[type=password]:focus + .ee_del,
.ee_input-text input[type=text]:focus + .ee_del {
    display: block;
}

.ee_input-text input[type=email]:disabled,
.ee_input-text input[type=tel]:disabled,
.ee_input-text input[type=number]:disabled,
.ee_input-text input[type=password]:disabled,
.ee_input-text input[type=text]:disabled {
    opacity: 1;
    color: #aaa;
    -webkit-text-fill-color: #aaa;
    -webkit-opacity: 1;
}

.ee_input-text button.ee_del {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: none;
    width: 20px;
    height: 20px;
    font-size: 0;
    background: url(../image/icons/20x20/ico_input_delete.svg) 50% 50%/contain no-repeat;
}

.ee_fake-input {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
}

.ee_fake-input .ee_input {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    align-items: center;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #000;
}

.ee_fake-input .ee_disabled {
    opacity: 1;
    color: #999;
}

.ee_input[type=radio],
.ee_input[type=checkbox] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    opacity: 0;
}

.ee_input[type=radio] + span,
.ee_input[type=checkbox] + span {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    color: #777;
}

.ee_input[type=radio] + span::before,
.ee_input[type=checkbox] + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 0;
    vertical-align: middle;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}

.ee_input[type=radio]:checked + span,
.ee_input[type=checkbox]:checked + span {
    color: #222;
}

.ee_input[type=radio].ee_has-subtxt + span,
.ee_input[type=checkbox].ee_has-subtxt + span {
    padding: 1px 0 1px 30px;
}

.ee_input[type=radio].ee_has-subtxt + span .ee_subtxt,
.ee_input[type=checkbox].ee_has-subtxt + span .ee_subtxt {
    display: block;
    margin: 3px 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #999;
}

.ee_input[type=radio].ee_has-subtxt + span::before,
.ee_input[type=checkbox].ee_has-subtxt + span::before {
    top: 0;
    transform: translate(0, 0);
}

.ee_input[type=radio].ee_size12 + span,
.ee_input[type=checkbox].ee_size12 + span {
    font-size: 12px;
}

.ee_input[type=radio].ee_boxwrap + span,
.ee_input[type=checkbox].ee_boxwrap + span {
    display: table-cell;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 15px 20px 15px 55px;
    vertical-align: middle;
    transition: all 0.3s;
}

.ee_input[type=radio].ee_boxwrap + span::before,
.ee_input[type=checkbox].ee_boxwrap + span::before {
    left: 20px;
    transition: all 0.3s;
}

.ee_input[type=radio].ee_boxwrap + span .ee_tit,
.ee_input[type=checkbox].ee_boxwrap + span .ee_tit {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.ee_input[type=radio].ee_boxwrap + span .ee_desc,
.ee_input[type=checkbox].ee_boxwrap + span .ee_desc {
    display: block;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.ee_input[type=radio].ee_boxwrap + span .ee_info,
.ee_input[type=checkbox].ee_boxwrap + span .ee_info {
    margin: 7px 0 0;
    font-size: 0;
}

.ee_input[type=radio].ee_boxwrap + span .ee_info li,
.ee_input[type=checkbox].ee_boxwrap + span .ee_info li {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.ee_input[type=radio].ee_boxwrap + span .ee_info li + li,
.ee_input[type=checkbox].ee_boxwrap + span .ee_info li + li {
    position: relative;
    margin: 0 0 0 21px;
}

.ee_input[type=radio].ee_boxwrap + span .ee_info li + li::before,
.ee_input[type=checkbox].ee_boxwrap + span .ee_info li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 1px;
    height: 10px;
    background: #ddd;
    transform: translateY(-50%);
}

.ee_input[type=radio].ee_boxwrap:checked + span,
.ee_input[type=checkbox].ee_boxwrap:checked + span {
    border-color: #222;
}

.ee_input[type=radio].ee_boxwrap ~ .ee_btn-del,
.ee_input[type=checkbox].ee_boxwrap ~ .ee_btn-del {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: url(../image/icons/20x20/ico-common-20-menu-close.svg) center center no-repeat;
    z-index: 1;
}

/* 체크박스 */
.ee_input[type=checkbox] + span::before {
    background-image: url(../image/icons/20x20/ico-common-20-check-off.svg);
}

.ee_input[type=checkbox]:checked + span::before {
    background-image: url(../image/icons/20x20/ico-common-20-check-on.svg);
}

.ee_input[type=checkbox]:disabled + span::before {
    background-image: url(../image/icons/20x20/ico-common-20-check-disabled.svg);
}

.ee_input[type=checkbox].ty2 + span {
    font-size: 0;
    text-indent: -9999px;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 10px 10px 10px 0;
}

.ee_input[type=checkbox].ty2 + span::before {
    left: 0;
}

.ee_input[type=checkbox].ty3 + span {
    max-width: calc(100% - 29px);
    padding: 2px 0 2px 29px;
}

.ee_input[type=checkbox].ty3 + span::before {
    width: 24px;
    height: 24px;
    background: url(../image/icons/24x24/ico-common-24-check-gray.svg) center center no-repeat;
}

.ee_input[type=checkbox].ty3 + span .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.ee_input[type=checkbox].ty3 + span .ee_subtxt {
    display: block;
    margin: 1px 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #777;
}

.ee_input[type=checkbox].ty3:checked + span::before {
    background: url(../image/icons/24x24/ico-common-24-check-black.svg) center center no-repeat;
}

.ee_input[type=checkbox].ty4 + span {
    padding: 3px 0 3px 24px;
    font-size: 13px;
    line-height: 18px;
    color: #777;
}

.ee_input[type=checkbox].ty4 + span::before {
    width: 24px;
    height: 24px;
    background: url(../image/icons/24x24/ico-common-24-check-gray.svg) center center no-repeat;
}

.ee_input[type=checkbox].ty4:checked + span {
    font-weight: 500;
    color: #222;
}

.ee_input[type=checkbox].ty4:checked + span::before {
    background: url(../image/icons/24x24/ico-common-24-check-black.svg) center center no-repeat;
}

.ee_input[type=checkbox].ty5 + span {
    padding: 6px 0 6px 29px;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

.ee_input[type=checkbox].ty5 + span::before {
    width: 24px;
    height: 24px;
    background: url(../image/icons/24x24/ico-common-24-check-gray.svg) center center no-repeat;
}

.ee_input[type=checkbox].ty5:checked + span {
    font-weight: 500;
    color: #222;
}

.ee_input[type=checkbox].ty5:checked + span::before {
    background: url(../image/icons/24x24/ico-common-24-check-black.svg) center center no-repeat;
}

/* 라디오 버튼 */
.ee_input[type=radio] + span::before {
    background-image: url(../image/icons/20x20/ico-common-20-radio-off.svg);
}

.ee_input[type=radio]:checked + span::before {
    background-image: url(../image/icons/20x20/ico-common-20-radio-on.svg);
}

.ee_input[type=radio].ty2 + span {
    padding: 2px 0 2px 29px;
    color: #555;
}

.ee_input[type=radio].ty2 + span::before {
    width: 24px;
    height: 24px;
    background: url(../image/icons/24x24/ico-common-24-radio-off.svg) center center no-repeat;
}

.ee_input[type=radio].ty2 + span .ee_tit {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

.ee_input[type=radio].ty2 + span .ee_subtxt {
    display: block;
    margin: 1px 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #777;
}

.ee_input[type=radio].ty2:checked + span {
    font-weight: 500;
    color: #222;
}

.ee_input[type=radio].ty2:checked + span::before {
    background: url(../image/icons/24x24/ico-common-24-radio-on.svg) center center no-repeat;
}

.ee_input[type=radio].ty3 + span {
    padding: 6px 0 6px 29px;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

.ee_input[type=radio].ty3 + span::before {
    width: 24px;
    height: 24px;
    background: url(../image/icons/24x24/ico-common-24-radio-off.svg) center center no-repeat;
}

.ee_input[type=radio].ty3:checked + span {
    font-weight: 500;
    color: #222;
}

.ee_input[type=radio].ty3:checked + span::before {
    background: url(../image/icons/24x24/ico-common-24-radio-on.svg) center center no-repeat;
}

.ee_input[type=radio]:disabled + span::before {
    background-image: url(../image/icons/20x20/ico-common-20-radio-disabled.svg);
}

.ee_input-link {
    display: block;
}

.ee_input-link > span {
    box-sizing: border-box;
    width: 100%;
    padding-right: 30px;
}

.ee_input-link button,
.ee_input-link a {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    transform: translateY(-50%);
}

.ee_input-btn,
[class^=ee_].ee_input-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #ffffff;
}

.ee_input-btn .ee_input[type=checkbox].ty4 + span,
[class^=ee_].ee_input-btn .ee_input[type=checkbox].ty4 + span {
    display: flex;
    align-items: center;
    position: static;
    padding: 0;
}

.ee_input-btn .ee_input[type=checkbox].ty4 + span::before,
[class^=ee_].ee_input-btn .ee_input[type=checkbox].ty4 + span::before {
    position: relative;
    transform: none;
}

.ee_input-btn .ee_input[type=checkbox].ty4:checked + span::after,
[class^=ee_].ee_input-btn .ee_input[type=checkbox].ty4:checked + span::after {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #222;
    border-radius: 3px;
}

label[class*=ee_area] {
    position: relative;
    display: inline-block;
}

label[class*=ee_area] .ee_input + span {
    font-size: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

label[class*=ee_area] .ee_input + span::before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 셀렉트 박스 */
.ee_select {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    overflow-x: hidden;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #ffffff url(../image/icons/30x30/ico-common-30-arrow-down.svg) right 5px center no-repeat;
    /*
  ** 커스텀 셀렉트 박스를 위해 .ee_select 클래스 안에 있는 select는 모두 disabled처리해야해서
  ** disabled이지만 정상적으로 보이게 스타일을 설정하였음
  */
}

.ee_select:invalid {
    color: red;
}

.ee_select.ee_disabled select:disabled {
    background: #f7f7f7;
    color: #ccc;
}

.ee_select select {
    border: none;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 0 45px 0 15px;
    outline: none;
    color: #999;
}

.ee_select select.on {
    color: #333;
}

.ee_select select:disabled {
    background: transparent;
    color: #000;
}

.ee_select.ty2 {
    border: none;
    border-bottom: 1px solid #ddd;
}

.ee_select.ty2 select {
    padding: 10px 30px 10px 0;
    background: #ffffff url(../image/icons/30x30/ico-common-30-arrow-down.svg) right 0 center no-repeat;
}

.ee_select.ty2 select:disabled {
    background: #ffffff;
    color: #ccc;
}

.ee_select-custom {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.ee_select-custom .ee_selected {
    position: relative;
    display: flex;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    background: #ffffff;
    align-items: center;
    padding: 0 45px 0 15px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.ee_select-custom .ee_selected::after {
    content: "";
    position: absolute;
    right: 5px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../image/icons/32x32/ico-common-arrow-a-down.svg);
    transition: transform 0.1s;
}

.ee_select-custom .ee_selected.on {
    color: #222;
}

.ee_select-custom.is-open .ee_selected::after {
    transform: rotateZ(180deg);
}

.ee_select-custom ul {
    position: relative;
    max-height: 160px;
    overflow: auto;
    height: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
}

.ee_select-custom ul.on {
    border-top: 1px solid #ddd;
}

.ee_select-custom ul li {
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    align-items: center;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ee_select-custom ul li.ee_disabled, .ee_select-custom ul li.ee_no-select {
    color: #aaa;
}

.ee_select-custom ul li button {
    transform: translateY(-2px);
}

.ee_select-custom ul li .ee_soldout {
    display: inline-block;
    color: #d10011;
    font-size: 12px;
    margin-left: 8px;
}

.ee_select-custom ul li + li {
    margin-top: 0;
}

.ee_select-custom button {
    flex: 0 0 auto;
    box-sizing: border-box;
    height: 100%;
    text-align: left;
}

.ee_select-custom .ee_btn-line {
    height: auto;
    margin: 0 0 0 5px;
    padding: 0;
}

.ee_select-area {
    width: 100%;
}

.ee_select-area [class*=ee_select] + [class*=ee_select] {
    margin: 10px 0 0;
}

.ee_select-area .ee_btn-wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.ee_select-area .ee_btn-wrap .ee_btn-line {
    margin-top: 0;
    margin-right: 5px;
}

/* ============== end 폼요소 ============== */
hr,
.ee_hr {
    display: block;
    height: 8px;
    background-color: #f7f7f7;
    border: none;
    margin: 0 -15px;
    padding: 0;
}

hr.ee_light-border {
    height: 1px;
    margin: 0;
}

.ee_dim {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #000;
    opacity: 0.6;
    z-index: 500;
}

#ee_container {
    padding: 56px 15px 0 15px;
}

#ee_container.ee_space ~ .ee_toast-popup {
    bottom: 77px;
}

#ee_container.ee_space-common {
    padding-bottom: calc(var(--safeBtm) + 50px);
}

#ee_container.ee_error-container {
    box-sizing: border-box;
    min-height: 100vh;
    padding: 50px 15px calc(var(--safeBtm) + 65px);
}

#ee_container.ee_error-container ~ .ee_sticky-bottom {
    border: none;
}

.jj_header-wrap ~ #ee_container {
    margin-top: 0;
    padding-top: 56px;
}

.is-prmBn #ee_container {
    margin-top: 50px;
}

.is-prmBn .header ~ #ee_container {
    margin-top: 0;
    padding-top: 106px;
}

.is-prmBn .jj_header-wrap ~ #ee_container {
    margin-top: 0;
    padding-top: 106px;
}

.ee_expand {
    margin: 0 -15px;
}

.ee_fit {
    width: 100%;
}

.ee_fit [class^=ee_btn] {
    flex: 1;
}

/* flex 박스 */
[class*=ee_flex] {
    display: flex;
    width: 100%;
}

[class*=ee_flex].ty2 {
    width: auto;
}

[class*=ee_flex][class*=size40] {
    height: 40px;
}

[class*=ee_flex][class*=size50] {
    height: 50px;
}

[class*=ee_flex] [class*=ee_btn-line] {
    flex: 0 0 auto;
}

[class*=ee_flex].ee_has-line {
    margin: 0 -15px;
    padding: 0 15px;
    border-bottom: 1px solid #eee;
}

[class*=ee_flex][class*=-sb] {
    justify-content: space-between;
    align-items: center;
}

.ee_inline-right {
    text-align: right;
}

.ee_inline-left {
    text-align: left;
}

.ee_inline-center {
    text-align: center;
}

.ee_flex-right {
    justify-content: flex-end;
}

.ee_flex-left {
    justify-content: flex-start;
}

.ee_flex-center {
    justify-content: center;
}

/* 플래그 */
[class*=ee_flag] {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    min-width: 45px;
    height: 18px;
    line-height: 16px;
    letter-spacing: normal;
    border: 1px solid;
    border-radius: 2px;
    margin: 0 2px 0 0;
    padding: 0 5px;
    font-weight: 700;
    font-size: 10px;
    text-align: center;
}

[class*=ee_flag][class*=wrap] {
    border: none;
    padding: 0;
    font-size: 0;
    text-align: left;
    min-width: auto;
    height: auto;
}

[class*=ee_flag][class*=round] {
    padding: 0 10px;
    border-radius: 10px;
    -webkit-font-smoothing: initial;
}

[class*=ee_flag][class*=size16] {
    min-width: auto;
    height: 16px;
    line-height: 14px;
    padding: 0 4px;
    font-weight: 700;
    font-size: 9px;
    display: inline-block;
}

[class*=ee_flag][class*=size20] {
    min-width: auto;
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    font-weight: 700;
    font-size: 11px;
}

[class*=ee_flag-hot] {
    border-color: #ff5432;
    background: #ff5432;
    color: #ffffff;
}

[class*=ee_flag-new] {
    border-color: #ff5432;
    background: #ffffff;
    color: #ff5432;
}

[class*=ee_flag1] {
    border-color: #333;
    background: #333;
    color: #ffffff;
}

[class*=ee_flag2] {
    border-color: #777;
    background: #777;
    color: #ffffff;
}

[class*=ee_flag3] {
    border-color: #999;
    background: #999;
    color: #ffffff;
}

[class*=ee_flag4] {
    border-color: #eee;
    background: #eee;
    color: rgba(34, 34, 34, 0.5);
}

[class*=ee_flag5] {
    border-color: #ccc;
    background: #ffffff;
    color: #999;
}

[class*=ee_flag6] {
    border-color: #555;
    background: #555;
    color: #ffffff;
}

[class*=ee_flag7] {
    border-color: #999;
    background: #ffffff;
    color: #777;
}

/* 전시 메인 상단 */
.ee_header-main {
    z-index: 100;
    position: fixed;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 0 46px 0 15px;
    background: #ffffff;
}

.ee_header-main h1 {
    font-size: 0;
    display: inline-block;
    width: 62px;
    height: 24px;
    background: url(../image/common/ico-common-logo-jaju.svg);
}

.ee_header-main .ee_search {
    position: relative;
    flex: 1;
    box-sizing: border-box;
    height: 34px;
    margin-left: 12px;
    border-radius: 17px;
    padding: 0 37px 0 12px;
    background-color: #f7f7f7;
}

.ee_header-main .ee_search .ee_input[type=search] {
    box-sizing: border-box;
    height: 34px;
    font-size: 14px;
}

.ee_header-main .ee_search .ee_btn-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ee_header-main .ee_search > a {
    display: inline-block;
    margin-left: 5px;
}

.ee_header-main > .ee_cart {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
}

/* 카트 버튼 */
.ee_cart .ee_cart-amount {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-radius: 9px;
    background-color: #ff5432;
    color: #fff;
    text-align: center;
}

.ee_cart .ee_cart-amount em {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: normal;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.ee_sticky-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-bottom: var(--safeBtm);
    background: #ffffff;
    z-index: 500;
}

.ee_sticky-menu ~ footer, .ee_sticky-menu ~ .ee_footer {
    padding-bottom: 92px;
}

.ee_sticky-menu ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 15px 0 17px;
}

.ee_sticky-menu ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: -100;
    background: #ddd;
}

.ee_sticky-menu ul li {
    position: relative;
    flex: 1 0;
}

.ee_sticky-menu ul li + li {
    margin-left: 13px;
}

.ee_sticky-menu ul li.on::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: -100;
}

.ee_sticky-menu ul li a {
    display: block;
    padding: 8px;
    text-align: center;
}

.ee_sticky-menu ul li a span {
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    text-indent: -10000px;
}

.ee_sticky-menu ul li:last-child {
    max-width: 48px;
    height: 48px;
    margin: -14px 0 0 27px;
}

.ee_sticky-menu ul li:last-child:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -15px;
    width: 78px;
    height: 15px;
    background: url("../image/icons/etc/ico-bottom-tapbar-line.svg") no-repeat 0 0/100%;
    z-index: -1;
}

.ee_sticky-menu ul li:last-child a {
    width: 48px;
    height: 48px;
    margin-top: 6px;
    padding: 10px 5px 5px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #f7f7f7;
}

/* 상품목록 siv헤더 있을 때 상단 스크롤 안되게 */
.siv-header .header {
    position: absolute;
}

.ee_header-wrap {
    z-index: 110;
    position: fixed;
    top: 0;
    width: 100%;
}

.ee_header-wrap.ee_no-fix {
    position: relative;
}

.ee_header-wrap.ee_no-fix [class^=ee_header] {
    position: relative;
}

.ee_header-wrap.ee_no-fix ~ #ee_container {
    margin-top: 0;
    padding-top: 0;
}

/* 전시 메인 상단 */
.ee_header-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 18px 46px 18px 15px;
    background: #ffffff;
}

.ee_header-main h1 {
    font-size: 0;
    display: inline-block;
    width: 62px;
    height: 24px;
    background: url(../image/common/ico-common-logo-jaju.svg);
}

.ee_header-main .ee_search {
    position: relative;
    flex: 1;
    box-sizing: border-box;
    height: 34px;
    margin-left: 12px;
    border-radius: 17px;
    padding: 0 37px 0 12px;
    background-color: #f7f7f7;
}

.ee_header-main .ee_search .ee_input[type=search] {
    box-sizing: border-box;
    height: 34px;
    font-size: 14px;
}

.ee_header-main .ee_search .ee_btn-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ee_header-main .ee_search > a {
    display: inline-block;
    margin-left: 5px;
}

.ee_header-main > .ee_cart {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
}

.ee_top-banner {
    position: relative;
}

.ee_top-banner a {
    width: 100%;
    height: auto;
    background: #f8ecd5;
}

.ee_top-banner a img {
    display: block;
    width: 100%;
    height: auto;
}

.ee_top-banner button {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    width: 20px;
    height: 20px;
    background: url("../image/icons/20x20/ico-tooltip-delete.svg") no-repeat 0 0/100%;
    font-size: 0;
}

/* 서브페이지 상단 */
.ee_header-sub {
    position: relative;
    display: flex;
    height: 60px;
    width: 100%;
    z-index: 300;
    background-color: #fff;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 90px;
    transition: transform 0.2s;
    /*.ee_home {
      @include verticalMiddle;
      left: 42px;
  }*/
}

.ee_header-sub h1 {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: normal;
    color: #222;
}

.ee_header-sub .ee_ham {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 32px;
    height: 32px;
    background: url(../image/icons/32x32/ico-common-32-menu.svg) center center/cover no-repeat;
    font-size: 0;
    text-indent: -9999px;
}

.ee_header-sub .ee_ham + .ee_prev {
    left: 42px;
}

.ee_header-sub .ee_prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 32px;
    height: 32px;
    background: url(../image/icons/32x32/ico-gnb-arrow-left.svg) center center/cover no-repeat;
    font-size: 0;
    text-indent: -9999px;
}

.ee_header-sub .ee_prev.ee_siv {
    left: 42px;
}

.ee_header-sub .ee_right-slot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    height: 32px;
}

.ee_header-sub .ee_right-slot a + a {
    margin-left: 5px;
}

/* 상세보기 스티키 활성화시 메뉴 설정 */
.ee_header-sub.scroll-down {
    transform: translateY(-60px);
}

.ee_header-sub.is-sticky-tab-on.scroll-up {
    transform: translateY(-60px);
}

/* 노데이터 */
.ee_nodata {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #777;
    position: relative;
    margin: 60px 0 0;
    border: none;
    padding: 70px 0 30px;
    line-height: 19px;
}

.ee_nodata::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../image/icons/60x60/ico-common-error.svg) center center no-repeat;
    transform: translateX(-50%);
}

.ee_nodata p {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #999;
    line-height: 19px;
}

.ee_nodata .ee_tit {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #222;
}

.ee_nodata .ee_desc {
    margin: 10px 0 0;
    line-height: 19px;
}

.ee_nodata.ty2 {
    height: calc(100vh - 385px);
    padding-bottom: 0;
}

.ee_nodata .ee_btn-wrap {
    margin: 10px 0 0;
}

.ee_nodata.ee_mt0 {
    margin-top: 0;
}

.ee_nodata.ee_mt15 {
    margin-top: 15px;
}

.ee_nodata.ee_pb60 {
    padding-bottom: 60px;
}

.ee_nodata-search {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #777;
    position: relative;
    margin: 60px 0 0;
    border: none;
    padding: 70px 0 30px;
    line-height: 19px;
}

.ee_nodata-search::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../image/icons/60x60/ico-common-find-grey.svg) center center no-repeat;
    transform: translateX(-50%);
}

.ee_nodata-search p {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #999;
    line-height: 19px;
}

.ee_nodata-search p + a {
    margin-top: 13px;
}

.ee_select-modal > ul {
    position: absolute;
    height: 0;
    overflow: hidden;
}

.ee_select-modal .ee_selected {
    display: inline-block;
}

body.fixed {
    position: fixed;
    overflow: hidden;
}

.siv-wrap.fixed {
    position: fixed;
}

/* 레이어 모달 */
[class^=ee_modal] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100vw;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 100px 30px;
    opacity: 0;
    z-index: 500;
}

[class^=ee_modal].on {
    display: flex;
}

[class^=ee_modal].check-height {
    display: flex;
    opacity: 0;
}

[class^=ee_modal].has-sticky-bottom .ee_wrap .ee_inner {
    padding-bottom: 90px;
}

[class^=ee_modal] .ee_wrap {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 100%;
    padding: 15px 20px;
    background-color: #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
}

[class^=ee_modal] .ee_wrap button.ee_close {
    position: absolute;
    display: inline-block;
    top: 15px;
    right: 10px;
    z-index: 20;
    width: 30px;
    height: 30px;
    font-size: 0;
}

[class^=ee_modal] .ee_wrap .ee_inner {
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: calc(100% - 45px);
    padding: 0 0 15px;
}

[class^=ee_modal] .ee_wrap .ee_inner.ty2 {
    padding: 0 10px 15px;
}

[class^=ee_modal] .ee_wrap .ee_inner.ty2.ee_pb20 {
    padding-bottom: 20px;
}

[class^=ee_modal] .ee_wrap .ee_inner .ee_guide-txt {
    padding: 35px 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    text-align: center;
    word-break: keep-all;
}

[class^=ee_modal] .ee_wrap .ee_inner .ee_guide-txt ~ .ee_btn-wrap {
    margin: 30px 0 0;
}

[class^=ee_modal] .ee_header {
    position: relative;
    margin: 0 0 15px;
}

[class^=ee_modal] .ee_header.ee_has-line {
    border-bottom: 1px solid #eee;
    padding: 0 0 14px;
}

[class^=ee_modal] .ee_header .ee_tit {
    padding: 4px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #222;
}

[class^=ee_modal][class*=ee_btn-base] span {
    font-weight: 700;
}

[class^=ee_modal] .ee_swiper-modal {
    position: fixed;
    top: 50%;
    z-index: 50;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    opacity: 1;
}

[class^=ee_modal] .ee_swiper-modal.swiper-button-prev {
    left: 0;
    background: url(../image/icons/40x40/99-01-40-arrow-left-dim.svg) center center no-repeat;
}

[class^=ee_modal] .ee_swiper-modal.swiper-button-next {
    right: 0;
    background: url(../image/icons/40x40/99-01-40-arrow-right-dim.svg) center center no-repeat;
    left: auto;
}

[class^=ee_modal] .ee_swiper-modal:disabled {
    opacity: 0.3;
}

#modal-total-review[class^=ee_modal].has-sticky-bottom .ee_wrap .ee_inner {
    padding-bottom: 0;
}

#modal-total-review[class^=ee_modal].has-sticky-bottom .ee_wrap .ee_product-review {
    padding-bottom: 90px;
}

[class^=ee_modal][class*=ty2] .ee_wrap {
    height: 100%;
}

[class^=ee_modal][data-modalid=modal-discount-nonmember] .ee_wrap {
    padding-top: 50px;
}

/* 풀 모달 */
[class^=ee_modal][class*=ee_full] {
    padding: 0;
    opacity: 1;
}

[class^=ee_modal][class*=ee_full] button.ee_close {
    top: 9px;
    right: 8px;
    width: 32px;
    height: 32px;
}

[class^=ee_modal][class*=ee_full] button.ee_close .ee_icon-delete {
    background: url(../image/icons/32x32/ico-gnb-close.svg) center center no-repeat;
}

[class^=ee_modal][class*=ee_full] .ee_header {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 50px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
}

[class^=ee_modal][class*=ee_full] .ee_header.ee_has-line {
    box-sizing: content-box;
    border-bottom: 1px solid #555;
    padding: 0 0 10px;
}

[class^=ee_modal][class*=ee_full] .ee_header [class*=ee_tit] {
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
}

[class^=ee_modal][class*=ee_full] .ee_wrap {
    border-radius: 0;
    height: 100%;
    padding: 0 15px 30px;
}

[class^=ee_modal][class*=ee_full] .ee_inner {
    overflow-y: auto;
    height: calc(100% - 50px);
    margin: 0 -15px;
    padding: 0 15px;
}

[class^=ee_modal][class*=ee_full] .ee_header.ee_has-line ~ .ee_inner {
    height: calc(100% - 60px);
}

[class^=ee_modal][class*=ee_full] .ee_sticky-bottom {
    border: none;
    padding-top: 0;
}

[class^=ee_modal][class*=ee_full] .ee_sticky-bottom .ee_btn-wrap {
    margin-bottom: 10px;
}

[class^=ee_modal][class*=ee_full].has-sticky-bottom .ee_wrap {
    padding-bottom: 0;
}

[class^=ee_modal][data-modalid=modal-discount] .ee_inner, [class^=ee_modal][data-modalid=modal-confirm] .ee_inner {
    height: auto;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-image-view] .ee_wrap {
    padding: 0;
    height: 100vh;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-image-view] .ee_inner {
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-image-view] .ee_image-top {
    margin-left: 0;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-image-view] .ee_swiper-custom {
    height: 100vh;
}

/* ============== 모바일 가로 모드 대응 ============== */
@media (orientation: landscape) {
    [class^=ee_modal]:not(.ee_bottom):not(.ee_category):not(.ee_side-right):not(.ee_full) {
        padding: 30px;
        overflow-y: auto;
    }

    [class^=ee_modal]:not(.ee_bottom):not(.ee_category):not(.ee_side-right):not(.ee_full) .ee_wrap {
        max-width: 315px;
        max-height: none;
    }

    [class^=ee_modal]:not(.ee_bottom):not(.ee_category):not(.ee_side-right):not(.ee_full) .ee_wrap .ee_inner {
        background-color: #fff;
    }

    [class^=ee_modal][class*=ee_insta]:not(.ee_bottom),
    [class^=ee_modal]:not(.ee_bottom).ty2 {
        align-items: normal;
    }

    .ee_sort-right-ham.ee_side-right.on {
        padding: 0;
    }

    .ee_stamp-wrap .ee_my-stamp .ee_body .ee_stamp-con.ee_cleared::before, .ee_stamp-wrap .ee_my-stamp .ee_body .ee_stamp-con.ee_eventEnd::before {
        width: 100%;
        left: 0;
    }

    .ee_zoom-view .ee_video {
        padding: 0;
        height: 100%;
    }
}

/* ============== 모바일 가로 모드 대응 end ============== */
/* 하단 모달 */
[class^=ee_modal].ee_bottom {
    padding: 0;
}

[class^=ee_modal].ee_bottom .ee_wrap {
    position: absolute;
    bottom: 0;
    padding: 30px 15px 0 15px;
    border-radius: 0;
    transform: translate(0, 100%);
    min-height: auto;
    max-height: 80vh;
    border-top: 1px solid #555;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_close {
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    width: 67px;
    height: 17px;
    background: url("../image/icons/etc/ico-common-modal.svg") no-repeat 0 0/100%;
    z-index: 10;
    font-size: 0;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_close::before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 4px;
    right: 4px;
    bottom: -1px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 1px;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_inner {
    overflow-y: auto;
    height: calc(100% - 45px);
    margin: 0 -15px;
    padding: 0 15px 20px;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_reject {
    margin: 15px 0 30px;
    text-align: center;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_reject .ee_desc {
    margin: 15px 0 10px;
    font-size: 13px;
    line-height: 20px;
    color: #555;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_regular-delivery {
    margin: 20px 0 0;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_quantity {
    margin: 30px 0 0;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_price-area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0 10px;
    margin-top: 20px;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_price-area .ee_sort {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_price-area .ee_price {
    display: flex;
    margin: 0 0 0 10px;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_price-area .ee_price .number {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_btn-box {
    margin: 20px 0 0;
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_sticky-bottom {
    border: none;
    padding: 10px 15px calc(var(--safeBtm) + 15px);
}

[class^=ee_modal].ee_bottom .ee_wrap .ee_option-list ~ .ee_btn-wrap {
    display: flex;
    flex: 1 0 100px;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 0;
}

[class^=ee_modal].ee_bottom .ee_container {
    padding: 20px 0 0 0;
    overflow-y: auto;
}

[class^=ee_modal].ee_bottom .ee_scroll-wrap {
    max-height: 385px;
    overflow-y: auto;
}

[class^=ee_modal].ee_bottom .ee_btn-box.ee_sticky-bottom {
    border-top: none;
}

[class^=ee_modal].ee_bottom .ee_option-tit {
    border-radius: 3px;
    padding: 10px 20px;
    background: #f7f7f7;
}

[class^=ee_modal].ee_bottom .ee_option-tit .ee_tit {
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

[class^=ee_modal].ee_bottom .ee_option-tit .ee_tit + .ee_selected-option {
    margin: 4px 0 0;
}

[class^=ee_modal].ee_bottom .ee_option-tit .ee_subtit {
    margin: 4px 0 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class^=ee_modal].ee_bottom .ee_option-tit .ee_selected-option {
    margin: 2px 0 0;
}

[class^=ee_modal].ee_bottom .ee_option-tit .ee_selected-option li {
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class^=ee_modal].ee_bottom .ee_option-tit .ee_selected-option li + li {
    margin: 2px 0 0;
}

[class^=ee_modal].ee_bottom .ee_option-detail {
    margin: 20px 0 0;
}

[class^=ee_modal].ee_bottom.ee_modal-category .ee_wrap {
    padding-top: 35px;
}

[class^=ee_modal].ee_bottom.ee_modal-category .ee_category-list li:first-child a {
    padding-top: 0;
}

[class^=ee_modal].ee_bottom.ee_modal-category .ee_category-list li a {
    display: flex;
    padding: 9px 0;
    height: 32px;
    align-items: center;
    justify-content: space-between;
}

[class^=ee_modal].ee_bottom.ee_modal-category .ee_category-list li a span {
    font-size: 15px;
    color: #555;
}

[class^=ee_modal].ee_bottom.ee_modal-category .ee_category-list li a.on span {
    font-weight: 700;
    color: #222;
}

[class^=ee_modal].ee_bottom.ee_modal-category .ee_category-list li a.on:after {
    content: "";
    display: inline-flex;
    margin-left: auto;
    width: 32px;
    height: 32px;
    background: url("../image/icons/32x32/ico-common-check-b-large-on.svg") no-repeat 0 0/100%;
}

[class^=ee_modal].ee_bottom.has-sticky-bottom .ee_wrap .ee_price-area {
    position: fixed;
    padding: 20px 15px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: calc(var(--safeBtm) + 65px);
    background-color: #ffffff;
}

[class^=ee_modal].ee_bottom#optChgLayer .ee_inner {
    max-height: calc(80vh - 30px);
    padding-bottom: calc(var(--safeBtm) + 130px);
}

[class^=ee_modal].ee_bottom#optChgLayer.ee_no-price .ee_inner {
    padding-bottom: calc(var(--safeBtm) + 70px);
}

[class^=ee_modal].ee_bottom.ee_bottom-space .ee_wrap .ee_inner {
    padding-bottom: calc(var(--safeBtm) + 45px);
}

[class^=ee_modal].ee_bottom.ee_bottom-space .ee_wrap 가 .ee_price-area {
    position: fixed;
    padding: 20px 15px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: calc(var(--safeBtm) + 45px);
    background-color: #ffffff;
}

[class^=ee_modal].ee_bottom.has-utilbr .ee_wrap .ee_inner {
    padding-bottom: 45px;
}

/* ============== 사이드 모달 ============== */
[class^=ee_modal].ee_side {
    padding: 0;
    opacity: 1;
    left: -100%;
    right: auto;
}

[class^=ee_modal].ee_side .ee_wrap {
    border-radius: 0;
    height: 100%;
    padding: 0;
}

[class^=ee_modal].ee_side .ee_wrap .ee_inner {
    height: 100vh;
    padding-bottom: 180px;
}

/* ============== /사이드 모달 ============== */
/*선물포장 서비스 모달*/
[class^=ee_modal][data-modalid^=modal-alert] .ee_wrap,
[class^=ee_modal][data-modalid^=modal-confirm] .ee_wrap {
    padding-bottom: 20px;
}

[class^=ee_modal][data-modalid^=modal-alert] .ee_inner,
[class^=ee_modal][data-modalid^=modal-confirm] .ee_inner {
    padding: 15px 0 0 0;
    max-height: 100%;
}

[class^=ee_modal][data-modalid^=modal-alert] .ee_alert-txt,
[class^=ee_modal][data-modalid^=modal-confirm] .ee_alert-txt {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #222222;
    word-break: keep-all;
}

[class^=ee_modal][data-modalid^=modal-alert] .ee_alert-txt strong,
[class^=ee_modal][data-modalid^=modal-confirm] .ee_alert-txt strong {
    display: block;
    margin-bottom: 10px;
}

[class^=ee_modal][data-modalid^=modal-alert] .ee_alert-txt ~ .ee_btn-wrap.ee_fit,
[class^=ee_modal][data-modalid^=modal-confirm] .ee_alert-txt ~ .ee_btn-wrap.ee_fit {
    display: block;
    width: auto;
    margin: 30px -5px 0;
    font-size: 0;
    text-align: center;
}

[class^=ee_modal][data-modalid^=modal-alert] .ee_alert-txt ~ .ee_btn-wrap.ee_fit [class^=ee_btn],
[class^=ee_modal][data-modalid^=modal-confirm] .ee_alert-txt ~ .ee_btn-wrap.ee_fit [class^=ee_btn] {
    display: inline-block;
    width: auto;
    min-width: 100px;
    max-width: 180px;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: middle;
}

.ee_option-detail dt {
    display: flex;
    align-items: flex-start;
}

.ee_option-detail dt .ee_sort {
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_option-detail dt .ee_detail {
    position: relative;
    margin: 0 0 0 7px;
    padding: 0 0 0 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.ee_option-detail dt .ee_detail::before {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    bottom: 6px;
    width: 1px;
    height: auto;
    background: #d8d8d8;
}

.ee_option-detail dt .ee_detail .pixibo-entry-point-wrapper {
    top: auto !important;
    left: auto !important;
}

.ee_option-detail dt .ee_detail .pixibo-entry-point-wrapper button {
    display: inline-flex;
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    min-width: auto;
    background-color: transparent;
    text-decoration: none;
}

.ee_option-detail dt .ee_detail .pixibo-entry-point-wrapper button::after {
    display: block;
    content: "";
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    padding: 5px 2px;
    background: url(../image/icons/10x10/ico-common-10-arrow-black.svg) center center no-repeat;
}

.ee_option-detail dt .ee_detail .pixibo-entry-point-wrapper button svg {
    display: none;
}

.ee_option-detail dt .ee_detail .pixibo-entry-point-wrapper button .pixibo-text-container {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    text-decoration: none;
}

.ee_option-detail dd {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px 0 0;
}

.ee_option-detail dd + dt {
    margin: 20px 0 0;
}

.ee_option-detail dd .ee_btn-line {
    margin: 0 5px 0 8px;
    padding: 6px 0;
}

.ee_option-detail dd .ee_btn-wrap {
    flex: 0 0 auto;
    width: auto;
}

.ee_option-detail dd .ee_select-area .ee_btn-line {
    padding: 0;
}

.ee_option-list {
    font-size: 0;
    margin: -10px 0 0 -8px;
}

.ee_option-list li {
    display: inline-block;
    position: relative;
    margin: 10px 0 0 8px;
    vertical-align: middle;
}

/* tab */
[class*=ee_tab] {
    display: flex;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    margin: 0 -15px;
    padding: 0 15px;
    font-size: 0;
}

[class*=ee_tab] button,
[class*=ee_tab] a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    color: #555;
    line-height: 20px;
    flex: 1 1;
    padding: 0;
    font-size: 15px;
}

[class*=ee_tab] button span,
[class*=ee_tab] a span {
    position: relative;
    display: inline-block;
    line-height: 50px;
}

[class*=ee_tab] .on {
    font-weight: 700;
    color: #222;
}

[class*=ee_tab] .on span::after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #222;
}

[class*=ee_tab][data-tabscroll] {
    padding-left: 5px;
}

[class*=ee_tab][class*=ty1]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    height: 1px;
    background-color: #eee;
}

[class*=ee_tab][class*=orange] .on {
    color: #ff5432;
}

[class*=ee_tab][class*=orange] .on span::after {
    background-color: #ff5432;
}

.ee_tab[class*=ty2] {
    margin: 0;
    padding: 0;
}

.ee_tab[class*=ty2] button,
.ee_tab[class*=ty2] a {
    margin: 0 0 0 -1px;
    border: 1px solid #ddd;
}

.ee_tab[class*=ty2] button:first-child,
.ee_tab[class*=ty2] a:first-child {
    margin: 0;
    border-radius: 3px 0 0 3px;
}

.ee_tab[class*=ty2] button:last-child,
.ee_tab[class*=ty2] a:last-child {
    border-radius: 0 3px 3px 0;
}

.ee_tab[class*=ty2] button span,
.ee_tab[class*=ty2] a span {
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.ee_tab[class*=ty2] .on {
    z-index: 1;
    border-color: #222;
}

.ee_tab[class*=ty2] .on span {
    font-weight: 700;
    color: #222;
}

.ee_tab[class*=ty2] .on span::after {
    display: none;
}

.ee_tab[class*=ty2][class*=size40] button,
.ee_tab[class*=ty2][class*=size40] a {
    height: 40px;
}

.ee_tab[class*=ty3] {
    height: auto;
}

.ee_tab[class*=ty3] .on span::after {
    display: none;
}

.ee_tab[class*=ty3] ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f7f7f7;
}

.ee_tab[class*=ty3] ul li {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 33.3%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.ee_tab[class*=ty3] ul li:nth-child(3n) {
    border-right: none;
}

.ee_tab[class*=ty3] ul li:nth-last-child(1), .ee_tab[class*=ty3] ul li:nth-last-child(2), .ee_tab[class*=ty3] ul li:nth-last-child(3) {
    border-bottom: none;
}

.ee_tab[class*=ty3] ul li:nth-child(1) button,
.ee_tab[class*=ty3] ul li:nth-child(1) a {
    border-top-left-radius: 3px;
}

.ee_tab[class*=ty3] ul li:nth-child(1) button.on span::after,
.ee_tab[class*=ty3] ul li:nth-child(1) a.on span::after {
    border-top-left-radius: 3px;
}

.ee_tab[class*=ty3] ul li:nth-child(3) button,
.ee_tab[class*=ty3] ul li:nth-child(3) a {
    border-top-right-radius: 3px;
}

.ee_tab[class*=ty3] ul li:nth-child(3) button.on span::after,
.ee_tab[class*=ty3] ul li:nth-child(3) a.on span::after {
    border-top-right-radius: 3px;
}

.ee_tab[class*=ty3] ul li:nth-last-child(1) button,
.ee_tab[class*=ty3] ul li:nth-last-child(1) a {
    border-bottom-right-radius: 3px;
}

.ee_tab[class*=ty3] ul li:nth-last-child(1) button.on span::after,
.ee_tab[class*=ty3] ul li:nth-last-child(1) a.on span::after {
    border-bottom-right-radius: 3px;
}

.ee_tab[class*=ty3] ul li:nth-last-child(3) button,
.ee_tab[class*=ty3] ul li:nth-last-child(3) a {
    border-bottom-left-radius: 3px;
}

.ee_tab[class*=ty3] ul li:nth-last-child(3) button.on span::after,
.ee_tab[class*=ty3] ul li:nth-last-child(3) a.on span::after {
    border-bottom-left-radius: 3px;
}

.ee_tab[class*=ty3] ul li button,
.ee_tab[class*=ty3] ul li a {
    position: relative;
    box-sizing: border-box;
    min-height: 40px;
    max-height: 51px;
    height: 100%;
    padding: 4px 9px;
    background: #ffffff;
}

.ee_tab[class*=ty3] ul li button span,
.ee_tab[class*=ty3] ul li a span {
    position: static;
}

.ee_tab[class*=ty3] ul li button span .ee_txt,
.ee_tab[class*=ty3] ul li a span .ee_txt {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 39px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 11px;
    line-height: 13px;
    color: #999;
}

.ee_tab[class*=ty3] ul li button span .ee_subtxt,
.ee_tab[class*=ty3] ul li a span .ee_subtxt {
    display: block;
    font-size: 10px;
    line-height: 11px;
    color: #999;
}

.ee_tab[class*=ty3] ul li button.on > span .ee_txt,
.ee_tab[class*=ty3] ul li a.on > span .ee_txt {
    position: static;
    font-weight: 700;
    color: #222;
}

.ee_tab[class*=ty3] ul li button.on > span .ee_subtxt,
.ee_tab[class*=ty3] ul li a.on > span .ee_subtxt {
    font-weight: 700;
    color: #222;
}

.ee_tab[class*=ty3] ul li button.on > span::after,
.ee_tab[class*=ty3] ul li a.on > span::after {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    height: auto;
    background: none;
    border: 1px solid #222;
}

/*tab data-scroll*/
[class*=ee_tab].has-scroll,
[class*=ee_list].has-scroll {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
    height: auto;
}

[class*=ee_tab].has-scroll:before,
[class*=ee_list].has-scroll:before {
    display: none;
}

[class*=ee_tab].has-scroll .scroll-wrap,
[class*=ee_list].has-scroll .scroll-wrap {
    display: block;
    white-space: nowrap;
}

[class*=ee_tab].has-scroll .scroll-wrap > *,
[class*=ee_list].has-scroll .scroll-wrap > * {
    width: auto;
}

[class*=ee_tab].has-scroll .scroll-wrap span,
[class*=ee_list].has-scroll .scroll-wrap span {
    display: block;
    white-space: nowrap;
}

/*
=======================================
 스티키 탭
=======================================
*/
.ee_sticky-tab {
    position: relative;
    margin: 0 -15px;
    height: 50px;
    transition: transform 0.2s;
    z-index: 12;
}

.ee_sticky-tab .ee_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 0 15px;
    display: flex;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

.ee_sticky-tab .ee_wrap button,
.ee_sticky-tab .ee_wrap a {
    position: relative;
    flex: 1;
    display: inline-flex;
    justify-content: center;
    padding: 0 17px;
    text-align: center;
}

.ee_sticky-tab .ee_wrap button span,
.ee_sticky-tab .ee_wrap a span {
    padding-top: 10px;
    font-size: 12px;
}

.ee_sticky-tab .ee_wrap button i,
.ee_sticky-tab .ee_wrap a i {
    display: block;
    font-size: 12px;
    color: #555;
    font-style: normal;
    font-weight: 500;
}

.ee_sticky-tab .ee_wrap button.on::before,
.ee_sticky-tab .ee_wrap a.on::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 17px;
    right: 17px;
    bottom: -1px;
    height: 2px;
    background-color: #222;
}

.ee_sticky-tab .ee_wrap button.on span,
.ee_sticky-tab .ee_wrap button.on i,
.ee_sticky-tab .ee_wrap a.on span,
.ee_sticky-tab .ee_wrap a.on i {
    color: #222;
    font-weight: 700;
}

.ee_sticky-tab.on .ee_wrap {
    position: fixed;
}

/* ========== end 스티키 탭 ============= */
.ee_sorting {
    display: inline-flex;
}

.ee_sorting button,
.ee_sorting a {
    position: relative;
}

.ee_sorting button + button, .ee_sorting button + a,
.ee_sorting a + button,
.ee_sorting a + a {
    margin: 0 0 0 21px;
}

.ee_sorting button + button::before, .ee_sorting button + a::before,
.ee_sorting a + button::before,
.ee_sorting a + a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 1px;
    height: 6px;
    margin: -3px 0 0;
    background: #ddd;
}

.ee_sorting button span,
.ee_sorting a span {
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.ee_sorting button.on span,
.ee_sorting a.on span {
    color: #222;
}

.ee_sorting.ty2 button span,
.ee_sorting.ty2 a span {
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.has-scroll {
    position: relative;
}

.has-scroll .scroll-wrap {
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%;
    padding: 0 15px 1px 15px;
}

.has-scroll .scroll-wrap::-webkit-scrollbar {
    display: none;
}

/*전시 상단 탭메뉴*/
.ee_tab-main.has-scroll .scroll-wrap {
    padding: 0 15px 0 5px;
}

.ee_tab-main a {
    flex: 1;
    padding: 9px 10px 14px;
}

.ee_tab-main a span {
    position: relative;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    white-space: nowrap;
}

.ee_tab-main a .ico {
    display: inline-flex;
    margin-right: 2px;
    width: 24px;
    height: 24px;
}

.ee_tab-main a .ico img {
    width: 100%;
}

.ee_tab-main a.on span {
    color: #222;
}

.ee_tab-main a.on span::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
}

.ee_tab-main + .ee_tab-sub {
    border-top: 1px solid #f4f4f4;
}

.ee_tab-main.ty2 a span {
    font-weight: 400;
}

.ee_tab-main.ty2 a.on span {
    font-weight: 700;
}

.ee_tab-sub {
    padding: 15px 0 15px 0;
}

.ee_tab-sub::before {
    display: none;
}

.ee_tab-sub [class*=ee_btn-round-size] {
    border-radius: 17px;
    background: #ffffff;
    border: 1px solid #ddd;
}

.ee_tab-sub [class*=ee_btn-round-size] + [class*=ee_btn-round-size] {
    margin-left: 5px;
}

.ee_tab-sub [class*=ee_btn-round-size] span {
    font-size: 13px;
    color: #555;
}

.ee_tab-sub [class*=ee_btn-round-size] span:after {
    display: none;
}

.ee_tab-sub [class*=ee_btn-round-size].on {
    background: #333;
    border-color: #333;
}

.ee_tab-sub [class*=ee_btn-round-size].on span {
    color: #ffffff;
    font-weight: 700;
}

.ee_tab-sub + .ee_sub-contents .ee_cont:first-of-type {
    margin-top: 0;
}

/*
=======================================
 테이블
=======================================
*/
.ee_tbl.ty1 th {
    background-color: #f7f7f7;
    font-size: 12px;
    color: #555;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    border: 1px solid #eee;
    border-left: none;
}

.ee_tbl.ty1 td {
    font-size: 12px;
    color: #999;
    padding-left: 10px;
    padding-right: 15px;
    line-height: 16px;
    vertical-align: middle;
    border: 1px solid #eee;
}

.ee_tbl.ty1 tr td:last-child {
    border-right: none;
}

.ee_tbl.ty1 span {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    letter-spacing: normal;
}

.ee_tbl.ty1 span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/icons/16x16/ico-common-16-check-white.svg) center center/cover no-repeat;
}

.ee_tbl.ty1 .on {
    color: #222;
}

.ee_tbl.ty1 .on span::before {
    background-image: url(../image/icons/16x16/ico-common-16-check-black.svg);
}

/* ============== end 테이블 ============== */
.ee_quantity .ee_input,
.ee_quantity input[type=text],
.ee_quantity input[type=tel] {
    color: #838383 !important;
}

/* 수량 */
.ee_quantity {
    height: 32px;
    font-size: 0;
}

.ee_quantity .ee_minus {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../image/icons/32x32/ico_common_spinner_minus.svg) 50% 50%/cover no-repeat;
    font-size: 0;
    vertical-align: middle;
}

.ee_quantity .ee_plus {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../image/icons/32x32/ico_common_spinner_plus.svg) 50% 50%/cover no-repeat;
    font-size: 0;
    vertical-align: middle;
}

.ee_quantity .ee_input,
.ee_quantity input[type=text],
.ee_quantity input[type=tel] {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0 5px;
    line-height: 20px;
    font-weight: 700;
    font-size: 13px;
    color: #222;
    text-align: center;
    vertical-align: middle;
}

.ee_quantity input[type=text],
.ee_quantity input[type=tel] {
    height: 100%;
    transform: none;
}

.ee_quantity.ty2 {
    height: 20px;
}

.ee_quantity.ty2 .ee_minus {
    width: 20px;
    height: 20px;
    background-image: url(../image/icons/20x20/ico-pay-20-spinner-minus.svg);
}

.ee_quantity.ty2 .ee_minus:disabled {
    background-image: url(../image/icons/20x20/ico-pay-20-spinner-minus-disabled.svg);
}

.ee_quantity.ty2 .ee_minus:disabled + .ee_input {
    color: #ccc;
}

.ee_quantity.ty2 .ee_plus {
    width: 20px;
    height: 20px;
    background-image: url(../image/icons/20x20/ico-pay-20-spinner-plus.svg);
}

.ee_quantity.ty2 .ee_plus:disabled {
    background-image: url(../image/icons/20x20/ico-pay-20-spinner-plus-disabled.svg);
}

.ee_quantity.ty2 .ee_input {
    width: 36px;
}

.ee_quantity.ty3 {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.ee_quantity.ty3 .ee_minus {
    box-sizing: content-box;
    width: 38px;
    height: 38px;
    border-right: 1px solid #ddd;
    background: url(../image/icons/30x30/ico-pay-30-spinner-minus-empty.svg) center center no-repeat;
}

.ee_quantity.ty3 .ee_plus {
    box-sizing: content-box;
    width: 38px;
    height: 38px;
    border-left: 1px solid #ddd;
    background: url(../image/icons/30x30/ico-pay-30-spinner-plus-empty.svg) center center no-repeat;
}

.ee_quantity.ty3 .ee_input,
.ee_quantity.ty3 input[type=text],
.ee_quantity.ty3 input[type=tel] {
    font-size: 15px;
    line-height: 38px;
}

/*
=======================================
 상품 컴포넌트
=======================================
*/
[class*=ee_goods-comp] {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    /* 품절 */
    /* 판매종료 */
}

[class*=ee_goods-comp] + [class*=ee_goods-comp] {
    margin-top: 20px;
}

[class*=ee_goods-comp] a {
    display: block;
}

[class*=ee_goods-comp] a img {
    width: 100%;
}

[class*=ee_goods-comp] .ee_btn-del {
    position: absolute;
    top: 5px;
    right: 2px;
}

[class*=ee_goods-comp] .ee_thum {
    position: relative;
    width: 90px;
}

[class*=ee_goods-comp] .ee_thum img {
    height: 90px;
}

[class*=ee_goods-comp] .ee_thum label {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}

[class*=ee_goods-comp] .ee_comp-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 0 0 15px;
    box-sizing: border-box;
}

[class*=ee_goods-comp] .ee_comp-data a {
    width: 100%;
}

[class*=ee_goods-comp] .ee_comp-data .ee_tit {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    padding: 0 25px 0 0;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 40 pxpx;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=ee_goods-comp] .ee_comp-data .ee_subtit {
    margin: 0 0 3px;
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

[class*=ee_goods-comp] .ee_comp-data .ee_option {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

[class*=ee_goods-comp] .ee_comp-data .ee_select {
    margin-top: 10px;
}

[class*=ee_goods-comp] .ee_comp-data .ee_btn-link {
    margin-top: 10px;
}

[class*=ee_goods-comp] .ee_comp-data .ee_guide-txt {
    margin-top: 10px;
}

[class*=ee_goods-comp] .ee_comp-data .ee_price-box .ee_del {
    padding-top: 2px;
}

[class*=ee_goods-comp] .ee_comp-data .ee_info-guide {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=ee_goods-comp] .ee_comp-data .ee_info-guide:first-child {
    margin: 0;
}

[class*=ee_goods-comp] .ee_comp-data .ee_info-guide [class*=ee_icon] {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

[class*=ee_goods-comp] .ee_comp-data .ee_info-guide .ee_txt {
    display: inline-block;
    vertical-align: top;
}

[class*=ee_goods-comp] .ee_pay-comp {
    /*height: 22px;*/
    height: auto;
    padding: 0;
    margin-top: 8px;
    background-color: transparent;
}

[class*=ee_goods-comp] .ee_pay-comp .ee_txt {
    font-size: 13px;
    line-height: 16px;
    color: #555;
}

[class*=ee_goods-comp] .ee_pay-comp .ee_flex [class*=ee_price-box] {
    display: flex;
    flex-wrap: wrap;
}

[class*=ee_goods-comp] .ee_pay-comp .ee_flex [class*=ee_price-box] .ee_price {
    margin: 0 8px 0 0;
}

[class*=ee_goods-comp] .ee_pay-comp .ee_flex [class*=ee_price-box] .ee_original {
    margin: 0;
}

[class*=ee_goods-comp] .ee_etc {
    width: 100%;
    border-top: 1px solid #f4f4f4;
    margin-top: 11px;
    padding-top: 10px;
}

[class*=ee_goods-comp] .ee_etc .ee_points {
    font-size: 0;
}

[class*=ee_goods-comp] .ee_etc .ee_points .ee_point {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    margin-right: 20px;
}

[class*=ee_goods-comp] .ee_etc .ee_points .ee_point i {
    margin-right: 5px;
}

[class*=ee_goods-comp] .ee_etc .ee_btn-wrap {
    display: block;
    margin: 10px 0 0;
}

[class*=ee_goods-comp] .ee_etc .ee_btn-wrap [class*=ee_btn] {
    width: 100%;
}

[class*=ee_goods-comp] .ee_etc .ee_btn-wrap [class*=ee_btn] + [class*=ee_btn] {
    margin: 5px 0 0;
}

[class*=ee_goods-comp] .ee_etc .ee_bundle {
    margin: 10px 0 0;
}

[class*=ee_goods-comp] .ee_etc .ee_bundle:first-child {
    margin: 0;
}

[class*=ee_goods-comp] .ee_etc .ee_bundle .ee_desc {
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=ee_goods-comp] .ee_etc .ee_bundle .ee_btn-link {
    margin: 2px 0 0;
}

[class*=ee_goods-comp] .ee_etc .ee_btn-line {
    flex: 0 0 auto;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift {
    margin: 10px 0 0;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 10px 15px 15px;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift:first-child {
    margin: 0;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift dl dt {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift dl dt + dd {
    margin: 4px 0 0;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift dl dd {
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift dl dd > span {
    display: inline-block;
    padding-left: 5px;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift dl dd .ee_view-btn {
    display: inline-block;
    margin: -5px -5px -5px 0;
    padding: 5px;
    font-size: 0;
    vertical-align: middle;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift dl dd .ee_view-btn span {
    font-size: 0;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift dl dd.ee_guide {
    color: #999;
}

[class*=ee_goods-comp] .ee_etc .ee_free-gift dl dd .ee_btn-link {
    margin: 0;
}

[class*=ee_goods-comp].ee_soldout .ee_thum {
    display: block;
    position: relative;
}

[class*=ee_goods-comp].ee_soldout .ee_thum::before {
    display: block;
    content: "품절";
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(34, 34, 34, 0.5);
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
}

[class*=ee_goods-comp].ee_end-sale .ee_thum::before {
    display: block;
    content: "판매종료";
    position: absolute;
    left: 0;
    top: 70px;
    right: 0;
    height: 20px;
    background-color: rgba(34, 34, 34, 0.5);
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
}

[class*=ee_goods-comp] ~ .ee_guide-txt {
    margin: 10px 0 0 95px;
}

[class*=ee_goods-comp] .ee_btn-icon .ee_icon-heart {
    background: url(../image/icons/16x16/ico-pay-16-like-off.svg) center center/cover no-repeat;
}

[class*=ee_goods-comp] .ee_btn-icon.ee_area20 {
    background: url("../image/icons/20x20/ico-common-like-small.svg") no-repeat 0 0/100%;
}

[class*=ee_goods-comp] .ee_btn-icon.on .ee_icon-heart {
    background: url(../image/icons/20x20/ico-common-like-on-small.svg) center center/cover no-repeat;
}

[class*=ee_goods-comp].ee_overflow {
    align-items: flex-start;
}

[class*=ee_goods-comp].ee_overflow .ee_thum {
    flex: 0 0 90px;
    position: relative;
    text-align: center;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box {
    margin: 10px 0 0;
    font-size: 0;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-icon-wish {
    display: inline-block;
    vertical-align: middle;
    margin: -5px;
    padding: 5px;
    font-size: 0;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-icon-wish .ee_icon-heart {
    display: inline-block;
    vertical-align: middle;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-icon-wish .ee_txt {
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-icon-wish:disabled {
    background: none;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-icon-wish:disabled .ee_icon-heart {
    background-image: url(../image/icons/16x16/ico-pay-16-like-disabled.svg);
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-icon-wish.on .ee_icon-heart {
    background-image: url(../image/icons/16x16/ico-pay-16-like-on.svg);
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-icon-wish + .ee_btn-line {
    margin-left: 12px;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-line {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-line:disabled {
    background: none;
}

[class*=ee_goods-comp].ee_overflow .ee_thum .ee_btn-box .ee_btn-line:disabled span {
    color: #ccc;
}

[class*=ee_goods-comp].ee_overflow .ee_comp-data {
    align-content: normal;
    padding-top: 5px;
}

[class*=ee_goods-comp].ee_overflow .ee_comp-data .ee_flag-wrap {
    margin: 0 0 6px;
    padding: 0 25px 0 0;
    font-size: 0;
    text-align: left;
}

[class*=ee_goods-comp].ee_overflow .ee_comp-data .ee_tit {
    margin: 0 0 6px;
}

[class*=ee_goods-comp].ee_overflow .ee_comp-data .ee_tit .ee_brand {
    display: inline;
}

[class*=ee_goods-comp].ee_overflow .ee_comp-data .ee_option + .ee_option {
    margin-top: 3px;
}

[class*=ee_goods-comp].ee_overflow .ee_price-box {
    width: auto;
}

.ee_brand {
    display: inline;
    font-style: normal;
    font-weight: 700;
    width: auto;
}

.ee_brand + a {
    display: inline;
    width: auto;
}

/*
=======================================
 상품 리스트
=======================================
*/
[class*=ee_goods-grid] {
    display: grid;
    /*제품 리스트 row 타입*/
    /*제품 리스트 col 타입*/
}

[class*=ee_goods-grid] a {
    display: block;
}

[class*=ee_goods-grid] + .ee_btn-more {
    margin-top: 20px;
}

[class*=ee_goods-grid] .ee_goods-data {
    /*상품목록 브랜드*/
}

[class*=ee_goods-grid] .ee_goods-data .ee_brand {
    font-size: 13px;
    line-height: 15px;
    color: #999;
    margin-top: 14px;
    display: inline-block;
}

[class*=ee_goods-grid] .ee_goods-data .ee_flag-wrap {
    height: 16px;
    overflow: hidden;
}

[class*=ee_goods-grid][class*=ee_row] {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 15px;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods {
    position: relative;
    /* 품절 */
    /* 판매종료 */
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_goods-box {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_goods-box ~ * {
    display: none;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_goods-box ~ *.ee_show {
    display: block;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_goods-box ~ *.ee_show.ee_quantity.ty3 {
    display: flex;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods.ee_soldout .ee_thum {
    display: block;
    position: relative;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods.ee_soldout .ee_thum::before {
    display: block;
    content: "품절";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background-color: rgba(34, 34, 34, 0.5);
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods.ee_end-sale .ee_thum {
    display: block;
    position: relative;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods.ee_end-sale .ee_thum::before {
    display: block;
    content: "판매종료";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background-color: rgba(34, 34, 34, 0.5);
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_thum {
    width: 109px;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_thum .ee_times {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    background: #ffffff;
    color: #222;
    line-height: 16px;
    font-size: 9px;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_thum .ee_times i {
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_goods-data {
    margin-left: 15px;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_goods-data .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=ee_goods-grid][class*=ee_row] .ee_goods .ee_btn-icon {
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
}

[class*=ee_goods-grid][class*=ee_row][class*=size62] {
    row-gap: 10px;
}

[class*=ee_goods-grid][class*=ee_row][class*=size62] .ee_thum {
    width: 62px;
}

[class*=ee_goods-grid][class*=ee_row][class*=size62] .ee_goods-data .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=ee_goods-grid][class*=ee_row][class*=size62] .ee_goods-data .ee_tit a {
    padding-top: 0;
}

[class*=ee_goods-grid][class*=ee_row][class*=size62] .ee_goods-data .ee_tit [class*=ee_flag] {
    height: 16px;
    margin: 0;
}

[class*=ee_goods-grid][class*=ee_row][class*=size62] .ee_goods-data .ee_desc {
    display: block;
    margin: 2px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class*=ee_goods-grid][class*=ee_row][class*=size62] .ee_goods-data [class*=ee_price-box] {
    margin: 2px 0 0;
}

[class*=ee_goods-grid][class*=ee_row][class*=size62].ty2 {
    row-gap: 10px;
}

[class*=ee_goods-grid][class*=ee_row][class*=size62].ty2 .ee_goods button {
    right: -5px;
}

[class*=ee_goods-grid][class*=ee_row][class*=size90] {
    row-gap: 10px;
}

[class*=ee_goods-grid][class*=ee_row][class*=size90] .ee_thum {
    width: 90px;
}

[class*=ee_goods-grid][class*=ee_row][class*=size90] [class*=ee_btn-round] {
    position: absolute;
    bottom: 0;
    right: 0;
}

[class*=ee_goods-grid][class*=ee_row][class*=size90].ee_has-btn a {
    padding-right: 80px;
}

[class*=ee_goods-grid][class*=ee_row].ee_has-heart a {
    padding-right: 35px;
}

[class*=ee_goods-grid][class*=ee_row].ee_has-check {
    row-gap: 20px;
}

[class*=ee_goods-grid][class*=ee_row].ee_has-check .ee_goods {
    position: relative;
    padding: 0 0 0 30px;
}

[class*=ee_goods-grid][class*=ee_row].ee_has-check .ee_goods label {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
}

[class*=ee_goods-grid][class*=ee_row].ee_has-check .ee_goods .ee_select-custom,
[class*=ee_goods-grid][class*=ee_row].ee_has-check .ee_goods .ee_quantity {
    margin: 10px 0 0;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods .ee_thum .ee_ranking {
    position: absolute;
    top: 1px;
    left: 1px;
    padding: 2px 5px;
    background: #ffffff;
    z-index: 1;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods .ee_thum .ee_ranking .ee_rank {
    font-size: 9px;
    line-height: 16px;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods .ee_thum .ee_ranking .ee_rank .ee_number {
    font-size: 12px;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods .ee_thum .ee_ranking .ee_rank-status {
    margin-left: 2px;
    font-size: 10px;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods .ee_thum .ee_ranking .ee_rank-status.freeze {
    margin-right: 7px;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods-data .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    text-align: left;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods-data .ee_option-txt {
    display: block;
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods-data .ee_option-txt ~ .ee_price-box {
    margin-top: 8px;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods-data .ee_price-box {
    margin-top: 3px;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods-data .ee_price-box .ee_number {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods-data .ee_price-box .ee_del {
    color: #999;
    font-weight: 400;
    font-size: 10px;
}

[class*=ee_goods-grid][class*=ee_col] .ee_goods-data .ee_price-box .ee_del .ee_number {
    font-size: 11px;
}

[class*=ee_goods-grid][class*=ee_col] + .ee_btn-more {
    margin-top: 20px;
}

[class*=ee_goods-grid][class*=ee_col1] {
    row-gap: 25px;
}

[class*=ee_goods-grid][class*=ee_col2] {
    grid-template-columns: repeat(2, minmax(calc(50% - 9px), 1fr));
    column-gap: 9px;
    row-gap: 25px;
}

[class*=ee_goods-grid][class*=ee_col2] .ee_goods .ee_goods-data a {
    display: block;
    padding-top: 12px;
}

[class*=ee_goods-grid][class*=ee_col2] .ee_goods .ee_goods-data .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 51px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=ee_goods-grid][class*=ee_col2] .ee_goods .ee_goods-data .ee_tit em {
    color: #d10011;
}

[class*=ee_goods-grid][class*=ee_col2] .ee_goods .ee_ranking + .ee_thum {
    margin-top: 5px;
}

[class*=ee_goods-grid][class*=ee_col3] {
    grid-template-columns: repeat(3, minmax(calc(33% - 9px), 1fr));
    column-gap: 9px;
    row-gap: 15px;
}

[class*=ee_goods-grid][class*=ee_col3] .ee_goods-data a {
    display: block;
    padding-top: 12px;
}

[class*=ee_goods-grid][class*=ee_col3] .ee_goods-data a .ee_price-box {
    flex-wrap: wrap;
    margin-top: 3px;
    text-align: left;
    font-size: 12px;
}

[class*=ee_goods-grid][class*=ee_col3] .ee_goods-data a .ee_price-box .ee_del {
    margin: 0;
}

[class*=ee_goods-grid][class*=ee_col3] .ee_tit {
    margin: 9px 5px 0;
    text-align: center;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

[class*=ee_goods-grid].swiper-container {
    margin: 0 -15px;
    padding: 0 24px;
}

/*swiper + 리스트*/
.ee_goods-mix {
    margin-top: 10px;
}

.ee_goods-mix .ee_goods-big .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.ee_goods-mix .ee_goods-grid[class*=size62] {
    margin-top: 0;
}

.ee_goods-mix .ee_goods-grid[class*=size62] .ee_goods {
    margin: 0 15px;
}

.ee_goods-mix .ee_swiper-container {
    margin-top: -24px;
    padding-top: 15px;
    background: #ffffff;
    border-radius: 0 20px 0 0;
}

.ee_goods-mix .ee_swiper-container .swiper-pagination {
    margin-top: 20px;
}

/*제품 리스트 아이템*/
[class*=ee_goods] .ee_video {
    position: relative;
    padding: 0 0 100%;
}

[class*=ee_goods] .ee_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100vw;
    width: 99.8vw;
    max-height: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}

[class*=ee_goods] .ee_thum {
    position: relative;
    flex: 0 0 auto;
}

[class*=ee_goods] .ee_thum a::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    z-index: 1;
}

[class*=ee_goods] .ee_thum .ee_btn-icon {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1;
}

[class*=ee_goods] .ee_thum img {
    width: 100%;
}

[class*=ee_goods] .ee_thum .ee_goods-soldout {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    background: rgba(196, 196, 196, 0.8);
}

[class*=ee_goods] .ee_btn-icon {
    padding: 7px;
    font-size: 0;
}

[class*=ee_goods] .ee_goods-data {
    position: relative;
    text-align: left;
}

[class*=ee_goods] .ee_goods-data a {
    display: block;
    padding-top: 12px;
}

[class*=ee_goods] .ee_goods-data .ee_brand + .ee_tit {
    margin-top: 4px;
}

[class*=ee_goods] .ee_goods-data .ee_tit-brand + .ee_tit {
    margin: 5px 0 0 0;
}

[class*=ee_goods] .ee_goods-data .ee_tit {
    display: block;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
}

[class*=ee_goods] .ee_goods-data .ee_price-box {
    margin-top: 5px;
}

[class*=ee_goods] .ee_goods-data .ee_star-wrap {
    margin-top: 8px;
}

[class*=ee_goods] .ee_goods-data .ee_option-list {
    margin: -5px 0 0 -5px;
}

[class*=ee_goods] .ee_goods-data .ee_tit-brand {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #999;
    line-height: 15px;
    word-break: break-word;
    display: block;
}

[class*=ee_goods] .ee_goods-data .ee_tit-brand em {
    color: #d10011;
}

/*list case : 1줄 케이스  start*/
.ee_line-list {
    margin: 5px auto 40px;
}

.ee_line-list li {
    position: relative;
    box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.ee_line-list li + li {
    margin-top: 16px;
}

.ee_line-list li a {
    display: block;
    border-radius: 10px;
    box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.ee_line-list li .ee_thum {
    display: block;
}

.ee_line-list li .ee_thum img {
    width: 100%;
}

.ee_line-list li .desc {
    padding: 10px;
    border: solid 1px #eeeeee;
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
    background: #fff;
}

.ee_line-list li .desc .ee_tit {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ee_line-list li .desc .ee_txt {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #222;
    line-height: 1.43;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ee_line-list li .desc .ee_date {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
    color: #999;
}

.ee_btn-icon .ee_icon-heart {
    background: url(../image/icons/20x20/ico-common-like-small.svg) center center/cover no-repeat;
}

.ee_btn-icon.on .ee_icon-heart {
    background: url(../image/icons/20x20/ico-common-like-on-small.svg) center center/cover no-repeat;
}

/* 결제예정금액 */
.ee_pay-comp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 16px 0 10px;
    border-radius: 3px;
    background-color: #f7f7f7;
}

.ee_pay-comp .ee_flex {
    flex: 1;
    display: inline-block;
    margin-left: -8px;
    font-size: 0;
}

.ee_pay-comp .ee_flex > * {
    display: inline-flex;
    align-items: flex-end;
    margin-left: 8px;
}

.ee_pay-comp .ee_price-box {
    display: inline-flex;
}

.ee_pay-comp .ee_price-box .ee_label {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    padding-top: 1px;
}

.ee_pay-comp .ee_price-box .ee_label + .ee_number {
    margin-left: 10px;
}

.ee_pay-comp[class*=ty2] {
    height: 40px;
    padding: 0 11px 0 15px;
}

.ee_board-list {
    border-top: 1px solid #eee;
}

.ee_board-list > li {
    border-bottom: 1px solid #eee;
}

.ee_board-list > li:last-child {
    border-bottom: none;
}

.ee_board-list > li.ee_nodata {
    margin: 0 auto;
    padding: 40px 0;
    border-bottom: none;
}

.ee_board-list > li.ee_nodata span {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    line-height: 17px;
}

.ee_board-list > li.ee_nodata::before {
    display: none;
}

.ee_board-list .ee_tit-box {
    display: block;
    position: relative;
    padding: 20px 0;
}

.ee_board-list .ee_tit-box::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../image/icons/20x20/ico-common-arrow-a-right-small.svg) center center no-repeat;
}

.ee_board-list .ee_tit-box > *:first-child {
    margin-top: 0;
}

.ee_board-list .ee_tit-box .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    letter-spacing: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ee_board-list .ee_tit-box .ee_data-box {
    display: block;
    margin-top: 5px;
}

.ee_board-list .ee_tit-box .ee_data-box span {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

.ee_board-list.ty2 {
    padding-bottom: 0px;
}

.ee_board-list.ty2 .ee_nodata {
    padding: 30px 0 20px;
}

.ee_tit-wrap + .ee_board-list {
    margin-top: 15px;
}

/*
=======================================
 버튼
=======================================
*/
/* 버튼 타입별 스타일 */
[class*=ee_btn] {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[class*=ee_btn][class*=wrap] {
    font-size: 0;
}

[class*=ee_btn][class*=wrap] > * + * {
    margin: 5px 0 0;
}

[class*=ee_btn][class*=wrap].ee_fit {
    display: flex;
}

[class*=ee_btn][class*=wrap].ee_fit > * + * {
    margin: 0 0 0 5px;
}

[class*=ee_btn][class*=wrap].ee_flex {
    justify-content: center;
}

[class*=ee_btn][class*=wrap].ee_flex > * + * {
    margin-top: 0;
    margin-left: 5px;
}

[class*=ee_btn][class*=wrap].ee_mt0 {
    margin-top: 0;
}

[class*=ee_btn][class*=wrap].ee_mt10 {
    margin-top: 10px;
}

[class*=ee_btn][class*=wrap].ee_mt20 {
    margin-top: 20px;
}

[class*=ee_btn][class*=wrap] [class*=ee_btn] {
    flex: 0 1 auto;
}

[class*=ee_btn] > span + i {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

[class*=ee_btn] > i + span {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

/* 네모버튼 */
[class*=ee_btn-base] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border: none;
    border-radius: 3px;
    background: #ffffff;
    text-align: center;
}

[class*=ee_btn-base] span {
    display: inline-block;
    vertical-align: middle;
}

[class*=ee_btn-base] i {
    display: inline-block;
    vertical-align: middle;
}

[class*=ee_btn-base][class*=size30] {
    height: 30px;
    border: 1px solid #555;
}

[class*=ee_btn-base][class*=size30] span {
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    color: #555;
}

[class*=ee_btn-base][class*=size40] {
    height: 40px;
    border: 1px solid #555;
}

[class*=ee_btn-base][class*=size40] span {
    font-weight: 500;
    font-size: 13px;
    line-height: 38px;
    color: #555;
}

[class*=ee_btn-base][class*=size45] {
    height: 45px;
    border: 1px solid #555;
}

[class*=ee_btn-base][class*=size45] span {
    font-weight: 500;
    font-size: 16px;
    line-height: 43px;
    color: #555;
}

[class*=ee_btn-base][class*=size50] {
    height: 50px;
    border: 1px solid #555;
}

[class*=ee_btn-base][class*=size50] span {
    font-weight: 700;
    font-size: 15px;
    line-height: 48px;
    color: #555;
}

.ee_common-btn-wrap {
    display: flex;
    align-items: center;
    font-size: 0;
    margin: 0 -15px;
}

[class*=ee_btn-flat] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: #ffffff;
    text-align: center;
}

[class*=ee_btn-flat] span {
    display: inline-block;
    vertical-align: middle;
}

[class*=ee_btn-flat] i {
    display: inline-block;
    vertical-align: middle;
}

[class*=ee_btn-flat][class*=size45] {
    height: 45px;
    border: 1px solid;
}

[class*=ee_btn-flat][class*=size45] span {
    font-size: 16px;
    line-height: 43px;
}

/* 라운드버튼 */
/*basic*/
[class*=ee_btn-round] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #ffffff;
    text-align: center;
}

[class*=ee_btn-round] input[type=checkbox],
[class*=ee_btn-round] input[type=radio] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    opacity: 0;
}

[class*=ee_btn-round] span {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

[class*=ee_btn-round] i {
    display: inline-block;
    vertical-align: middle;
}

[class*=ee_btn-round][class*=size24] {
    height: 24px;
    border-radius: 12px;
    padding: 0 9px;
}

[class*=ee_btn-round][class*=size24] span {
    border-radius: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #777;
}

[class*=ee_btn-round][class*=size30] {
    height: 30px;
    border-radius: 15px;
    padding: 0 14px;
}

[class*=ee_btn-round][class*=size30] span {
    border-radius: 15px;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    color: #555;
    white-space: nowrap;
}

[class*=ee_btn-round][class*=size36] {
    height: 36px;
    border-radius: 18px;
    padding: 0 15px;
}

[class*=ee_btn-round][class*=size36] span {
    border-radius: 18px;
    font-weight: 400;
    font-size: 13px;
    line-height: 34px;
    color: #777;
    white-space: nowrap;
}

[class*=ee_btn-round][class*=size45] {
    height: 45px;
    border-radius: 25px;
    padding: 0 70px;
}

[class*=ee_btn-round][class*=size45] span {
    font-weight: 500;
    font-size: 16px;
    line-height: 43px;
    color: #ffffff;
}

[class*=ee_btn-round].ee_floating-btn {
    position: fixed;
    bottom: 11.9791666667vh;
    left: 50%;
    transform: translateX(-50%);
    height: 40px;
    border-radius: 20px;
    background: #ffffff;
}

[class*=ee_btn-round].ee_floating-btn span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #ff5432;
    text-align: center;
    padding: 0 20px;
}

label[class*=ee_btn-round] {
    border: none;
    padding: 0;
}

label[class*=ee_btn-round][class*=size] {
    padding: 0;
    margin-right: 5px;
}

label[class*=ee_btn-round][class*=size]:last-child {
    margin-right: 0;
}

label[class*=ee_btn-round] span {
    display: block;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 14px;
    background: none;
    text-align: center;
}

label[class*=ee_btn-round][class*=case1] input[type=checkbox]:checked ~ span,
label[class*=ee_btn-round][class*=case1] input[type=radio]:checked ~ span {
    border-color: #555;
    font-weight: 700;
}

label[class*=ee_btn-round][class*=case2] input[type=checkbox]:checked ~ span,
label[class*=ee_btn-round][class*=case2] input[type=radio]:checked ~ span {
    border-color: #555;
    background: #555;
    font-weight: 700;
    color: #ffffff;
}

label[class*=ee_btn-round][class*=case3] input[type=checkbox]:checked ~ span,
label[class*=ee_btn-round][class*=case3] input[type=radio]:checked ~ span {
    border-color: #333;
    background: #333;
    font-weight: 700;
    color: #ffffff;
}

/* 삭제버튼 */
[class*=ee_btn-del] {
    border: none;
    padding: 0;
    min-width: auto;
    height: auto;
    background-color: transparent;
    font-size: 0;
}

/* 토글 버튼 */
[class*=ee_btn-toggle] span {
    font-size: 13px;
    line-height: 19px;
    color: #222;
    text-decoration: underline;
    text-underline-position: under;
}

[class*=ee_btn-toggle].on i {
    transform: rotate(180deg);
}

/* 인포 더보기 버튼 */
.ee_more-info {
    height: 20px;
    font-size: 13px;
    color: #555;
}

.ee_more-info::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../image/icons/20x20/ico-common-arrow-a-down-small.svg) center center/cover no-repeat;
    vertical-align: middle;
}

.ee_more-info.on::after {
    transform: rotateZ(180deg);
}

.ee_more-info span {
    display: inline-block;
    vertical-align: middle;
}

/* 텍스트 버튼 */
[class*=ee_btn-txt] {
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    min-width: auto;
    display: inline-block;
    background: none;
    font-size: 0;
}

[class*=ee_btn-txt] span {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    vertical-align: middle;
}

[class*=ee_btn-txt] i {
    vertical-align: middle;
}

[class*=ee_btn-txt] i ~ span {
    margin: 0 0 0 2px;
}

[class*=ee_btn-txt].case1 span {
    color: #555;
}

[class*=ee_btn-txt].case2 span {
    color: #222;
}

[class*=ee_btn-txt][class*=size12] span {
    font-size: 12px;
    line-height: 18px;
}

[class*=ee_btn-txt][class*=size14] span {
    font-size: 14px;
    line-height: 20px;
}

/* 링크 버튼 */
[class*=ee_btn-link] {
    display: inline-flex;
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    min-width: auto;
    background-color: transparent;
}

[class*=ee_btn-link]::after {
    display: block;
    content: "";
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    padding: 5px 2px;
    background: url(../image/icons/10x10/ico-common-10-arrow-black.svg) center center no-repeat;
}

[class*=ee_btn-link] span {
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #222;
}

[class*=ee_btn-link].case2 span {
    color: #777;
}

[class*=ee_btn-link].case2::after {
    background: url(../image/icons/10x10/ico-common-arrow-d-down-small.svg) center center no-repeat;
}

[class*=ee_btn-link].case3 span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=ee_btn-link].case3::after {
    padding: 4px 2px;
    background: url(../image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
}

[class*=ee_btn-link].case4 span {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #555;
}

[class*=ee_btn-link].case5 span {
    font-weight: 500;
    line-height: 20px;
}

[class*=ee_btn-link].case6 span {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

[class*=ee_btn-link].case6::after {
    padding: 4px 2px;
    background: url(../image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
}

[class*=ee_btn-link].case7 {
    display: block;
}

[class*=ee_btn-link].case7 span {
    display: inline;
    font-weight: normal;
    font-size: 12px;
    color: #777;
    line-height: 18px;
}

[class*=ee_btn-link].case7::after {
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    padding: 0;
    display: inline-block;
    background-image: url(../image/icons/10x10/ico-common-10-arrow-gray.svg);
}

[class*=ee_btn-link].case8::after {
    display: none;
}

[class*=ee_btn-link].case8 span {
    display: inline;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=ee_btn-link].case8 .ee_txt {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

[class*=ee_btn-link].case8 .ee_txt::after {
    display: inline-block;
    content: "";
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    padding: 4px 2px;
    background: url(../image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
    vertical-align: middle;
}

[class*=ee_btn-link].case8 .ee_txt span {
    font-weight: 700;
}

/* 라인 버튼 */
[class*=ee_btn-line] {
    border: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    min-width: auto;
    display: inline-flex;
    text-align: left;
    background: none;
}

[class*=ee_btn-line] span {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    color: #555;
    line-height: 18px;
    text-decoration: underline;
    text-underline-position: under;
    background-color: transparent;
}

[class*=ee_btn-line] li {
    margin: 8px 0 0;
    padding: 0 0 0 15px;
    font-size: 12px;
    line-height: 18px;
    text-indent: -15px;
}

[class*=ee_btn-line] li:first-child {
    margin: 0;
}

[class*=ee_btn-line].case2 span {
    color: #ccc;
}

[class*=ee_btn-line].case3 span {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

[class*=ee_btn-line].case4 span {
    font-size: 11px;
    line-height: 16px;
}

[class*=ee_btn-line].case5 span {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

[class^=ee_btn][class*=ty1] {
    border-color: #555;
    background: #555;
}

[class^=ee_btn][class*=ty1] span {
    color: #ffffff;
}

[class^=ee_btn][class*=ty2] {
    border-color: #ccc;
    background: #ffffff;
}

[class^=ee_btn][class*=ty2] span {
    color: #555;
}

[class^=ee_btn][class*=ty2]:disabled {
    background: #f4f4f4;
}

[class^=ee_btn][class*=ty2]:disabled span {
    color: rgba(85, 85, 85, 0.3);
}

[class^=ee_btn][class*=ty2]:disabled i {
    opacity: 0.3;
}

[class^=ee_btn][class*=ty3] {
    border-color: #999;
    background: #ffffff;
}

[class^=ee_btn][class*=ty3] span {
    color: #555;
}

[class^=ee_btn][class*=ty4] {
    border-color: #ddd;
    background: #ffffff;
}

[class^=ee_btn][class*=ty4] span {
    color: #555;
}

[class^=ee_btn][class*=ty5] {
    border-color: #ffffff;
    background: #ffffff;
}

[class^=ee_btn][class*=ty5] span {
    color: #555;
}

[class^=ee_btn][class*=ty6] {
    border-color: #777;
    background: #777;
}

[class^=ee_btn][class*=ty6] span {
    font-weight: 700;
    color: #ffffff;
}

[class^=ee_btn][class*=ty7] {
    border-color: #ccc;
    background: #ccc;
}

[class^=ee_btn][class*=ty7] span {
    font-weight: 500;
    color: #ffffff;
}

[class^=ee_btn][class*=ty8] {
    border-color: #333;
    background: #333;
}

[class^=ee_btn][class*=ty8] span {
    font-weight: 500;
    color: #ffffff;
}

[class^=ee_btn][class*=ty9] {
    border-color: #666;
    background: #666;
}

[class^=ee_btn][class*=ty9] span {
    font-weight: 500;
    color: #ffffff;
}

[class^=ee_btn][class*=ty10] {
    border-color: #ddd;
    background: #f4f4f4;
}

[class^=ee_btn][class*=ty10] span {
    font-weight: 500;
    color: #222;
}

/* 사이즈 선택 버튼 */
.ee_btn-size {
    display: block;
    position: relative;
    box-sizing: border-box;
    min-width: 30px;
    width: auto;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 7px;
    background: #ffffff;
}

.ee_btn-size span {
    display: block;
    font-weight: 700;
    font-size: 11px;
    line-height: 28px;
    color: #555;
    text-align: center;
}

.ee_btn-size .ee_add-price {
    display: none;
    position: absolute;
    top: -35px;
    padding: 3px 10px;
    border: 1px solid #cccccc;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    color: #555;
    line-height: 20px;
    background-color: white;
    border-radius: 3px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.ee_btn-size .ee_add-price::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 0;
    border-bottom: 3px solid transparent;
    border-top: 4px solid #cccccc;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    transform: translateX(-50%);
}

.ee_btn-size.on {
    border-color: #222;
}

.ee_btn-size.on span {
    color: #222;
}

.ee_btn-size.ee_fake-disabled, .ee_btn-size:disabled {
    border: 1px solid #ddd;
    background: #f4f4f4;
}

.ee_btn-size.ee_fake-disabled.on, .ee_btn-size:disabled.on {
    border-color: #222;
}

.ee_btn-size.ee_fake-disabled span, .ee_btn-size:disabled span {
    position: relative;
    color: #ccc;
}

.ee_btn-size.ee_fake-disabled span::before, .ee_btn-size:disabled span::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 40px;
    background: #ddd;
    transform: translate(-50%, -50%) rotate(45deg);
}

.ee_btn-size.case2 {
    min-width: 30px;
    width: auto;
    padding: 0 9px;
}

.ee_btn-size.case2 span {
    white-space: nowrap;
}

.ee_btn-size.case2.on {
    border-color: #222;
}

.ee_btn-size.case2.on span {
    color: #222;
}

.ee_btn-size.case2:disabled span::before {
    height: 40px;
}

/* 컬러 선택 버튼 */
.ee_btn-color {
    display: block;
    position: relative;
    box-sizing: border-box;
    min-width: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0;
    background: none;
}

.ee_btn-color img {
    width: 100%;
    height: 100%;
}

.ee_btn-color .ee_option-tip {
    display: block;
    position: absolute;
    top: -35px;
    padding: 3px 10px;
    border: 1px solid #cccccc;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    color: #555;
    line-height: 20px;
    background-color: white;
    border-radius: 3px;
    left: 50%;
    transform: translateX(-50%);
}

.ee_btn-color .ee_option-tip::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 0;
    border-bottom: 3px solid transparent;
    border-top: 4px solid #cccccc;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    transform: translateX(-50%);
}

.ee_btn-color.on {
    border: 1px solid #222;
}

.ee_btn-color.on::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: auto;
    height: auto;
    border: 2px solid #ffffff;
    border-radius: 2px;
    background: none;
    transform: translate(0, 0);
}

.ee_btn-color.ee_fake-disabled, .ee_btn-color:disabled {
    border: 1px solid #ccc;
}

.ee_btn-color.ee_fake-disabled::after, .ee_btn-color:disabled::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 42px;
    background: #ddd;
    transform: translate(-50%, -50%) rotate(45deg);
}

.ee_btn-color.ee_fake-disabled.on, .ee_btn-color:disabled.on {
    border-color: #222;
}

.ee_btn-color-size20 {
    display: block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-width: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0;
    background: none;
}

.ee_btn-color-size20 img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.ee_btn-color-size20.on {
    border: 1px solid #222;
}

.ee_btn-color-size20.on::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: auto;
    height: auto;
    border: 1px solid #ffffff;
    background: none;
    transform: translate(0, 0);
}

.ee_btn-color-size20:disabled, .ee_btn-color-size20.disabled {
    border: 1px solid #ccc;
}

.ee_btn-color-size20:disabled::before, .ee_btn-color-size20.disabled::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 42px;
    background: #ddd;
    transform: translate(-50%, -50%) rotate(45deg);
}

.ee_sticky-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 10px 15px calc(var(--safeBtm));
    border-top: 1px solid #eee;
    background-color: #fff;
    z-index: 499;
}

.ee_sticky-bottom ~ footer, .ee_sticky-bottom ~ .ee_footer {
    padding-bottom: 150px;
}

.ee_sticky-bottom.ty2 {
    z-index: 499;
    padding: 0 0 var(--safeBtm);
    border: none;
}

.ee_sticky-bottom.ty2 .ee_common-btn-wrap {
    margin: 0;
}

.ee_sticky-bottom [class*=ee_btn][class*=size45] {
    border-color: #333;
    color: #333;
}

.ee_sticky-bottom [class*=ee_btn][class*=size45].ty1 {
    background: #333;
    border-color: #333;
    color: #333;
}

.ee_sticky-bottom [class*=ee_btn][class*=size45].ty10 {
    background: #f4f4f4;
    border-color: #ddd;
    color: #212121;
}

.ee_sticky-bottom .ee_common-btn-wrap [class*=ee_btn]:not(.ty10) {
    border: none;
}

/* 기존 운영 쇼핑백 푸터 */
.ee_sticky-bottom ~ footer.has-padding ~ #btn_top {
    bottom: 125px;
}

/* 버튼 컨테이너 슬롯영역 */
.ee_slot {
    display: inline-block;
    width: 50px;
    height: 45px;
    font-size: 0;
}

.ee_slot .ee_btn-ico {
    display: inline-block;
    vertical-align: middle;
}

.ee_slot .ee_btn-ico.on .ee_btn-heart {
    background-image: url(../image/icons/24x24/ico-common-24-like-white.svg);
}

.ee_slot .ee_btn-ico .ee_btn-heart {
    display: block;
    width: 50px;
    height: 45px;
    background: #999 url(../image/icons/24x24/ico-common-24-like-white-off.svg) center center no-repeat;
    font-size: 0;
    transition: all 0.3s;
}

.ee_slot .ee_btn-ico .ee_btn-gift {
    display: block;
    width: 50px;
    height: 45px;
    font-size: 0;
    background: #999 url(../image/icons/24x24/ico-common-24-gift-white.svg) center center no-repeat;
}

.ee_slot .ee_btn-ico .ee_txt {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #222;
    text-align: center;
}

.ee_gray-area {
    border-radius: 3px;
    padding: 12px 20px;
    background: #f7f7f7;
}

.ee_gray-area.ty2 {
    padding: 12px 15px;
}

.ee_gray-area.ty3 {
    padding: 15px;
}

.ee_gray-area.ty3 label {
    display: block;
}

.ee_gray-area.ty3 label + label {
    margin: 5px 0 0;
}

.ee_gray-area.ty4 {
    padding: 20px 25px;
}

.ee_gray-area.ty5 {
    text-align: center;
    padding: 20px 20px 18px 20px;
}

.ee_gray-area.ty5 p {
    color: #777;
    line-height: 19px;
}

.ee_line-area {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px;
}

.ee_info-area[data-toggleid] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s;
}

.ee_info-area[data-toggleid] .ee_info-inner {
    text-align: center;
    padding: 20px 20px 18px 20px;
    background-color: #f4f4f4;
    border-radius: 3px;
    margin-top: 10px;
}

.ee_info-area[data-toggleid].on {
    max-height: 200px;
}

.ee_info-area[data-toggleid] p {
    color: #777;
}

.ee_note li {
    position: relative;
    padding: 0 0 0 7px;
    font-size: 11px;
    line-height: 17px;
    color: #999;
}

.ee_note li::before {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #999;
}

.ee_note li + li {
    margin: 5px 0 0;
}

.ee_note li.ee_caution {
    color: #d10011;
}

.ee_note li.ee_caution::before {
    background: #d10011;
}

.ee_note .key-point {
    color: #b4000e;
    text-decoration: underline;
}

.ee_note.ty2 li {
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_note.ty2 li::before {
    background: #777;
}

.ee_note.ty2 li + li {
    margin: 8px 0 0;
}

.ee_note.ty3 li {
    padding: 0 0 0 8px;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_note.ty3 li.ee_caution {
    color: #d10011;
}

.ee_note.ty3 li::before {
    top: 9px;
    background: #555;
}

.ee_note.ty3 li + li {
    margin: 8px 0 0;
}

.ee_note.ty4 li {
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ee_note.ty4 li.ee_caution {
    color: #d10011;
}

.ee_note.ty4 li::before {
    background: #999;
}

.ee_note.ty4 li + li {
    margin: 8px 0 0;
}

.ee_note.ee_has-line {
    border-top: 1px solid #eee;
    padding: 20px 0 0;
}

/* 모달안 안내문구 */
.ee_note:not(ul) {
    text-align: center;
}

.ee_note:not(ul).ee_alarm {
    margin-top: 15px;
}

.ee_note:not(ul).ee_alarm::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    background: url(../image/icons/60x60/ico-common-60-alarm.svg) center center/cover no-repeat;
}

.ee_note:not(ul).ee_alarm > p {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    line-height: 21px;
}

.ee_note:not(ul).ee_alarm > p + .ee_ps {
    margin-top: 10px;
}

.ee_note:not(ul).ee_alarm .ee_ps {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_star-point {
    position: relative;
    width: 80px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-star-gray-small-five.svg) 0 0 no-repeat;
}

.ee_star-point .ee_star {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    background: url(../image/icons/etc/ico-common-16-star-yellow-small-five.svg) no-repeat;
}

.ee_star-point.ee_size20 {
    width: 100px;
    height: 20px;
    background-image: url(../image/icons/etc/ico-common-5-star-grey-reveiw.svg);
}

.ee_star-point.ee_size20 .ee_star {
    background-image: url(../image/icons/etc/ico-common-5-star-yellow-reveiw.svg);
}

.ee_star-point.ee_size20 + .ee_star-info .ee_point {
    font-size: 14px;
    line-height: 20px;
}

.ee_star-wrap {
    display: flex;
}

.ee_star-wrap .ee_star-point .ee_star {
    display: inline-block;
    margin: 0 3px 0 0;
    font-weight: 700;
    color: #555;
}

.ee_star-wrap .ee_goods-star {
    position: relative;
    width: 10px;
    height: 17px;
    background: url(../image/icons/etc/ico-common-star-darkgrey-small.svg) 0 0 no-repeat;
}

.ee_star-wrap .ee_goods-star + .ee_star-info {
    font-size: 11px;
    line-height: 17px;
}

.ee_star-wrap .ee_goods-star + .ee_star-info .ee_point {
    display: inline-block;
    font-size: 11px;
}

.ee_star-wrap .ee_star-info {
    margin: 0 0 0 3px;
    font-size: 13px;
    line-height: 16px;
    color: #777;
}

.ee_star-wrap .ee_star-info .ee_point {
    font-weight: 700;
    color: #555;
}

.ee_star-wrap .ee_star-info .ee_total {
    margin: 0 0 0 3px;
}

[class*=ee_price-box] {
    display: block;
    font-size: 0;
    /*세일 이전 가격*/
}

[class*=ee_price-box] .ee_price {
    display: inline-flex;
    align-items: baseline;
    font-size: 11px;
    line-height: 12px;
    color: #222;
    vertical-align: baseline;
}

[class*=ee_price-box] .ee_price .ee_number {
    margin-right: 1px;
    font-family: "Roboto";
    letter-spacing: -0.5px !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    transform: translateY(1px);
}

[class*=ee_price-box] .ee_original {
    margin: 0 0 0 8px;
}

[class*=ee_price-box] .ee_original span {
    display: inline-flex;
    align-items: baseline;
    font-size: 10px;
    line-height: 18px;
    color: #999;
    vertical-align: baseline;
}

[class*=ee_price-box] .ee_original span .ee_number {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    transform: translateY(1px);
}

[class*=ee_price-box] .ee_original i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
}

[class*=ee_price-box] .ee_del {
    display: inline-flex;
    align-items: baseline;
    margin: 0 0 0 3px;
    font-size: 10px;
    line-height: 12px;
    color: #999;
    vertical-align: baseline;
}

[class*=ee_price-box] .ee_del .ee_number {
    margin-right: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    transform: translateY(0);
}

[class*=ee_price-box] .ee_del [class*=ee_icon] {
    align-self: center;
    margin: 0 0 0 5px;
}

[class*=ee_price-box].ee_original .ee_price .ee_number {
    font-size: 11px;
    color: #999;
}

[class*=ee_price-box][class*=size13] .ee_price {
    font-size: 13px;
    line-height: 19px;
}

[class*=ee_price-box][class*=size13] .ee_price .ee_number {
    font-size: 13px;
    line-height: 19px;
}

[class*=ee_price-box][class*=size15] .ee_price {
    font-size: 12px;
}

[class*=ee_price-box][class*=size15] .ee_price .ee_number {
    font-size: 15px;
    margin-right: 1px;
}

[class*=ee_price-box][class*=size15] .ee_del {
    margin: 0 0 0 8px;
}

[class*=ee_price-box][class*=size22] .ee_price {
    font-size: 15px;
    vertical-align: middle;
}

[class*=ee_price-box][class*=size22] .ee_price .ee_number {
    font-size: 22px;
    line-height: 30px;
}

[class*=ee_price-box][class*=size22] .ee_del {
    margin: 0 0 0 10px;
    font-size: 13px;
    vertical-align: middle;
}

[class*=ee_price-box][class*=size22] .ee_del .ee_number {
    font-size: 15px;
}

[class*=ee_price-box][class*=size22] .ee_del.ee_txt {
    align-items: center;
}

[class*=ee_price-box][class*=size22] .ee_del.ee_txt .ee_number {
    font-size: 13px;
}

[class*=ee_price-box].ee_original {
    margin-top: 1px;
}

[class*=ee_price-box].ee_original .ee_price {
    font-size: 10px;
    color: #999;
}

[class*=ee_price-box].ee_original .ee_price .ee_number {
    line-height: 17px;
    font-size: 11px;
}

[class*=ee_price-box] .ee_tool-tip {
    margin: 0 0 0 10px;
}

@media (max-width: 360px) {
    [class*=ee_price-box] .ee_number {
        letter-spacing: -1px;
    }
}

.ee_btn-more {
    height: 40px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.ee_btn-more span {
    color: #555;
    font-size: 13px;
    font-weight: 500;
}

.ee_btn-more .ico {
    display: inline-block;
    margin-right: 1px;
    object-fit: fill;
    width: 20px;
    height: 20px;
    transform: translateY(-1px);
}

.ee_btn-more em {
    color: #9539fa;
    font-size: 13px;
}

.ee_btn-more.ty2 .ico {
    margin-right: 5px;
}

.ee_btn-more.ty2 .ee_count {
    margin-left: 3px;
    font-weight: 400;
    color: #999;
}

.ee_btn-more.ty2 .ee_count span {
    color: #555;
}

.ee_btn-more.ty3 {
    color: #999;
    height: auto;
    border: none;
}

.ee_btn-more.ty4 .ico {
    margin-right: 5px;
}

.ee_btn-more.ty4 em {
    color: #ff5432;
}

.ee_btn-more.ty4 span {
    color: #777;
}

.ee_btn-more.ty4 .ee_count {
    margin-right: 5px;
    color: #999;
}

.ee_btn-more.ty4 .ee_count span {
    color: #555;
}

/*
=======================================
 아이콘
=======================================
*/
[class^=ee_icon] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
}

[class^=ee_icon][class*=delete] {
    background: url(../image/icons/20x20/ico-common-20-close.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=delete].ee_area32 {
    background: url(../image/icons/32x32/ico-common-32-menu-close.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=delete].ee_area30 {
    background: url(../image/icons/30x30/ico-common-30-popup-close.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=play] {
    background: url(../image/icons/20x20/ico-common-20-play.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=heart] {
    background: url(../image/icons/16x16/ico-pay-16-like-off.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=point-si] {
    width: 52px;
    background: url(../image/icons/etc/ico-common-point-si.svg) center center/cover no-repeat;
}

.ee_goods-comp [class^=ee_icon][class*=point-si], .ee_desc-list [class^=ee_icon][class*=point-si] {
    width: 16px;
    background-image: url(../image/icons/16x16/ico-pay-16-point-si.svg);
}

[class^=ee_icon][class*=point-si-dark] {
    width: 52px;
    background: url(../image/icons/etc/ico-common-point-si-dark.svg) center center/cover no-repeat;
}

.ee_goods-comp [class^=ee_icon][class*=point-si-dark], .ee_desc-list [class^=ee_icon][class*=point-si-dark] {
    width: 16px;
    background-image: url(../image/icons/16x16/ico-pay-16-point-si-dark.svg);
}

[class^=ee_icon][class*=point-e] {
    width: 52px;
    background: url(../image/icons/etc/ico-common-point-e.svg) center center/cover no-repeat;
}

.ee_goods-comp [class^=ee_icon][class*=point-e], .ee_desc-list [class^=ee_icon][class*=point-e] {
    width: 16px;
    background-image: url(../image/icons/16x16/ico-pay-16-point-e.svg);
}

[class^=ee_icon][class*=point-e-dark] {
    width: 52px;
    background: url(../image/icons/etc/ico-common-point-e-dark.svg) center center/cover no-repeat;
}

.ee_goods-comp [class^=ee_icon][class*=point-e-dark], .ee_desc-list [class^=ee_icon][class*=point-e-dark] {
    width: 16px;
    background-image: url(../image/icons/16x16/ico-pay-16-point-e-dark.svg);
}

[class^=ee_icon][class*=point-shinsegae] {
    width: 52px;
    background: url(../image/icons/etc/ico-common-point-shinsegae.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=point-shinsegae-dark] {
    width: 52px;
    background: url(../image/icons/etc/ico-common-point-shinsegae-dark.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=plus] {
    background: url(../image/icons/20x20/ico-pay-20-total-plus.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=minus] {
    background: url(../image/icons/20x20/ico-pay-20-total-minus.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=file] {
    background: url(../image/icons/20x20/ico-camera-small.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=calendar] {
    background: url(../image/icons/16x16/ico-common-16-calendar.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=gift] {
    background: url(../image/icons/16x16/ico-common-16-gift.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=arrow] {
    background: url(../image/icons/10x10/ico-common-10-arrow-gray.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=arrow30] {
    background: url(../image/icons/30x30/ico-common-30-arrow-right.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=move] {
    margin: 0;
    background: url(../image/icons/20x20/ico-common-20-arrow-right-gray.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=list] {
    margin: 0;
    background: url(../image/icons/20x20/ico-pay-20-full.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=warning] {
    background: url(../image/icons/32x32/ico-common-32-warning.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=view] {
    background: url(../image/icons/16x16/ico-pay-16-view.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=lock] {
    background: url(../image/icons/20x20/ico-common-20-privacy.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=detail] {
    background: url(../image/icons/32x32/ico-common-32-blowup.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=download] {
    background: url(../image/icons/20x20/ico-pay-20-download.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=gnb-search] {
    background: url(../image/icons/32x32/ico-gnb-seach.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=icon-search] {
    background: url(../image/icons/32x32/ico-common-search.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=cart] {
    background: url(../image/icons/32x32/ico-gnb-bag.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=home] {
    background: url(../image/icons/32x32/ico-gnb-home.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=share] {
    background: url(../image/icons/20x20/ico-common-20-share.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=question] {
    background: url(../image/icons/16x16/ico-common-16-question.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=set] {
    background: url(../image/icons/20x20/ico-common-20-set-select.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=reset] {
    background: url(../image/icons/20x20/ico-common-20-reset.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=more] {
    background: url(../image/icons/20x20/ico-common-20-more.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=time] {
    background: url(../image/icons/20x20/ico-common-20-time.svg) center center/cover no-repeat;
}

[class^=ee_icon][class*=dropdown] {
    background: url(../image/icons/10x10/ico-common-10-arrow-dropdown.svg) center center/cover no-repeat;
    margin: 0 0 0 2px;
}

[class^=ee_icon][class*=like] {
    background: url(../image/icons/15x15/ico-sns-like-small.svg) center center/cover no-repeat;
    margin: 0 3px 0 0;
}

[class^=ee_icon][class*=level-vvip] {
    width: 30px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-vvip.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-vip] {
    width: 24px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-vip.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-prestige] {
    width: 21px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-pr.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-premium] {
    width: 23px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-pm.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-welcome] {
    width: 16px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-w.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-all] {
    width: 16px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-a-gray.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-jajubest] {
    width: 32px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-best.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-jajugreat] {
    width: 40px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-great.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-jajugood] {
    width: 37px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-good.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-jajuwelcome] {
    width: 57px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-welcome.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-diamond] {
    width: 16px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-d.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-platinum] {
    width: 16px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-p.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-gold] {
    width: 16px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-g.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-silver] {
    width: 16px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-s.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=level-bronze] {
    width: 16px;
    height: 16px;
    background: url(../image/icons/etc/ico-common-16-grade-b.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class^=ee_icon][class*=top] {
    background: url(../image/icons/10x10/ico-common-10-arrow-up-white.svg) center center/cover no-repeat;
    vertical-align: middle;
}

[class*=ee_btn].on .ee_icon-like {
    background-image: url(../image/icons/16x16/ico-sns-like-on-small.svg);
}

/*
=======================================
 title 관련 css
=======================================
*/
.ee_tit20 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}

.ee_tit22 {
    font-size: 22px;
    font-weight: 500;
}

.ee_tit23 {
    font-size: 23px;
    font-weight: 700;
}

.ee_tit18 {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}

.ee_tit16 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.ee_tit13 {
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}

.ee_tit14 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.ee_tit15 {
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
}

.ee_tit-wrap {
    padding-top: 15px;
}

.ee_tit-wrap .ee_more {
    display: flex;
    padding: 5px;
    margin-right: -5px;
    align-items: center;
}

.ee_tit-wrap .ee_more span {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_tit-wrap .ee_more:after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 2px;
    background: url("../image/icons/20x20/ico-common-arrow-a-right-small.svg") no-repeat 0 0/100%;
}

.ee_tit-wrap.ee_flex-sb [class*=ee_tit] ~ .ee_tool-tip {
    margin-right: auto;
}

.ee_tit-wrap .ee_tool-tip.ee_n-line {
    align-self: flex-end;
    transform: translateY(1px);
}

.ee_section + .ee_hr {
    margin-top: 20px;
}

.ee_section .ee_goods-grid {
    margin-top: 10px;
}

.ee_section .ee_goods-grid + .ee_more-btn {
    margin-top: 20px;
}

.ee_section .ee_swiper-container[data-swipertype=ty3] {
    margin: 0 -15px;
}

/*
=======================================
 토스트 팝업
=======================================
*/
.ee_toast-popup {
    position: fixed;
    bottom: 20px;
    left: 50%;
    width: calc(100% - 50px);
    padding: 11px 25px;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.75);
    transform: translateX(-50%);
    z-index: 1500;
    display: none;
    opacity: 0;
}

.ee_toast-popup.on {
    display: block;
}

.ee_toast-popup.ty2 {
    bottom: calc(68px + var(--safeBtm));
}

/* ============== end 토스트 팝업 ============== */
/*
=======================================
 아코디언
=======================================
*/
.ee_accordion {
    /* 아코디언 내용 */
}

.ee_accordion .ee_acc-expand {
    opacity: 0;
}

.ee_accordion.is-init .ee_acc-expand {
    opacity: 1;
}

.ee_accordion li.on .ee_tit::before {
    transform: translateY(-50%) rotateZ(180deg);
}

.ee_accordion .ee_data-box {
    margin-top: 5px;
    font-size: 0;
}

.ee_accordion .ee_data-box .ee_date {
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ee_accordion .ee_data-box .ee_date + .ee_date {
    margin: 0 0 0 21px;
}

.ee_accordion .ee_data-box .ee_date + .ee_date::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 1px;
    height: 10px;
    background: #eee;
    transform: translateY(-50%);
}

.ee_accordion .ee_acc-tit {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 15px 0 14px;
}

.ee_accordion .ee_acc-tit .ee_status {
    margin: 0 0 10px;
    font-size: 0;
}

.ee_accordion .ee_acc-tit .ee_status span {
    vertical-align: middle;
}

.ee_accordion .ee_acc-tit .ee_status i {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.ee_accordion .ee_acc-tit .ee_tit {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-right: 30px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.ee_accordion .ee_acc-tit .ee_tit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%) rotateZ(0deg);
    width: 30px;
    height: 30px;
    background-image: url(../image/icons/30x30/ico-common-30-arrow-down.svg);
    transition: transform 0.2s;
}

.ee_accordion .ee_acc-tit .ee_tit.ee_size13 {
    font-size: 13px;
    line-height: 19px;
}

.ee_accordion .ee_acc-tit .ee_cate {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ee_accordion .ee_acc-tit .ee_tit-info {
    margin: 5px 0 0;
    font-size: 0;
}

.ee_accordion .ee_acc-tit .ee_tit-info li {
    display: inline-block;
    position: relative;
    margin: 0 0 0 21px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ee_accordion .ee_acc-tit .ee_tit-info li::before {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: -11px;
    width: 1px;
    height: 8px;
    background: #ddd;
}

.ee_accordion .ee_acc-tit .ee_tit-info li:first-child {
    margin: 0;
}

.ee_accordion .ee_acc-tit .ee_tit-info li:first-child::before {
    display: none;
}

.ee_accordion .ee_acc-expand {
    height: 0;
    overflow: hidden;
    /* 질문 답 아코디언 박스 */
}

.ee_accordion .ee_acc-expand .ee_qa-wrap {
    box-sizing: border-box;
    padding: 20px 15px;
    background-color: #f7f7f7;
    font-size: 13px;
    color: #555;
    line-height: 19px;
}

.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_question {
    position: relative;
    padding: 0 0 0 35px;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_question::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/icons/20x20/ico-common-20-question-small.svg) 50% 50%/cover no-repeat;
}

.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_answer {
    position: relative;
    margin: 20px 0 0;
    border-top: 1px solid #eee;
    padding: 15px 0 0 35px;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_answer::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 5px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/icons/20x20/ico-common-20-answer-small.svg) 50% 50%/cover no-repeat;
}

.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap {
    margin-top: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap button,
.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap a {
    position: relative;
    padding: 0 12px;
}

.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap button + button, .ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap button + a,
.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap a + button,
.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap a + a {
    margin: 0 0 0 1px;
}

.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap button + button::before, .ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap button + a::before,
.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap a + button::before,
.ee_accordion .ee_acc-expand .ee_qa-wrap .ee_btn-wrap a + a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    width: 1px;
    height: 6px;
    background: #ddd;
    transform: translateY(-50%);
}

.ee_accordion .ee_relation {
    position: relative;
}

.ee_accordion .ee_relation .ee_acc-tit {
    position: relative;
}

.ee_accordion .ee_relation .ee_acc-expand {
    position: absolute;
    left: 100px;
    top: 17px;
    height: 18px;
    display: inline-block;
    width: 56vw;
}

.ee_accordion .ee_relation .ee_note li:first-child {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.ee_accordion .ee_relation.on .ee_note li:first-child {
    overflow: visible;
    max-height: none;
    -webkit-line-clamp: inherit;
}

.ee_accordion.ee_has-line > li {
    margin: 0 -15px;
    border-top: 1px solid #eee;
    padding: 0 15px;
}

.ee_accordion.ee_has-line-narrow > li {
    border-bottom: 1px solid #eee;
}

.ee_accordion.ee_has-line-narrow > li:last-child {
    border-bottom: none;
}

.ee_accordion.ee_has-line-narrow > li.on .ee_acc-tit {
    border-bottom: 1px solid #eee;
}

.ee_accordion.ty2 li.on .ee_acc-tit::before {
    transform: translateY(-50%) rotateZ(180deg);
}

.ee_accordion.ty2 .ee_acc-tit {
    position: relative;
    padding-right: 32px;
}

.ee_accordion.ty2 .ee_acc-tit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%) rotateZ(0deg);
    width: 20px;
    height: 20px;
    background: url(../image/icons/20x20/ico_common_arrowA_down_small.svg);
    transition: transform 0.2s;
}

.ee_accordion.ty2 .ee_acc-tit .ee_tit {
    position: relative;
    padding: 0;
}

.ee_accordion.ty2 .ee_acc-tit .ee_tit::before {
    display: none;
}

.ee_accordion.ty3 > li {
    border-top: 1px solid #f4f4f4;
}

.ee_accordion.ty3 > li:first-child {
    border-top: none;
}

.ee_accordion.ty3 > li:last-child {
    border-bottom: 1px solid #f4f4f4;
}

.ee_accordion.ty3 > li:last-child.on {
    border-bottom: none;
}

.ee_accordion.ty3 > li.on + li {
    border-top: none;
}

.ee_accordion.ty3 .ee_acc-tit {
    padding: 20px 0;
}

.ee_accordion.ty3 .ee_acc-tit .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.ee_accordion.ty3 .ee_acc-tit .ee_option {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #777;
}

.ee_accordion.ty3 > li.on .ee_tit {
    overflow: visible;
    max-height: initial;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.ee_accordion.ty4 .ee_acc-tit {
    padding: 15px 0;
}

.ee_accordion.ty4 .ee_acc-tit .ee_tit::before {
    width: 30px;
    height: 30px;
    background-image: url(../image/icons/30x30/ico-common-30-plus-small.svg);
    transition: none;
}

.ee_accordion.ty4 .ee_cont-wrap {
    padding-bottom: 20px;
}

.ee_accordion.ty4 li.on .ee_tit::before {
    background-image: url(../image/icons/30x30/ico-common-30-minus-small.svg);
}

.ee_accordion.ty4 li.on + li {
    border-top: 1px solid #f4f4f4;
}

.ee_accordion + .ee_accordion {
    border-top: 1px solid #f4f4f4;
}

/* ============== end 아코디언 ============== */
/*
=======================================
 배너 영역
=======================================
*/
.ee_banner a {
    display: block;
}

.ee_banner a + a {
    margin-top: 5px;
}

.ee_banner img {
    width: 100%;
}

/* ============== end 배너 영역 ============== */
/*
=======================================
 해시태그 박스
=======================================
*/
.ee_hash-box {
    box-sizing: border-box;
    padding: 10px 15px 15px 10px;
    background-color: #eee;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 0;
}

.ee_hash-box a {
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
}

/* ============== end 해시태그 박스 ============== */
/*
=======================================
 댓글영역
=======================================
*/
.ee_input-type {
    display: flex;
    margin-top: 15px;
}

.ee_input-type .ee_text-input {
    flex: 1 1 auto;
    position: relative;
    height: 40px;
    padding: 5px 49px 5px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #ffffff;
    box-sizing: border-box;
}

.ee_input-type .ee_text-input .ee_input {
    font-size: 14px;
}

.ee_input-type .ee_text-input .ee_text-count {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    color: #999;
    transform: translateY(-50%);
}

.ee_input-type .ee_text-input .ee_text-count em {
    color: #222;
    font-weight: 700;
}

.ee_input-type .ee_text-input.ee_pr15 {
    padding-right: 15px;
}

.ee_input-type .ee_text-input.ee_price-input {
    padding: 0 24px 0 0;
}

.ee_input-type .ee_text-input.ee_price-input .ee_input {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-weight: 700;
    font-size: 15px;
    line-height: 38px;
    color: #222;
    text-align: right;
}

.ee_input-type .ee_text-input.ee_price-input .ee_input::-webkit-input-placeholder {
    color: #222;
}

.ee_input-type .ee_text-input.ee_price-input .ee_input:disabled {
    color: #222;
}

.ee_input-type .ee_text-input.ee_price-input .ee_won {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #222;
    transform: translateY(-50%);
}

.ee_input-type .ee_text-input.ee_price-input.ee_no-line {
    border-color: transparent;
}

.ee_input-type button[class*=ee_btn] {
    width: 80px;
    flex: 0 0 auto;
    margin-left: 5px;
}

.ee_input-type[data-selftarget] {
    max-height: 0;
    overflow: hidden;
}

.ee_input-type[data-selftarget].on {
    max-height: 50px;
}

.ee_comment {
    padding: 17px 0 30px;
}

.ee_comment .ee_tit-wrap {
    padding-top: 0;
}

.ee_comment .ee_comment-list {
    margin-top: 15px;
}

.ee_comment .ee_comment-list li {
    position: relative;
    padding: 15px 0 10px;
}

.ee_comment .ee_comment-list li + li {
    border-top: 1px solid #eee;
}

.ee_comment .ee_comment-list li:first-child {
    padding-top: 0;
}

.ee_comment .ee_comment-list li .ee_tit13 {
    color: #555;
}

.ee_comment .ee_comment-list li .ee_data {
    margin-top: 5px;
}

.ee_comment .ee_comment-list li .ee_data [class^=ee_] {
    font-size: 12px;
    font-weight: 400;
}

.ee_comment .ee_comment-list li .ee_data .ee_delete {
    font-size: 12px;
}

.ee_comment .ee_comment-list li .ee_data .ee_delete .ee_delete-btn {
    color: #999;
}

.ee_comment .ee_comment-list li .ee_btn-icon {
    margin: -5px -5px 0 auto;
    padding: 5px;
}

.ee_comment .ee_comment-list li .ee_btn-icon .ee_icon-like {
    background: url("../image/icons/16x16/ico-sns-like-small.svg") no-repeat 0 0/100%;
    margin: 0;
    vertical-align: middle;
    font-size: 0;
}

.ee_comment .ee_comment-list li .ee_btn-icon span {
    margin-left: 2px;
    font-size: 13px;
    color: #222;
}

.ee_comment .ee_comment-list li .ee_btn-icon.on .ee_icon-like {
    background: url("../image/icons/16x16/ico-sns-like-on-small.svg") no-repeat 0 0/100%;
}

.ee_comment .ee_btn-more.ee_fit {
    margin-top: 5px;
}

.ee_data.ty2 {
    margin-top: 10px;
}

.ee_data.ty2 .ee_left span + span {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.ee_data.ty2 .ee_left span + span::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 8px;
    background: #ddd;
    transform: translateY(-50%);
}

.ee_data.ty2 [class^=ee_] {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    color: #999;
}

.ee_data.ty2 .ee_like {
    padding-left: 20px;
    background: url(../image/icons/15x15/ico-openidea-like.svg) no-repeat left center/15px 15px;
}

.ee_data.ty2 .ee_talk {
    margin-left: 10px;
    padding-left: 20px;
    background: url(../image/icons/15x15/ico-openidea-talk.svg) no-repeat left center/15px 15px;
}

/* ============== end 댓글영역 ============== */
/*
=======================================
 모달 type5
=======================================
*/
.ee_swiper-custom[data-swipertype=ty5] .ee_image-top {
    margin-left: -15px;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-top .swiper-pagination-custom {
    position: absolute;
    margin-top: 0;
    bottom: 16px;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-top .swiper-pagination-custom .ee_paging {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 13px;
    height: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    color: #ffffff;
    font-size: 12px;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-top .swiper-pagination-custom .ee_paging .ee_current {
    font-weight: bold;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-top .swiper-pagination-custom .ee_paging .ee_total {
    display: inline-flex;
    align-items: center;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-top .swiper-pagination-custom .ee_paging .ee_total::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 20px;
    margin: 0 2px;
    background: url(../image/icons/etc/ico-common-20-paging-line.svg) 0 0/cover no-repeat;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-top .swiper-pagination-custom .ee_paging .ee_total span {
    opacity: 0.8;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb {
    height: 62px;
    box-sizing: border-box;
    margin: 15px -15px 0;
    padding: 0 15px;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb .swiper-slide {
    position: relative;
    width: 62px;
    height: 100%;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb .swiper-slide img {
    max-width: 100%;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb .swiper-slide::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.02);
    opacity: 1;
    transition: all 0.3s;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb .swiper-slide.ee_video-btn {
    position: relative;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb .swiper-slide.ee_video-btn::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb .swiper-slide.ee_video-btn::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 20px;
    height: 20px;
    background: url(../image/icons/20x20/ico-common-20-play-white.svg) center center no-repeat;
    transform: translate(-50%, -50%);
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb .swiper-slide-thumb-active {
    border: 1px solid #222;
    box-sizing: border-box;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb .swiper-slide-thumb-active:not(.ee_video-btn)::before {
    opacity: 0;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_image-thumb.ee_has-video {
    position: relative;
}

/* ============== end 모달 type5 ============== */
.ee_swiper-custom[data-swipertype=ty12] .ee_image-top {
    width: calc(100% + 30px);
    margin: 0 -15px;
}

.ee_swiper-custom[data-swipertype=ty12] .ee_image-thumb {
    height: 62px;
    box-sizing: border-box;
    margin: 15px -15px 0;
    padding: 0 15px;
}

.ee_swiper-custom[data-swipertype=ty12] .ee_image-thumb .swiper-slide {
    width: 62px;
    height: 100%;
}

.ee_swiper-custom[data-swipertype=ty12] .ee_image-thumb .swiper-slide img {
    max-width: 100%;
}

.ee_swiper-custom[data-swipertype=ty12] .ee_image-thumb .swiper-slide-thumb-active {
    border: 1px solid #222;
    box-sizing: border-box;
}

/*
=======================================
  첨부파일
=======================================
*/
.ee_file-wrap .ee_filebox {
    position: relative;
}

.ee_file-wrap .ee_filebox label span {
    font-weight: 700;
}

.ee_file-wrap .ee_filebox input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.ee_file-wrap .ee_attached-image {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.ee_file-wrap .ee_attached-image li {
    position: relative;
    display: inline-flex;
    width: calc((100% - 1.5% * 5) / 5);
    height: 0;
    margin-top: 5px;
    padding-top: 18.5%;
    overflow: hidden;
    /*개발 :: attached file */
}

.ee_file-wrap .ee_attached-image li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 9;
}

.ee_file-wrap .ee_attached-image li > img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ee_file-wrap .ee_attached-image li .ee_btn-del {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.ee_file-wrap .ee_attached-image li .ee_btn-del i {
    width: 20px;
    height: 20px;
    background: url(../image/icons/20x20/ico-camera-camera-close.svg) no-repeat center;
}

.ee_file-wrap .ee_attached-image li span.img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ee_file-wrap .ee_attached-image li span.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ee_file-wrap .ee_attached-image li ~ li {
    margin-left: 1.5%;
}

.ee_file-wrap .ee_attached-image li:nth-of-type(6n) {
    margin-left: 0;
}

.ee_file-wrap .ee_attached-image li:nth-of-type(-n + 5) {
    margin-top: 0;
}

.ee_file-wrap .ee_note {
    margin: 20px 0 0;
}

/* ============== end 첨부파일 ============== */
/* ============== ranking 랭킹  ============== */
.ee_ranking {
    display: flex;
    align-items: center;
}

.ee_ranking .ee_rank {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    color: #222;
}

.ee_ranking .ee_rank .ee_number {
    font-family: "Roboto";
    margin-right: 1px;
    font-size: 15px;
    font-weight: 700;
}

.ee_rank-status {
    display: flex;
    margin-left: 8px;
    font-family: "Roboto";
    font-size: 10px;
    color: #ff5432;
}

.ee_rank-status::before {
    content: "";
    display: inline-flex;
    align-self: center;
    width: 10px;
    height: 10px;
    background: url(../image/icons/10x10/ico-common-arrow-b-up-small-orange.svg) center center no-repeat;
}

.ee_rank-status.down {
    color: #777;
}

.ee_rank-status.down::before {
    background: url(../image/icons/10x10/ico-common-arrow-b-down-small-gray.svg) center center no-repeat;
}

.ee_rank-status.new {
    font-weight: 700;
    color: #222;
}

.ee_rank-status.new:before {
    display: none;
}

.ee_rank-status.freeze::before {
    background: url(../image/icons/10x10/ico-common-keep-small.svg) center center no-repeat;
}

/* ============== ranking 랭킹 end  ============== */
/* ============== ee_wide ============== */
.ee_wide {
    margin-left: -15px;
    margin-right: -15px;
}

.ee_wide.ee_swiper-container .ee_goods-grid.ee_col2 {
    padding: 0 15px;
}

/* ============== ee_wide end ============== */
.ee_btn-question {
    display: inline-block;
    margin: -5px -5px -5px 0;
    padding: 5px;
    font-size: 0;
    vertical-align: middle;
}

/* ============== swiper type 2 ============== */
.ee_goods-also[data-swipertype=ty2] [class*=ee_goods-grid] {
    margin-top: 15px;
}

.ee_goods-also[data-swipertype=ty2] [class*=ee_goods-grid] .ee_goods-data .ee_tit {
    -webkit-line-clamp: initial;
    max-height: initial;
    text-align: left;
    word-break: keep-all;
}

.ee_goods-also[data-swipertype=ty2] [class*=ee_goods-grid] .ee_goods-data .ee_price-box {
    flex-direction: column;
    align-items: flex-start;
}

.ee_goods-also[data-swipertype=ty2] [class*=ee_goods-grid] .ee_goods-data .ee_price-box .ee_price {
    margin-top: 3px;
}

.ee_goods-also[data-swipertype=ty2] [class*=ee_goods-grid] .ee_goods-data .ee_price-box .ee_del {
    margin: 0;
}

/* ============== 이미지 상세보기 스와이퍼 ============== */
.ee_swiper-custom[data-swipertype=ty5] .ee_zoom-view {
    height: 100%;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_zoom-view + .ee_image-thumb {
    position: fixed;
    left: 15px;
    right: 15px;
    bottom: 15px;
    margin-top: 0;
    height: auto;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_zoom-view .swiper-wrapper {
    height: 100%;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_zoom-view .swiper-slide {
    overflow: hidden;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_zoom-view .ee_video {
    /*width: 100vw;*/
    padding-top: 56.25%;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_zoom-view .ee_video video {
    height: auto;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_zoom-view .swiper-zoom-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
}

.ee_swiper-custom[data-swipertype=ty5] .ee_zoom-view .swiper-zoom-container img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2000px;
    height: 2000px;
    object-fit: fill;
}

.ee_tool-tip {
    z-index: 2;
    position: relative;
    display: inline-block;
}

.ee_tool-tip > span {
    cursor: pointer;
    padding: 5px;
}

.ee_tool-tip.ee_has-icon .ee_tit {
    color: #ffffff;
}

.ee_tool-tip.on.ee_has-icon .ee_tip-txt {
    top: 34px;
}

.ee_tool-tip.on.ee_has-icon .ee_icon-info::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 11px;
    height: 5px;
    background: url("../image/icons/etc/ico_common_tooltip_triangle.svg") no-repeat 0 0/100%;
    z-index: 12;
}

.ee_tool-tip.on.ee_has-icon .ee_tit:after {
    display: none;
}

.ee_tool-tip.on.ee_has-icon .ee_btn .ee_icon-info::before {
    bottom: -4px;
}

.ee_tool-tip.on .ee_tip-txt {
    display: inline-block;
    min-width: 150px;
}

.ee_tool-tip.on .ee_tit:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 11px;
    height: 5px;
    background: url("../image/icons/etc/ico_common_tooltip_triangle.svg") no-repeat 0 0/100%;
    z-index: 450;
}

.ee_tool-tip .ee_tit {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    vertical-align: middle;
    color: #222;
}

.ee_tool-tip .ee_tit.ty2 {
    color: #ffffff;
}

.ee_tool-tip .ee_tit .ee_icon-info {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    width: 15px;
    height: 16px;
    vertical-align: middle;
    transform: translateY(-1px);
    background: url("../image/icons/15x15/ico-common-title-question-space.svg") no-repeat 0 0/100%;
}

.ee_tool-tip .ee_btn {
    display: block;
    font-size: 0;
}

.ee_tool-tip .ee_btn .ee_icon-info {
    width: 16px;
    height: 21px;
    background: url("../image/icons/etc/ico-common-title-question-big.svg") no-repeat 0 0/100%;
}

.ee_tool-tip .ee_btn .ee_icon-info.gray {
    background: url("../image/icons/etc/ico-common-title-question-big-gray.svg") no-repeat 0 0/100%;
}

.ee_tool-tip .ee_tip-txt {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    right: 0;
    transform: translateX(-50%);
    width: 100vw;
    color: #222;
}

.ee_tool-tip .ee_tip-txt .ee_wrap {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    padding: 20px 30px 20px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    font-size: 13px;
    line-height: 19px;
    background-color: #ffffff;
    word-break: keep-all;
}

.ee_tool-tip .ee_tip-txt .ee_wrap [class*=ee_tit] {
    font-weight: 700;
}

.ee_tool-tip .ee_tip-txt .ee_wrap .ee_note li {
    color: #222;
}

.ee_tool-tip .ee_tip-txt button {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url("../image/icons/20x20/ico-tooltip-delete.svg") no-repeat 0 0/100%;
}

.ee_level-wrap {
    margin: -8px 0 0 -15px;
}

.ee_level-wrap .ee_level {
    display: inline-block;
    margin: 8px 0 0 15px;
}

.ee_level-wrap .ee_level i {
    display: inline-block;
    vertical-align: middle;
}

.ee_level-wrap .ee_level .ee_level-txt {
    display: inline-flex;
    margin: 0 0 0 6px;
    font-size: 13px;
    line-height: 19px;
    color: #555;
    vertical-align: middle;
}

@keyframes clickAction {
    50% {
        transform: rotate(45deg) scale(0.9);
    }
    100% {
        transform: rotate(90deg) scale(1);
    }
}

[data-tabcont] > div {
    display: none;
}

[data-tabcont] > div.on {
    display: block;
}

[data-chkaction] .ee_desc-info {
    margin: 0;
}

[data-chkaction] [data-chkid] {
    display: none;
}

[data-chkaction] [data-chkid].on {
    display: block;
}

[data-chkaction] [data-chkid].on ~ .ee_desc-info {
    margin: 20px 0 0;
}

footer.ee_footer {
    margin-top: 40px;
}

footer.ee_footer.ee_space {
    padding-bottom: 77px;
}

footer.ee_footer.ee_common-space {
    padding-bottom: 150px;
}

footer.ee_footer .ee_f-links {
    display: flex;
    justify-content: space-between;
    border: solid #eee;
    border-width: 1px 0;
    padding: 11px 30px;
}

footer.ee_footer .ee_f-links li a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

footer.ee_footer .ee_f-info {
    margin: 11px 0 0;
    text-align: center;
}

footer.ee_footer .ee_f-info-inner .ee_btn-toggle span {
    font-size: 12px;
    line-height: 18px;
    color: #222;
    text-decoration: none;
}

footer.ee_footer .ee_f-info-inner .ee_btn-toggle.on ~ .ee_toggle-wrap {
    max-height: 500px;
}

footer.ee_footer .ee_f-info-inner .ee_toggle-wrap {
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s;
}

footer.ee_footer .ee_f-info-inner .ee_f-txt {
    margin: 11px 0 0;
    padding: 0 0 9px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

footer.ee_footer .ee_f-info-inner .ee_f-txt a {
    color: inherit;
}

footer.ee_footer .ee_f-info-menu {
    margin: 12px 0 0;
    display: flex;
    justify-content: center;
}

footer.ee_footer .ee_f-info-menu li + li {
    margin: 0 0 0 20px;
}

footer.ee_footer .ee_f-info-menu li.ee_privacy a {
    color: #777;
}

footer.ee_footer .ee_f-info-menu li a {
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

footer.ee_footer .ee_f-info-sns {
    display: flex;
    justify-content: center;
    margin: 12px 0 0;
}

footer.ee_footer .ee_f-info-sns li {
    position: relative;
}

footer.ee_footer .ee_f-info-sns li + li {
    margin: 0 0 0 25px;
}

footer.ee_footer .ee_f-info-sns li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: -14px;
    width: 1px;
    height: 8px;
    background: #ddd;
}

footer.ee_footer .ee_f-info-sns li a {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 0;
    text-indent: -9999px;
    background: center center no-repeat;
}

footer.ee_footer .ee_f-info-sns li.ee_facebook {
    background-image: url(../image/icons/16x16/ico-sns-facebook-small.svg);
}

footer.ee_footer .ee_f-info-sns li.ee_instagram {
    background-image: url(../image/icons/16x16/ico-sns-instagram-small.svg);
}

footer.ee_footer .ee_f-info .ee_copy {
    margin: 11px 0 0;
    font-size: 11px;
    line-height: 17px;
    color: #999;
}

.ee_dynamic-select li button {
    display: flex;
    padding: 9px 0;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}

.ee_dynamic-select li button span {
    font-size: 15px;
    color: #555;
}

.ee_dynamic-select li.on button span {
    font-weight: 700;
    color: #222;
}

.ee_dynamic-select li.on button::after {
    content: "";
    display: inline-flex;
    margin-left: auto;
    width: 32px;
    height: 32px;
    background: url(../image/icons/32x32/ico-common-check-b-medium-on.svg) no-repeat 0 0/100%;
}

.ee_dynamic-select li:first-child button {
    padding-top: 0;
}

.ee_loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7) url(../image/etc/loading.gif) 50% 50%/30px 30px no-repeat;
    z-index: 5000;
}

.ee_UtilBr.UtilBr .toggle_button {
    z-index: 3;
    position: absolute;
    display: block;
    left: 50%;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 48px;
    height: 48px;
    background: url(../image/icons/48x48/ico-common-48-logo-bg.svg) 0 0 no-repeat;
    background-size: 48px 48px;
}

.ee_UtilBr.UtilBr .toggle_button:before {
    content: "";
    position: absolute;
    opacity: 1;
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../image/icons/48x48/ico-common-48-logo-jaju-symbol.svg) 0 0 no-repeat;
    background-size: 48px 48px;
    transition: opacity 0.3s linear;
}

.siv-wrap ~ .ee_sticky-bottom {
    transition: transform 0.3s;
}

.siv-wrap.side-active ~ .ee_sticky-bottom {
    transform: translateX(-100%);
}

.schRstTab .goods_list .ee_goods-data .brd em,
.schRstTab .goods_list .ee_goods-data .ee_tit em {
    color: #d10011;
}

.ee_error-wrap {
    text-align: center;
}

.ee_error-wrap .ee_error-img {
    width: 70px;
    height: 70px;
    margin: 0 auto 10px;
}

.ee_error-wrap .ee_error-img.ty2 {
    width: 60px;
    height: 60px;
}

.ee_error-wrap .ee_error-img img {
    width: 100%;
    height: 100%;
}

.ee_error-wrap .ee_error-tit {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    text-align: center;
}

.ee_error-wrap .ee_error-desc {
    font-size: 12px;
    line-height: 18px;
    color: #777;
    text-align: center;
}

.ee_error-wrap .ee_error-caution {
    margin: 40px 0 0;
    border-top: 1px solid #eee;
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #d10011;
    text-align: center;
}

#diviGoodView .ee_view-mode {
    padding: 15px 15px 0;
}

.wrap_fixedBar ~ #divGoodView .ee_view-mode {
    padding-left: 0;
    padding-right: 0;
}

.wrap_fixedBar ~ #divGoodView .goods_list > li {
    width: auto;
}

.ee_view-mode .goods_list {
    padding-right: 0;
}

.ee_view-mode .goods_list > li {
    width: auto;
    float: none;
    padding-left: 0;
}

.ee_view-mode .goods_list > li .ee_option-list {
    width: auto;
}

.ee_view-mode .goods_list > li .ee_option-list li {
    float: none;
    width: auto;
    padding-left: 0;
}

#ee_container #diviGoodView .ee_view-mode,
#jj_container #diviGoodView .ee_view-mode {
    padding: 0;
}

/*YOU MAY ALSO LIKE 폰트 재설정*/
.ee_view-mode .box_ind_recom2 .ind_recom_tit {
    font-family: "Roboto", "Droid Sans", "Apple-Gothic", "dotum";
    font-size: 23px;
    line-height: 28px;
    font-weight: 700;
    color: #222;
}

/*운영 기획전 상품모듈 썸네일 제각각 일정하게 맞추기*/
.prmCont .prmGdLst .goods_list li .ee_goods .ee_thum a {
    display: block;
    position: relative;
    height: 0;
    padding-top: 155%;
}

.prmCont .prmGdLst .goods_list li .ee_goods .ee_thum a img {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: auto;
    max-height: 100%;
    transform: translateY(-50%);
}

/* SIVD-7125 :: 디지털 보증서 아이콘 */
.icon--digital-warranty {
    display: inline-block;
    background-color: #d99c63;
    width: 75px;
    font-size: 9px;
    line-height: 18px;
    box-sizing: border-box;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-style: normal;
}

.icon--digital-warranty.is--vip-jaju {
    margin: 0 2px 0 0;
}

.icon--digital-warranty.is--vip-siv {
    border-radius: 0;
    margin: 0 5px 5px 0;
}

.icon--digital-warranty.is--cart-siv {
    border-radius: 0;
    width: 70px;
    line-height: 14px;
    font-size: 8px;
    letter-spacing: -0.7px;
}

.icon--warranty-completed {
    display: inline-block;
    background-color: #fff;
    width: 75px;
    font-size: 9px;
    line-height: 18px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    white-space: nowrap;
    font-style: normal;
}

.icon--digital-warranty.is--vip-jaju {
    margin: 0 2px 0 0;
}

.icon--digital-warranty.is--vip-siv {
    border-radius: 0;
    margin: 0 5px 5px 0;
}

.icon--digital-warranty.is--cart-siv {
    border-radius: 0;
    width: 70px;
    line-height: 14px;
    font-size: 8px;
    letter-spacing: -0.7px;
}

.icon--warranty-completed {
    display: inline-block;
    background-color: #fff;
    width: 75px;
    font-size: 9px;
    line-height: 18px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    white-space: nowrap;
    font-style: normal;
}

.ee_benefit-wrap {
    margin: 0 -15px;
    padding: 15px 20px 16px;
    background: #f7f7f7;
    text-align: center;
}

.ee_benefit-wrap .ee_user + .ee_benefit-list {
    border-top: 1px dotted #ccc;
    padding: 14px 0 0;
}

.ee_benefit-wrap .ee_user span {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}

.ee_benefit-wrap .ee_user span.ee_bronze {
    background: url(../image/icons/siv/ico_SI_BS.png) center center/cover no-repeat;
}

.ee_benefit-wrap .ee_user span.ee_silver {
    background: url(../image/icons/siv/ico_SI_SS.png) center center/cover no-repeat;
}

.ee_benefit-wrap .ee_user span.ee_platinum {
    background: url(../image/icons/siv/ico_SI_PS.png) center center/cover no-repeat;
}

.ee_benefit-wrap .ee_user span.ee_diamond {
    background: url(../image/icons/siv/ico_SI_DS.png) center center/cover no-repeat;
}

.ee_benefit-wrap .ee_user span.ee_gold {
    background: url(../image/icons/siv/ico_SI_GS.png) center center/cover no-repeat;
}

.ee_benefit-wrap .ee_benefit-box {
    margin: 15px 0 0;
    padding: 10px;
    background: #ffffff;
}

.ee_benefit-wrap .ee_benefit-box li {
    line-height: 19px;
    letter-spacing: 0;
}

.ee_benefit-wrap .ee_benefit-box li + li {
    margin: 6px 0 0;
}

.ee_benefit-wrap .ee_benefit-box li .ee_num {
    margin: 0 0 0 5px;
}

.ee_benefit-wrap .ee_benefit-list {
    overflow: hidden;
    margin: 15px 0 0;
    font-size: 0;
    text-align: center;
}

.ee_benefit-wrap .ee_benefit-list dt {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
}

.ee_benefit-wrap .ee_benefit-list dd {
    display: inline-block;
    margin: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
}

.ee_benefit-wrap .ee_benefit-list dd strong {
    margin: 0 2px 0 0;
}

.ee_benefit-wrap .ee_benefit-list dd + dt {
    position: relative;
    margin: 0 0 0 8px;
    padding: 0 0 0 10px;
}

.ee_benefit-wrap .ee_benefit-list dd + dt::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 2px;
    margin: -1px 0 0;
    border-radius: 50%;
    background: #999;
}

.ee_benefit-wrap .ee_benefit-club {
    margin: 16px 0 0;
    border-top: 1px dotted #ccc;
    padding: 14px 0 0;
}

.ee_benefit-wrap .ee_benefit-club .ee_txt {
    font-size: 12px;
    line-height: 18px;
    color: #555;
    text-align: center;
}

.ee_benefit-wrap .ee_benefit-club .ee_btn-box {
    margin: 10px 0 4px;
}

.ee_benefit-wrap .ee_benefit-club [class*=ee_btn] {
    min-width: 100px;
}

.ee_product-wrap + hr {
    margin-top: 30px;
}

.ee_product-wrap .ee_product-list {
    margin: 0 -15px;
    padding: 0 15px;
}

.ee_product-wrap .ee_product-list li {
    padding: 30px 0;
}

.ee_product-wrap .ee_product-list li + li {
    border-top: 1px solid #eee;
}

.ee_product-wrap .ee_total-amount {
    margin: 0 -15px;
    border-top: 1px solid #eee;
    padding: 15px;
    text-align: center;
}

.ee_product-wrap .ee_total-amount .ee_txt {
    font-size: 13px;
    line-height: 18px;
    color: #222;
}

.ee_product-wrap .ee_total-amount .ee_txt strong {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
}

.ee_product-wrap .ee_total-amount .ee_desc {
    margin: 7px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ee_calc-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 13px;
}

.ee_calc-wrap dl {
    flex: 1;
    text-align: center;
}

.ee_calc-wrap dl dt {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_calc-wrap dl dd {
    font-size: 13px;
    line-height: 21px;
    color: #555;
}

.ee_calc-wrap dl dd strong {
    margin: 0 2px 0 0;
    font-size: 15px;
}

.ios .ee_product-detail-wrap .ee_product-img .ee_mov-wrap .ee_mov-close {
    top: 45px;
}

.ee_product-detail-wrap {
    position: relative;
}

.ee_product-detail-wrap .ee_product-btn-wrap {
    margin-bottom: 30px;
}

.ee_product-detail-wrap .ee_sticky-tab + .ee_product-btn-wrap {
    margin-top: 20px;
}

.ee_product-detail-wrap .ee_goods-info + .ee_product-btn-wrap {
    margin-top: -10px;
}

.ee_product-detail-wrap .ee_product-img {
    position: relative;
    margin: 0 -15px;
}

.ee_product-detail-wrap .ee_product-img .ee_mov-wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    background-color: #fff;
}

.ee_product-detail-wrap .ee_product-img .ee_mov-wrap video {
    width: 100%;
    height: 100%;
}

.ee_product-detail-wrap .ee_product-img .ee_mov-wrap .ee_mov-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    width: 32px;
    height: 32px;
    background: url(../../../assets/common/image/icons/32x32/ico-common-32-menu-close-white.svg) center center no-repeat;
    font-size: 0;
    text-indent: -9999px;
}

.ee_product-detail-wrap .ee_product-img .ee_btn-view {
    position: absolute;
    right: 15px;
    bottom: 10px;
    z-index: 10;
}

.ee_product-detail-wrap .ee_product-img .ee_payback {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
    transform: scale(0.5) translate(-50%, -50%);
}

.ee_product-detail-wrap .ee_product-img .ee_payback a {
    display: block;
}

.ee_product-detail-wrap .ee_product-img .ee_payback button {
    position: absolute;
    top: -5px;
    right: -25px;
    z-index: 20;
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    padding: 10px;
    background: url(../image/icons/10x10/ico-common-10-close.svg) center center no-repeat;
    transform: scale(2);
}

.ee_product-detail-wrap .ee_product-img .ee_payback button span {
    font-size: 0;
    text-indent: -9999px;
    opacity: 0;
}

.ee_product-detail-wrap .ee_product-info {
    padding: 15px 0 30px;
}

.ee_product-detail-wrap .ee_product-info > *:first-child {
    margin-top: 0;
}

.ee_product-detail-wrap .ee_product-info .ee_product-code {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ee_product-detail-wrap .ee_product-info .ee_brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 24px;
    margin: 10px 0 0;
}

.ee_product-detail-wrap .ee_product-info .ee_brand a {
    display: block;
}

.ee_product-detail-wrap .ee_product-info .ee_brand a img {
    display: block;
    zoom: 70%;
    -webkit-zoom: 70%;
    width: auto;
    max-height: 580px;
}

.ee_product-detail-wrap .ee_product-info .ee_tit-area {
    margin: 10px 0 0;
}

.ee_product-detail-wrap .ee_product-info .ee_tit-area .ee_flex {
    justify-content: space-between;
    align-items: center;
}

.ee_product-detail-wrap .ee_product-info .ee_tit-area .ee_flex .ee_tit {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #222;
}

.ee_product-detail-wrap .ee_product-info .ee_tit-area .ee_flex .ee_btn-share {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 0;
}

.ee_product-detail-wrap .ee_product-info .ee_tit-area .ee_desc {
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    word-break: keep-all;
}

.ee_product-detail-wrap .ee_product-info .ee_info-area {
    margin: 5px 0 0;
}

.ee_product-detail-wrap .ee_product-info .ee_info-area .ee_btn-area {
    display: flex;
}

.ee_product-detail-wrap .ee_product-info .ee_info-area .ee_btn-area > * + * {
    margin: 0 0 0 4px;
}

.ee_product-detail-wrap .ee_product-info .ee_info-area .ee_btn-area .gd_sp {
    font-size: 0;
}

.ee_product-detail-wrap .ee_product-info .ee_info-area .ee_btn-area .gd_sp > * + * {
    margin: 0 0 0 4px;
}

.ee_product-detail-wrap .ee_product-info .ee_info-area [class*=ee_price-box] {
    margin: 5px 0 0;
}

.ee_product-detail-wrap .ee_product-info .ee_ico-wrap {
    margin-bottom: 15px;
}

.ee_product-detail-wrap .ee_product-info .ee_ico-wrap ul {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}

.ee_product-detail-wrap .ee_product-info .ee_ico-wrap ul li {
    width: 24px;
    text-align: center;
}

.ee_product-detail-wrap .ee_product-info .ee_ico-wrap ul li .ee_txt {
    margin: 8px -20px 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

.ee_product-detail {
    padding: 20px 0;
}

.ee_product-detail .ee_info-guide {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_product-detail .ee_info-guide + .ee_info-guide {
    margin: 5px 0 0;
}

.ee_product-detail > li + li {
    margin: 20px 0 0;
    border-top: 1px solid #eee;
    padding: 10px 0 0;
}

.ee_product-detail > li.ee_components-wrap + li {
    border: none;
    padding-top: 0;
}

.ee_product-detail > li.ee_detail-info {
    margin: 30px 0 0;
    border-top: none;
    padding: 0;
}

.ee_product-detail > li.ee_detail-info hr,
.ee_product-detail > li.ee_detail-info .hr {
    margin-bottom: 20px;
}

.ee_product-detail > li.ee_detail-info hr + .gds_plan .gd_plan:first-child,
.ee_product-detail > li.ee_detail-info .hr + .gds_plan .gd_plan:first-child {
    border: none;
}

.ee_product-detail > li .ee_set-product {
    margin: 15px 0 0;
}

.ee_product-detail > li .ee_set-product .ee_set-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 0;
    border-top: 1px dotted #ddd;
    padding: 20px 0 0;
    text-align: right;
}

.ee_product-detail > li .ee_set-product .ee_set-price .ee_price-box {
    justify-content: flex-end;
}

.ee_product-detail > li .ee_set-product .ee_set-price .ee_price-box .ee_price-sort {
    font-weight: 700;
    font-size: 13px;
    line-height: 21px;
    color: #222;
}

.ee_product-detail > li .ee_set-product .ee_set-price .ee_price-box .ee_price {
    margin: 0 0 0 10px;
    font-size: 13px;
}

.ee_product-detail > li .ee_set-product .ee_set-price .ee_price-box .ee_price .ee_number {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}

.ee_product-detail > li .ee_sort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    white-space: nowrap;
}

.ee_product-detail > li .ee_sort .ee_reserve-guide {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #d10011;
}

.ee_product-detail > li .ee_cont {
    margin: 5px 0 0;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl {
    display: flex;
    align-items: flex-start;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl + dl {
    margin: 10px 0 0;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dt {
    flex: 0 0 80px;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dt .ee_btn-guide span {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    vertical-align: middle;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dt .ee_btn-guide i {
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dd {
    flex: 1;
    align-items: center;
    padding: 0 0 0 10px;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dd .ee_btn-line {
    display: block;
    margin: 0 0 5px;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dd .ee_btn-link {
    display: flex;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dd.ee_flex .ee_tool-tip {
    margin: 0 0 0 10px;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dd .ee_btn-guide {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 0;
    vertical-align: middle;
}

.ee_product-detail > li .ee_cont .ee_desc-list dl dd .ee_flex-sb .ee_btn-guide {
    align-self: flex-start;
    margin-top: 2px;
}

.ee_product-detail > li .ee_cont .ee_desc-list.ee_coupon dl {
    display: flex;
    align-items: center;
}

.ee_product-detail > li .ee_cont .ee_desc-list.ee_coupon dl + dl {
    margin: 5px 0 0;
}

.ee_product-detail > li .ee_cont .ee_components {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
}

.ee_product-detail > li .ee_cont .ee_components ul {
    display: flex;
    flex-wrap: wrap;
    margin: -5px 0 0 -5px;
}

.ee_product-detail > li .ee_cont .ee_components ul li {
    width: 50px;
    margin: 5px 0 0 5px;
}

.ee_product-detail > li .ee_cont .ee_components ul li img {
    width: 100%;
}

.ee_product-detail > li .ee_cont .ee_note li .ee_btn-view {
    box-sizing: content-box;
    height: 16px;
    margin: -5px 0;
    padding: 5px;
    font-size: 0;
    vertical-align: middle;
}

.ee_product-detail > li .ee_select + .gds_dtl_wrap,
.ee_product-detail > li .ee_hash-box + .gds_dtl_wrap {
    margin: 10px 0 0;
}

.ee_product-detail > li .ee_select + .gds_plan,
.ee_product-detail > li .ee_hash-box + .gds_plan {
    margin: 10px 0 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl {
    margin: 0;
    border-bottom: none;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl {
    border-top: 1px solid #eee;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl:first-child {
    border-top: none;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl:first-child > dd {
    display: block;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dt {
    border: none;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dt button {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 0;
    text-align: left;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dt button::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 1px;
    background: #555;
    transform: translateY(-50%) rotate(-180deg);
    transition: all 0.3s;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dt button::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 1px;
    background: #555;
    transform: translateY(-50%) rotate(-90deg);
    transition: all 0.3s;
    opacity: 1;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dt button em {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dt button.on::before {
    transform: translateY(-50%);
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dt button.on::after {
    transform: translateY(-50%);
    opacity: 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd {
    overflow: hidden;
    box-sizing: border-box;
    display: none;
    padding: 0 0 20px;
    color: #555;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd img {
    width: 100%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li {
    position: relative;
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li::before {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #555;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li::after {
    display: none;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li + li {
    margin: 4px 0 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li button,
.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li a {
    display: block;
    box-sizing: border-box;
    height: 24px;
    margin: 10px 0 0 -8px;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 2px 9px;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li button em,
.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li button span,
.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li a em,
.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li a span {
    font-size: 12px;
    line-height: 18px;
    color: #555;
    text-decoration: none;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li ul {
    margin: 4px 0 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li ul li {
    padding: 0 0 0 5px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    text-indent: -5px;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd > ul > li ul li + li {
    margin: 4px 0 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl {
    margin: 10px 0 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl table tbody tr th.th {
    box-sizing: border-box;
    width: 70px;
    height: 40px;
    border: 1px solid #eee;
    border-left: none;
    padding: 12px 15px;
    background-color: #f7f7f7;
    font-size: 12px;
    color: #555;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl table tbody tr td {
    border: 1px solid #eee;
    padding: 4px 10px;
    font-size: 12px;
    color: #999;
    line-height: 16px;
    vertical-align: middle;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl table tbody tr td:last-child {
    border-right: none;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl table tbody tr td span {
    display: inline-block;
    position: relative;
    padding-left: 16px;
    letter-spacing: normal;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl table tbody tr td span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/icons/16x16/ico-common-16-check-white.svg) center center/cover no-repeat;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl table tbody tr td.on {
    color: #222;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl table tbody tr td.on span::before {
    background-image: url(../image/icons/16x16/ico-common-16-check-black.svg);
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .tbl table tbody tr td.on span::after {
    display: none;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .btn_size {
    margin: 20px 0 0;
    padding: 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .btn_size button,
.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .btn_size a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    border: 1px solid #999;
    border-radius: 3px;
    background: #ffffff;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .btn_size button span,
.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .btn_size button em,
.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .btn_size a span,
.ee_product-detail > li .gds_dtl_wrap .gds_dtl > dl dd .btn_size a em {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #555;
    text-align: center;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl ul + .measuringWrap {
    margin-top: 10px;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap {
    border: 1px solid #ccc;
    border-radius: 3px;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap img {
    width: 100%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg {
    position: relative;
    margin: 0;
    border: none;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .blind {
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list .layer_measure {
    display: inline-block;
    position: absolute;
    z-index: 10;
    background: #ffffff;
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: #555;
    transform: translateX(-50%);
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list .layer_measure .size {
    height: 13px;
    line-height: 14px;
    margin: 0 0 3px 0;
    padding: 1px 4px 0;
    border: 1px solid #ccc;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list .layer_measure::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 4px;
    height: 2px;
    margin: 0 0 0 -2px;
    background: url(../image/icons/etc/ico-common-10-arrow-up-white.svg) center center no-repeat;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--top .layer_measure:nth-child(1) {
    left: 48.4%;
    bottom: 86.7%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--top .layer_measure:nth-child(2) {
    left: 48.4%;
    bottom: 53.1%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--top .layer_measure:nth-child(3) {
    left: 82.2%;
    bottom: 48.1%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--top .layer_measure:nth-child(4) {
    left: 16.2%;
    bottom: 53.1%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--underT .layer_measure:nth-child(2) .size {
    margin-bottom: 0;
    margin-top: 3px;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--underT .layer_measure:nth-child(2) .size:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: auto;
    top: -3px;
    width: 4px;
    height: 3px;
    background-position: 0 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--bottom .layer_measure:nth-child(1) {
    left: 50%;
    bottom: 89.1%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--bottom .layer_measure:nth-child(2) {
    left: 50%;
    bottom: 69.2%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--bottom .layer_measure:nth-child(3) {
    left: 56.3%;
    bottom: 57.5%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--bottom .layer_measure:nth-child(4) {
    left: 34%;
    bottom: 49.1%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--under .layer_measure:nth-child(1) {
    left: 49.9%;
    bottom: 72.4%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--under .layer_measure:nth-child(2) {
    left: 49.9%;
    bottom: 53.9%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.m--under .layer_measure:nth-child(3) {
    left: 74.6%;
    bottom: 56.9%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--top .layer_measure:nth-child(1) {
    left: 51.7%;
    bottom: 88.6%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--top .layer_measure:nth-child(2) {
    left: 51.7%;
    bottom: 50%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--top .layer_measure:nth-child(3) {
    left: 80.2%;
    bottom: 46.6%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--top .layer_measure:nth-child(4) {
    left: 17.9%;
    bottom: 49.6%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(1) {
    left: 50%;
    bottom: 88.5%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(2) {
    left: 50%;
    bottom: 67.2%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(3) {
    left: 69%;
    bottom: 82.7%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(4) {
    left: 50%;
    bottom: 54.7%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(5) {
    left: 50%;
    bottom: 42.3%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(6) {
    left: 16.2%;
    bottom: 49.7%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom .layer_measure:nth-child(1) {
    left: 49.9%;
    bottom: 86.9%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom .layer_measure:nth-child(2) {
    left: 49.9%;
    bottom: 55.5%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom .layer_measure:nth-child(3) {
    left: 28.6%;
    bottom: 47.8%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom02 .layer_measure:nth-child(1) {
    left: 50%;
    bottom: 89.1%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom02 .layer_measure:nth-child(2) {
    left: 50%;
    bottom: 69.2%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom02 .layer_measure:nth-child(3) {
    left: 56.3%;
    bottom: 57.7%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom02 .layer_measure:nth-child(4) {
    left: 34%;
    bottom: 49.1%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--underT .layer_measure:nth-child(1) {
    left: 49.9%;
    bottom: 41.7%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--underT .layer_measure:nth-child(2) {
    left: 49.9%;
    bottom: auto;
    top: 71%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--under .layer_measure:nth-child(1) {
    left: 49.9%;
    bottom: 64.3%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.w--under .layer_measure:nth-child(2) {
    left: 78%;
    bottom: 46.6%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--bag .layer_measure:nth-child(1) {
    left: 51.3%;
    bottom: 30.2%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--bag .layer_measure:nth-child(2) {
    left: 76.7%;
    bottom: 49.6%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--bag .layer_measure:nth-child(3) {
    left: 25.2%;
    bottom: 31.9%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--hat .layer_measure:nth-child(1) {
    left: 52.9%;
    bottom: 50%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--hat .layer_measure:nth-child(2) {
    left: 24.6%;
    bottom: 49.1%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--hat .layer_measure:nth-child(3) {
    left: 76.7%;
    bottom: 56.9%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--belt .layer_measure:nth-child(1) {
    left: 90.1%;
    bottom: 52.8%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--belt .layer_measure:nth-child(2) {
    left: 47.7%;
    bottom: 59.9%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--wallet .layer_measure:nth-child(1) {
    left: 48.7%;
    bottom: 42.4%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.a--wallet .layer_measure:nth-child(2) {
    left: 68.5%;
    bottom: 58.3%;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.si-layerBody .event-detail-goods {
    margin: 0 -15px;
    padding: 20px 15px;
    border-top: 1px solid #f0f0f0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.si-layerBody .event-detail-goods .group-title {
    font-size: 13px;
    padding-bottom: 10px;
    font-weight: normal;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.si-layerBody .event-detail-goods .goods-listing {
    margin-left: -15px;
    padding-right: 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringImg .measure-size .layer_measure-list.blind {
    position: absolute;
    left: -999999px;
    display: block;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    opacity: 0;
    overflow: hidden;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringinfo {
    margin: 10px 0 0;
    padding: 0 20px 15px;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringinfo li {
    display: flex;
    align-items: flex-start;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringinfo li + li {
    margin: 6px 0 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringinfo li .typeA {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #555;
    font-weight: 700;
    font-size: 10px;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringinfo li .miCont {
    display: flex;
    align-items: flex-start;
    margin: 0 0 0 7px;
    font-size: 0;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringinfo li .miCont dt {
    flex: 0 0 73px;
    width: 73px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .measuringWrap .measuringinfo li .miCont dd {
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_product-detail > li .gds_dtl_wrap .gds_dtl .pxb-button-wrapper button .pixibo-text-container {
    font-size: 12px;
    line-height: 18px;
    color: #555;
    text-decoration: none;
    letter-spacing: -1px;
}

.ee_product-detail > li .gds_dtl_wrap ~ .gds_plan .gd_plan:first-child {
    border-top: 1px solid #eee;
}

.ee_product-detail > li .gds_dtl_wrap:empty ~ .gds_plan .gd_plan:first-child {
    border-top: none;
}

.ee_product-detail > li .gds_plan .gd_plan {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-top: 1px solid #eee;
    border-bottom: none;
    padding: 10px 0;
}

.ee_product-detail > li .gds_plan .gd_plan:first-child {
    border-top: none;
}

.ee_product-detail > li .gds_plan .gd_plan dl {
    display: flex;
}

.ee_product-detail > li .gds_plan .gd_plan dl dt {
    flex: 0 0 100px;
    align-items: flex-start;
    position: relative;
    top: 0;
    width: 100px;
    padding: 6px 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd {
    padding: 6px 0;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd ul {
    overflow: hidden;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd ul li {
    display: none;
    position: relative;
    padding: 0 0 0 8px;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd ul li:first-child {
    display: block;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd ul li:first-child a {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd ul li + li {
    margin: 4px 0 0;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd ul li a {
    font-size: 12px;
    line-height: 18px;
    color: #777;
    transition: all 0.3s;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd ul li::before {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #555;
}

.ee_product-detail > li .gds_plan .gd_plan dl dd ul li::after {
    display: none;
}

.ee_product-detail > li .gds_plan .gd_plan button {
    flex: 0 0 30px;
    position: relative;
    top: 0;
    width: 30px;
    height: 30px;
}

.ee_product-detail > li .gds_plan .gd_plan button span {
    display: none;
}

.ee_product-detail > li .gds_plan .gd_plan button::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 1px;
    background: #555;
    transform: translateY(-50%) rotate(-180deg);
    transition: all 0.3s;
}

.ee_product-detail > li .gds_plan .gd_plan button::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 1px;
    background: #555;
    transform: translateY(-50%) rotate(-90deg);
    transition: all 0.3s;
    opacity: 1;
}

.ee_product-detail > li .gds_plan .gd_plan.on button::before {
    transform: translateY(-50%);
}

.ee_product-detail > li .gds_plan .gd_plan.on button::after {
    transform: translateY(-50%);
    opacity: 0;
}

.ee_product-detail > li .gds_plan .gd_plan.on dl dd ul li a {
    overflow: visible;
    max-height: initial;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.ee_product-detail .ee_note li + li {
    margin-top: 4px;
}

.ee_product-detail .ee_btn-area {
    margin-top: 10px;
}

.ee_product-detail + .ee_expand.ee_banner {
    margin-bottom: 10px;
}

.ee_sns-share {
    padding: 20px 10px;
}

.ee_sns-share ul {
    display: flex;
    justify-content: space-around;
}

.ee_sns-share ul li {
    width: 25%;
    text-align: center;
}

.ee_sns-share ul li button {
    width: 100%;
    text-align: center;
}

.ee_sns-share ul li button img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: inline-block;
}

.ee_sns-share ul li .ee_txt {
    display: block;
    margin: 5px -10px 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

.ee_basic-txt {
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

[data-tabcont] .ee_discount-list {
    margin: 20px 0 0;
}

.ee_discount-list ul li {
    overflow: hidden;
}

.ee_discount-list ul li + li {
    margin: 10px 0 0;
}

.ee_discount-list ul li.ee_discounted .ee_price-box .ee_price {
    color: #ff5432;
}

.ee_discount-list ul ~ .ee_result {
    margin: 15px 0 0;
    border-top: 1px solid #222;
    padding: 15px 0 0;
}

.ee_discount-list .ee_tit {
    float: left;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.ee_discount-list .ee_price-box {
    float: right;
    padding: 1px;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.ee_discount-list .ee_price-box .ee_number {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
}

.ee_discount-list .ee_coupon {
    clear: both;
    margin: 2px 0 0;
    padding: 0 0 0 15px;
    background: url(../image/icons/10x10/ico-common-10-foldering.svg) 0 4px no-repeat;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_discount-list .ee_result {
    overflow: hidden;
}

.ee_discount-list .ee_result .ee_tit {
    float: left;
    padding: 2px 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
}

.ee_discount-list .ee_result .ee_price-box {
    float: right;
    font-weight: 500;
    font-size: 13px;
}

.ee_discount-list .ee_result .ee_price-box .ee_number {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

.ee_discount-list ~ .ee_note {
    margin: 15px 0 0;
}

.ee_discount-list .ee_member-info .ee_desc {
    margin: 15px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    word-break: keep-all;
}

.ee_discount-list .ee_member-info .ee_btn-wrap {
    margin: 2px 0 0;
}

.ee_discount-list .ee_member-info .ee_btn-wrap ul {
    overflow: hidden;
    max-height: 0;
    margin: 15px 0 0;
    border-top: 1px dotted #ddd;
    transition: all 0.3s;
}

.ee_discount-list .ee_member-info .ee_btn-wrap ul li + li {
    margin: 5px 0 0;
}

.ee_discount-list .ee_member-info .ee_btn-wrap .ee_btn-toggle.on ~ ul {
    height: auto;
    max-height: none;
    padding: 14px 0 0;
}

.ee_bundle-wrap {
    padding: 10px 0 0;
}

.ee_bundle-wrap .ee_tit {
    font-weight: 500;
    font-size: 16px;
    color: #222;
}

.ee_bundle-wrap .ee_goods-grid {
    padding: 15px 0 20px;
}

.ee_coupon-list {
    padding: 20px 0;
}

.ee_coupon-list > li {
    position: relative;
    max-width: 345px;
    margin: 0 auto;
}

.ee_coupon-list > li + li {
    margin-top: 10px;
}

.ee_coupon-list > li::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 43px;
    z-index: 1;
    width: 14px;
    height: 7px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 7px 7px;
    background: #ffffff;
}

.ee_coupon-list > li::after {
    display: block;
    content: "";
    position: absolute;
    right: 43px;
    bottom: 0;
    z-index: 1;
    width: 14px;
    height: 7px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
    background: #ffffff;
}

.ee_coupon-list > li .ee_coupon {
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 160px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 20px 60px 20px 20px;
    text-align: left;
}

.ee_coupon-list > li .ee_coupon::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 100%;
    border-left: 1px dashed #ccc;
    background: #f9f9f9 url(../image/icons/30x30/ico-common-30-download.svg) right 9px center no-repeat;
}

.ee_coupon-list > li .ee_coupon .ee_price-box {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #222;
}

.ee_coupon-list > li .ee_coupon .ee_price-box .ee_number {
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
}

.ee_coupon-list > li .ee_coupon .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 42px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin: 6px 0 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.ee_coupon-list > li .ee_coupon .ee_info {
    margin: 6px 0 0;
}

.ee_coupon-list > li .ee_coupon .ee_info li {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_coupon-list > li .ee_coupon .ee_info li + li {
    margin: 2px 0 0;
}

.ee_coupon-list > li .ee_coupon:disabled::after {
    background-image: url(../image/icons/30x30/ico-product-30-success.svg);
}

.ee_freebie-wrap img {
    width: 100%;
}

.ee_freebie-wrap .ee_freebie-txt {
    margin: 15px 0 0;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.gds_cd_lst > dl {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    display: flex;
}

.gds_cd_lst > dl dt {
    flex: 0 0 120px;
    margin: -20px 0;
    padding: 20px 0;
    background: #f7f7f7;
    text-align: center;
}

.gds_cd_lst > dl dt img {
    width: 100%;
}

.gds_cd_lst > dl dt strong {
    display: block;
    padding: 0 5px;
}

.gds_cd_lst > dl dd {
    margin: 0 0 0 20px;
}

.gds_cd_lst > dl dd > ul + ul {
    margin-top: 20px;
}

.gds_cd_lst > dl dd > ul > li {
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.gds_cd_lst > dl dd > ul > li ul {
    margin: 10px 0 0;
}

.gds_cd_lst > dl dd > ul > li ul li {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.gds_cd_lst > dl dd > ul > li ul li + li {
    margin: 10px 0 0;
}

.gds_cd_lst > dl dd > ul > li ul li em {
    display: block;
    font-weight: 500;
}

.ee_image-view {
    margin: 0 -15px;
}

.ee_info-dl dt {
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    color: #222;
}

.ee_info-dl dt + dd {
    margin-top: 5px;
}

.ee_info-dl dd + dt {
    margin-top: 10px;
}

.ee_measure-box {
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 20px 15px 20px;
    border: 1px solid #ccc;
    margin-top: 20px;
}

.ee_measure-box img {
    width: 100%;
}

.ee_measure-box ol {
    margin-top: 10px;
}

.ee_measure-box ol li {
    position: relative;
    padding-left: 25px;
}

.ee_measure-box ol li + li {
    margin-top: 6px;
}

.ee_measure-box ol .order {
    position: absolute;
    left: 0;
    top: -2px;
    font-style: normal;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #555;
    color: #ffffff;
}

.ee_measure-box ol dl {
    display: flex;
    font-size: 12px;
    line-height: 18px;
}

.ee_measure-box ol dl dt {
    width: 73px;
    font-size: 1em;
    color: #777;
    letter-spacing: normal;
}

.ee_measure-box ol dl dd {
    flex: 1;
    font-size: 1em;
    color: #777;
    letter-spacing: normal;
}

.ee_measure-box + .ee_note {
    margin-top: 10px;
}

.ee_set-tit {
    margin: 0 -15px;
    padding: 14px 15px;
    background: #f4f4f4;
    font-size: 0;
}

.ee_set-tit .ee_tit {
    display: inline;
    margin: 0 10px 0 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #222;
    vertical-align: middle;
}

.ee_set-tit .ee_desc {
    display: inline;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    vertical-align: middle;
}

.ee_slt-set {
    margin: 10px 0 0;
    border-top: 1px solid #555;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.ee_alarm-wrap .ee_set-tit {
    margin-bottom: 20px;
}

.ee_alarm-wrap .ee_stock-detail .ee_note {
    margin: 20px 0 0;
}

.ee_alarm-wrap .ee_input-wrap {
    padding: 20px 0 0;
}

.ee_alarm-wrap hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

.ee_alarm-wrap .ee_tab.ty3 {
    margin-top: 20px;
}

.ee_alarm-wrap .ee_alarm-inner {
    margin: 20px 0 0;
}

.ee_alarm-wrap .ee_btn-wrap {
    margin: 10px 0 0;
}

.ee_alarm-area {
    padding: 70px 0 0;
    background: url(../image/icons/60x60/ico-common-60-alarm.svg) center 0 no-repeat;
    text-align: center;
}

.ee_alarm-area .ee_tit {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.ee_alarm-area .ee_desc {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_membership {
    margin: 0 -15px;
    padding: 20px 15px;
    background: #f7f7f7;
}

.ee_membership .ee_txt {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    text-align: center;
}

.ee_membership [class*=ee_btn] {
    min-width: 100px;
}

.ee_order-sheet .ee_note.ty2 li {
    color: #999;
}

.ee_order-sheet .ee_note.ty2 li.ee_caution {
    color: #d10011;
}

.ee_order-sheet .ee_note.ty2 li::before {
    background: #999;
}

.ee_order-sheet .ee_gray-area .ee_note.ty2 li {
    color: #777;
}

.ee_order-sheet .ee_gray-area .ee_note.ty2 li::before {
    background: #555;
}

.ee_order-sheet .ee_input-wrap input:disabled {
    color: #777 !important;
}

.ee_order-sheet .ee_section.ee_peyment {
    margin: 0 -15px;
    padding: 0 15px;
    background: #f7f7f7;
}

.ee_order-sheet .ee_section.ee_peyment .ee_cont-wrap {
    position: relative;
    padding: 0 0 30px;
}

.ee_order-sheet .ee_section.ee_peyment .ee_cont-wrap::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: -15px;
    left: -15px;
    z-index: 1;
    height: 10px;
    background: #ffffff;
}

.ee_order-sheet .ee_section.ee_peyment .ee_cont-wrap::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: -15px;
    left: -15px;
    z-index: 1;
    height: 10px;
    background: url(../image/etc/img-common-10-order-punching.svg) center top/cover no-repeat;
}

.ee_order-sheet .ee_section.ee_peyment .ee_caution-area {
    position: relative;
    margin: 0 -15px;
    padding: 25px 15px 43px;
    background: #ffffff;
}

.ee_order-sheet .ee_section.ee_peyment .ee_caution-area hr,
.ee_order-sheet .ee_section.ee_peyment .ee_caution-area .hr {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.ee_order-sheet .ee_section.ee_policy {
    padding: 15px 0 25px;
}

.ee_order-sheet .ee_section.ee_policy .ee_txt {
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.ee_order-sheet .ee_section.ee_policy .ee_btn-link {
    flex: 0 0 auto;
    margin: 0 0 0 20px;
}

.ee_order-sheet .ee_section .ee_accordion {
    margin-top: -25px;
    padding-bottom: 25px;
}

.ee_order-sheet .ee_section .ee_accordion .ee_accumulate-points {
    margin-top: 0;
}

.ee_order-sheet .ee_tit-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    /* SIVD-7125 */
}

.ee_order-sheet .ee_tit-area.ee_tit-area--dw {
    position: relative;
    padding-bottom: 30px;
}

@media screen and (max-width: 570px) {
    .ee_order-sheet .ee_tit-area.ee_tit-area--dw {
        padding-bottom: 48px;
    }
}

.ee_order-sheet .ee_tit-area.ee_tit-area--dw .ee_desc {
    top: 60px;
    position: absolute;
    white-space: normal;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ee_order-sheet .ee_tit-area .ee_tit18 {
    flex: 0 0 110px;
    white-space: nowrap;
}

.ee_order-sheet .ee_tit-area .ee_summ-wrap {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    margin: 0 0 0 3px;
}

.ee_order-sheet .ee_tit-area .ee_summ-wrap .ee_summ {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 60px;
    margin: 0 5px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    text-align: right;
    transition: all 0.3s;
    opacity: 1;
}

.ee_order-sheet .ee_tit-area .ee_summ-wrap .ee_summ .ee_strong {
    color: #d10011;
    white-space: nowrap;
}

.ee_order-sheet .ee_tit-area .ee_summ-wrap .ee_summ ul {
    display: flex;
}

.ee_order-sheet .ee_tit-area .ee_summ-wrap .ee_summ ul li {
    position: relative;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_order-sheet .ee_tit-area .ee_summ-wrap .ee_summ ul li + li {
    margin: 0 0 0 21px;
}

.ee_order-sheet .ee_tit-area .ee_summ-wrap .ee_summ ul li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 1px;
    height: 10px;
    background: #ddd;
    transform: translateY(-50%);
}

.ee_order-sheet .ee_cont-wrap {
    padding: 0 0 25px;
}

.ee_order-sheet .ee_cont-wrap .ee_cont-tab {
    margin: 10px 0 0;
}

.ee_order-sheet .ee_cont-wrap .ee_textarea {
    height: 100px;
}

.ee_order-sheet .ee_cont-wrap .ee_textarea textarea {
    min-height: 52px;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap {
    padding: 0 10px;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul li .ee_tit {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul li .ee_price {
    font-size: 11px;
    line-height: 17px;
    color: #555;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul li .ee_price .ee_num {
    display: inline-block;
    margin: 0 1px 0 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul li.ee_product-amount {
    margin: 0 -10px 10px;
    border-bottom: 1px dotted #ccc;
    padding: 0 10px 12px;
    height: 25px;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul li.ee_product-amount .ee_tit {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul li.ee_product-amount .ee_price {
    color: #222;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul li.ee_product-amount .ee_price .ee_num {
    font-size: 18px;
    line-height: 25px;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_total {
    margin: 10px -10px 0;
    border-top: 2px solid #222;
    padding: 5px 10px 0;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_total .ee_total-amount {
    height: 50px;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_total .ee_total-amount .ee_tit {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #222;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_total .ee_total-amount .ee_price {
    color: #222;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_total .ee_total-amount .ee_price .ee_num {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_points {
    margin: 5px 0 0;
    border-top: 1px solid #eee;
    padding: 5px 0 0;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_points li .ee_tit {
    color: #777;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_points li .ee_price {
    color: #777;
}

.ee_order-sheet .ee_cont-wrap .ee_payment-wrap ul.ee_points li .ee_price .ee_num {
    font-weight: 400;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card {
    display: flex;
    align-items: center;
    margin: 13px 0 0;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card .ee_img {
    flex: 0 0 80px;
    width: 80px;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card .ee_img img {
    width: 100%;
    height: auto;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card .ee_info {
    margin: 0 0 0 20px;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card .ee_info .ee_tit {
    font-weight: 700;
    font-size: 13px;
    line-height: 21px;
    color: #222;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card .ee_info .ee_desc {
    font-size: 13px;
    line-height: 21px;
    color: #555;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card .ee_info .ee_dot-list {
    margin: 5px 0 0;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card .ee_info .ee_dot-list li {
    position: relative;
    padding-left: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #777;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card .ee_info .ee_dot-list li::before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 2px;
    width: 1px;
    height: 1px;
    background: #777;
}

.ee_order-sheet .ee_cont-wrap .ee_samsung-card ~ .ee_note {
    margin-top: 15px !important;
}

.ee_order-sheet .ee_cont-wrap .ee_hyundai-card {
    margin: 13px 0 0;
    border-top: 1px solid #eee;
    padding: 10px 0 0;
}

.ee_order-sheet .ee_cont-wrap .ee_hyundai-card .ee_chk-list li + li {
    margin: 5px 0 0;
}

.ee_order-sheet .ee_cont-wrap .ee_input-type + .ee_input-type {
    margin-top: 0;
}

.ee_order-sheet .ee_accordion > li .ee_acc-tit {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 0;
    background: url(../image/icons/30x30/ico-common-30-arrow-down.svg) center center no-repeat;
}

.ee_order-sheet .ee_accordion > li .ee_acc-expand {
    margin: 0 -15px;
    padding: 0 15px;
}

.ee_order-sheet .ee_accordion > li .ee_acc-expand .ee_product-wrap .ee_product-list li:first-child {
    padding-top: 0;
}

.ee_order-sheet .ee_accordion > li .ee_acc-expand .ee_product-wrap .ee_total-amount ~ .ee_product-list {
    border-top: 8px solid #f4f4f4;
}

.ee_order-sheet .ee_accordion > li .ee_acc-expand .ee_product-wrap .ee_total-amount ~ .ee_product-list li:first-child {
    padding-top: 30px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_unable-address {
    margin: 0 0 15px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_unable-address ul li.ee_caution {
    color: #d10011;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_unable-address ul li.ee_caution::before {
    background: #d10011;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_shipping-address {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_shipping-address [class*=ee_btn] {
    flex: 0 0 auto;
    min-width: 50px;
    margin: 0 0 0 15px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_shipping-address .ee_user-address .ee_name {
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_shipping-address .ee_user-address .ee_address {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_shipping-address .ee_enter-guide {
    font-size: 15px;
    line-height: 24px;
    color: #222;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_user-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0 0;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_user-cell .ee_cell {
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_user-cell .ee_cell-guide {
    font-size: 0;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap {
    display: none;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap.on {
    display: block;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap .ee_gift-list {
    margin: 10px 0 0;
    border-top: 1px solid #eee;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap .ee_gift-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap .ee_gift-list li + li {
    border-top: 1px solid #eee;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap .ee_gift-list li .ee_gift-tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    box-sizing: border-box;
    width: 36.3%;
    padding: 0 15px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    text-transform: uppercase;
    word-break: keep-all;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap .ee_gift-list li .ee_select {
    width: 63.7%;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap .ee_gift-list li .ee_gray-area {
    overflow: hidden;
    width: 100%;
    max-height: 0;
    margin: 0;
    padding: 0 20px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_gift-wrap .ee_gift-list li .ee_gray-area.on {
    max-height: 1000px;
    margin: 10px 0 0;
    padding: 12px 20px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-limit {
    border-radius: 3px;
    padding: 10px 20px;
    background: #f4f4f4;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-limit .ee_balance {
    margin: 5px 0 0;
    border-top: 1px solid #ddd;
    padding: 15px 0 5px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-limit .ee_balance dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-limit .ee_balance dl + dl {
    margin: 7px 0 0;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-limit .ee_balance dl dt {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-limit .ee_balance dl dd .ee_price-box .ee_price {
    font-size: 13px;
    color: #555;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-limit .ee_balance dl dd .ee_price-box .ee_price .ee_number {
    margin: 0 3px 0 0;
    color: #555;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_note-wrap {
    display: flex;
    align-items: center;
    margin: 10px 0 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_note-wrap .ee_note {
    margin: 0 20px 0 0;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_note-wrap [class*=ee_btn] {
    flex: 0 0 auto;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap {
    margin: 15px 0 0;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li + li {
    margin: 15px 0 0;
    border-top: none;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li .ee_sort {
    flex: 0 0 110px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li .ee_sort .ee_tit {
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li .ee_sort .ee_subtxt {
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li .ee_cont {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li .ee_cont .ee_input-type {
    flex: 1 1 auto;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li .ee_cont .ee_input-type.ee_mt0 {
    margin-top: 0;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_discount-wrap li .ee_cont [class*=ee_btn] {
    flex: 0 0 60px;
    width: 60px;
    margin: 0 0 0 5px;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_free-gift + .ee_free-gift {
    margin: 20px 0 0;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_free-gift .ee_gift-name {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_free-gift .ee_note.ty2 li {
    font-weight: 500;
    color: #222;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_free-gift .ee_note.ty2 li::before {
    background: #555;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_free-gift .ee_gray-area.ty3 ul li {
    display: flex;
    align-items: center;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_free-gift .ee_gray-area.ty3 ul li label {
    display: inline-block;
    vertical-align: middle;
}

.ee_order-sheet .ee_accordion > li .ee_cont-wrap .ee_free-gift .ee_gray-area.ty3 ul li .ee_btn-view {
    display: inline-block;
    padding: 5px;
    font-size: 0;
    vertical-align: middle;
}

.ee_order-sheet .ee_accordion > li.on .ee_acc-tit {
    transform: rotate(-180deg);
}

.ee_order-sheet .ee_accordion > li.on .ee_summ-wrap {
    overflow: hidden;
}

.ee_order-sheet .ee_accordion > li.on .ee_summ-wrap .ee_summ {
    overflow: hidden;
    max-height: 0;
    padding: 0;
    opacity: 0;
    transform: translateY(100%);
}

.ee_order-sheet .ee_accordion > li .ee_accumulate-points {
    position: relative;
    margin-top: 20px;
    z-index: 1;
}

.ee_order-sheet .ee_accordion > li .ee_accumulate-points .ee_acc-tit.ee_acc-tit {
    transform: rotate(0);
}

.ee_order-sheet .ee_accordion > li .ee_accumulate-points .ee_note li {
    word-break: keep-all;
}

.ee_order-sheet .ee_accordion > li .ee_accumulate-points.is-active .ee_points-detail {
    max-height: 106px;
}

.ee_order-sheet .ee_accordion > li .ee_accumulate-points.is-active .ee_acc-tit {
    transform: rotate(180deg);
}

.ee_order-sheet .ee_accordion > li .ee_points-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}

.ee_order-sheet .ee_accordion > li .ee_points-detail {
    display: flex;
    flex-wrap: wrap;
    max-height: 0;
    transition: all 0.3s;
    overflow: hidden;
}

.ee_order-sheet .ee_accordion > li .ee_points-detail .ee_input-type {
    flex: 1;
}

.ee_order-sheet .ee_accordion > li .ee_points-detail .ee_text-input {
    padding: 0;
}

.ee_order-sheet .ee_accordion > li .ee_points-detail .ee_input {
    padding: 5px 15px;
}

.ee_order-sheet .ee_accordion > li .ee_points-detail .ee_input:disabled {
    padding: 5px 15px;
    background: #f4f4f4;
}

.ee_order-sheet .ee_accordion > li .ee_points-detail .ee_fit {
    width: 134px;
    margin: 15px 0 0 auto;
}

.ee_order-sheet .ee_accordion > li .ee_points-detail .ee_fit [class*=ee_btn] {
    flex: 0 0 60px;
    margin-left: auto;
}

.ee_tab-img .scroll-wrap {
    padding: 0;
}

.ee_tab-img button,
.ee_tab-img a {
    display: inline-block;
    min-width: 80px;
    height: auto;
    text-align: center;
}

.ee_tab-img button .ee_img,
.ee_tab-img a .ee_img {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50%;
    font-weight: 700;
    font-size: 13px;
    color: #222;
}

.ee_tab-img button .ee_img::after,
.ee_tab-img a .ee_img::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    border: 1px solid #eee;
    border-radius: 50%;
    background: none;
}

.ee_tab-img button .ee_img img,
.ee_tab-img a .ee_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.ee_tab-img button .ee_txt,
.ee_tab-img a .ee_txt {
    margin: 4px 0 0;
    padding: 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    color: #555;
}

.ee_tab-img button .ee_txt::after,
.ee_tab-img a .ee_txt::after {
    display: none;
}

.ee_tab-img button.on .ee_img::after,
.ee_tab-img a.on .ee_img::after {
    border-color: #222;
    z-index: 10;
}

.ee_tab-img button.on .ee_txt,
.ee_tab-img a.on .ee_txt {
    font-weight: 700;
    color: #222;
}

.ee_review-list > li {
    border-top: 1px solid #f4f4f4;
    padding: 20px 0;
}

.ee_review-list > li:first-child {
    margin: 0 -15px;
    padding: 20px 15px;
}

.ee_review-list > li.on .ee_review-info .ee_sorting {
    opacity: 0;
    transform: translateX(120%) scaleX(0);
}

.ee_review-list > li.on .ee_review-cont .ee_txt {
    overflow: visible;
    max-height: initial;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.ee_review-list > li.on .ee_review-cont .ee_thumb {
    flex: 1;
    margin: 0;
    height: 0;
}

.ee_review-list > li.on .ee_img-area {
    max-height: 1000px;
    margin: 15px 0 0;
}

.ee_review-list > li.on .ee_review-block {
    display: flex;
}

.ee_review-list .ee_review-summ .ee_user-info {
    margin: 5px 0 0;
    font-size: 0;
}

.ee_review-list .ee_review-summ .ee_user-info li {
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.ee_review-list .ee_review-summ .ee_user-info li + li {
    margin: 0 0 0 10px;
    padding: 0 0 0 11px;
}

.ee_review-list .ee_review-summ .ee_user-info li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 8px;
    margin: -4px 0 0;
    background: #ddd;
}

.ee_review-list .ee_review-info {
    margin: 10px 0 0;
}

.ee_review-list .ee_review-info.ee_flex-sb {
    overflow: hidden;
}

.ee_review-list .ee_review-info .ee_tit {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.ee_review-list .ee_review-info .ee_option {
    margin: 2px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_review-list .ee_review-info .ee_sorting {
    overflow: hidden;
    display: block;
    width: auto;
    opacity: 1;
}

.ee_review-list .ee_review-cont {
    margin: 10px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ee_review-list .ee_review-cont .ee_txt {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 76px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    text-align: left;
    position: relative;
}

.ee_review-list .ee_review-cont .ee_txt [class*=ee_flag] {
    margin: 0 7px 0 0;
    vertical-align: text-bottom;
}

.ee_review-list .ee_review-cont .ee_thumb {
    overflow: hidden;
    display: block;
    flex: 0 0 70px;
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 0 0 25px;
}

.ee_review-list .ee_review-cont .ee_thumb img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.ee_review-list .ee_review-cont .ee_thumb .ee_num {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.3);
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
}

.ee_review-list .ee_img-area {
    overflow: hidden;
    max-height: 0;
}

.ee_review-list .ee_img-area ul {
    margin: -5px 0 0 -5px;
    font-size: 0;
    text-align: left;
}

.ee_review-list .ee_img-area ul li {
    display: inline-block;
    position: relative;
    width: calc((100% - 25px) / 5);
    margin: 5px 0 0 5px;
}

.ee_review-list .ee_img-area ul li button {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 100%;
    font-size: 0;
}

.ee_review-list .ee_img-area ul li button img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ee_review-list .ee_review-block {
    display: none;
    justify-content: flex-end;
    margin-top: 5px;
}

.ee_review-list .ee_review-block button span,
.ee_review-list .ee_review-block a span {
    font-size: 13px;
    line-height: 19px;
    color: #222;
    text-decoration: underline;
}

.ee_review-list .ee_review-block button + button,
.ee_review-list .ee_review-block button + a,
.ee_review-list .ee_review-block a + button,
.ee_review-list .ee_review-block a + a {
    position: relative;
    margin-left: 12px;
    padding-left: 12px;
}

.ee_review-list .ee_review-block button + button:before,
.ee_review-list .ee_review-block button + a:before,
.ee_review-list .ee_review-block a + button:before,
.ee_review-list .ee_review-block a + a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 6px;
    margin-top: -3px;
    background-color: #ddd;
}

.ee_review-list.ee_swiper-container .ee_review-block {
    display: flex;
}

.ee_review-point {
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    margin-top: 10px;
    color: #555;
}

.ee_goods-info {
    padding: 30px 0;
}

.ee_goods-info .ee_btn-wrap {
    margin-top: 10px;
}

.ee_goods-info .ee_goods-info-img {
    margin-top: 10px;
}

.ee_goods-info .ee_goods-info-img img {
    max-width: 100%;
}

.ee_goods-info .ee_goods-info-img:empty {
    margin-top: 0;
}

.ee_goods-info .ee_nodata {
    margin-top: 10px;
}

.ee_goods-info .ee_goods-grid {
    margin: 10px 0 0;
}

.ee_goods-info .ee_goods-grid ~ .ee_goods-grid {
    margin: 50px 0 0;
}

.ee_input-wrap input[type=email],
.ee_input-wrap input[type=tel],
.ee_input-wrap input[type=number],
.ee_input-wrap input[type=password],
.ee_input-wrap input[type=text] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 9px;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    outline: none;
    background: none;
}

.ee_input-wrap > ul > li + li {
    margin: 20px 0 0;
}

.ee_input-wrap > ul > li .ee_sort {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_input-wrap > ul > li .ee_sort + .ee_input-box {
    margin: 10px 0 0;
}

.ee_input-wrap .ee_input-box ~ .ee_input-box {
    margin: 10px 0 0;
}

.ee_input-wrap .ee_input-box.ee_mt20 {
    margin-top: 20px;
}

.ee_input-wrap .ee_input-box .ee_input-row {
    display: flex;
    align-items: center;
}

.ee_input-wrap .ee_input-box .ee_input-row .ee_dash {
    display: block;
    flex: 0 0 6px;
    width: 6px;
    height: 1px;
    background: #ccc;
    margin: 0 7px;
    font-size: 0;
    text-indent: -9999px;
}

.ee_input-wrap .ee_input-box .ee_input-row [class*=ee_btn] {
    flex: 0 0 70px;
    margin: 0 0 0 10px;
    width: 70px;
}

.ee_product-review .ee_review-head {
    padding: 0 0 20px;
}

.ee_product-review .ee_review-head.ee_pb30 {
    padding-bottom: 30px;
}

.ee_product-review .ee_review-head .ee_info-area.on ~ .ee_review-imgs {
    margin: 10px 0 0;
}

.ee_product-review .ee_review-head .ee_info-area.on ~ .ee_select-custom {
    margin: 10px 0 0;
}

.ee_product-review .ee_review-head .ee_select-custom ~ .ee_review-imgs {
    margin: 10px 0 0;
}

.ee_product-review .ee_review-head .ee_review-imgs {
    position: relative;
    margin: 5px 0 0;
    padding: 0 67px 0 0;
}

.ee_product-review .ee_review-head .ee_review-imgs.ee_full {
    padding: 0;
}

.ee_product-review .ee_review-head .ee_review-imgs ul {
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
}

.ee_product-review .ee_review-head .ee_review-imgs ul li {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
}

.ee_product-review .ee_review-head .ee_review-imgs ul li + li {
    margin: 0 0 0 5px;
}

.ee_product-review .ee_review-head .ee_review-imgs ul li button {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.ee_product-review .ee_review-head .ee_review-imgs ul li button .ee_num {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.3);
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
}

.ee_product-review .ee_review-head .ee_review-imgs ul li img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.ee_product-review .ee_review-head .ee_review-imgs .ee_btn-review-more {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    box-sizing: border-box;
    width: 57px;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 23px 0 18px;
    text-align: center;
}

.ee_product-review .ee_review-head .ee_review-imgs .ee_btn-review-more span {
    display: block;
}

.ee_product-review .ee_review-head .ee_review-imgs .ee_btn-review-more i {
    display: block;
    margin: 0 auto;
}

.ee_product-review .ee_review-list > li .ee_review-info .ee_option {
    margin: 0;
}

.ee_product-review .ee_review-benefit .ee_benefit-guide {
    font-size: 13px;
    line-height: 19px;
}

.ee_product-review .ee_review-benefit .ee_benefit-item {
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
}

.ee_product-review .ee_review-benefit .ee_benefit-item + .ee_benefit-item {
    margin-top: 10px;
}

.ee_product-review .ee_review-benefit .ee_benefit-item.emphasis a {
    font-size: 15px;
    color: #222;
    text-decoration: underline;
}

.ee_product-review .ee_review-benefit .ee_benefit-item.emphasis a:after {
    display: inline-block;
    content: ">";
    padding-left: 4px;
    font-family: sans-serif;
}

.ee_product-review .ee_review-benefit .ee_benefit-list {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ee_product-review .ee_review-benefit .ee_benefit-list li {
    position: relative;
    padding: 0 0 0 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    color: #777;
}

.ee_product-review .ee_review-benefit .ee_benefit-list li:before {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #777;
}

.ee_product-review .ee_review-benefit .ee_benefit-list li:after {
    content: "\a";
    white-space: pre;
}

.ee_photo-review-list {
    margin: -9px 0 0 -9px;
    font-size: 0;
}

.ee_photo-review-list li {
    display: inline-block;
    width: calc((100% - 27px) / 3);
    margin: 9px 0 0 9px;
}

.ee_photo-review-list li .ee_thumb {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0 0 100%;
}

.ee_photo-review-list li .ee_thumb img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ee_photo-review-list li .ee_thumb .ee_num {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0.3);
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
}

.ee_photo-review-detail {
    padding-top: 15px;
    box-sizing: border-box;
}

.ee_photo-review-detail .ee_swiper-container .swiper-slide {
    height: auto;
}

.ee_photo-review-detail .ee_review-list .ee_review-info {
    margin: 10px 0 0;
}

.ee_photo-review-detail .ee_review-list .ee_review-info .ee_option {
    margin: 0;
}

.ee_photo-review-detail .ee_review-list .ee_review-info ~ .ee_review-info {
    margin: 15px 0 0;
}

.ee_photo-review-detail .ee_review-list .ee_txt {
    overflow: visible;
    max-height: initial;
    text-overflow: initial;
    white-space: normal;
    -webkit-line-clamp: initial;
}

.ee_photo-review-detail .ee_review-list .ee_img {
    margin: 15px 0 0;
}

.ee_photo-review-detail .ee_review-list .ee_img img {
    display: block;
    width: 100%;
}

.ee_photo-review-detail .ee_review-list .ee_img img ~ img {
    margin: 10px 0 0;
}

.ee_write-wrap {
    padding: 15px 0 0;
}

.ee_write-wrap .ee_write-cont {
    margin: 15px -15px 0;
    border-top: 1px solid #eee;
    padding: 20px 15px 0;
}

.ee_write-wrap .ee_write-cont .ee_tit16 {
    padding: 7px 0 6px;
}

.ee_write-wrap .ee_write-cont .ee_give-star {
    margin: 16px 0 0;
}

.ee_write-wrap .ee_write-cont .ee_tit {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_write-wrap .ee_write-cont .ee_input-type {
    margin: 10px 0 0;
}

.ee_write-wrap .ee_review-benefit {
    margin-bottom: 15px;
}

.ee_write-wrap .ee_review-benefit .ee_benefit-guide {
    font-size: 12px;
    line-height: 18px;
    color: #777;
    padding-left: 12px;
    text-indent: -12px;
}

.ee_write-wrap .ee_review-benefit .ee_benefit-list li {
    position: relative;
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_write-wrap .ee_review-benefit .ee_benefit-list li:before {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #777;
}

.ee_write-wrap .ee_review-benefit .ee_benefit-list li.emphasis {
    margin-top: 3px;
}

.ee_write-wrap .ee_review-benefit .ee_benefit-list li.emphasis a {
    font-weight: bold;
    color: #222;
    text-decoration: underline;
}

.ee_write-wrap .ee_review-benefit .ee_benefit-list li.emphasis a:after {
    display: inline-block;
    content: ">";
    padding-left: 4px;
    font-family: sans-serif;
}

.ee_give-star {
    font-size: 0;
}

.ee_give-star .ee_star {
    overflow: hidden;
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../image/icons/32x32/ico-common-star-medium-grey.svg) center center no-repeat;
}

.ee_give-star .ee_star::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url(../image/icons/32x32/ico-common-star-yellow-medium.svg) center center no-repeat;
    opacity: 0;
    transition: all 0.3s;
}

.ee_give-star .ee_star.on::after {
    opacity: 1;
}

.ee_give-star .ee_star + .ee_star {
    margin: 0 0 0 5px;
}

/* 쇼핑백 추천상품 */
#D2103001230 + .ee_rel-box {
    margin-top: 0;
}

.ee_rel-box {
    margin-top: 20px;
}

.ee_rel-box .ee_tit {
    font-size: 23px;
    line-height: 28px;
    font-weight: 700;
    color: #222;
}

hr + .ee_rel-box {
    margin-top: 40px;
}

.ee_address-list {
    padding: 20px 0 0;
}

.ee_address-list label {
    display: table;
    width: 100%;
    min-height: 122px;
}

.ee_address-list label span {
    box-sizing: border-box;
    width: 100%;
}

.ee_address-list li + li {
    margin: 10px 0 0;
}

.ee_chk-flex {
    display: flex;
}

.ee_chk-flex label {
    width: 50%;
}

.ee_chk-flex label + label {
    margin: 0 0 0 5px;
}

.ee_new-address {
    padding: 20px 0 25px;
}

.ee_new-address .ee_chk-flex {
    margin: 10px 0 0;
}

.ee_new-address-policy {
    padding: 25px 0 0;
}

.ee_policy-wrap .ee_policy-head .ee_tit {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #222;
}

.ee_policy-wrap .ee_policy-head .ee_desc {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_policy-wrap .ee_line-area .ee_note li {
    color: #999;
}

.ee_free-gift-wrap ul {
    border-radius: 3px;
    padding: 15px;
    background: #f7f7f7;
}

.ee_free-gift-wrap ul li {
    display: flex;
    align-items: center;
}

.ee_free-gift-wrap ul li + li {
    margin: 5px 0 0;
}

.ee_free-gift-wrap ul li .ee_btn-view {
    box-sizing: content-box;
    height: 16px;
    margin: -5px -5px -5px 0;
    padding: 5px;
    font-size: 0;
}

.ee_free-gift-wrap ul li .ee_input[type=radio] + span {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ee_free-gift-wrap ul li.ee_free-gift-tit {
    padding: 0;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.ee_free-gift-wrap ul li.ee_free-gift-tit::before {
    display: none;
}

.ee_free-gift-wrap ul li.ee_free-gift-tit + li {
    margin-top: 10px;
}

.ee_free-gift-wrap ul.ee_note {
    padding: 15px;
}

.ee_free-gift-wrap ul.ee_note li + li {
    margin: 10px 0 0;
}

.ee_free-gift-wrap ul ~ ul {
    margin: 5px 0 0;
}

.ee_free-gift-wrap ~ .ee_free-gift-wrap {
    margin: 5px 0 0;
}

.ee_goods-sort {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 10px;
}

.ee_goods-sort .ee_goods-sort-inner {
    padding: 10px 0 0;
    min-width: 100px;
}

.ee_goods-sort .ee_goods-sort-inner .ee_goods-sort-thumb {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    margin: 0 auto;
    background: #f2f2f2;
    border-radius: 100%;
}

.ee_goods-sort .ee_goods-sort-inner .ee_goods-sort-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.ee_goods-sort .ee_goods-sort-inner .ee_goods-sort-thumb img::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../../images/gds/img_circle_bg.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.ee_goods-sort .ee_goods-sort-inner .ee_goods-sort-txt {
    position: relative;
    margin: 20px 0 0;
    padding: 10px 0 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    text-align: center;
}

.ee_goods-sort .ee_goods-sort-inner .ee_goods-sort-txt::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 10px;
    height: 1px;
    background: #555;
    transform: translateX(-50%);
}

.ee_wrapping-gift ul {
    display: flex;
}

.ee_wrapping-gift ul li {
    width: 50%;
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 10px;
}

.ee_wrapping-gift ul li .ee_img {
    width: 100%;
}

.ee_wrapping-gift ul li .ee_img img {
    width: 100%;
}

.ee_wrapping-gift ul li .ee_txt {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #555;
    text-align: center;
}

.ee_wrapping-gift ul li + li {
    margin: 0 0 0 5px;
}

.ee_payment-way > ul {
    display: flex;
    flex-wrap: wrap;
}

.ee_payment-way > ul > li {
    width: calc((100% - 5px) / 2);
}

.ee_payment-way > ul > li:nth-child(even) {
    margin: 0 0 0 5px;
}

.ee_payment-way > ul > li label img {
    width: auto;
    height: 26px;
}

.ee_payment-way > ul > li label .off {
    display: block;
}

.ee_payment-way > ul > li label .on {
    display: none;
}

.ee_payment-way > ul > li label .ee_input[type=radio] + span {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 34px;
}

.ee_payment-way > ul > li label input:checked + span .off {
    display: none;
}

.ee_payment-way > ul > li label input:checked + span .on {
    display: block;
}

.ee_payment-way > ul > li label.ee_discount {
    position: relative;
}

.ee_payment-way > ul > li label.ee_discount::after {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: 29px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d10011;
}

.ee_payment-way > ul + .ee_chk-later {
    border-top: 1px solid #eee;
    padding: 10px 0 0;
}

.ee_payment-way .ee_payment-guide {
    margin: 10px 0 0;
    border-radius: 3px;
    padding: 10px 25px;
    background: #f7f7f7;
}

.ee_payment-way .ee_payment-guide b {
    font-weight: 400;
    color: #d10011;
}

.ee_payment-way .ee_payment-guide ~ .ee_gray-area {
    margin-top: 4px;
}

.ee_payment-way .ee_gray-area.ty4 .ee_flex {
    margin: 5px 0 0;
}

.ee_payment-way .ee_gray-area.ty4 .ee_flex label {
    width: 140px;
}

.ee_payment-way .ee_gray-area.ty4 .ee_flex label + label {
    margin-left: 15px;
}

.ee_payment-way .ee_note.ty2 li {
    color: #777;
}

.ee_chk-later {
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    padding: 10px 0 0;
}

.ee_desc-info dt {
    font-weight: 700;
    font-size: 13px;
    line-height: 21px;
    color: #222;
}

.ee_desc-info dt + dd {
    margin: 6px 0 0;
}

.ee_desc-info dd {
    position: relative;
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_desc-info dd::before {
    display: block;
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #555;
}

.ee_desc-info dd + dd {
    margin: 4px 0 0;
}

.ee_desc-info dd + dt {
    margin: 20px 0 0;
}

.ee_discount-coupon .ee_note.ty2 {
    padding: 15px 0 25px;
}

.ee_discount-coupon .ee_note.ty2 li {
    color: #999;
}

.ee_discount-coupon .ee_note.ty2 li::before {
    background: #999;
}

.ee_apply-coupon > li {
    padding: 0 0 20px;
}

.ee_apply-coupon > li + li {
    margin: 0 -15px;
    border-top: 1px solid #eee;
    padding: 20px 15px;
}

.ee_apply-coupon > li .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.ee_apply-coupon > li .ee_option {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_apply-coupon > li .ee_price-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    margin: 6px 0 0;
}

.ee_apply-coupon > li .ee_price-info .ee_price {
    font-size: 12px;
    line-height: 18px;
    color: #222;
}

.ee_apply-coupon > li .ee_price-info .ee_price .ee_number {
    margin: 0 1px 0 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
}

.ee_apply-coupon > li .ee_price-info .ee_the-number {
    font-size: 13px;
    line-height: 16px;
    color: #555;
}

.ee_apply-coupon > li .ee_select-area {
    margin: 15px 0 0;
}

.ee_policy-modal {
    padding: 0 0 25px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_img-detail {
    padding: 10px 0 0;
}

.ee_img-detail li + li {
    margin: 10px 0 0;
}

.ee_img-detail li img {
    width: 100%;
    height: auto;
}

.ee_regular-delivery .ee_deliver-sort > li .ee_sort {
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_regular-delivery .ee_deliver-sort > li [class^=ee_cont] {
    display: flex;
    justify-content: space-between;
    margin: 5px 0 0;
}

.ee_regular-delivery .ee_deliver-sort > li [class^=ee_cont] > * + * {
    margin: 0 0 0 5px;
}

.ee_regular-delivery .ee_deliver-sort > li [class^=ee_cont][class*=number2] > * {
    width: calc((100% - ((2px - 1px) * 5)) / 2);
}

.ee_regular-delivery .ee_deliver-sort > li [class^=ee_cont][class*=number3] > * {
    width: calc((100% - ((3px - 1px) * 5)) / 3);
}

.ee_regular-delivery .ee_deliver-sort > li [class^=ee_cont][class*=number4] > * {
    width: calc((100% - ((4px - 1px) * 5)) / 4);
}

.ee_regular-delivery .ee_deliver-sort > li + li {
    margin: 20px 0 0;
}

.ee_input-calendar {
    display: inline-flex;
    position: relative;
    width: 100%;
}

.ee_input-calendar .ee_calandar {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 35px 9px 0;
    background: url(../image/icons/30x30/ico-common-30-calendar.svg) right 5px center no-repeat;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    cursor: pointer;
}

.ee_input-calendar .ee_hidden {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.ee_add-payment {
    height: 170px;
    margin: 0 -15px;
    padding: 0 15px;
}

.ee_add-payment .swiper-slide {
    width: 200px;
}

.ee_add-payment .swiper-slide .ee_card-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 126px;
    border-radius: 8px;
    padding: 10px 20px 15px;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_samsung {
    background-color: #346fa7;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_lotte {
    background-color: #a86666;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_kb {
    background-color: #a88966;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_shinhan {
    background-color: #159fe6;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_bc {
    background-color: #a86666;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_hyundai {
    background-color: #000;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_etc {
    background-color: #000;
}

.ee_add-payment .swiper-slide .ee_card-box::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_add-card {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: 1px solid #ddd;
    padding: 0;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_add-card::after {
    display: none;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_add-card .ee_icon {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../image/icons/32x32/ico-common-32-plus.svg) center center no-repeat;
    transition: all 0.3s cubic-bezier(0.65, 0, 0.45, 1);
}

.ee_add-payment .swiper-slide .ee_card-box.ee_add-card .ee_txt {
    display: block;
    margin: 10px 0 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    text-align: center;
}

.ee_add-payment .swiper-slide .ee_card-box.ee_add-card:hover .ee_icon, .ee_add-payment .swiper-slide .ee_card-box.ee_add-card:focus .ee_icon {
    animation: clickAction 0.3s;
}

.ee_add-payment .swiper-slide .ee_card-box .ee_card-logo {
    height: 30px;
}

.ee_add-payment .swiper-slide .ee_card-box .ee_card-logo img {
    width: auto;
    height: 100%;
}

.ee_add-payment .swiper-slide .ee_card-box .ee_card-info {
    position: absolute;
    bottom: 15px;
    left: 20px;
    z-index: 10;
}

.ee_add-payment .swiper-slide .ee_card-box .ee_card-info .ee_card-name {
    font-size: 11px;
    line-height: 17px;
    color: #ffffff;
}

.ee_add-payment .swiper-slide .ee_card-box .ee_card-info .ee_card-number {
    display: flex;
    align-items: center;
    font-size: 0;
}

.ee_add-payment .swiper-slide .ee_card-box .ee_card-info .ee_card-number img + * {
    margin: 0 0 0 5px;
}

.ee_add-payment .swiper-slide .ee_card-box .ee_card-info .ee_card-number .ee_number {
    font-size: 13px;
    line-height: 19px;
    color: #ffffff;
}

.ee_add-payment .swiper-slide .ee_guide {
    margin: 15px -30px 0;
    font-size: 13px;
    line-height: 19px;
    color: #555;
    text-align: center;
}

.ee_add-payment .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: 23px;
    padding: 0 !important;
    transform: translateX(-50%);
}

.ee_lyr_calendar {
    outline: none;
}

.ee_lyr_calendar .calendar_wrap {
    outline: none;
}

.ee_lyr_calendar .calendar_wrap .set_cal {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #222;
    text-align: center;
}

.ee_lyr_calendar .calendar_wrap .set_cal .bt_prev {
    position: absolute;
    top: 50%;
    left: 7px;
    width: 20px;
    height: 20px;
    border: none;
    background: url(../image/icons/20x20/ico-common-20-arrow-left-gray.svg) center center no-repeat;
    transform: translateY(-50%);
}

.ee_lyr_calendar .calendar_wrap .set_cal .bt_prev:disabled {
    opacity: 0.3;
    cursor: default;
}

.ee_lyr_calendar .calendar_wrap .set_cal .bt_next {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 20px;
    height: 20px;
    border: none;
    background: url(../image/icons/20x20/ico-common-20-arrow-right-gray.svg) center center no-repeat;
    transform: translateY(-50%);
}

.ee_lyr_calendar .calendar_wrap .set_cal .bt_next:disabled {
    opacity: 0.3;
    cursor: default;
}

.ee_lyr_calendar .calendar_wrap .cal {
    margin: 10px 0 0;
}

.ee_lyr_calendar .calendar_wrap .cal table {
    outline: none;
}

.ee_lyr_calendar .calendar_wrap .cal table thead tr {
    display: flex;
}

.ee_lyr_calendar .calendar_wrap .cal table thead tr th {
    flex: 1;
    width: 36px;
    height: 36px;
    padding: 0 2px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #222;
}

.ee_lyr_calendar .calendar_wrap .cal table thead tr th:first-child {
    padding-left: 0;
}

.ee_lyr_calendar .calendar_wrap .cal table thead tr th:last-child {
    padding-right: 0;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody {
    padding: 4px 0 0;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr {
    display: flex;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr:first-child td {
    padding-top: 0;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr:last-child td {
    padding-bottom: 0;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #ccc;
    text-align: center;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td:first-child {
    padding-left: 0;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td:first-child a {
    color: #d10011;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td:last-child {
    padding-right: 0;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td:last-child a {
    color: #52adcc;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td a {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-weight: 500;
    line-height: 24px;
    color: #555;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td a.chk {
    float: none;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td.today a {
    border: 1px solid #222;
    font-weight: 700;
    font-size: 14px;
    color: #222;
}

.ee_lyr_calendar .calendar_wrap .cal table tbody tr td.active a {
    border: 1px solid #222;
    background: #222;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
}

@keyframes rotateImg {
    from {
        opacity: 0;
        transform: rotate(180deg) scale(1.2);
    }
    to {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
}

.ee_order-comp {
    padding: 15px 0 0;
    margin-bottom: 50px;
}

.ee_order-comp-head {
    padding: 0 15px;
    text-align: center;
}

.ee_order-comp-head .ee_ico {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    animation: rotateImg 0.6s;
}

.ee_order-comp-head .ee_ico img {
    width: 100%;
}

.ee_order-comp-head .ee_tit {
    margin: 10px 0 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #222;
}

.ee_order-comp-head .ee_subtit {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #777;
}

.ee_order-comp-head .ee_desc {
    margin: 15px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    word-break: keep-all;
}

.ee_order-comp-body {
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    margin: 20px 0 0;
    border-top: 1px solid #222;
    font-size: 0;
}

.ee_order-comp-body .ee_punching {
    position: absolute;
    width: 100%;
    transform: translateY(50%);
    bottom: 0;
}

.ee_order-comp-body .ee_order-info {
    padding: 30px 25px 0;
    background: #ffffff;
}

.ee_order-comp-body .ee_order-info .ee_guide {
    border-top: 1px solid #eee;
    padding: 13px 0 14px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #222;
    text-align: center;
}

.ee_order-comp-body .ee_order-receipt {
    padding: 21px 25px 10px;
    background: #f7f7f7;
}

.ee_order-comp-body .ee_info-list {
    padding: 0 0 20px;
}

.ee_order-comp-body .ee_info-list > li {
    display: flex;
}

.ee_order-comp-body .ee_info-list > li + li {
    margin: 10px 0 0;
}

.ee_order-comp-body .ee_info-list > li .ee_sort {
    flex: 0 0 90px;
    width: 90px;
    font-size: 13px;
    line-height: 19px;
    color: #777;
}

.ee_order-comp-body .ee_info-list > li .ee_cont {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_order-comp-body .ee_info-list > li .ee_cont .ee_info-align {
    font-size: 0;
}

.ee_order-comp-body .ee_info-list > li .ee_cont .ee_info-align li {
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 19px;
    color: #555;
    vertical-align: middle;
}

.ee_order-comp-body .ee_info-list > li .ee_cont .ee_info-align li + li {
    margin: 0 0 0 21px;
}

.ee_order-comp-body .ee_info-list > li .ee_cont .ee_info-align li + li::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 1px;
    height: 10px;
    background: #ddd;
    transform: translateY(-50%);
}

.ee_order-comp-body .ee_info-list > li .ee_cont .ee_address {
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_order-comp-body .ee_info-list + .ee_note {
    padding: 14px 0 30px;
    border-top: 1px solid #eee;
}

.ee_jaju-story {
    margin: 0 -15px;
    padding: 0 0 50px;
}

.ee_jaju-story .ee_story-head {
    position: relative;
}

.ee_jaju-story .ee_story-head img {
    width: 100%;
}

.ee_jaju-story .ee_story-head .ee_txt-area {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    z-index: 10;
    visibility: hidden;
}

.ee_jaju-story .ee_story-head .ee_txt-area .ee_tit span {
    display: block;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.18);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
}

.ee_jaju-story .ee_story-head .ee_txt-area .ee_tit span + span {
    margin: 2px 0 0;
}

.ee_jaju-story .ee_story-head .ee_txt-area .ee_desc {
    margin: 20px 0 0;
}

.ee_jaju-story .ee_story-head .ee_txt-area .ee_desc p {
    font-size: 13px;
    line-height: 19px;
    color: #ffffff;
}

.ee_jaju-story .ee_story-head .ee_txt-area .ee_desc p + p {
    margin: 8px 0 0;
}

.ee_jaju-story .ee_story-info {
    padding: 30px 30px 40px;
}

.ee_jaju-story .ee_story-info ul li + li {
    margin: 30px 0 0;
}

.ee_jaju-story .ee_story-info ul li .ee_sort {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.ee_jaju-story .ee_story-info ul li .ee_box-wrap {
    display: flex;
    align-items: center;
    margin: 8px 0 0;
}

.ee_jaju-story .ee_story-info ul li .ee_box-wrap .ee_img {
    flex: 0 0 120px;
}

.ee_jaju-story .ee_story-info ul li .ee_box-wrap .ee_img img {
    width: 100%;
    height: auto;
}

.ee_jaju-story .ee_story-info ul li .ee_box-wrap .ee_txt-area {
    margin: 0 0 0 20px;
}

.ee_jaju-story .ee_story-info ul li .ee_box-wrap .ee_txt-area .ee_tit {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #222;
}

.ee_jaju-story .ee_story-info ul li .ee_box-wrap .ee_txt-area .ee_desc {
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_jaju-story .ee_story-sec {
    padding: 0 30px;
}

.ee_jaju-story .ee_story-sec img {
    max-width: 100%;
}

.ee_jaju-story .ee_story-sec .ee_txt-area {
    margin-top: -32px;
    opacity: 0;
    transition: opacity 0.6s;
}

.ee_jaju-story .ee_story-sec .ee_txt-area.ee_active {
    opacity: 1;
}

.ee_jaju-story .ee_story-sec .ee_txt-area .ee_tit {
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
    color: #222;
}

.ee_jaju-story .ee_story-sec .ee_txt-area .ee_desc {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.ee_jaju-story .ee_story-sec .ee_txt-area .ee_more {
    display: inline-block;
    margin: 8px 0 0;
}

.ee_jaju-story .ee_story-sec .ee_txt-area .ee_more span {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: #777;
    text-decoration: underline;
    text-underline-position: under;
}

.ee_jaju-story .ee_story-sec.ee_independent {
    padding-bottom: 40px;
    background: #f9f9f9;
}

.ee_jaju-story .ee_story-sec.ee_independent .ee_img-area {
    position: relative;
}

.ee_jaju-story .ee_story-sec.ee_independent .ee_img-area::after {
    display: block;
    content: "";
    clear: both;
}

.ee_jaju-story .ee_story-sec.ee_independent .ee_img-area .ee_img01 {
    float: left;
    width: 67.61%;
    margin-left: -30px;
}

.ee_jaju-story .ee_story-sec.ee_independent .ee_img-area .ee_img02 {
    float: right;
    width: 48.57%;
    margin-top: -60px;
}

.ee_jaju-story .ee_story-sec.ee_healthy {
    padding-top: 83px;
}

.ee_jaju-story .ee_story-sec.ee_healthy .ee_img-area {
    display: flex;
    flex-wrap: wrap;
}

.ee_jaju-story .ee_story-sec.ee_healthy .ee_img-area img {
    width: calc((100% - 9px) / 2);
    margin-top: 9px;
    height: 100%;
}

.ee_jaju-story .ee_story-sec.ee_healthy .ee_img-area img:nth-child(even) {
    margin-left: 9px;
}

.ee_jaju-story .ee_story-sec.ee_healthy .ee_img-area img:nth-child(-n+2) {
    margin-top: 0;
}

.ee_jaju-story .ee_story-sec.ee_healthy .ee_img-area img.ee_img01 {
    width: calc(((100% - 9px) / 2) + 30px);
    margin-top: -63px;
    margin-right: -30px;
}

.ee_jaju-story .ee_story-sec.ee_healthy .ee_txt-area {
    margin: -12px 0 0;
}

.ee_jaju-story .ee_story-sec.ee_better {
    padding-top: 40px;
    text-align: right;
}

.ee_jaju-story .ee_story-sec.ee_better .ee_img-area img {
    width: 88.88%;
}

.ee_jaju-story .ee_story-sec.ee_practical {
    padding-top: 40px;
    padding-bottom: 20px;
}

.ee_jaju-story .ee_story-sec.ee_practical .ee_img-area {
    overflow: hidden;
}

.ee_jaju-story .ee_story-sec.ee_practical .ee_img-area .ee_img01 {
    float: right;
    width: 100%;
}

.ee_jaju-story .ee_story-sec.ee_practical .ee_img-area .ee_img02 {
    float: right;
    width: 48.57%;
    margin: 9px 0 0;
}

.ee_size-detail {
    padding: 15px 0 0;
}

.ee_size-detail .ee_select-area ~ .ee_note,
.ee_size-detail .ee_select-area ~ .ee_select-area {
    margin: 20px 0 0;
}

.ee_size-detail .ee_tbl-wrap {
    margin: 15px 0 0;
}

.ee_modal .conTxt {
    overflow-x: auto;
}

.ee_modal .sizeNotice .conTxt,
.ee_modal .jsSelect .conTxt {
    display: none;
    position: relative;
}

.ee_modal .sizeNotice .conTxt .tit,
.ee_modal .jsSelect .conTxt .tit {
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
}

.ee_modal .select {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #ffffff url(../image/icons/30x30/ico-common-30-arrow-down.svg) right 5px center no-repeat;
}

.ee_modal .select select {
    border: none;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 0 45px 0 15px;
    outline: none;
    color: #999;
}

.ee_modal .select select.on {
    color: #333;
}

.ee_modal .select select:disabled {
    background: transparent;
    color: #000;
}

.ee_modal .select ~ .conTxt {
    margin: 10px 0 0;
}

.ee_modal .sizeNotice .prdList {
    overflow-x: auto;
    min-width: 100%;
}

.ee_modal .sizeNotice .prdList .head {
    width: auto;
    min-width: 100%;
    white-space: nowrap;
}

.ee_modal .sizeNotice .prdList .head thead th {
    padding-left: 7px;
    padding-right: 7px;
}

.ee_modal .m-tbl table caption {
    display: none;
}

.ee_modal .m-tbl table {
    table-layout: auto;
    width: 100%;
    max-width: initial;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f3f3f3;
}

.ee_modal .m-tbl tbody th,
.ee_modal .m-tbl tbody td {
    padding: 15px 10px;
    border-top: 1px solid #f3f3f3;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    word-break: keep-all;
}

.ee_modal .m-tbl .l_line th {
    border-left: 1px solid #f0f0f0;
    font-weight: bold;
    text-align: center;
}

.ee_modal .m-tbl .l_line td {
    border-left: 1px solid #f0f0f0;
}

.ee_modal .m-tbl .l_line th:first-child,
.ee_modal .m-tbl .l_line td:first-child {
    border-left: none;
}

.ee_modal .m-tbl .noDataCnt {
    padding: 66px 0 !important;
    color: #999;
}

.ee_modal .m-tbl .nohead td {
    padding: 20px 0;
    text-align: left;
}

.ee_modal .m-tbl .emp th,
.ee_modal .m-tbl .emp td {
    color: #212121;
}

.ee_modal .m-tbl .nor th,
.ee_modal .m-tbl .nor td {
    color: #999;
}

.ee_modal .m-tbl table.head thead th {
    padding: 10px 15px;
    border-bottom: 1px solid #f3f3f3;
    background: #f9f9f9;
    font-size: 12px;
    color: #212121;
}

.ee_modal .m-tbl table.head tbody td {
    padding: 13px 10px;
    font-size: 12px;
}

.ee_modal .m-tbl.data-tbl thead th {
    padding: 15px 10px;
    border: 1px solid #f0f0f0;
    color: #212121;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    background: #f7f7f7;
}

.ee_modal .m-tbl.data-tbl tbody th,
.ee_modal .m-tbl.data-tbl tbody td {
    padding: 15px 10px;
    border: 1px solid #f0f0f0;
    font-size: 12px;
    text-align: center;
}

.ee_modal .m-tbl.data-tbl tbody th {
    background: #f7f7f7;
    font-weight: normal;
    color: #212121;
}

.ee_modal .m-tbl.data-tbl tbody td.thick {
    color: #212121;
}

.ee_modal .m-tbl.align_l tbody th,
.ee_modal .m-tbl.align_l tbody td {
    text-align: left;
}

.ee_modal .m-tbl .l_line.another thead th {
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
}

.ee_modal .m-tbl .l_line.another tbody td:first-child {
    text-align: left;
}

.ee_modal .tableHover thead th {
    background-color: #e5e5e5 !important;
}

.ee_modal .tableHover .activeRow th,
.ee_modal .tableHover .activeRow td,
.ee_modal .tableHover td.activeCol {
    background: #f7f7f7;
}

.ee_modal .tableHover td.hover {
    color: #ffffff !important;
    background: #666666;
}

.ee_modal.ee_save-points-wrap .ee_wrap {
    height: 70vh;
}

.ee_save-points > ul > li {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 12px 15px 15px;
}

.ee_save-points > ul > li + li {
    margin: 8px 0 0;
}

.ee_save-points > ul > li .ee_level-wrap {
    margin: -8px 0 0 -20px;
}

.ee_save-points > ul > li .ee_level-wrap .ee_level {
    margin: 8px 0 0 20px;
}

.ee_save-points > ul > li .ee_product {
    margin: 10px 0 0;
    border-top: 1px solid #f4f4f4;
    padding: 10px 0 0;
}

.ee_save-points > ul > li .ee_product .ee_tit {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #222;
}

.ee_save-points > ul > li .ee_product .ee_option-color {
    margin: 5px 0 0;
    font-weight: 700;
    font-size: 11px;
    line-height: 17px;
    color: #777;
}

.ee_save-points > ul > li .ee_product .ee_option-color ~ .ee_option {
    margin: 2px 0 0;
}

.ee_save-points > ul > li .ee_product .ee_option {
    margin: 5px 0 0;
}

.ee_save-points > ul > li .ee_product .ee_option span {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 11px;
    line-height: 17px;
    color: #777;
}

.ee_save-points > ul > li .ee_product .ee_option span ~ span {
    margin: 2px 0 0;
}

.ee_save-points > ul > li .ee_product .ee_ordered {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0;
}

.ee_save-points > ul > li .ee_product .ee_ordered .ee_price-box {
    color: #555;
}

.ee_save-points > ul > li .ee_product .ee_ordered .ee_price-box .ee_price {
    color: #555;
}

.ee_save-points > ul > li .ee_product .ee_ordered .ee_order-num {
    font-size: 11px;
    line-height: 17px;
    color: #555;
}

.ee_save-points > ul > li .ee_product .ee_ordered .ee_order-num strong {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
}

.ee_save-points > ul + .ee_level-wrap {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #eee;
}

.ee_save-points > ul + .ee_level-wrap .ee_level {
    margin: 0;
}

.gd_info_txt dl dt {
    margin-bottom: 10px;
    font-weight: 700;
}

.gd_info_txt dl dd + dt {
    margin-top: 20px;
}

.ee_grade-area .ee_section {
    padding: 30px 0;
}

.ee_grade-area .ee_section:last-of-type {
    padding-bottom: 0px;
}

.ee_grade-area .ee_section [class*=ee_tit] {
    text-align: center;
}

.ee_grade-area .ee_section [class*=ee_tit] em {
    position: relative;
    font-weight: 700;
}

.ee_grade-area .ee_section [class*=ee_tit] em:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #ff5432;
    opacity: 0.2;
}

.ee_grade-area .ee_section [class*=ee_tit] + .ee_desc {
    text-align: center;
    font-size: 12px;
    color: #777;
    margin-top: 5px;
}

.ee_grade-area .ee_section.ee_gray-area {
    margin: 0 -15px;
    background: #f9f9f9;
}

.ee_grade-area .ee_section.ee_gray-area .ee_tit20 {
    font-weight: 700;
    color: #222;
    line-height: 28px;
    text-align: center;
}

.ee_grade-area .ee_section.ee_gray-area .ee_grade-table {
    margin: 20px 15px 0;
    padding: 0 20px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
}

.ee_grade-area .ee_section.ee_gray-area .ee_grade-table .ee_row {
    display: flex;
    align-items: flex-start;
    padding: 20px 0;
}

.ee_grade-area .ee_section.ee_gray-area .ee_grade-table .ee_row + .ee_row {
    border-top: 1px solid #f4f4f4;
}

.ee_grade-area .ee_section.ee_gray-area .ee_grade-table .ee_row .ee_desc {
    margin: 0 0 0 15px;
}

.ee_grade-area .ee_section.ee_gray-area .ee_grade-table .ee_row .ee_desc .ee_tit {
    text-align: left;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    color: #222;
}

.ee_grade-area .ee_section.ee_gray-area .ee_grade-table .ee_row .ee_desc .ee_tit span {
    font-family: "Roboto";
}

.ee_grade-area .ee_section.ee_gray-area .ee_grade-table .ee_row .ee_desc p {
    margin-top: 5px;
    line-height: 19px;
    color: #222;
}

.ee_grade-area .ee_section.ee_gray-area .ee_grade-table .ee_row .ee_desc .ee_txt {
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.ee_grade-area .ee_section .ee_point-graph {
    margin-top: 32px;
    display: flex;
}

.ee_grade-area .ee_section .ee_point-graph .ee_row {
    position: relative;
    margin-bottom: 38px;
}

.ee_grade-area .ee_section .ee_point-graph .ee_row li {
    display: block;
    font-size: 11px;
    line-height: 17px;
    text-align: right;
    white-space: nowrap;
    color: #aaa;
}

.ee_grade-area .ee_section .ee_point-graph .ee_row li + li {
    margin-top: 17px;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    margin: 7px 0 0 10px;
    padding: 0 14px;
    background: url("../../common/image/etc/ico-common-dotted-line.svg") 0 0 repeat-x;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(2) .ee_line {
    background: #c2c822;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(3) .ee_line {
    height: 69px;
    background: #8a2fed;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(4) .ee_line {
    height: 103px;
    background: #ff5635;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li .ee_line {
    position: relative;
    width: 50px;
    height: 35px;
    margin: 0 auto;
    background: #4ac6b7;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li .ee_line span {
    position: absolute;
    bottom: 8px;
    width: 50px;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li .ee_desc {
    margin-top: 10px;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    color: #555;
    line-height: 20px;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li .ee_desc span {
    display: block;
    font-size: 11px;
    line-height: 17px;
    color: #999;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(2).ee_current-level::after {
    border-color: #b0b61a;
    color: #b0b61a;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(2).ee_current-level::before {
    background: #b0b61a;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(3).ee_current-level::after {
    border-color: #8a2fed;
    color: #8a2fed;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(3).ee_current-level::before {
    background: #8a2fed;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(4).ee_current-level::after {
    border-color: #ff5432;
    color: #ff5432;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li:nth-child(4).ee_current-level::before {
    background: #ff5432;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li.ee_current-level {
    position: relative;
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li.ee_current-level::before {
    display: block;
    content: "";
    position: absolute;
    top: -11px;
    left: 50%;
    width: 1px;
    height: 11px;
    background: #00bfa8;
    transform: translateX(-50%);
}

.ee_grade-area .ee_section .ee_point-graph .ee_line-wrap li.ee_current-level::after {
    display: block;
    content: "현재등급";
    position: absolute;
    top: -35px;
    left: 50%;
    box-sizing: border-box;
    border: 1px solid #00bfa8;
    border-radius: 12px;
    padding: 0 10px;
    background: #ffffff;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: #00bfa8;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap;
}

.ee_grade-area .ee_section + .ee_hr {
    margin-top: 0;
}

.ee_grade-area .ee_hr + .ee_section {
    padding-top: 0;
}

.ee_grade-area .ee_accordion.ee_has-line-narrow {
    border-top: none;
}

.ee_grade-area .ee_accordion.ee_has-line-narrow li.on {
    border-bottom: none;
}

.ee_grade-area .ee_accordion.ee_has-line-narrow li.on .ee_acc-expand {
    overflow: visible;
}

.ee_grade-area .ee_accordion.ee_has-line-narrow .ee_tit {
    text-align: left;
}

.ee_grade-area .ee_accordion.ee_has-line-narrow .ee_note {
    margin-top: 20px;
}

.ee_opened-accordion {
    margin: 25px 0 0;
}

.ee_opened-accordion li .ee_acc-tit {
    border-bottom: 1px solid #eee;
    padding: 14px 0;
}

.ee_opened-accordion li .ee_acc-tit .ee_tit {
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #222;
}

.ee_opened-accordion li .ee_acc-expand .ee_cont-wrap {
    margin: 20px 0 0;
}

/*상세 사이즈 측정 모달*/
[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg {
    position: relative;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg img {
    width: 100%;
    vertical-align: top;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .blind {
    position: absolute;
    left: -999999px;
    display: block;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    opacity: 0;
    overflow: hidden;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list .layer_measure {
    position: absolute;
    font-size: 0;
    line-height: normal;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list .layer_measure span {
    position: relative;
    display: inline-block;
    margin-left: -50%;
    margin-bottom: 3px;
    height: 13px;
    padding: 1px 4px 0;
    border: 1px solid #ccc;
    line-height: 14px;
    background: #fff;
    font-size: 11px;
    font-weight: bold;
    z-index: 10;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--top .layer_measure:nth-child(1) {
    left: 51.7%;
    bottom: 88.6%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--top .layer_measure:nth-child(2) {
    left: 51.7%;
    bottom: 50%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--top .layer_measure:nth-child(3) {
    left: 80.2%;
    bottom: 46.6%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--top .layer_measure:nth-child(4) {
    left: 17.9%;
    bottom: 49.6%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.m--bottom .layer_measure:nth-child(1) {
    left: 50%;
    bottom: 89.1%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.m--bottom .layer_measure:nth-child(2) {
    left: 50%;
    bottom: 69.2%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.m--bottom .layer_measure:nth-child(3) {
    left: 56.3%;
    bottom: 57.5%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.m--bottom .layer_measure:nth-child(4) {
    left: 34%;
    bottom: 49.1%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.m--under .layer_measure:nth-child(1) {
    left: 49.9%;
    bottom: 72.4%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.m--under .layer_measure:nth-child(2) {
    left: 49.9%;
    bottom: 53.9%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.m--under .layer_measure:nth-child(3) {
    left: 74.6%;
    bottom: 56.9%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(1) {
    left: 50%;
    bottom: 88.5%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(2) {
    left: 50%;
    bottom: 67.2%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(3) {
    left: 69%;
    bottom: 82.7%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(4) {
    left: 50%;
    bottom: 54.7%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(5) {
    left: 50%;
    bottom: 42.3%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--dress .layer_measure:nth-child(6) {
    left: 16.2%;
    bottom: 49.7%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom .layer_measure:nth-child(1) {
    left: 49.9%;
    bottom: 86.9%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom .layer_measure:nth-child(2) {
    left: 49.9%;
    bottom: 55.5%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom .layer_measure:nth-child(3) {
    left: 28.6%;
    bottom: 47.8%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom02 .layer_measure:nth-child(1) {
    left: 50%;
    bottom: 89.1%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom02 .layer_measure:nth-child(2) {
    left: 50%;
    bottom: 69.2%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom02 .layer_measure:nth-child(3) {
    left: 56.3%;
    bottom: 57.7%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--bottom02 .layer_measure:nth-child(4) {
    left: 34%;
    bottom: 49.1%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--underT .layer_measure:nth-child(1) {
    left: 49.9%;
    bottom: 41.7%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--underT .layer_measure:nth-child(2) {
    left: 49.9%;
    bottom: auto;
    top: 71%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--under .layer_measure:nth-child(1) {
    left: 49.9%;
    bottom: 64.3%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.w--under .layer_measure:nth-child(2) {
    left: 78%;
    bottom: 46.6%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--bag .layer_measure:nth-child(1) {
    left: 51.3%;
    bottom: 30.2%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--bag .layer_measure:nth-child(2) {
    left: 76.7%;
    bottom: 49.6%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--bag .layer_measure:nth-child(3) {
    left: 25.2%;
    bottom: 31.9%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--hat .layer_measure:nth-child(1) {
    left: 52.9%;
    bottom: 50%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--hat .layer_measure:nth-child(2) {
    left: 24.6%;
    bottom: 49.1%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--hat .layer_measure:nth-child(3) {
    left: 76.7%;
    bottom: 56.9%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--belt .layer_measure:nth-child(1) {
    left: 90.1%;
    bottom: 52.8%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--belt .layer_measure:nth-child(2) {
    left: 47.7%;
    bottom: 59.9%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--wallet .layer_measure:nth-child(1) {
    left: 48.7%;
    bottom: 42.4%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringImg .measure-size .layer_measure-list.a--wallet .layer_measure:nth-child(2) {
    left: 68.5%;
    bottom: 58.3%;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringinfo {
    margin-top: 15px;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringinfo li {
    padding-left: 24px;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringinfo li .typeA {
    float: left;
    width: 19px;
    height: 19px;
    margin-left: -24px;
    background: #666;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "georgia", serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
    line-height: 19px;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringinfo li .miCont {
    display: flex;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringinfo li .miCont dt {
    width: 71px;
    color: #212121;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringinfo li .miCont dd {
    flex: 1;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px;
}

[class^=ee_modal][class*=ee_full] #divGoodsMeasure .measuringWrap .measuringinfo li::after {
    content: "";
    display: block;
    clear: both;
}

.ee_fixed-page {
    height: 100vh;
}

.ee_fixed-page .ee_contents {
    height: calc(100vh - 50px);
}

.ee_paging {
    margin-top: 20px;
    text-align: center;
    font-size: 0;
    z-index: 1;
}

.ee_paging a {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.ee_paging a.ee_prev {
    width: 30px;
    height: 30px;
    background: url(../image/icons/20x20/ico-common-16-arrow-left-gray.svg) no-repeat center;
    font-size: 0;
}

.ee_paging a.ee_next {
    width: 30px;
    height: 30px;
    background: url(../image/icons/20x20/ico-common-20-arrow-right-gray.svg) no-repeat center;
    font-size: 0;
}

.ee_paging a.ee_first {
    width: 30px;
    height: 30px;
    background: url(../image/icons/20x20/ico-common-16-arrow-left-gray-double.svg) no-repeat center;
    font-size: 0;
}

.ee_paging a.ee_last {
    width: 30px;
    height: 30px;
    background: url(../image/icons/20x20/ico-common-16-arrow-right-gray-double.svg) no-repeat center;
    font-size: 0;
}

.ee_paging a.ee_current span {
    color: #222;
    font-weight: 500;
}

.ee_paging a span {
    font-size: 14px;
    color: #ccc;
    display: inline-block;
}

.ee_paging a.disabled {
    opacity: 0.2;
}

.ee_textarea {
    position: relative;
    padding: 15px 20px 33px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
}

.ee_textarea textarea {
    display: inline-block;
    font-size: 14px;
    color: #222;
    line-height: 20px;
    width: 100%;
    height: 102px;
}

.ee_textarea textarea::-webkit-input-placeholder {
    color: #999;
}

.ee_textarea .ee_check-length {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 2px;
    height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #222;
}

.ee_textarea .ee_check-length em {
    font-weight: 400;
    color: #999;
}

.ee_full-banner {
    overflow: hidden;
    font-size: 0;
}

.ee_full-banner a {
    display: block;
}

.ee_full-banner a img {
    border-radius: 8px;
    width: 100%;
}

.ee_full-banner a + a {
    margin-top: 10px;
}

.ee_full-banner.ee_wide img, .ee_full-banner.ee_product img {
    border-radius: 0;
}

.ee_full-banner + .ee_sort-scroll-pswrap {
    margin-top: 10px;
}

.ee_thum .ee_badge-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
    line-height: normal;
}

.ee_thum .ee_badge-wrap [class*=ee_badge] {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    height: 16px;
    line-height: 16px;
    letter-spacing: normal;
    border: 1px solid;
    padding: 0 12px;
    font-weight: 500;
    font-size: 9px;
    text-align: center;
}

.ee_thum .ee_badge-wrap [class*=ee_badge1] {
    border-color: #333;
    background: #333;
    color: #ffffff;
}

.ee_thum .ee_badge-wrap [class*=ee_badge2] {
    border-color: #777;
    background: #777;
    color: #ffffff;
}

.ee_thum .ee_payback {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px;
    left: 5px;
    right: auto;
    bottom: auto;
}

[class*=ee_flag].ty2.ee_flag1 {
    background: red;
}

[class*=ee_goods] .ee_goods-data .ee_option-list + .ee_flag-wrap {
    margin-top: 10px;
}

[class*=ee_goods] .ee_goods-data .ee_star-wrap + .ee_flag-wrap {
    margin-top: 5px;
}

.ee_goods-depth-wrap {
    position: relative;
}

.ee_goods-depth-wrap[data-tabscroll] {
    overflow: hidden;
}

.ee_goods-depth-wrap .ee_depth-tit {
    display: none;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    color: #222;
    text-transform: uppercase;
}

.ee_goods-depth-wrap .ee_goods-tab-dimmed {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0);
}

.ee_goods-depth-wrap .ee_tab-sub {
    display: inline-flex;
    padding: 15px 0;
}

.ee_goods-depth-wrap .ee_tab-sub ~ .ee_depth-toggle {
    right: -45px;
    transition: right 0.3s;
}

.ee_goods-depth-wrap .ee_tab-sub.not-scroll ~ .ee_depth-toggle {
    display: none;
}

.ee_goods-depth-wrap .ee_tab-sub.has-scroll ~ .ee_depth-toggle {
    right: -15px;
}

.ee_goods-depth-wrap .ee_tab-sub.has-scroll {
    width: 100%;
    padding-right: 20px;
}

.ee_goods-depth-wrap .ee_tab-sub .ee_depth-tit + a {
    margin-left: 15px;
}

.ee_goods-depth-wrap .ee_tab-sub .scroll-wrap a {
    margin-left: 0;
}

.ee_goods-depth-wrap .ee_tab-sub [class*=ee_btn-round].on {
    background: #222;
    border-color: #222;
}

.ee_goods-depth-wrap .ee_tab-sub [class*=ee_btn-round].on span {
    color: #ffffff;
    white-space: nowrap;
}

.ee_goods-depth-wrap .ee_tab-sub [class*=ee_btn-round] + [class*=ee_btn-round] {
    margin-left: 5px;
}

.ee_goods-depth-wrap .ee_depth-toggle {
    position: absolute;
    top: 0;
    right: -15px;
    width: 45px;
    height: 100%;
    background: #ffffff;
}

.ee_goods-depth-wrap .ee_depth-toggle::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 45px;
    width: 20px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.ee_goods-depth-wrap .ee_depth-toggle .ee_icon-toggle {
    background: url(../image/icons/30x30/ico-common-30-arrow-down.svg);
}

.ee_goods-depth-wrap.on {
    height: 60px;
}

.ee_goods-depth-wrap.on .ee_depth-tit,
.ee_goods-depth-wrap.on .ee_goods-tab-dimmed {
    display: block;
    z-index: 4;
}

.ee_goods-depth-wrap.on .ee_tab-sub {
    position: absolute;
    top: 0;
    width: 100vw;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    z-index: 5;
}

.ee_goods-depth-wrap.on .ee_tab-sub .scroll-wrap {
    overflow-x: hidden;
    white-space: normal;
}

.ee_goods-depth-wrap.on .ee_tab-sub .scroll-wrap [class*=ee_btn-round] {
    margin: 10px 5px 0 0;
}

.ee_goods-depth-wrap.on .ee_depth-toggle {
    background: none;
    z-index: 6;
}

.ee_goods-depth-wrap.on .ee_depth-toggle::before {
    display: none;
}

.ee_goods-depth-wrap.on .ee_depth-toggle .ee_icon-toggle {
    position: absolute;
    right: 17px;
    top: 9px;
    background: url(../image/icons/30x30/ico-common-30-popup-close.svg);
}

.ee_goods-depth-wrap + .ee_sort-scroll-pswrap {
    margin-top: 0;
}

.ee_goods-depth-wrap + .ee_rel-box {
    margin-top: 0;
}

.ee_goods-list-swiper {
    border: 1px solid #eee;
    border-radius: 10px;
}

.ee_goods-list-swiper .ee_thum {
    position: relative;
    height: 0;
    padding-top: 93%;
    overflow: hidden;
}

.ee_goods-list-swiper .ee_thum img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ee_goods-list-swiper .ee_goods-text {
    padding: 20px;
}

.ee_goods-list-swiper .ee_goods-text .ee_tit {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #222;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.ee_goods-list-swiper .ee_goods-text .ee_sub {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #222;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.ee_goods-list-swiper .swiper-pagination-custom {
    position: absolute;
    margin-top: 0;
    bottom: 100px;
}

.ee_goods-list-swiper .swiper-pagination-custom .ee_paging {
    display: inline-flex;
    box-sizing: border-box;
    margin: 0;
    padding: 0 13px;
    height: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    color: #ffffff;
    font-size: 12px;
}

.ee_goods-list-swiper .swiper-pagination-custom .ee_paging .ee_current {
    font-weight: bold;
}

.ee_goods-list-swiper .swiper-pagination-custom .ee_paging .ee_total {
    display: inline-flex;
    align-items: center;
}

.ee_goods-list-swiper .swiper-pagination-custom .ee_paging .ee_total::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 20px;
    margin: 0 2px;
    background: url(../image/icons/etc/ico-common-20-paging-line.svg) 0 0/cover no-repeat;
}

.ee_goods-list-swiper .swiper-pagination-custom .ee_paging .ee_total span {
    opacity: 0.8;
}

.ee_goods-list-swiper .swiper-button-prev {
    top: 40%;
}

.ee_goods-list-swiper .swiper-button-prev::after {
    content: "";
    background: url(../image/icons/40x40/ico-common-40-arrow-left.svg) center center/cover no-repeat;
}

.ee_goods-list-swiper .swiper-button-next {
    top: 40%;
}

.ee_goods-list-swiper .swiper-button-next::after {
    content: "";
    background: url(../image/icons/40x40/ico-common-40-arrow-right.svg) center center/cover no-repeat;
}

.ee_sort-scroll-pswrap {
    position: relative;
    box-sizing: border-box;
    padding: 9px 0;
    margin: 16px -15px 0 -15px;
}

.ee_sort-scroll-pswrap.ee_transition .ee_goods-sort-wrap {
    transition: top 0.2s;
}

.ee_sort-scroll-pswrap.ee_transition .ee_list-filter {
    transition: top 0.2s;
}

.ee_sort-scroll-pswrap.on .ee_goods-sort-wrap {
    position: fixed;
    z-index: 30;
    top: 0;
}

.ee_sort-scroll-pswrap.on .ee_list-filter {
    position: fixed;
    z-index: 30;
    top: 32px;
}

.ee_sort-scroll-pswrap.on.ee_scroll-up .ee_goods-sort-wrap {
    top: 40px;
}

.ee_sort-scroll-pswrap.on.ee_scroll-up .ee_list-filter {
    top: 72px;
}

.ee_sort-scroll-pswrap.on.ee_scroll-down .ee_goods-sort-wrap {
    top: 0;
}

.ee_sort-scroll-pswrap.on.ee_scroll-down .ee_list-filter {
    top: 32px;
}

.ee_sort-scroll-pswrap.ee_qr-area {
    margin-top: 0;
}

.ee_goods-sort-wrap {
    background: #ffffff;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
}

.ee_goods-sort-wrap .ee_goods-total {
    font-size: 13px;
    line-height: 19px;
    color: #555;
}

.ee_goods-sort-wrap .ee_goods-total span {
    color: #222;
}

.ee_goods-sort-wrap .scRst {
    margin: 0;
    white-space: nowrap;
}

.ee_goods-sort-wrap .ee_goods-sort {
    padding: 0;
    border: none;
}

.ee_goods-sort-wrap .ee_goods-sort li {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.ee_goods-sort-wrap .ee_goods-sort li .ee_icon-filter1 {
    background: url(../image/icons/32x32/ico-filter-32-fluctuation.svg);
}

.ee_goods-sort-wrap .ee_goods-sort li .ee_icon-filter2 {
    background: url(../image/icons/32x32/ico-filter-32-filter.svg);
}

.ee_goods-sort-wrap .ee_goods-sort li .ee_icon-filter3-col {
    display: none;
    background: url(../image/icons/32x32/ico-filter-32-singular.svg);
}

.ee_goods-sort-wrap .ee_goods-sort li .ee_icon-filter3-wide {
    display: none;
    background: url(../image/icons/32x32/ico-filter-32-multiplex.svg);
}

.ee_goods-sort-wrap .ee_goods-sort li .ee_btn-sort[data-toggleID].on .ee_icon-filter3-col {
    display: none;
}

.ee_goods-sort-wrap .ee_goods-sort li .ee_btn-sort[data-toggleID].on .ee_icon-filter3-wide {
    display: block;
}

.ee_goods-sort-wrap .ee_goods-sort li .ee_btn-sort[data-toggleID] .ee_icon-filter3-col {
    display: block;
}

.ee_goods-sort-wrap .ee_goods-sort li .ee_btn-sort[data-toggleID] .ee_icon-filter3-wide {
    display: none;
}

.ee_goods-sort-wrap .ee_goods-sort li + li {
    margin-left: 5px;
}

.ee_goods-sort-wrap .ee_goods-sort li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -3px;
    width: 1px;
    height: 10px;
    background: #eee;
    transform: translateY(-50%);
}

.disp.v2 .schResult .ee_goods-sort-wrap .schRst {
    margin-left: 0;
}

.disp.v2 .schResult .ee_goods-sort-wrap .sortBx .ee_btn-sort {
    width: auto;
    height: auto;
    background: none;
    padding: 0;
    margin-right: 15px;
}

.ee_goods-sort-wrap .sortBx.sd .ee_btn-sort.on .ee_icon-filter3-col {
    display: none;
}

.ee_goods-sort-wrap .sortBx.sd .ee_btn-sort.on .ee_icon-filter3-wide {
    display: block;
}

.ee_goods-sort-wrap .sortBx.sd .ee_btn-sort .ee_icon-filter3-col {
    display: block;
    background: url(../image/icons/32x32/ico-filter-32-singular.svg);
}

.ee_goods-sort-wrap .sortBx.sd .ee_btn-sort .ee_icon-filter3-wide {
    display: none;
    background: url(../image/icons/32x32/ico-filter-32-multiplex.svg);
}

.schNav ~ .ee_view-mode {
    padding: 0 15px;
    margin-top: 15px;
}

.ee_view-mode .ee_goods-grid .ee_goods .ee_goods-data .ee_option-list li {
    margin: 10px 0 0 5px;
}

.ee_view-mode .ee_goods-grid .ee_goods .ee_goods-data a + .ee_flag-wrap {
    margin-top: 10px;
}

.ee_view-mode .siv_paging {
    position: relative;
    margin: 30px 24px 0;
    text-align: center;
}

.ee_goods-grid + .ee_paging {
    margin-top: 48px;
}

.ee_bread-crumb ul {
    display: flex;
}

.ee_bread-crumb ul li {
    position: relative;
    white-space: nowrap;
}

.ee_bread-crumb ul li + li {
    margin: 0 0 0 22px;
}

.ee_bread-crumb ul li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -16px;
    width: 10px;
    height: 10px;
    background: url(../image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
    transform: translateY(-50%);
}

.ee_bread-crumb ul li + li.ee_current {
    padding: 0 11px 0 0;
}

.ee_bread-crumb ul li + li.ee_current a {
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.ee_bread-crumb ul li + li.ee_current::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../image/icons/10x10/ico-common-10-arrow-dropdown.svg) center center no-repeat;
    transform: translateY(-50%) rotate(0deg);
}

.ee_bread-crumb ul li + li.ee_current.on::after {
    transform: translateY(-50%) rotate(180deg);
}

.ee_bread-crumb ul li + li.ee_current.ee_disabled::after {
    display: none;
}

.ee_bread-crumb ul li a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #777;
}

.ee_bread-crumb ul li.on a {
    font-weight: 500;
    color: #222;
}

#ee_container.ee_dimmed::after {
    display: block;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.8);
}

.ee_bread-crumb-pswrap {
    position: relative;
    margin: 0 -15px;
    height: 40px;
}

.ee_bread-crumb-pswrap.on .ee_goods-bread-crumb {
    position: fixed;
    top: -40px;
    transition: top 0.2s;
}

.ee_bread-crumb-pswrap.on.ee_scroll-up .ee_goods-bread-crumb {
    top: 0;
}

.ee_bread-crumb-pswrap.on.ee_scroll-down .ee_goods-bread-crumb {
    top: -40px;
}

.ee_bread-crumb-pswrap + .ee_goods-list-swiper {
    margin-top: 20px;
}

.ee_goods-bread-crumb {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 299;
    width: auto;
    height: 40px;
    padding: 11px 15px;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.ee_goods-bread-crumb .ee_bread-crumb {
    padding: 0;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap {
    display: none;
    width: calc(100% + 30px);
    height: calc(100vh);
    margin: 11px -15px 0 -15px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 500;
    /*소카테고리 스타일*/
}

.ee_goods-bread-crumb .ee_goods-cate-wrap.on {
    display: block;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-inner {
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    width: 100%;
    height: 495px;
    background: #f7f7f7;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 10;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-inner .ee_cate-back .ee_btn-back {
    display: block;
    position: relative;
    width: 125px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: left;
    background: #f7f7f7;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-inner .ee_cate-back .ee_btn-back .ee_icon-back {
    background: url(../image/icons/20x20/ico-common-16-arrow-back.svg);
    vertical-align: middle;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-inner.ee_3depth-area .ee_goods-cate-list .ee_goods-cate-body .ee_cate-body-list {
    top: -30px;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list {
    position: relative;
    z-index: 11;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li {
    display: flex;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li [class*=ee_tit] {
    display: block;
    flex-direction: column;
    flex: 1;
    max-width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    color: #555;
    background: #f7f7f7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 13px;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li .ee_goods-cate-body {
    display: none;
    flex: 0 0 calc(100% - 125px);
    background: #ffffff;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li .ee_goods-cate-body .ee_cate-body-list {
    position: absolute;
    width: calc(100% - 125px);
    top: 0;
    right: 0;
    background-color: #ffffff;
    height: 495px;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li .ee_goods-cate-body .ee_cate-body-list > li .ee_tit {
    padding-left: 25px;
    background: #ffffff;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li .ee_goods-cate-body .ee_cate-body-list > li .ee_tit.ee_cate-all::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../image/icons/10x10/ico-common-10-arrow-gray.svg) center center no-repeat;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li .ee_goods-cate-body .ee_cate-body-list > li .ee_tit.on {
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    color: #222;
    border: none;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li.on .ee_tit-cate {
    background: #ffffff;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap .ee_goods-cate-list > li.on .ee_goods-cate-body {
    display: block;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap.ee_3depth {
    width: calc(100% + 30px);
    margin: 11px -15px 0 -15px;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap.ee_3depth .ee_depth-swiper .swiper-pagination,
.ee_goods-bread-crumb .ee_goods-cate-wrap.ee_3depth .ee_depth-swiper .swiper-button-next {
    display: none;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap.ee_3depth .ee_depth-swiper .swiper-button-prev {
    top: 0;
    width: 125px;
    height: 30px;
    transform: translateY(0);
    background: transparent;
    outline: none;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap.ee_3depth .ee_depth-swiper .swiper-button-prev::after {
    background: none;
}

.ee_goods-bread-crumb .ee_goods-cate-wrap.ee_3depth .ee_3depth-area .ee_cate-body-list {
    top: -30px;
}

.ee_sort-right-ham.ee_side-right {
    justify-content: flex-end;
    padding: 0;
}

.ee_sort-right-ham.ee_side-right.on {
    opacity: 1;
}

.ee_sort-right-ham.ee_side-right .ee_wrap {
    width: 310px;
    height: 100%;
    right: -100%;
    left: auto;
    padding: 0;
    border-radius: 0;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .closelyr {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 2px;
    right: 4px;
    width: 50px;
    height: 45px;
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    outline: none;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .closelyr::before, .ee_sort-right-ham.ee_side-right .ee_wrap .closelyr::after {
    content: "";
    position: absolute;
    left: 13px;
    top: 22px;
    width: 20px;
    height: 1px;
    background: #222;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner .ee_sort-top {
    padding: 9px 15px;
    background: #f4f4f4;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner .ee_sort-top .ee_tit {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #333;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner .ee_sort-top .ee_tit::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../image/icons/32x32/ico-filter-32-fluctuation.svg) no-repeat center;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner .ee_sort-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 10px;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner .ee_sort-body li a {
    display: block;
    padding: 9px 20px;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner .ee_sort-body li a span {
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #555;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner .ee_sort-body li.on span {
    font-weight: 700;
}

.ee_sort-right-ham.ee_side-right .ee_wrap .ee_inner .ee_sort-body li.on span::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../image/icons/24x24/ico-common-24-check-black.svg) center center no-repeat;
}

.ee_rel-box + .ee_goods-sort-wrap {
    margin-top: 30px;
}

.ee_list-filter {
    position: relative;
    width: 100vw;
    border-top: 1px solid #eee;
    background: #f7f7f7;
    margin: 0;
    padding: 10px 50px 10px 15px;
    box-sizing: border-box;
    display: none;
}

.ee_list-filter.on {
    display: block;
}

.ee_list-filter .ee_scroll-wrap {
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
}

.ee_list-filter .ee_scroll-wrap .ee_list li {
    display: inline-block;
    width: auto;
}

.ee_list-filter .ee_scroll-wrap .ee_list li .ee_text {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #777;
    line-height: 19px;
    vertical-align: middle;
}

.ee_list-filter .ee_scroll-wrap .ee_list li .ee_btn-del {
    display: inline-block;
    vertical-align: middle;
}

.ee_list-filter .ee_scroll-wrap .ee_list li + li {
    margin-left: 10px;
}

.ee_list-filter .ee_btn-reset {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 40px;
    background: #f7f7f7;
}

.ee_list-filter .ee_btn-reset .ee_icon-reset {
    background: url(../image/icons/32x32/ico-filter-32-refresh.svg) center center no-repeat;
}

.ee_list-filter .ee_btn-reset::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 45px;
    width: 40px;
    height: 100%;
    background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%);
}

.ee_goods-bread-crumb + .ee_goods-list-swiper {
    margin-top: 20px;
}

.ee_view-mode [class*=ee_goods] .ee_thum a {
    display: block;
    position: relative;
    height: 0;
    padding-top: 155%;
}

.ee_view-mode [class*=ee_goods] .ee_thum a img {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: auto;
    max-height: 100%;
    transform: translateY(-50%);
}

.ee_view-mode.ee_square [class*=ee_goods] .ee_thum a {
    padding-top: 100%;
}

.ee_tab-imgCate {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
}

.ee_tab-imgCate[data-tabscroll] {
    overflow: hidden;
    padding-left: 15px;
}

.ee_tab-imgCate[data-tabscroll] .ee_btn-image {
    width: auto;
    flex: none;
}

.ee_tab-imgCate[data-tabscroll].has-scroll {
    padding-left: 0;
}

.ee_tab-imgCate .scroll-wrap .ee_btn-image:first-child .ee_cate-tit {
    margin-left: 0;
}

.ee_tab-imgCate .ee_btn-image {
    height: auto;
    vertical-align: top;
}

.ee_tab-imgCate .ee_btn-image .ee_cate-tit {
    display: block;
    /*  margin-left: 10px;*/
    width: 60px;
}

.ee_tab-imgCate .ee_btn-image .ee_cate-tit img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin: 0 auto;
}

.ee_tab-imgCate .ee_btn-image .ee_cate-tit span {
    position: relative;
    display: block;
    width: 60px;
    left: 50%;
    margin: 5px auto 0;
    padding: 0;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #555;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    transform: translateX(-50%);
}

.ee_tab-imgCate .ee_btn-image + .ee_btn-image {
    margin-left: 20px;
}

.ee_tab-goodAlso.ee_goods-grid[data-tabscroll] {
    padding-left: 15px;
    display: inline-flex;
    overflow: hidden;
}

.ee_tab-goodAlso.ee_goods-grid[data-tabscroll].has-scroll {
    padding-left: 0;
    display: block;
}

.ee_tab-goodAlso.ee_goods-grid {
    margin-top: 15px;
}

.ee_tab-goodAlso.ee_goods-grid .scroll-wrap {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
}

.ee_tab-goodAlso.ee_goods-grid .ee_goods {
    width: 133px;
    height: 100%;
    flex: none;
}

.ee_tab-goodAlso.ee_goods-grid .ee_goods a {
    height: auto;
}

.ee_tab-goodAlso.ee_goods-grid .ee_goods .ee_thum .ee_btn-icon {
    width: auto;
    height: auto;
}

.ee_tab-goodAlso.ee_goods-grid .ee_goods .ee_goods-data .ee_tit {
    overflow: hidden;
    max-height: 34px;
    text-align: left;
    word-break: keep-all;
    white-space: break-spaces;
}

.ee_tab-goodAlso.ee_goods-grid .ee_goods .ee_goods-data .ee_price-box .ee_price,
.ee_tab-goodAlso.ee_goods-grid .ee_goods .ee_goods-data .ee_price-box .ee_del {
    display: block;
    margin: 0;
}

.ee_tab-goodAlso.ee_goods-grid .ee_goods .ee_goods-data .ee_price-box .ee_price > span,
.ee_tab-goodAlso.ee_goods-grid .ee_goods .ee_goods-data .ee_price-box .ee_del > span {
    display: inline-block;
}

.ee_tab-goodAlso.ee_goods-grid .ee_goods + .ee_goods {
    margin-left: 9px;
}

.ee_modal .ee_btn-wrap [class*=ee_btn-base][class*=size40].ee_close {
    position: relative;
    display: initial;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: 40px;
}

.ee_modal .ee_inner.ee_visible {
    overflow: visible;
}

.ee_modal .ee_inner.ee_visible .ee_pop-point {
    position: relative;
    padding-top: 113px;
}

.ee_modal .ee_inner.ee_visible .ee_pop-point img {
    position: absolute;
    top: -67px;
    left: 50%;
    width: 160px;
    height: 160px;
    transform: translateX(-50%);
}

.ee_modal .ee_inner.ee_visible .ee_pop-point .ee_tit22 {
    text-align: center;
}

.ee_modal .ee_inner.ee_visible .ee_pop-point .ee_tit22 strong {
    position: relative;
    z-index: 10;
}

.ee_modal .ee_inner.ee_visible .ee_pop-point .ee_tit22 strong::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #ffe00b;
    z-index: -1;
}

.ee_modal .ee_inner.ee_visible .ee_pop-point .ee_gray-txt {
    margin: 20px 0 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #999;
}

.ee_btn-select-style {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 45px 10px 15px;
    border-radius: 3px;
    background: #ffffff;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    border: 1px solid #ddd;
}

.ee_btn-select-style::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 5px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../image/icons/32x32/ico-common-arrow-a-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.1s;
}

.ee_btn-select-style:disabled {
    background-color: #f4f4f4;
    color: #ccc;
}

.ee_btn-select-style:disabled::after {
    opacity: 0.3;
}

.ee_rel-box + .ee_sort-scroll-pswrap {
    margin-top: 30px;
}

/*작은해상도*/
@media (max-width: 360px) {
    .ee_bread-crumb ul li + li.ee_current a {
        max-width: 64px;
    }
}

/*주문서 현대 카드 간격 추가*/
.ee_order-sheet .ee_hyundai-card .ee_gray-area .ee_desc-info:first-child[style*="display: none"] + .ee_desc-info {
    margin-top: 0;
}

.ee_order-sheet .ee_hyundai-card .ee_gray-area .ee_desc-info + .ee_desc-info {
    margin-top: 10px;
}

/* 필터 닫기 버튼*/
/* 공통 영역 필터 닫기 버튼*/
.ee_searchLyr ~ .layer_slide.v2 .closelyr.bk.sd:after,
.ee_searchLyr ~ .layer_slide.v2 .btCancel:after,
#ee_container ~ .layer_slide.v2 .closelyr.bk.sd:after,
#ee_container ~ .layer_slide.v2 .btCancel:after {
    top: 22px;
    left: 13px;
    width: 20px;
}

/*상품상세 삼성카드 노출영역 스타일 추가*/
.ee_product-detail > li .ee_cont .ee_desc-list dl dd .ee_detail-samsungcard {
    background-color: #f9f3e7;
    vertical-align: middle;
    padding: 9px 15px 10px 15px;
    box-sizing: border-box;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-review-report] .ee_wrap .ee_inner {
    padding-bottom: 150px;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-review-report] .ee_sticky-bottom {
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
    padding-bottom: 10px;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-review-report] .ee_sticky-bottom .ee_note.ty2 {
    margin-bottom: 15px;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-review-report] .ee_sticky-bottom .ee_note.ty2 li {
    color: #666;
}

[class^=ee_modal][class*=ee_full][data-modalid=modal-review-report] .ee_sticky-bottom .ee_btn-wrap {
    margin-bottom: 0;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-review-report] .jj_wrap .jj_inner {
    margin: 0 -15px;
    padding: 0 15px 150px;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-review-report] .ee_sticky-bottom {
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
    padding-bottom: 10px;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-review-report] .ee_sticky-bottom .ee_note.ty2 {
    margin-bottom: 15px;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-review-report] .ee_sticky-bottom .ee_note.ty2 li {
    color: #666;
}

[class^=jj_modal][class*=jj_full][data-modalid=modal-review-report] .ee_sticky-bottom .ee_btn-wrap {
    margin-bottom: 0;
}

.review-report-form {
    padding-top: 68px;
}

.review-report-form * {
    box-sizing: border-box;
}

.review-report-form .review-info {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
    z-index: 2;
}

.review-report-form .review-info__user {
    display: flex;
}

.review-report-form .review-info__content {
    display: flex;
}

.review-report-form .review-info .info-title {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    color: #212121;
    flex-shrink: 0;
}

.review-report-form .review-info .info-title:after {
    content: "";
    display: inline-block;
    height: 6px;
    border-right: 1px solid #f0f0f0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1px;
}

.review-report-form .review-info .info-content {
    height: 18px;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.review-report-form .review-report {
    margin-top: 30px;
}

.review-report-form .review-report__title {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #212121;
}

.review-report-form .review-report__title.is-required:after {
    content: "*";
    position: relative;
    padding-left: 5px;
    font-size: 0.75em;
    line-height: 0.5em;
    vertical-align: baseline;
    top: -0.4em;
    color: #d10011;
}

.review-report-form .review-report--reason .reason__item + .reason__item {
    margin-top: 15px;
}

.review-report-form .review-report--reason .reason__item .ui-radio .ui-radio__radio {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden;
}

.review-report-form .review-report--reason .reason__item .ui-radio .ui-radio__radio:checked ~ .ui-radio__label:before {
    border: 6px solid #222;
}

.review-report-form .review-report--reason .reason__item .ui-radio .ui-radio__label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.review-report-form .review-report--reason .reason__item .ui-radio .ui-radio__label:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    background-color: #fff;
    border-radius: 50%;
}

.review-report-form .review-report--reason .ui-text-area {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px 15px 33px;
}

.review-report-form .review-report--reason .ui-text-area__input {
    width: 100%;
    height: 110px;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    overflow-y: auto;
    word-break: keep-all;
    white-space: break-spaces;
    border: 0;
    outline: 0;
    background-color: #fff;
    border-radius: 3px;
    resize: none;
}

.review-report-form .review-report--reason .ui-text-area__counter {
    position: absolute;
    right: 14px;
    bottom: 17px;
    font-size: 12px;
    color: #777;
}

.review-report-form .review-report--reason .ui-text-area__counter .input-count {
    color: #212121;
    font-size: 12px;
}

.review-report-form .review-report--user .report-user .user-info__email {
    margin-top: 10px;
}

.review-report-form .review-report--user .report-user .user-info__option {
    margin-top: 10px;
}

.review-report-form .review-report--user .report-user .user-info__phone {
    display: flex;
    gap: 0 9px;
}

.review-report-form .review-report--user .report-user .user-info__phone-select {
    position: relative;
    flex: 1;
}

.review-report-form .review-report--user .report-user .user-info__phone-select select {
    position: relative;
    display: flex;
    width: 100%;
    height: 40px;
    font-size: 14px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 3px;
    padding: 0 30px 0 15px;
    line-height: 40px;
    outline: 0;
    overflow: hidden;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #212121;
}

.review-report-form .review-report--user .report-user .user-info__phone-select:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 13 5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    pointer-events: none;
}

.review-report-form .review-report--user .report-user .user-info__phone-input {
    flex: 1;
}

.review-report-form .review-report--user .report-user .user-info + .user-info {
    margin-top: 10px;
}

.review-report-form .review-report--user .report-user .ui-input {
    position: relative;
}

.review-report-form .review-report--user .report-user .ui-input__text {
    width: 100%;
    resize: none;
    font-size: 14px;
    line-height: 40px;
    outline: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 3px;
    padding: 0 40px 0 15px;
    box-sizing: border-box;
}

.review-report-form .review-report--user .report-user .ui-input__text:-moz-placeholder-shown ~ .ui-input__clear {
    display: none;
}

.review-report-form .review-report--user .report-user .ui-input__text:placeholder-shown ~ .ui-input__clear {
    display: none;
}

.review-report-form .review-report--user .report-user .ui-input__clear {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 30px;
    height: 30px;
    z-index: 2;
    text-indent: 100%;
    line-height: 2;
    white-space: nowrap;
    overflow: hidden;
}

.review-report-form .review-report--user .report-user .ui-input__clear:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 11-8 8m0-8 8 8' stroke='%23222' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3E%3C/svg%3E");
}

.review-report-form .review-report--user .report-user .ui-checkbox .ui-checkbox__checkbox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden;
}

.review-report-form .review-report--user .report-user .ui-checkbox .ui-checkbox__checkbox:checked ~ .ui-checkbox__label:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23222' cx='10' cy='10' r='9'/%3E%3Cpath stroke='%23FFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' d='m6.4 9.7 2.88 3 4.32-4.5'/%3E%3C/g%3E%3C/svg%3E");
}

.review-report-form .review-report--user .report-user .ui-checkbox .ui-checkbox__label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.review-report-form .review-report--user .report-user .ui-checkbox .ui-checkbox__label:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23999' stroke-width='1.5' fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='10' cy='10' r='8.25'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m6.4 9.7 2.88 3 4.32-4.5'/%3E%3C/g%3E%3C/svg%3E");
}