@charset "UTF-8";

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

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

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-lock {
    display: none
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.spr-common {
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px
}

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

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

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

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

#prodInfo .mobile_slick_con img {
    width: 50%
}

.blind {
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    visibility: hidden;
    outline: 0;
    z-index: -1
}

.btn_gotop {
    position: fixed;
    overflow: hidden;
    bottom: 15px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .8) url(http://www.aritaum.com/mobile/images/common/btn_gotop.png) no-repeat center center;
    background-size: 16px auto;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16);
    z-index: 99
}

.btn_type01 {
    display: block
}

.btn_type01 a {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
    color: #fff;
    background: #333;
    -webkit-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

.btn_type01 a.btn_arr_r span {
    background-position: right -96px
}

.btn_type01.s3 a.btn_arr_r span {
    background-position: right -98px
}

.btn_type01.disabled a {
    color: #bdbdbd;
    pointer-events: none;
    cursor: default;
    background: #666
}

.btn_type01.s2 a {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.btn_type01.s3 a {
    height: 25px;
    line-height: 25px;
    padding: 0 9px;
    font-size: 12px
}

.btn_type01.s4 a {
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.btn_type02 {
    display: block
}

.btn_type02 a {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 48px;
    text-align: center;
    font-size: 15px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
    border: 2px solid #000;
    -webkit-transition: all .4s;
    transition: all .4s
}

.btn_type02.disabled a {
    color: #a3a3a3;
    border-color: #ccc;
    pointer-events: none;
    cursor: default
}

.btn_type02.s2 a {
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    box-sizing: border-box
}

.btn_type02.s3 a {
    height: 25px;
    line-height: 23px;
    padding: 0 9px;
    font-size: 12px;
    border: 1px solid #000
}

.btn_type02.s4 a {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    border: 1px solid #000
}

.btn_type03 {
    display: block
}

.btn_type03 a {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 48px;
    text-align: center;
    font-size: 15px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
    border: 2px solid #ccc;
    -webkit-transition: all .4s;
    transition: all .4s
}

.btn_type03.disabled a {
    color: #a3a3a3;
    pointer-events: none;
    cursor: default
}

.btn_type03.s2 a {
    height: 40px;
    line-height: 38px;
    font-size: 14px
}

.btn_type03.s3 a {
    height: 25px;
    line-height: 23px;
    padding: 0 9px;
    font-size: 12px;
    border: 1px solid #ccc
}

.btn_type03.s3 a.btn_arr_r {
    display: inline-block;
    width: auto
}

.btn_type03.s4 a {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    border: 1px solid #ccc
}

.btn_type04 a {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
    color: #fff;
    background: #ee2d7a;
    -webkit-transition: all .4s;
    transition: all .4s
}

.btn_type04.disabled a {
    color: #f8b4cc;
    pointer-events: none;
    cursor: default;
    background: #f14c8e
}

.btn_type04.s2 a {
    height: 40px;
    line-height: 40px
}

.btn_type04.s3 a {
    height: 25px;
    line-height: 25px;
    padding: 0 9px;
    font-size: 12px
}

.btn_type04.s4 a {
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.modal-wrap {
    display: none;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 14px;
    z-index: 1000;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, .6)
}

.modal-wrap .modal-content {
    position: relative;
    top: 50%;
    opacity: 0;
    z-index: 110;
    background: #fff;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.modal-wrap .modal-content.long {
    position: absolute;
    top: 16px;
    left: 4%;
    width: 92% !important;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-wrap .head {
    padding: 20px 16px 15px;
    border-bottom: 1px solid #ddd;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500
}

.modal-wrap .head h1 {
    font-size: 20px;
    font-weight: 500
}

.modal-wrap .content {
    padding: 16px 16px 25px;
    font-size: 14px;
    line-height: 1.4;
    background: #fff;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500
}

.modal-wrap .content .txt_confirm {
    padding: 70px 14px 0;
    text-align: center;
    font-size: 14px;
    background: url(http://www.aritaum.com/mobile/images/common/pop_confirm.png) no-repeat center 14px;
    background-size: 94px auto
}

.modal-wrap .content .txt_confirm+.btnArea_type {
    margin-top: 25px
}

.modal-wrap .content .txt_message {
    padding: 70px 14px 0;
    text-align: center;
    font-size: 14px;
    background: url(http://www.aritaum.com/mobile/images/common/pop_message.png) no-repeat center 14px;
    background-size: 103px auto
}

.modal-wrap .content .txt_message+.btn_type04 {
    margin-top: 25px
}

.modal-wrap .content .txt_warning {
    padding: 70px 14px 0;
    text-align: center;
    font-size: 14px;
    background: url(http://www.aritaum.com/mobile/images/common/pop_warning.png) no-repeat center 14px;
    background-size: 97px auto
}

.modal-wrap .content .txt_warning+.btnArea_type {
    margin-top: 25px
}

.modal-wrap .head[style="display: none;"]+.content .txt_confirm {
    padding: 4px 50px 0 0;
    text-align: left;
    font-size: 15px;
    background: 0 0
}

.modal-wrap .content.pdt0 {
    padding-top: 0
}

.modal-wrap .content>p+.btn_type01 {
    margin-top: 32px
}

.modal-wrap .content>.lst_type ul {
    border-top: 0
}

.modal-wrap .content>.lst_type+.btn_type01 {
    margin-top: 20px
}

.modal-wrap .content>.noti_ttlBox:first-child {
    padding-top: 0
}

.modal-wrap .content>.agree_box {
    margin-top: 0;
    max-height: 100%
}

.modal-wrap .modal-content>.btn_close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 49px;
    height: 56px;
    padding: 20px 0 0 16px;
    box-sizing: border-box;
    -webkit-transition: transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.modal-wrap p.txt {
    font-size: 15px
}

.modal-wrap .gray {
    color: #9a9a9a;
    font-weight: 700
}

.modal-wrap.open .modal-content {
    opacity: 1
}

.modal-wrap .overlay {
    display: none;
    position: fixed;
    opacity: 1
}

.modal_lst li:not(:first-child) {
    border-top: 1px solid #eee
}

.modal_lst li a {
    padding: 15px 0;
    font-size: 15px;
    font-weight: 700
}

.modal-boxing {
    padding-top: 60px
}

.modal-boxing .btn_bottom .btn_type01 a {
    color: #666;
    background: #eee
}

.modal-boxing .boxing_top {
    margin-top: -50px;
    padding-bottom: 20px;
    text-align: center
}

.modal-listContent {
    border-radius: 3px
}

.modal-listContent .modal_lst a {
    padding: 17px 14px;
    text-align: center
}

.modal-wrap .modal-content .btn_close span {
    display: block;
    width: 19px;
    height: 2px;
    margin-top: 8px;
    background: #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-wrap .modal-content .btn_close span:nth-of-type(2) {
    margin-top: -2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-wrap .btnArea_type {
    overflow: hidden
}

.modal-wrap .btnArea_type>div {
    float: left;
    width: 50%;
    box-sizing: border-box
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    margin: 0 auto;
    -webkit-perspective: 1000;
    perspective: 1000
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
    -webkit-backface-visibility: hidden
}

.swipe-wrap>.slide {
    position: relative;
    float: left;
    width: 100%
}

.swipe-wrap>.slide>section {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swipe-wrap>.slide img {
    width: 100%;
    max-width: 100%
}

.swipe-wrap>.slide .prod_type .optcolor_scroll {
    margin-top: 0
}

.swipe-wrap>.slide .prod_type .optcolor_scroll ul {
    padding-top: 14px;
    padding-bottom: 14px
}

.swipe-wrap>.slide .prod_type .optcolor_scroll .cover.left,
.swipe-wrap>.slide .prod_type .optcolor_scroll .cover.right {
    top: 14px
}

.swipe-wrap>.slide .prod_type .optcolor_scroll+.opt_info {
    margin-top: -6px
}

.swipe_paging {
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 46px;
    height: 18px;
    line-height: 18px;
    margin-left: -23px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    background: rgba(0, 0, 0, .25)
}

.swipe_paging .current {
    font-weight: 700;
    color: #ee2d7a
}

.btn_swipebottom {
    position: absolute;
    bottom: 11px;
    left: 50%;
    width: 11px;
    height: 7px;
    margin-left: -5px;
    background: url(http://www.aritaum.com/mobile/images/common/ico_arrow.png) no-repeat 0 -250px;
    background-size: 50px auto
}

.btn_swipebottom.intro {
    bottom: 5px;
    width: 13px;
    height: 24px;
    margin-left: -6px;
    background: url(http://www.aritaum.com/mobile/images/contents/intro_ico_arrow.png) no-repeat 0 0;
    background-size: 13px auto
}

.mv-area {
    position: relative
}

.mv-area .btn_mvplay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 35px;
    margin: -17px 0 0 -13px;
    z-index: 10
}

.mv-area .btn_mvplay.hidden {
    display: none
}

.mv-area .videoFrm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.mv-area .videoFrm iframe,
.mv-area .videoFrm video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.btn-swipe {
    display: block;
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -17px;
    background: url(http://www.aritaum.com/mobile/images/common/bg_swipe.png) no-repeat 0 center;
    background-size: auto 35px;
    z-index: 50
}

.btn-swipe.prev {
    left: 0
}

.btn-swipe.next {
    right: 0;
    background-position: -50px center
}

.swipe-nav {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 100
}

.swipe-nav>span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    border-radius: 50%
}

.swipe-nav>span:not(:first-child) {
    margin-left: 4px
}

.swipe-nav>span.active {
    background: #fff
}

.swipe-nav.dot_black>span {
    border-color: #000
}

.swipe-nav.dot_black>span.active {
    background: #000
}

.swipe-vertical .swipe-nav {
    left: 14px;
    top: 20px;
    bottom: auto;
    width: 7px
}

.swipe-vertical .swipe-nav>span:not(:first-child) {
    display: block;
    margin: 9px 0 0 0
}

.swipe-movie {
    margin-bottom: 6px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.swipe-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    padding: 1px;
    background: #eee;
    z-index: 10
}

.swipe-progress span {
    display: block;
    float: left;
    height: 2px;
    width: 16.67%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.swipe-progress span.active {
    background: #000;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.swipe-movie .desc_area {
    padding: 16px 14px 0
}

.swipe-movie .desc_area .ttl {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700
}

.swipe-movie .desc_area .desc {
    margin-top: 8px;
    padding-bottom: 50px;
    line-height: 20px;
    color: #666
}

.swipe-movie .swipe-nav {
    bottom: 30px
}

.swipe-movie .swipe-nav>span {
    border-color: #000
}

.swipe-movie .swipe-nav>span.active {
    background: #000
}

.swipe-movie .btn-swipe {
    top: 0;
    margin-top: 0
}

.swipepannel {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100
}

.swipepannel .motionbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 181px;
    height: 182px;
    color: #fff;
    z-index: 101;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.swipepannel .motionbox p {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -wekbit-transition: all .6s .1s;
    -webkit-transition: all .6s .1s;
    transition: all .6s .1s
}

.swipepannel .motionbox .obj {
    position: absolute
}

.swipepannel .motionbox .pannel {
    left: 0;
    top: 6px;
    width: 57px;
    height: 95px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .1);
    -webkit-transform: translateX(62px);
    -ms-transform: translateX(62px);
    transform: translateX(62px);
    -wekbit-transition: -webkit-transform .6s .35s;
    -webkit-transition: -webkit-transform .6s .35s;
    transition: -webkit-transform .6s .35s;
    transition: transform .6s .35s;
    transition: transform .6s .35s, -webkit-transform .6s .35s
}

.swipepannel .motionbox .pannel:nth-of-type(2) {
    left: 62px;
    -webkit-transform: translateX(62px);
    -ms-transform: translateX(62px);
    transform: translateX(62px)
}

.swipepannel .motionbox .pannel:nth-of-type(3) {
    left: 124px;
    -webkit-transform: translateX(62px);
    -ms-transform: translateX(62px);
    transform: translateX(62px)
}

.swipepannel .motionbox .screen {
    top: 0;
    left: 56px;
    width: 69px;
    height: 107px;
    border: 1px solid #fff;
    opacity: 0;
    -wekbit-transition: all .6s .1s;
    -webkit-transition: all .6s .1s;
    transition: all .6s .1s
}

.swipepannel .motionbox .arrow {
    top: 27px;
    left: 77px;
    width: 24px;
    height: 6px;
    background: url(http://www.aritaum.com/mobile/images/common/sp_swipegesture.png) no-repeat 0 0;
    background-size: 50px auto;
    opacity: 0;
    -webkit-transform: translateX(45px);
    -ms-transform: translateX(45px);
    transform: translateX(45px);
    -wekbit-transition: all .6s .2s;
    -webkit-transition: all .6s .2s;
    transition: all .6s .2s
}

.swipepannel .motionbox .finger {
    top: 42px;
    left: 73px;
    width: 34px;
    height: 53px;
    background: url(http://www.aritaum.com/mobile/images/common/sp_swipegesture.png) no-repeat 0 -50px;
    background-size: 50px auto;
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    -wekbit-transition: all .65s .25s;
    -webkit-transition: all .65s .25s;
    transition: all .65s .25s
}

.swipepannel.motion .motionbox .screen {
    opacity: 1
}

.swipepannel.motion .motionbox .pannel {
    opacity: 1
}

.swipepannel.motion .motionbox .pannel:nth-of-type(1) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.swipepannel.motion .motionbox .pannel:nth-of-type(2) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.swipepannel.motion .motionbox .pannel:nth-of-type(3) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.swipepannel.motion .motionbox .arrow {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.swipepannel.motion .motionbox .finger {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.swipepannel.motion .motionbox p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.grid img {
    width: 100%
}

#prodInfo .title2 {
    padding: 18px 14px 0
}

#prodInfo .prod_h_lst {
    position: relative;
    border-bottom: 1px solid #eee
}

#prodInfo .prod_h_lst:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 14px;
    height: 1px;
    background: #fff;
    z-index: 10
}

#prodInfo .prod_h_lst:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 14px;
    height: 1px;
    background: #fff;
    z-index: 10
}

#prodInfo .edti_con {
    margin: 15px 0 0
}

#prodInfo .btn_type03 {
    margin: 20px 14px 0
}

#prodInfo .btn_type01 {
    margin: 15px 14px 0
}

#prodInfo .tab_type ul {
    overflow: hidden
}

#prodInfo .tab_type ul li {
    position: relative;
    float: left;
    width: 25%;
    background: #eee
}

#prodInfo .tab_type ul li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #333;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#prodInfo .tab_type ul li a {
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #999;
    border: 1px solid #ccc;
    border-left: 0 none;
    z-index: 2;
    -webkit-transition: all .3s;
    transition: all .3s
}

#prodInfo .tab_type ul li:first-child a {
    border-left: 1px solid #ccc
}

#prodInfo .tab_type ul li a .count {
    font-size: 10px
}

#prodInfo .tab_type ul li.active a {
    font-weight: 700;
    color: #fff;
    border: 1px solid #333;
    background: 0 0
}

#prodInfo .tab_type ul li.active:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
    background: #333;
    z-index: 10
}

#prodInfo .tab_type ul li.active a .count {
    color: #fff
}

#prodInfo .tab_type ul li.active:after {
    height: 100%;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#prodInfo .tab_type.small {
    position: relative;
    margin: 20px 0 0;
    opacity: 1;
    z-index: 0
}

#prodInfo .tab_type.small>ul {
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 0
}

#prodInfo .tab_type.small>ul>li {
    display: table-cell;
    width: auto;
    float: none;
    background: 0 0
}

#prodInfo .tab_type.small>ul>li:after {
    display: none
}

#prodInfo .tab_type.small>ul>li a {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #ccc;
    border: 0;
    border-bottom: 1px solid #ddd;
    text-decoration: none
}

#prodInfo .tab_type.small>ul>li a:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #000;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .5s cubic-bezier(.2, 1, .3, 1);
    transition: all .5s cubic-bezier(.2, 1, .3, 1)
}

#prodInfo .tab_type.small>ul>li.active a {
    color: #000;
    border: 0
}

#prodInfo .tab_type.small>ul>li.active:before {
    display: none
}

#prodInfo .tab_type.small>ul>li.active a:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

#prodInfo .prodCon {
    padding-bottom: 20px
}

#prodInfo .prodCon h3 {
    display: none
}

#prodInfo .prodCon h4 {
    margin-top: 36px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    color: #000
}

#prodInfo .prodCon h5 {
    margin-top: 24px;
    line-height: 1.4;
    font-size: 15px;
    font-weight: 700;
    color: #000
}

#prodInfo .prodCon .section {
    padding: 36px 0 0 0;
    border-top: 1px solid #eee;
    border-bottom: 0;
    color: #000
}

#prodInfo .prodCon p {
    font-size: 14px;
    line-height: 1.6;
    color: #666
}

#prodInfo .prodCon>p {
    margin-top: 24px
}

#prodInfo .prodCon>h5+p {
    margin-top: 12px
}

#prodInfo .prodCon .tit {
    line-height: 1.4;
    font-size: 15px;
    font-weight: 700;
    color: #000
}

#prodInfo .prodCon>.lst_type.dot {
    margin-top: 24px
}

#prodInfo .prodCon>.tit {
    margin-top: 24px
}

#prodInfo .prodCon>.tit+p {
    margin-top: 12px
}

#prodInfo .prodCon .num {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding-top: 1px;
    line-height: 1.3;
    vertical-align: 4px;
    margin-right: 4px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #333
}

#prodInfo .prodCon .ol_lst li {
    position: relative;
    margin-top: 26px
}

#prodInfo .prodCon .ol_lst li>div {
    overflow: hidden
}

#prodInfo .prodCon .ol_lst li>div:after {
    content: '';
    display: block;
    clear: both
}

#prodInfo .prodCon .ol_lst li .num {
    position: absolute;
    top: 0;
    left: 0
}

#prodInfo .prodCon .ol_lst li .num+.tit {
    text-indent: 24px
}

#prodInfo .prodCon .ol_lst li .num+p:not(.tit) {
    text-indent: 24px
}

#prodInfo .prodCon .ol_lst li>div+p {
    margin-top: 8px
}

#prodInfo .prodCon .imgL {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    padding-left: 92px;
    width: 100%;
    box-sizing: border-box
}

#prodInfo .prodCon .imgL .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 82px
}

#prodInfo .prodCon .imgL .tit+.lst_type.dot,
#prodInfo .prodCon .imgL .tit+p {
    margin-top: 15px
}

#prodInfo .prodCon .lst_type.dot li {
    padding-left: 12px;
    font-size: 14px;
    color: #666
}

#prodInfo .prodCon .lst_type.dot li:not(:first-child) {
    padding-top: 5px
}

#prodInfo .prodCon .lst_type.dot li:after {
    top: 7px;
    width: 3px;
    height: 3px;
    background: #666
}

#prodInfo .prodCon .lst_type.dot li:not(:first-child):after {
    top: 12px
}

#prodInfo .prodCon .lst_type.dot.fs13 li {
    padding-bottom: 2px;
    font-size: 13px;
    color: #999
}

#prodInfo .prodCon .lst_type.dot.fs13 li:after {
    border-radius: 50%;
    background: #999
}

#prodInfo .prodCon .lst_type {
    margin-top: 24px
}

#prodInfo .prodCon .lst_type ul {
    border-top: 0
}

#prodInfo .prodCon .lst_type li {
    position: relative;
    margin-top: 15px;
    padding: 0 0 4px 11px;
    line-height: 19px;
    font-size: 14px;
    border-bottom: 0
}

#prodInfo .prodCon .lst_type li:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 1px;
    background: #666
}

#prodInfo .prodCon .imgR,
#prodInfo .prodCon .imgR>p {
    margin-top: 24px
}

#prodInfo .prodCon .imgR {
    position: relative;
    padding-right: 102px;
    min-height: 92px
}

#prodInfo .prodCon .imgR .thumb {
    position: absolute;
    top: 0;
    right: 0;
    width: 92px;
    height: 92px;
    text-align: center
}

#prodInfo .prodCon .imgR .thumb img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

#prodInfo .prodCon .img_lst li {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    padding-left: 92px;
    min-height: 82px;
    font-size: 14px;
    line-height: 1.6;
    color: #666
}

#prodInfo .prodCon .img_lst li .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 82px
}

#prodInfo .prodCon .img_lst li .num {
    vertical-align: 2px
}

#prodInfo .prodCon .fc_2 {
    color: #000
}

#prodInfo .sec h3 {
    margin-top: 36px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4
}

#prodInfo .sec .cont li {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
    color: #666
}

#prodInfo .sec .cont li:first-child {
    margin-top: 24px
}

#prodInfo .sec .cont p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
    color: #666
}

#prodInfo .sec .cont>p:first-child {
    margin-top: 24px
}

#prodInfo .sec .cont .f_st2 {
    font-weight: 700;
    color: #000
}

#prodInfo #prdinfor_wrapper .inforlist li h3 {
    margin-top: 36px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4
}

#prodInfo #prdinfor_wrapper .inforlist li .desc h5 {
    margin-top: 24px;
    line-height: 1.4;
    font-size: 15px;
    font-weight: 700
}

#prodInfo #prdinfor_wrapper .inforlist li .desc li {
    font-size: 14px;
    line-height: 1.6;
    color: #666
}

#prodInfo #prdinfor_wrapper .inforlist li .desc li:first-child {
    margin-top: 12px
}

#prodInfo #prdinfor_wrapper p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
    color: #666
}

#prodInfo #prdinfor_wrapper p+p {
    margin-top: 6px
}

#prodInfo #prdinfor_wrapper .inforlist li .desc h5+p {
    margin-top: 12px
}

#prodInfo .prod_imgwrap {
    width: 100% !important
}

#prodInfo .set_title {
    margin-top: 36px;
    padding: 36px 0 10px;
    text-align: center;
    font-size: 24px;
    border-top: 1px solid #999
}

#prodInfo .prod_name {
    margin-top: 36px;
    padding: 36px 0 10px;
    text-align: center;
    border-top: 1px solid #999
}

#prodInfo .prod_name em {
    font-size: 24px
}

#prodInfo .prod_mvwrap {
    margin-top: 20px
}

.prod_mvwrap {
    position: relative
}

.prod_mvwrap .youtube {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.prod_mvwrap .youtube iframe {
    width: 100%;
    height: 100%
}

#prodInfo .prodCon .use_lst ul li {
    position: relative;
    margin-top: 20px;
    padding-left: 102px;
    min-height: 92px;
    line-height: 1.6;
    font-size: 14px
}

#prodInfo .prodCon .use_lst ul li .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 92px
}

#prodInfo .prodCon .use_lst ul li .thumb img {
    max-width: 92px
}

#prodInfo .prodCon .use_lst ul li .txt {
    position: relative;
    font-size: 14px
}

#prodInfo .prodCon .use_lst ul li .num {
    vertical-align: 2px
}

#prodInfo .prodCon .survey {
    margin-top: 20px
}

#prodInfo .prodCon .survey .title {
    padding-bottom: 10px;
    text-align: left;
    color: #000
}

#prodInfo .prodCon .survey .label {
    text-align: left
}

#prodInfo .fc_pink {
    color: #ee2d7a
}

.accordian {
    border-bottom: 1px solid #eee
}

.accordian-head {
    position: relative
}

.accordian-head .section-title {
    padding-left: 20px
}

.accordian-opener {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.accordian-opener:after,
.accordian-opener:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000
}

.accordian-opener:before {
    width: 13px;
    height: 1px;
    right: 20px
}

.accordian-opener:after {
    width: 1px;
    height: 13px;
    right: 26px;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.accordian-opener.is-active:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.accordian-body {
    display: none;
    height: 0;
    overflow: hidden
}

.accordian-body.is-open {
    display: block;
    height: auto
}

.js-accordian__container {
    overflow: hidden;
    height: 0
}

.js-accordian__container.is-open {
    height: auto
}

.btn-text-accordian {
    display: block;
    line-height: 23px
}

.btn-text-accordian:after {
    content: '';
    display: inline-block;
    height: 4px;
    width: 0;
    margin-left: 3px;
    border: 4px transparent solid;
    border-bottom-width: 0;
    border-top-color: #000;
    background: 0 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    vertical-align: middle;
    box-sizing: border-box
}

.btn-text-accordian.is-active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.btn-slide-height-toggle {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%
}

.btn-slide-height-toggle:after,
.btn-slide-height-toggle:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000
}

.btn-slide-height-toggle:before {
    width: 13px;
    height: 1px;
    right: 20px
}

.btn-slide-height-toggle:after {
    width: 1px;
    height: 13px;
    right: 26px;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.btn-slide-height-toggle.is-active:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.select-layer {
    position: relative;
    min-width: 105px;
    height: 40px
}

.select-layer.is-active,
.select-layer.is-animated {
    z-index: 10
}

.select-layer.is-active .select-layer__opener:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.select-layer.select-layer--small {
    height: 30px
}

.select-layer.select-layer--small .select-layer__opener {
    font-size: 13px;
    padding: 0 30px 0 7px
}

.select-layer.select-layer--small .select-layer__opener .color-chip {
    padding-right: 5px
}

.select-layer.select-layer--small .select-layer__list {
    padding: 5px 0 5px 0
}

.select-layer.select-layer--small .select-layer__option {
    font-size: 13px;
    padding: 10px 10px 10px 10px;
    line-height: 1.2;
    color: #000
}

.select-layer.select-layer--small .select-layer__option .color-chip {
    width: 16px;
    height: 16px;
    padding-right: 5px;
    vertical-align: top;
    line-height: 1
}

.select-layer.select-layer--small .select-layer__option .color-chip img {
    vertical-align: top
}

.select-layer__opener {
    color: #000;
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    padding: 0 35px 0 15px;
    text-align: left;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: -1px;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.select-layer__opener:after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border: 5px transparent solid;
    border-bottom-width: 0;
    border-top-color: #000;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.select-layer__opener .color-chip {
    width: 15px;
    height: 15px;
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    line-height: 1
}

.select-layer__opener .color-chip img {
    width: 100%;
    vertical-align: top
}

.select-layer__layer {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    overflow: hidden;
    display: none
}

.select-layer__layer.is-show {
    display: block
}

.select-layer__layer.is-show .select-layer__list {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.select-layer__list {
    position: relative;
    border: 1px solid #ccc;
    border-top-width: 0;
    padding: 7px 0;
    background: #fff;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    max-height: 270px;
    box-sizing: border-box;
    overflow-y: auto
}

.select-layer__option {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 15px;
    line-height: 19px;
    color: #000;
    letter-spacing: -1px;
    padding: 5px 15px 6px 15px
}

.select-layer__option .color-chip {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: -2px
}

.select-layer__option .color-chip img {
    width: 100%
}

.select-layer__option[disabled] {
    color: #999
}

.select-layer__option .js-select__hide-text {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    opacity: 0;
    position: absolute
}

.select-layer__option.is-active {
    font-weight: 700
}

.text-list {
    font-size: 13px;
    line-height: 18px
}

.text-item {
    position: relative;
    padding-left: 9px
}

.text-item:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 2px;
    height: 2px;
    background: #999;
    vertical-align: 4px
}

.text-item+.text-item {
    margin-top: 4px
}

.text-item .text-list--line {
    margin-top: 5px
}

.text-list--dash .text-item {
    color: #000;
    text-indent: -10px;
    padding-left: 10px
}

.text-list--dash .text-item::before {
    display: none
}

.text-list--line .text-item:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: 1px;
    background: #999;
    vertical-align: 4px
}

.text-emphasis {
    text-indent: -22px;
    padding-left: 22px
}

.text-emphasis:before {
    content: '';
    display: inline-block;
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 17px;
    height: 17px;
    background-position: -419px -293px;
    margin-right: 5px
}

.text-item-chek {
    position: relative;
    padding-left: 20px;
    color: #000;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.text-item-chek:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 11px;
    height: 8px;
    background-position: -300px -82px
}

.text-item-chek+.text-item-chek {
    margin-top: 4px
}

.title-etc {
    color: #000
}

.title-etc+.text-list {
    padding-top: 7px
}

.text-list-circle .text-item--count {
    position: relative;
    margin-top: 4px;
    padding-left: 17px;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    letter-spacing: -1px
}

.text-list-circle .text-item--count:before {
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 13px;
    height: 12px;
    border: 1px solid #666;
    border-radius: 100%;
    box-sizing: border-box;
    font-size: 11px;
    text-align: center;
    line-height: 12px
}

.text-list-count .text-item--count {
    position: relative;
    margin-top: 4px;
    padding-left: 17px;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    letter-spacing: -1px
}

.text-list-count .text-item--count:before {
    content: attr(data-count);
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 13px;
    height: 12px;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    border: none
}

.text-list-count .text-item--count .text-item--count {
    letter-spacing: normal
}

.table-info {
    padding: 10px 0 0 0
}

.table-info th {
    padding: 9px 0 8px;
    vertical-align: top
}

.table-info td {
    padding: 7px 0 8px;
    vertical-align: middle
}

.table-info .thin-text {
    font-weight: 400
}

.table-info .link-block {
    margin-top: 10px
}

.table-info .link-block .btn-text span {
    color: #ee2d7a
}

.table-info--line thead th {
    color: #000;
    font-weight: 400;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #ccc;
    padding: 12px 15px 12px;
    vertical-align: middle
}

.table-info--line tbody td {
    color: #999;
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 15px 12px
}

.btn-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.usable-count {
    display: block
}

.usable-count .count {
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #ee2d7a;
    vertical-align: middle
}

.text-unit {
    font-size: 11px;
    color: #999;
    text-align: right
}

.horizontal-scroll .swiper-pagination {
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.horizontal-scroll .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #ccc;
    -webkit-transition: background .3s;
    transition: background .3s
}

.horizontal-scroll .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ee2d7a
}

.horizontal-scroll .swiper-container-one .swiper-pagination {
    display: none
}

.no-data-box {
    padding: 100px 0
}

.no-data-box .icon-circle {
    width: 60px;
    height: 60px
}

.no-data-box .no-data-btn {
    padding-top: 12px
}

.review-item {
    position: relative;
    padding: 21px 0;
    border-bottom: 1px solid #eee
}

.review-item .product-item-cont {
    margin-bottom: 20px
}

.review-item .product-item-cont .list-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-item .product-item-cont .item-thumb {
    width: 64px;
    height: 64px;
    margin-right: 20px
}

.review-item .product-item-cont .item-thumb img {
    display: block;
    width: 100%;
    height: 100%
}

.review-item .product-item-cont .item-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    min-width: 0
}

.review-item .product-item-cont .name--brand {
    display: block;
    font-size: 13px;
    line-height: 100%;
    color: #999
}

.review-item .product-item-cont .name--product {
    display: block;
    margin: 9px 0 -2px;
    font-size: 13px;
    line-height: 17px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    width: 100%
}

.review-item .product-item-cont .item-color {
    margin-top: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #999
}

.review-item .product-item-cont .item-color .color-chip {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top
}

.review-item .product-item-cont .item-color .color-chip img {
    display: block;
    width: 100%;
    height: 100%
}

.review-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-user-item+.review-user-item:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 10px;
    background: #eee;
    margin: 0 10px
}

.review-user-item.id {
    font-weight: 700
}

.review-user-item.skin-type {
    font-size: 12px
}

.review-user-item.review-star-grade {
    padding-top: 0
}

.review-user-item.review-star-grade+.review-user-item {
    margin-left: 10px
}

.review-user-item.review-star-grade+.review-user-item:before {
    display: none
}

.review-star-grade {
    padding-top: 10px
}

.review-star-grade+.review-txt {
    padding-top: 10px
}

.review-prd-option {
    display: block;
    padding-top: 7px;
    color: #999
}

.review-txt {
    position: relative;
    display: block;
    color: #000;
    line-height: 18px;
    padding-top: 4px;
    height: auto;
    max-height: 56px;
    overflow: hidden
}

.review-txt.is-open {
    max-height: none
}

.review-txt .review-txt--link {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.review-txt-bold {
    display: block;
    padding-bottom: 5px
}

.review-date {
    display: block;
    line-height: 1;
    padding-top: 11px;
    color: #999
}

.review-recom-count {
    color: #000;
    position: absolute;
    right: 20px;
    bottom: 21px;
    line-height: 1
}

.review-recom-count:after {
    content: '';
    display: inline-block;
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 13px;
    height: 13px;
    background-position: -343px -322px;
    vertical-align: 0
}

.review-label {
    position: absolute;
    right: 0;
    top: 21px
}

.review-photo-list {
    padding-top: 8px;
    margin-left: -9px
}

.review-photo-list:after {
    content: '';
    display: block;
    clear: both
}

.review-photo-item {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding-left: 9px;
    overflow: hidden
}

.review-photo-item img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.review-photo-block,
.review-photo-link {
    position: relative;
    display: block;
    padding-bottom: 100%;
    overflow: hidden
}

.review-photo-block img,
.review-photo-link img {
    height: 100%
}

.review-photo-more {
    text-align: center;
    background: #000;
    opacity: .5;
    display: block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.review-photo-more-txt {
    display: block;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap
}

.review-photo-more-txt .count {
    display: block
}

.review-opener {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.review-buttons {
    padding-top: 17px;
    text-align: right
}

.review-link {
    display: block;
    position: relative
}

.review-link .review-label {
    top: 0
}

.review-item--detail {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px
}

.review-item--detail .review-label {
    right: 20px
}

.review-item--detail .review-txt {
    min-height: 0;
    max-height: 100%;
    height: auto
}

.ui-check-component {
    display: inline-block
}

.ui-check-component .ui-checkbox-label {
    display: block
}

.ui-checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.ui-checkbox:checked+.ui-checkbox-label:before {
    border-color: #ee2d7a
}

.ui-checkbox:checked+.ui-checkbox-label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    background: url(/v2/mweb/image/common/checkbox-check.png) no-repeat 0 0;
    background-size: 25px 25px
}

.ui-checkbox:disabled+.ui-checkbox-label:before {
    background-color: #f4f4f4
}

.ui-checkbox-label {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    min-height: 19px;
    letter-spacing: -1px;
    color: #666;
    padding: 3px 0 3px 35px
}

.ui-checkbox-label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff
}

.ui-check-component-round {
    display: inline-block
}

.ui-check-component-round .ui-checkbox-label {
    display: block
}

.ui-checkbox-round {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.ui-checkbox-round:checked+.ui-checkbox-round-label {
    color: #000
}

.ui-checkbox-round:checked+.ui-checkbox-round-label:before {
    border-color: #ee2d7a;
    background: #ee2d7a
}

.ui-checkbox-round:checked+.ui-checkbox-round-label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    background: url(/v2/mweb/image/common/checkbox-check-white.png) no-repeat;
    background-size: 25px 25px
}

.ui-checkbox-round:disabled+.ui-checkbox-round-label:before {
    background-color: #f4f4f4
}

.ui-checkbox-round-label {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 19px;
    min-height: 19px;
    letter-spacing: -1px;
    color: #666;
    padding: 3px 0 3px 35px
}

.ui-checkbox-round-label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 50%
}

.ui-checkbox-round-label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    background: url(/v2/mweb/image/common/checkbox-check-gray.png) no-repeat;
    background-size: 25px 25px
}

.ui-check-component-round--line .ui-checkbox-round:checked+.ui-checkbox-round-label {
    color: #000
}

.ui-check-component-round--line .ui-checkbox-round:checked+.ui-checkbox-round-label:before {
    border-color: #000;
    background: #fff
}

.ui-check-component-round--line .ui-checkbox-round:checked+.ui-checkbox-round-label:after {
    background: url(/v2/mweb/image/common/checkbox-check-black.png) no-repeat;
    background-size: 25px 25px
}

.ui-radio-component {
    display: inline-block
}

.ui-radio-component .ui-radio-label {
    display: block
}

.ui-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.ui-radio:checked+.ui-radio-label:before {
    border-color: #000;
    background-color: #000
}

.ui-radio:disabled+.ui-radio-label:before {
    border-color: #ccc;
    background-color: #ccc;
    box-shadow: 0 0 0 6px #f4f4f4 inset
}

.ui-radio-label {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 19px;
    min-height: 19px;
    letter-spacing: -1px;
    color: #666;
    padding: 3px 0 3px 35px
}

.ui-radio-label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #ccc;
    box-shadow: 0 0 0 6px #fff inset
}

.ui-radio-component-emp {
    display: inline-block
}

.ui-radio-component-emp .ui-radio-emp-label {
    display: block
}

.ui-radio-emp {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.ui-radio-emp:checked+.ui-radio-emp-label {
    color: #000
}

.ui-radio-emp:checked+.ui-radio-emp-label:before {
    border-color: #ee2d7a;
    background: #ee2d7a
}

.ui-radio-emp:checked+.ui-radio-emp-label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    background: url(/v2/mweb/image/common/checkbox-check-white.png) no-repeat;
    background-size: 25px 25px
}

.ui-radio-emp:disabled+.ui-radio-emp-label:before {
    background-color: #f4f4f4
}

.ui-radio-emp-label {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 19px;
    min-height: 19px;
    letter-spacing: -1px;
    color: #666;
    padding: 3px 0 3px 35px
}

.ui-radio-emp-label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 50%
}

.ui-radio-emp-label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    background: url(/v2/mweb/image/common/checkbox-check-gray.png) no-repeat;
    background-size: 25px 25px
}

.ui-radio-component-square {
    display: inline-block
}

.ui-radio-component-square .ui-radio-square-label {
    display: block
}

.ui-radio-square {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.ui-radio-square:checked+.ui-radio-square-label:before {
    border-color: #ee2d7a;
    background: #fff
}

.ui-radio-square:checked+.ui-radio-square-label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    background: url(/v2/mweb/image/common/checkbox-check.png) no-repeat 0 0;
    background-size: 25px 25px
}

.ui-radio-square:disabled+.ui-radio-square-label:before {
    background-color: #f4f4f4
}

.ui-radio-square-label {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    min-height: 19px;
    letter-spacing: -1px;
    color: #666;
    padding: 3px 0 3px 35px
}

.ui-radio-square-label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff
}

.ui-input-rows-list {
    font-size: 0;
    line-height: 1
}

.ui-input-rows-list .ui-input-rows-item {
    display: inline-block;
    padding-right: 30px
}

.ui-input-rows-list .ui-input-rows-item:last-child {
    padding-right: 0
}

.ui-input-cols-item .term-of-use-button {
    padding: 2px 0 0 5px
}

.ui-input-cols-item+.ui-input-cols-item {
    padding-top: 10px
}

.ui-input-cols-item .term-of-use-button {
    display: block;
    margin-left: 35px;
    padding-left: 0
}

.ui-select {
    height: 30px;
    margin: 0;
    border: none;
    vertical-align: middle;
    padding: 0 14px 0 0;
    box-sizing: border-box;
    background: url(/v2/mweb/image/common/select-arrow.png) no-repeat 100% 0 #fff;
    background-size: 13px 30px;
    -webkit-appearance: none;
    color: #000
}

.ui-select--fill {
    width: 100%;
    height: 40px;
    padding: 0 30px 0 15px;
    border: 1px solid #ccc;
    background: url(/v2/mweb/image/common/select-arrow_02.png) no-repeat 100% 0 #fff;
    background-size: 30px 40px;
    box-sizing: border-box;
    -webkit-appearance: none;
    color: #000;
    line-height: 38px
}

.ui-select--fill-gray {
    width: 100%;
    height: 40px;
    padding: 0 30px 0 15px;
    border: 1px solid #ccc;
    background: url(/v2/mweb/image/common/select-arrow_02.png) no-repeat 100% 0 #f4f4f4;
    background-size: 30px 40px;
    box-sizing: border-box;
    -webkit-appearance: none;
    color: #000;
    line-height: 38px
}

.ui-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 40px;
    padding: 5px 15px;
    font-size: 13px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-sizing: border-box;
    color: #000
}

.ui-text::-webkit-input-placeholder {
    color: #ccc
}

.ui-text:-ms-input-placeholder {
    color: #ccc
}

.ui-text::placeholder {
    color: #ccc
}

.ui-text--textarea {
    display: block;
    width: 100%;
    padding: 12px 15px 15px;
    height: 130px;
    line-height: 18px;
    resize: none;
    font-size: 13px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-sizing: border-box;
    color: #000
}

.ui-text--textarea::-webkit-input-placeholder {
    letter-spacing: -1px
}

.ui-text--textarea:-ms-input-placeholder {
    letter-spacing: -1px
}

.ui-text--textarea::placeholder {
    letter-spacing: -1px
}

.ui-text--gray {
    background-color: #f4f4f4;
    border-color: #ccc
}

.ui-text--gray[disabled] {
    color: #ccc
}

.ui-text--transparent {
    border-color: transparent;
    background-color: transparent
}

.form-guide-emp {
    margin-bottom: -3px;
    padding: 7px 0 0;
    font-size: 11px;
    line-height: 16px;
    color: #ee2d7a;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.form-component-division+.form-component-division {
    margin-top: 10px
}

.form-component-division.call-number-input .form-division-item {
    width: 31%
}

.form-component-division.email-input .form-division-item {
    width: 31%
}

.form-component-division.address-search .form-division-item {
    width: 31%
}

.form-block-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-flex-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-flex-item+.form-flex-item {
    margin-left: 10px
}

.form-block-flex--cover {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    box-sizing: border-box
}

.form-block-flex--cover .ui-text {
    height: 38px;
    border-color: transparent;
    background-color: transparent
}

.form-block-flex--cover .ui-select--fill {
    border: 0
}

.form-block-flex--cover-transparent {
    border: 1px solid #ccc;
    background-color: #fff;
    box-sizing: border-box
}

.form-block-flex--cover-transparent .ui-text {
    height: 38px;
    border-color: transparent;
    background-color: transparent
}

.form-cover-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.form-cover-item .cover-right {
    display: inline-block;
    height: 100%;
    margin-right: 15px;
    line-height: 38px
}

.form-cover-item .cover-right.btn-item-del {
    margin-right: 0
}

.form-division-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.form-division-item--at {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: inline-block;
    width: 15px;
    margin: 0 -10px 0 0 !important;
    line-height: 40px;
    text-align: center;
    color: #000
}

.form-block+.form-block {
    padding-top: 27px
}

.form-block-title {
    display: block;
    color: #000;
    padding-bottom: 8px;
    font-size: 13px
}

.form-quantity-select {
    width: 95px;
    height: 30px;
    position: relative;
    box-sizing: border-box
}

.form-quantity-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 30px;
    padding: 0 30px;
    text-align: center;
    color: #000;
    border: 0 none;
    font-size: 13px;
    box-sizing: border-box;
    background: 0 0
}

.form-quantity-minus-btn,
.form-quantity-plus-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    background: #fff
}

.form-quantity-minus-btn:after,
.form-quantity-plus-btn:after {
    display: block;
    content: '';
    width: 10px;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.form-quantity-plus-btn {
    left: inherit;
    left: auto;
    right: 0
}

.form-quantity-plus-btn:before {
    display: block;
    content: '';
    width: 1px;
    height: 10px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hide-input {
    width: 1px;
    height: 1px;
    opacity: 0;
    box-sizing: border-box;
    border-color: transparent;
    background-color: transparent;
    margin: -2px
}

.input-star .js-star-range-input {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    opacity: 0;
    position: absolute
}

.input-star .js-star-range-picker {
    width: 92px;
    height: 16px;
    background-position: -154px -132px
}

.input-star .js-star-range-picker .js-range-bar {
    background-color: transparent;
    border: none;
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 92px;
    height: 16px;
    background-position: -154px -132px
}

.input-star .js-star-range-picker .js-range-draggable {
    background-color: transparent;
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 92px;
    height: 16px;
    background-position: -90px -208px;
    width: auto
}

.input-star .js-star-range-picker .js-range-grip {
    display: none
}

.input-star--small .js-star-range-picker {
    width: 60px;
    height: 11px;
    background-position: -215px -82px
}

.input-star--small .js-star-range-picker .js-range-bar {
    width: 60px;
    height: 11px;
    background-position: -215px -82px
}

.input-star--small .js-star-range-picker .js-range-draggable {
    width: 60px;
    height: 11px;
    background-position: -251px -132px;
    width: auto
}

.input-star--large .js-star-range-picker {
    width: 143px;
    height: 25px;
    background-position: 0 -154px
}

.input-star--large .js-star-range-picker .js-range-bar {
    width: 143px;
    height: 25px;
    background-position: 0 -154px
}

.input-star--large .js-star-range-picker .js-range-draggable {
    width: 143px;
    height: 25px;
    background-position: -148px -154px;
    width: auto
}

.input-star--large-emp .js-star-range-picker {
    width: 143px;
    height: 25px;
    background-position: 0 -154px
}

.input-star--large-emp .js-star-range-picker .js-range-bar {
    width: 143px;
    height: 25px;
    background-position: 0 -154px
}

.input-star--large-emp .js-star-range-picker .js-range-draggable {
    width: 143px;
    height: 25px;
    background-position: -154px -102px;
    width: auto
}

.product-list-view {
    padding: 0 20px
}

.product-list-view img {
    width: 100%
}

.product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px
}

.product-list-item {
    width: 50%;
    margin-top: 60px;
    padding-left: 15px;
    box-sizing: border-box
}

.product-list-item:nth-child(1),
.product-list-item:nth-child(2) {
    margin-top: 0
}

.product-list-item .item-rank {
    position: relative;
    display: block;
    font-size: 0;
    line-height: 0;
    color: transparent;
    z-index: 10
}

.product-list-item .item-rank:after {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    display: inline-block
}

.product-list-item .item-thumb {
    margin-bottom: 12px;
    position: relative
}

.product-list-item .item-thumb-comprise {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1
}

.product-list-item .item-thumb-comprise:after {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 18px;
    height: 18px;
    background-position: -419px -26px;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px
}

.product-list-item .item-thumb-comprise img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ee2d7a;
    display: block
}

.product-list-item .item-name {
    margin-bottom: 5px;
    letter-spacing: -.04em
}

.product-list-item .name--brand {
    display: block;
    margin-bottom: 5px;
    color: #999
}

.product-list-item .name--brand .raffle {
    color: #ee2d7a
}

.product-list-item .name--product {
    width: 80%;
    height: 34px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: 400;
    line-height: 18px;
    color: #333
}

.product-list-item .item-price {
    margin-bottom: 3px;
    font-size: 0
}

.product-list-item .price--ing,
.product-list-item .price--orign,
.product-list-item .price--sale {
    display: inline-block
}

.product-list-item .price {
    font-size: 16px;
    color: #000
}

.product-list-item .price--orign {
    margin-left: 4px
}

.product-list-item .price--orign .price {
    font-size: 12px;
    color: #999;
    text-decoration: line-through
}

.product-list-item .price--sale {
    margin-right: 4px
}

.product-list-item .price--sale .price {
    color: #ee2d7a
}

.product-list-item .item-label {
    margin-top: -10px;
    margin-left: -5px
}

.product-list-item .item-label .icon-label-round {
    margin-top: 10px;
    margin-left: 5px
}

.product-list-item .item-label .icon-label-round:nth-child(2)~.icon-label-round {
    display: none
}

.product-list-item .color-chip {
    width: 16px;
    height: 16px;
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    line-height: 1
}

.product-list-item .color-chip img {
    width: 100%;
    vertical-align: top
}

.product-list-item:nth-child(1) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -324px -354px
}

.product-list-item:nth-child(2) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -208px -354px
}

.product-list-item:nth-child(3) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -295px -354px
}

.product-list-item:nth-child(4) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -390px -351px
}

.product-list-item:nth-child(5) .item-rank:after {
    width: 25px;
    height: 19px;
    background-position: -179px -354px
}

.product-list-item:nth-child(6) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -116px -384px
}

.product-list-item:nth-child(7) .item-rank:after {
    width: 25px;
    height: 19px;
    background-position: -172px -322px
}

.product-list-item:nth-child(8) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -266px -354px
}

.product-list-item:nth-child(9) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -353px -354px
}

.product-list-item:nth-child(10) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -237px -354px
}

.product-list-item:nth-child(11) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -145px -384px
}

.product-list-item:nth-child(12) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: 0 -384px
}

.product-list-item:nth-child(13) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -29px -384px
}

.product-list-item:nth-child(14) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -58px -384px
}

.product-list-item:nth-child(15) .item-rank:after {
    width: 24px;
    height: 19px;
    background-position: -87px -384px
}

.product-item-cont {
    position: relative
}

.list-item-link {
    display: block
}

.list-item-action {
    margin-top: 5px;
    font-size: 0
}

.list-item-action .btn-area,
.list-item-action .review-count,
.list-item-action .review-grade {
    display: inline-block;
    vertical-align: middle
}

.list-item-action .review-count {
    margin-left: 5px;
    font-size: 11px;
    color: #999
}

.list-item-action .btn-area:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 7px;
    background-color: #eee;
    vertical-align: middle
}

.list-item-action .btn-cart-add {
    margin-top: -4px
}

.list-item-status {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-bottom: 100%
}

.list-item-status .btn-square-line {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 15px;
    z-index: 5;
    border: 1px solid #ee2d7a;
    color: #ee2d7a
}

.list-item-status .btn-square-line .on-text {
    display: inline
}

.list-item-status .btn-square-line .off-text {
    display: none
}

.list-item-status .ui-checkbox:checked+.btn-square-line {
    border: 1px solid #000;
    color: #000
}

.list-item-status .ui-checkbox:checked+.btn-square-line .on-text {
    display: none
}

.list-item-status .ui-checkbox:checked+.btn-square-line .off-text {
    display: inline
}

.product-list-view--single {
    padding: 0
}

.product-list-view--single .product-list {
    display: block;
    margin: 0
}

.product-list-view--single .product-list-item {
    width: 100%;
    margin-top: 0;
    padding: 30px 20px 28px;
    border-top: 1px solid #eee
}

.product-list-view--single .product-list-item .text-option {
    color: #999;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.1;
    margin-bottom: 4px
}

.product-list-view--single .product-list-item .item-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    height: 130px;
    margin: 0
}

.product-list-view--single .product-list-item .item-price {
    margin-bottom: 2px
}

.product-list-view--single .product-item-cont {
    min-height: 130px;
    vertical-align: top
}

.product-list-view--single .list-item-link {
    display: inline;
    padding: 0
}

.product-list-view--single .item-info {
    padding-left: 145px
}

.product-list-view--single .list-item-action {
    margin-left: 145px
}

.product-list-view--single .list-item-status {
    width: 130px;
    height: 130px;
    padding-bottom: 0
}

.product-list-view--single .item-rank {
    width: 30px;
    position: absolute;
    left: 0;
    top: 0
}

.product-list-view--single .item-label .icon-label-round:nth-child(3) {
    display: inline-block !important
}

@media screen and (max-width:320px) {
    .product-list-view--single .item-label {
        margin-right: -20px
    }
}

.product-list-view--single--noline .product-list-item {
    padding: 0;
    border: none
}

.product-list-view--single--noline .product-list-item+.product-list-item {
    margin-top: 10px
}

.product-item--soldout .item-thumb {
    position: relative
}

.product-item--soldout .item-thumb:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .5
}

.product-item--shutdown {
    position: relative
}

.product-item--shutdown:after {
    content: '';
    display: block;
    background: #000;
    opacity: .8;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.product-item--shutdown .list-item-status {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 25px;
    color: #fff;
    text-align: center;
    z-index: 1
}

.product-item--shutdown .list-item-status .shutdown-tit {
    font-size: 20px
}

.product-item--shutdown .chek-controller-item .btn-item-delete {
    z-index: 1
}

.product-item--shutdown .chek-controller-item .btn-item-delete:after,
.product-item--shutdown .chek-controller-item .btn-item-delete:before {
    background: #fff
}

.product-list-view--4cols .product-list {
    margin-left: -9px
}

.product-list-view--4cols .product-list-item {
    width: 25%;
    padding-left: 9px;
    margin-top: 0
}

.product-list-view--single--option .product-list-item {
    padding: 20px 20px 20px;
    border-top: 0;
    border-bottom: 1px solid #eee
}

.product-list-view--single--option .product-list-item .item-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 105px;
    height: 105px;
    margin-right: 0
}

.product-list-view--single--option .product-list-item .item-option {
    padding-top: 5px;
    color: #999
}

.product-list-view--single--option .product-list-item .item-option+.item-button {
    padding-top: 18px
}

.product-list-view--single--option .product-list-item .item-option .color-chip {
    width: 18px;
    height: 18px;
    padding-right: 3px
}

.product-list-view--single--option .product-list-item .item-button {
    padding-top: 20px
}

.product-list-view--single--option .product-list-item .item-price {
    margin-top: 15px;
    margin-bottom: 0;
    min-height: 30px
}

.product-list-view--single--option .product-list-item .price--ing,
.product-list-view--single--option .product-list-item .price--orign {
    display: block;
    line-height: 1
}

.product-list-view--single--option .product-list-item .price--ing {
    line-height: 30px
}

.product-list-view--single--option .product-list-item .price--ing .price {
    font-size: 15px
}

.product-list-view--single--option .product-list-item .price--orign {
    min-height: 14px;
    margin-left: 0
}

.product-list-view--single--option .product-list-item .price--orign+.price--ing {
    line-height: 1
}

.product-list-view--single--option .product-list-item .name--product {
    width: 100%;
    height: auto
}

.product-list-view--single--option .product-item-cont {
    min-height: 105px;
    padding: 0 0 0 125px
}

.product-list-view--single--option .list-item-link {
    display: inline
}

.product-list-view--single--option .item-info {
    padding-left: 0
}

.product-list-view--single--option .item--count {
    position: relative
}

.product-list-view--single--option .item--count .count-picker {
    position: absolute;
    right: 0;
    top: -30px
}

.product-list-view--single--option .item-label {
    margin-top: 5px
}

.product-list-view--single--option .item-info--result .item-price {
    display: inline-block;
    margin-top: 0
}

.product-list-view--single--option .item-info--result .item-price .price {
    font-size: 13px
}

.product-list-view--single--option .item-info--result .item--count {
    display: inline-block;
    color: #000
}

.product-list-view--single--option .item-info--result .item--count:before {
    content: '/';
    display: inline-block;
    color: #000
}

.product-list-view--single--option .add-product {
    margin-top: 15px
}

.product-list-view--single--option .add-product .add-product-list {
    padding: 5px 0
}

.product-list-view--single--option .product-item--soldout .list-item-status {
    width: 105px;
    height: 105px
}

.product-list-view--single--option .product-item--shutdown .list-item-status {
    margin-top: -30px
}

.add-product-list .add-list-item {
    margin-top: 8px;
    padding: 0
}

.add-product-list .add-item-cont {
    display: table;
    table-layout: fixed;
    width: 100%
}

.add-product-list .add-item-cont .item-thumb {
    position: static;
    display: table-cell;
    width: 72px;
    height: 72px;
    vertical-align: top
}

.add-product-list .add-item-cont .item-name {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
    box-sizing: border-box
}

.add-product-list .add-item-cont .item-name .name--product {
    height: auto;
    -webkit-line-clamp: initial
}

.product-gift-list .product-list-item .name--product {
    width: 100%;
    height: auto;
    text-overflow: clip;
    -webkit-line-clamp: unset;
    overflow: visible
}

.product-gift-list .product-list-item .item-thumb {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden
}

.product-gift-list .product-list-item .item-thumb img {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.product-gift-list.product-list-view--single .product-item-cont {
    min-height: auto
}

.product-gift-list.product-list-view--single .list-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-gift-list.product-list-view--single .item-thumb {
    position: relative;
    margin-right: 15px;
    padding-bottom: 0
}

.product-gift-list.product-list-view--single .item-thumb img {
    position: static;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.product-gift-list.product-list-view--single .item-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0
}

.accordian .product-list-view--single .product-list-item {
    padding-right: 0;
    padding-left: 0
}

.accordian .product-list-view--single .product-list-item:last-child {
    border-bottom: 0
}

.product-list-view--scroll {
    overflow: auto;
    padding: 0;
    font-size: 0;
    line-height: 0;
    -webkit-overflow-scrolling: touch
}

.product-list-view--scroll .product-list {
    display: block;
    white-space: nowrap;
    margin-left: 10px;
    margin-right: 20px;
    font-size: 0;
    line-height: 0
}

.product-list-view--scroll .product-list-item {
    width: 33.333333%;
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    font-size: 13px;
    padding-left: 10px;
    vertical-align: top
}

.product-list-view--scroll .product-list-item:last-child {
    margin-right: 20px
}

.product-list-view--scroll .product-list-item .item-thumb {
    width: 100%
}

.product-list-view--scroll .product-list-item .item-thumb img {
    width: 100%
}

.product-list-view--scroll .product-list-item .item-name {
    font-size: 12px
}

.product-list-view--scroll .product-list-item .item-price {
    margin-bottom: 0;
    line-height: 1
}

.product-list-view--scroll .product-list-item .name--brand {
    margin-bottom: 0
}

.product-list-view--scroll .product-list-item .name--product {
    white-space: pre-wrap
}

.product-list-view--scroll .product-list-item .price {
    font-size: 15px
}

.product-list-view--scroll .product-list-item .price .txt-won {
    font-size: 13px
}

.product-list-view--scroll .product-list-item .item-label {
    margin-top: -2px
}

.product-list-view--scroll.product-gift-list .product-list-item .item-thumb img {
    width: auto
}

.product-rolling .swiper-pagination {
    margin-top: 18px;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.product-rolling .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: top;
    margin-left: 9px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #ccc;
    -webkit-transition: background .3s;
    transition: background .3s
}

.product-rolling .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ee2d7a
}

.product-list-view--big {
    display: block
}

.product-list-view--big .product-list-item {
    width: 100%
}

.product-list-view--big .product-list-item+.product-list-item {
    margin-top: 40px
}

.product-list-view--big .product-list-item .name--product {
    width: 100%;
    height: auto;
    -webkit-line-clamp: 1
}

.product-list-view--big .item-thumb {
    position: relative;
    height: 180px;
    z-index: 1
}

.product-list-view--big .item-thumb img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 auto
}

.product-list-view--big .item-thumb:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .05);
    z-index: 10
}

.product-list-view--big .item-thumb-comprise {
    z-index: 20;
    right: 10px;
    bottom: 10px
}

.product-list-view--big .list-item-status {
    padding-bottom: 180px;
    z-index: 10
}

.product-list-view--simple .product-list {
    margin-left: -10px
}

.product-list-view--simple .product-list-item {
    padding-left: 10px;
    width: 33.3333%;
    margin-top: 0
}

.product-list-view--slider .product-list {
    display: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0
}

.product-list-view--slider .product-list-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0
}

.product-list-view--slider .item-thumb {
    padding: 0;
    width: 185px;
    height: 185px;
    margin: 0 auto 12px
}

.product-list-view--slider .item-info {
    text-align: center;
    margin: 0 20px
}

.product-list-view--slider .swiper-container .product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-list-view--slider .swiper-container .swiper-pagination-bullets {
    margin-top: 12px;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.product-list-view--slider .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #c2c2c2;
    margin: 0 4px;
    vertical-align: top
}

.product-list-view--slider .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #ee2d7a
}

.color-chip img {
    width: 100%
}

.sort-area {
    margin: 30px 0;
    padding: 0 20px
}

.sort-area:after,
.sort-area:before {
    content: '';
    display: table;
    clear: both
}

.sort-area .sort-area__filter,
.sort-area .sort-area__total,
.sort-area .sort-area__view-change,
.sort-area .sort-select {
    float: left
}

.sort-area__left {
    float: left
}

.sort-area__left:after,
.sort-area__left:before {
    content: '';
    display: table;
    clear: both
}

.sort-area__right {
    float: right
}

.sort-area__right:after,
.sort-area__right:before {
    content: '';
    display: table;
    clear: both
}

.sort-area__total {
    font-size: 13px;
    line-height: 30px;
    color: #666
}

.sort-area__view-change {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    border: 1px solid #ccc
}

.sort-area__view-change:before {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 14px;
    height: 12px;
    background-position: -335px -384px;
    display: block;
    margin: 0 auto
}

.sort-area__view-change .text-gallery {
    display: inline
}

.sort-area__view-change .text-list {
    display: none
}

.sort-area__view-change.is-active:before {
    width: 14px;
    height: 14px;
    background-position: -303px -208px
}

.sort-area__view-change.is-active .text-gallery {
    display: none
}

.sort-area__view-change.is-active .text-list {
    display: inline
}

.sort-area__filter {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    border: 1px solid #ccc
}

.sort-area__filter:before {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 12px;
    height: 13px;
    background-position: -17px -408px;
    display: block;
    margin: 0 auto
}

.sort-area__filter.is-on:before {
    width: 12px;
    height: 13px;
    background-position: 0 -408px
}

.sort-select {
    position: relative;
    min-width: 105px;
    height: 30px
}

.sort-select.is-active,
.sort-select.is-animated {
    z-index: 500
}

.sort-select__basic .sort-select__opener:after {
    content: '';
    display: block;
    box-sizing: border-box;
    height: 4px;
    width: 0;
    border: 4px transparent solid;
    border-bottom-width: 0;
    border-top-color: #000;
    background: 0 0;
    text-indent: -9999px;
    position: absolute;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    margin-top: 1px
}

.sort-select__basic .sort-select__opener.is-active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.sort-select__opener {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    padding: 0 35px 0 11px;
    text-align: left;
    font-size: 12px;
    line-height: 1;
    letter-spacing: -1px;
    white-space: nowrap
}

.sort-select__opener:after {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 13px;
    height: 11px;
    background-position: -303px -184px;
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sort-select__layer {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    overflow: hidden;
    display: none
}

.sort-select__layer.is-show {
    display: block
}

.sort-select__layer.is-show .sort-select__list {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.sort-select__list {
    position: relative;
    border: 1px solid #ccc;
    border-top-width: 0;
    padding: 7px 0;
    background: #fff;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.sort-select__option {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 12px;
    line-height: 19px;
    color: #666;
    letter-spacing: -1px;
    padding: 8px 30px 8px 11px
}

.sort-select__option.is-active {
    color: #ee2d7a
}

.sort-select__option.is-active:after {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 8px;
    height: 6px;
    background-position: -163px -308px;
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sort-select__option .js-select__hide-text {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    opacity: 0;
    position: absolute
}

.count-picker {
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
    width: 90px;
    height: 25px
}

.count-picker__text {
    display: block;
    width: 100%;
    border: none;
    background: 0 0;
    height: 100%;
    font-size: 13px;
    line-height: 25px;
    color: #000;
    text-align: center
}

.count-picker__minus,
.count-picker__plus {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #666
}

.count-picker__minus:after,
.count-picker__minus:before,
.count-picker__plus:after,
.count-picker__plus:before {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    width: 11px;
    height: 1px;
    background: #666
}

.count-picker__minus:disabled,
.count-picker__plus:disabled {
    border-color: #ccc;
    background-color: #f4f4f4
}

.count-picker__minus:disabled:after,
.count-picker__minus:disabled:before,
.count-picker__plus:disabled:after,
.count-picker__plus:disabled:before {
    background-color: #ccc
}

.count-picker__plus {
    right: 0
}

.count-picker__plus:after {
    top: 6px;
    left: 11px;
    width: 1px;
    height: 11px
}

.count-picker__minus {
    left: 0
}

.count-picker--basic {
    height: 30px
}

.count-picker--basic .count-picker__text {
    line-height: 30px
}

.count-picker--basic .count-picker__minus,
.count-picker--basic .count-picker__plus {
    border-color: #ccc;
    width: 30px;
    height: 30px
}

.count-picker--basic .count-picker__minus:after,
.count-picker--basic .count-picker__minus:before,
.count-picker--basic .count-picker__plus:after,
.count-picker--basic .count-picker__plus:before {
    width: 11px;
    height: 1px;
    background: #ccc;
    top: 14px;
    left: 8px
}

.count-picker--basic .count-picker__plus:after {
    width: 1px;
    height: 11px;
    top: 9px;
    left: 13px
}

.buy-controller__bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000
}

.buy-controller__bottom-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buy-controller__bottom-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.buy-controller__bottom-item+.buy-controller__bottom-item {
    border-left: 1px solid #f15795
}

.buy-controller__bottom-item--gray .buy-controller__bottom-button {
    background-color: #666
}

.buy-controller__bottom-item--gray+.buy-controller__bottom-item:not(.buy-controller__bottom-item--gray) {
    border-left-width: 0
}

.buy-controller__bottom-item--gray+.buy-controller__bottom-item--gray {
    border-color: #999
}

.buy-controller__bottom-item--black .buy-controller__bottom-button {
    background-color: #000
}

.buy-controller__bottom-item--black+.buy-controller__bottom-item:not(.buy-controller__bottom-item--black) {
    border-left-width: 0
}

.buy-controller__bottom-item--black+.buy-controller__bottom-item--black {
    border-color: #666
}

.buy-controller__bottom-item--black .ui-checkbox:checked+.buy-controller__bottom-button {
    background-color: #999
}

.buy-controller__bottom-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background: #ee2d7a;
    letter-spacing: -1px
}

.buy-controller__bottom-button.is-disabled,
.buy-controller__bottom-button[disabled] {
    color: rgba(255, 255, 255, .5)
}

.buy-controller__bottom-button.js-in-cart.is-disabled,
.buy-controller__bottom-button.js-in-cart[disabled] {
    color: rgba(238, 45, 122, .5) !important;
}

.buy-controller__bottom-button .on-text {
    display: block
}

.buy-controller__bottom-button .off-text {
    display: none
}

.ui-checkbox:checked+.buy-controller__bottom-button .on-text {
    display: none
}

.ui-checkbox:checked+.buy-controller__bottom-button .off-text {
    display: block
}

.buy-controller__layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background .4s;
    transition: background .4s;
    z-index: 1002
}

.buy-controller__layer.is-show {
    display: block;
    background: rgba(0, 0, 0, .5)
}

.buy-controller__layer.is-show.is-animated .buy-controller__option-layer {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 10
}

.buy-controller__layer.is-show .buy-controller__option-layer {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 20
}

.buy-controller__layer .buy-controller__bottom {
    position: absolute;
    z-index: 100;
    height: 51px;
}

.buy-controller__layer__background-close {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.buy-controller__option-layer {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    box-sizing: border-box;
    padding-bottom: 65px
}

.buy-controller__option-layer.is-option-open {
    height: 256px
}

.buy-controller__option-layer__close {
    position: absolute;
    left: 50%;
    bottom: 99.5%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 85px;
    height: 25px;
    background-position: 0 -208px
}

.buy-controller__layer__body {
    max-height: 262px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #eee;
    overflow-x: hidden;
}

.buy-controller__layer__body>*+* {
    border-top: 1px solid #eee
}

.buy-controller__layer__body .buy-controller__result {
    border-top: 0
}

.buy-controller__layer__body .buy-controller__result .buy-controller__result-item:first-child {
    border-top: 1px solid #eee
}

.buy-controller__receipt {
    background-color: #fff
}

.buy-controller__receipt:after {
    content: '';
    display: table;
    clear: both
}

.buy-controller__receipt-item {
    float: left
}

.buy-controller__receipt-item+.buy-controller__receipt-item {
    margin-left: 30px
}

.buy-controller__receipt-item:after {
    content: '';
    display: table;
    clear: both
}

.buy-controller__receipt-item .ui-radio-component {
    display: block;
    float: left
}

@media screen and (max-width:320px) {
    .buy-controller__option-select {
        bottom: 100px !important
    }

    .buy-controller__option-layer {
        padding-bottom: 100px
    }

    .buy-controller__layer__body {
        max-height: 207px
    }

    .buy-controller__receipt-item {
        float: none
    }

    .buy-controller__receipt-item+.buy-controller__receipt-item {
        margin-left: 0;
        margin-top: 10px
    }
}

@media screen and (max-width:360px) {
    .buy-controller__option-layer__close {
        height: 24px
    }
}

/* .buy-controller__receipt-guide{display:block;float:left;box-sizing:border-box;width:17px;height:17px;margin:4px;border:1px solid #666;font-size:11px;line-height:15px;color:#666;text-align:center;border-radius:100%} */
.buy-controller__receipt-guide:before {
    margin-top: 4px;
    display: inline-block;
    content: "";
    clear: both;
    background: url(../image/common/mileage_info_icon.png) no-repeat;
    width: 17px;
    height: 17px;
    background-size: 17px;
    vertical-align: bottom;
    margin-left: 4px;
}

.buy-controller__promotion-guide {
    font-size: 13px;
    line-height: 20px;
    color: #000;
    padding: 17px 20px;
    letter-spacing: -1px
}

.buy-controller__promotion-guide__mark {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 11px;
    line-height: 18px;
    padding: 0 10px
}

.buy-controller__promotion-guide__sub-text {
    color: #666
}

.buy-controller__promotion-guide__sub-text em {
    font-style: normal;
    color: #ee2d7a
}

.buy-controller__option {
    position: relative;
    display: block;
    width: 100%;
    padding: 17px 50px 17px 20px;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-align: left
}

.buy-controller__option:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    border: 5px solid transparent;
    border-top-color: #000;
    margin-top: -3px
}

.buy-controller__result {
    background: #f4f4f4
}

.buy-controller__result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
    min-height: 45px
}

.buy-controller__result-item+.buy-controller__result-item {
    border-top: 1px solid #fff
}

.buy-controller__result-item>* {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.buy-controller__result-delete {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #ccc;
    margin-right: 20px
}

.buy-controller__result-delete:before {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 9px;
    height: 9px;
    background-position: -400px -384px;
    display: block;
    margin: 0 auto
}

.buy-controller__result-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    line-height: 23px;
    color: #666
}

.buy-controller__result-text .color-chip {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: top;
    margin: 5px 0
}

.buy-controller__result-text .won {
    color: #000
}

.buy-controller__soldout {
    width: 90px;
    height: 25px
}

.buy-controller__soldout .btn-square-line {
    width: 90px;
    height: 25px;
    padding: 0;
    line-height: 22px;
    box-sizing: border-box;
    border-color: #ee2d7a;
    color: #ee2d7a
}

.buy-controller__soldout .btn-square-line .on-text {
    display: inline
}

.buy-controller__soldout .btn-square-line .off-text {
    display: none
}

.buy-controller__soldout .ui-checkbox:checked+.btn-square-line {
    border: 1px solid #000;
    color: #000
}

.buy-controller__soldout .ui-checkbox:checked+.btn-square-line .on-text {
    display: none
}

.buy-controller__soldout .ui-checkbox:checked+.btn-square-line .off-text {
    display: inline
}

.buy-controller__option-select {
    display: none;
    position: absolute;
    bottom: 65px;
    left: 0;
    width: 100%;
    height: 190px;
    background: #fff;
    /*border-bottom: 1px solid #eee*/
}

.buy-controller__option-select.is-show {
    display: block;
    z-index: 1005;
}

.buy-controller__option-select .buy-controller__option:before {
    border-top-color: transparent;
    border-bottom-color: #000;
    margin-top: -8px
}

.buy-controller__option-select__body {
    position: absolute;
    top: 54px;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #eee
}

/*
.buy-controller__option-select__list {
    padding: 5px 0
}
*/

.buy-controller__option-select__button {
    padding: 13px 20px;
    font-size: 15px;
    line-height: 19px;
    text-align: left;
    width: 100%;
    display: block
}

.buy-controller__option-select__button .color-chip {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin: 2px 0
}

.coupon-module-item {
    padding: 30px 20px
}

.coupon-module-item+.coupon-module-item {
    border-top: 1px solid #eee
}

.coupon-module {
    position: relative;
    height: 156px;
    border: 5px solid #999;
    border-left-width: 42px;
    padding: 25px 0 0;
    background: #fff;
    text-align: center;
    box-sizing: border-box
}

.coupon-module:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 7px;
    background: url(../image/mypage/coupon-punch.png) repeat-y 0 50%;
    background-size: 100% auto;
    box-sizing: border-box;
    overflow: hidden
}

.coupon-module--online {
    border-color: #aa91d1
}

.coupon-module--online .coupon-module-date .d-day {
    color: #7a42d1
}

.coupon-module--online .coupon-module-label .label-new {
    border: 1px solid #aa91d1;
    color: #7a42d1
}

.coupon-module--store {
    border-color: #7dbbd6
}

.coupon-module--store .coupon-module-date .d-day {
    color: #3590b8
}

.coupon-module--store .coupon-module-label .label-new {
    border: 1px solid #7dbbd6;
    color: #3590b8
}

.coupon-module--aritaum {
    border-color: #ef648c
}

.coupon-module--aritaum .coupon-module-date .d-day {
    color: #ee2d7a
}

.coupon-module--aritaum .coupon-module-label .label-new {
    border: 1px solid #ef648c;
    color: #ee2d7a
}

.coupon-module-type {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 13px;
    margin-right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.coupon-module-type img {
    display: block;
    width: 100%
}

.coupon-module-info {
    padding: 0 20px
}

.coupon-module-price {
    display: block;
    color: #000;
    font-size: 25px;
    line-height: 1;
    letter-spacing: -1px
}

.coupon-module-description {
    color: #666;
    font-size: 12px;
    line-height: 16px;
    padding-top: 8px;
    letter-spacing: -1px
}

.coupon-module-date {
    color: #999;
    font-size: 11px;
    line-height: 16px;
    padding-top: 1px
}

.coupon-module-date .d-day:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 7px;
    background: #eee;
    margin-left: 6px;
    margin-right: 10px
}

.coupon-module-star-point {
    color: #000;
    padding-top: 5px
}

.coupon-module-star-point .data,
.coupon-module-star-point .title {
    display: inline
}

.coupon-module-star-point .count {
    color: #ee2d7a
}

.coupon-module-button {
    padding-top: 7px;
    letter-spacing: -1px
}

.coupon-module-button .btn-square-line--small-min {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    line-height: 21px
}

.coupon-module-button .coupon-download:after {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 11px;
    height: 12px;
    background-position: -354px -384px;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 5px;
    display: inline-block
}

.coupon-module-label {
    display: table;
    position: absolute;
    right: 10px;
    top: 10px
}

.coupon-module-label .label-new {
    display: table-cell;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    font-size: 10px;
    vertical-align: middle
}

.coupon-module--product {
    border-left-width: 27px;
    padding-left: 106px;
    padding-top: 33px;
    padding-bottom: 33px
}

.coupon-module--product .coupon-module-thumb {
    position: absolute;
    top: 50%;
    left: 0;
    width: 106px;
    height: 106px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.coupon-module--product .coupon-module-thumb img {
    display: block;
    width: 100%;
    height: 100%
}

.coupon-module--product .coupon-module-info {
    padding-left: 10px;
    text-align: left
}

.coupon-module--product .coupon-module-price {
    font-size: 17px;
    line-height: 100%
}

.coupon-module--product .coupon-module-description {
    padding-top: 10px
}

.coupon-module--product .coupon-module-date {
    padding-top: 5px
}

.coupon-guide {
    padding: 30px 20px 0;
    border-top: 1px solid #eee
}

@media screen and (max-width:320px) {
    .coupon-module-button .btn-square-line--small-min {
        padding-left: 5px;
        padding-right: 5px
    }
}

.bottom-to-top {
    bottom: 60px
}

.detail-rolling {
    height: 273px;
    padding: 5px 0 17px;
    position: relative
}

.detail-rolling .swiper-pagination {
    margin-top: 18px;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.detail-rolling .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #ccc;
    -webkit-transition: background .3s;
    transition: background .3s
}

.detail-rolling .swiper-pagination .swiper-pagination-bullet:only-child {
    opacity: 0
}

.detail-rolling .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ee2d7a
}

.detail-rolling__list {
    display: none
}

.detail-rolling__list.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail-rolling__item img {
    display: block;
    width: 225px;
    height: 225px;
    margin: 0 auto
}

.detail-prd-comprise {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1
}

.detail-prd-comprise:after {
    content: '';
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 18px;
    height: 18px;
    background-position: -419px -26px;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px
}

.detail-prd-comprise img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ee2d7a;
    display: block
}

.detail-title {
    padding: 20px 0 0
}

.detail-brand {
    display: block;
    color: #999;
    font-size: 15px;
    line-height: 20px
}

.detail-name {
    color: #000;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 5px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.detail-label {
    padding: 12px 0 0
}

.detail-price-top {
    position: relative;
    margin-top: 13px
}

.detail-price-top .price--rate {
    color: #ee2d7a;
    font-size: 25px;
    line-height: 30px;
    display: inline-block;
    padding-right: 3px;
}

.detail-price-top .price--ing {
    color: #000;
    font-size: 25px;
    line-height: 30px;
    display: inline-block;
    padding-right: 3px;
}

.detail-price-top .price--ing .txt-won {
    font-size: 21px
}

.detail-price-top .price--orign {
    color: #999;
    font-size: 15px;
    line-height: 30px;
    display: inline-block;
}

.detail-purchase-count {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    line-height: 31px
}

.detail-price {
    margin-top: 15px;
    padding: 20px 0 0;
    letter-spacing: -1px;
    border-top: 1px solid #eee
}

.detail-price-block {
    position: relative;
    line-height: 22px
}

.detail-price-block+.detail-price-block {
    margin-top: 8px
}

.detail-price-block .title {
    display: inline-block;
    color: #000;
    display: table-cell
}

.detail-price-block .title .icon-question-mark {
    color: #000;
    margin-right: 5px
}

.detail-price-block .price {
    display: table-cell;
    text-align: right;
    color: #000
}

.detail-price-block .price--ing {
    display: table;
    table-layout: fixed;
    width: 100%
}

.detail-price-block .price--ing .price.price--point {
    color: #ee2d7a
}

.detail-price-block .price--orign {
    display: table;
    table-layout: fixed;
    width: 100%
}

.detail-price-block .smartclub-join {
    display: inline-block
}

.detail-coupon {
    margin-top: 18px;
    padding: 20px 0 0;
    border-top: 1px solid #eee
}

.detail-coupon-btn {
    padding: 0 15px;
    display: block;
    border: 1px solid #ee2d7a;
    line-height: 40px;
    color: #ee2d7a;
    font-size: 15px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    text-align: center
}

.detail-coupon-btn:after {
    content: '';
    display: inline-block;
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 11px;
    height: 12px;
    background-position: -354px -384px;
    margin-left: 3px
}

.freebie-guide-text {
    font-size: 12px;
    line-height: 15px;
    padding-bottom: 8px;
    letter-spacing: -1px
}

.detail-review .review-list {
    padding-top: 10px
}

.detail-review-info {
    margin: 25px 0 0;
    position: relative
}

.detail-review-info .item-star {
    display: inline-block;
    vertical-align: -3px
}

.detail-review-count {
    margin-left: 5px
}

.detail-review .btn-square-line {
    margin-top: 10px
}

.detail-review .review-item:last-child {
    border-bottom: 0
}

.section--related-events .section-title {
    padding-bottom: 20px
}

.related-events-item+.related-events-item {
    border-top: 1px solid #eee
}

.related-events-item:first-child .btn-text {
    padding-top: 0
}

.related-events-item:last-child .btn-text {
    padding-bottom: 0
}

.related-events-item .btn-text {
    display: block;
    border-bottom: 0;
    line-height: 18px;
    padding: 13px 0
}

.detail-video-list {
    padding-bottom: 50px
}

.detail-video-item {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 20px
}

.detail-video-item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.detail-video-item iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.detail-info-zoom {
    display: block;
    text-align: center;
    line-height: 40px;
    letter-spacing: -1px;
    padding: 0 0 50px
}

.detail-info-zoom:before {
    content: '';
    display: inline-block;
    background-image: url(/v2/mweb/image/sprite/common.png);
    background-repeat: no-repeat;
    background-size: 438px 421px;
    width: 18px;
    height: 18px;
    background-position: -419px -72px;
    vertical-align: middle;
    margin: -3px 5px 0 0
}

.detail-info-zoom .point {
    color: #ee2d7a
}

.detail-prd-info .btn-square-line {
    margin-top: 10px
}

.detail-prd-info .btn-square-line.is-active .plus:after {
    display: none
}

.detail-prd-cont {
    overflow: hidden;
    height: 425px
}

.detail-prd-cont.is-open {
    height: auto
}

.detail-prd-cont img {
    width: 100%
}

.detail-etc-info-block th {
    letter-spacing: -1px
}

.detail-etc-info-block td {
    letter-spacing: -1px
}

.detail-etc-info-block:first-child .title-etc:first-child {
    padding-top: 0
}

.detail-etc-info-block:last-child {
    padding-bottom: 0
}

.detail-etc-info-block+.detail-etc-info-block {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 17px
}

.detail-etc-info-block .text-emphasis {
    padding-top: 0
}

.detail-etc-info-block .text-emphasis:before {
    vertical-align: middle
}

.detail-etc-info-block .btn-square-line--small {
    display: block;
    line-height: 23px;
    margin-top: 8px
}

.detail-etc-info-block .title-etc:first-child {
    padding-top: 10px
}

.detail-etc-info-block .title-etc--interest-free {
    padding-bottom: 17px;
    border-bottom: 1px solid #eee
}

.detail-etc-info-item {
    letter-spacing: -1px
}

.detail-etc-info-item .title {
    font-weight: 700;
    padding-bottom: 6px
}

.detail-etc-info-item+.detail-etc-info-item {
    padding-top: 15px
}

.detail-etc-info-item .text-list--dash .text-item {
    color: #666
}

.section .product-list-view--scroll {
    margin-left: -20px;
    margin-right: -20px
}

.section .product-list-view--scroll .product-list .name--product {
    width: 100%
}

.layer-coupon-guide {
    padding: 30px 20px;
    border-top: 1px solid #eee
}

.layer-wrap--detail-ingredients {
    padding: 20px 0;
    box-sizing: border-box
}

.layer-wrap--detail-ingredients .layer-confirm-title {
    font-size: 16px;
    padding-left: 20px
}

.layer-wrap--detail-ingredients .layer-dialog {
    width: 80%;
    overflow-y: auto
}

.layer-wrap--detail-ingredients .detail-ingredients-content {
    padding: 20px
}

.layer-wrap--detail-ingredients .detail-ingredients-content div+div {
    margin-top: 15px
}

.layer-wrap--detail-ingredients .detail-ingredients-content .title2 {
    color: #000;
    margin-bottom: 5px
}

p.accordian-title-subtit {
    position: absolute;
    left: 20px;
    bottom: 2px;
    color: #999;
    font-size: 10px;
    letter-spacing: -1px;
}

/* 픽스리 */
.section.pixlee_section {
    padding: 35px 0 35px 20px;
}

.pixlee_prod_wrap {
    height: 100px;
    width: 100%;
}

#pixlee_prd_container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* 픽스리 */

/* 브랜드관 */
.detail-brand.btn-square-line--arrow:after {
    border-color: #999;
}

/* 브랜드관 */

/* 리뷰 개선건 */
#review_list {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 리뷰 개선건 */



/* 어드민 P코드 내 옵션별 프리굿 세팅 기능 구현 */
.buy-controller__result-text .gifts_view {
    font-size: 13px;
    color: #000;
    position: relative;
    margin-top: 8px;
    display: block;
    width: 70px;
}

.buy-controller__result-text .gifts_view:after {
    content: ">";
    width: 11px;
    height: 14px;
    position: absolute;
    right: -13.5px;
    top: 0px;
}

.mileage_po_wrap {
    padding: 10.5px 20px;
}

/* border-bottom: 1px solid #eee; */
.mileage_po_wrap .possesion_mile {
    color: #000;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.mileage_po_wrap .possesion_mile li {
    font-size: 14px;
}

.mileage_po_wrap .use_mile {
    color: #ee2d7a;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.mileage_po_wrap .use_mile li {
    font-size: 14px;
}

.mileage_po_wrap .predic_mile {
    color: #000;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.mileage_po_wrap .predic_mile.v2020 {
    margin: 9px 0;
}

.mileage_po_wrap .predic_mile li {
    font-size: 15px;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer {
    border-radius: 5px;
    width: 80%;
    padding: 43px 0 24px 0;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .layer-momentary-message-text {
    margin-top: 0;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .layer-body {
    text-align: center;
    padding: 24px 0 0 24px;
    max-height: 210px;
    overflow-y: scroll;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .layer-body img {
    width: 57px;
    height: 57px;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .layer-body p {
    color: #000;
    margin-top: 5px;
    font-size: 12px;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .coupon-module-list:first-child .coupon-module-item {
    margin-top: 0;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .coupon-module-item .gifts_view_text p {
    margin-top: 0;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .coupon-module-item .gifts_view_text p:first-child {
    margin-top: 0;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .coupon-module-item {
    padding: 0;
    margin-top: 10px;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .coupon-module-item .gifts_view_img {
    display: table-cell;
    vertical-align: middle;
    border: #ccc 1px solid;
    padding: 3px;
}

.layer-dialog.layer-dialog--momentary-message.free_gift_layer .coupon-module-item .gifts_view_text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
}

/* 어드민 P코드 내 옵션별 프리굿 세팅 기능 구현 */

/* 당일배송 */
/* .detail_price_mileage{margin-top: 15px;} */
/* border-top: 1px solid #eeeeee; */
.detail_price_mileage ul {
    width: 100%;
}

.detail_price_mileage .detail_price_mileage_block {
    display: table;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 11px;
}

.detail_price_mileage .detail_price_mileage_block:last-child {
    margin-bottom: 0px;
}

.detail_price_mileage .detail_price_mileage_block .title {
    display: table-cell;
    width: 100px;
    line-height: 18px;
}

.detail_price_mileage .detail_price_mileage_block .title .mileage_info {
    font-size: 15px;
    color: #000;
    letter-spacing: -1.5px;
    display: inline-block;
    vertical-align: text-top;
}

.detail_price_mileage .detail_price_mileage_block .title .mileage_info:after {
    display: inline-block;
    content: "";
    clear: both;
    background: url(../image/common/mileage_info_icon.png) no-repeat;
    width: 17px;
    height: 17px;
    background-size: 17px;
    vertical-align: bottom;
    margin-left: 4px;
}

.detail_price_mileage .detail_price_mileage_block .price {
    display: table-cell;
    flex: 1;
}

.detail_price_mileage .detail_price_mileage_block .price dt {
    font-size: 15px;
    color: #000;
    letter-spacing: -1.5px;
    line-height: 18px;
    position: relative;
}

.detail_price_mileage .detail_price_mileage_block .price dt.slide_toggle:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    clear: both;
    background: url(../image/common/mileage_arrow_icon.png) no-repeat;
    width: 13px;
    height: 7px;
    background-size: 13px;
    transition: 0.5s;
}

.detail_price_mileage .detail_price_mileage_block .price dt.slide_toggle.on:after {
    transform: translateY(-50%) rotate(-180deg);
}

.detail_price_mileage .detail_price_mileage_block .price dt span {
    color: #5f9ee5;
    font-weight: bold;
}

.detail_price_mileage .detail_price_mileage_block .price dt span a {
    color: #5f9ee5;
    text-decoration: underline;
    font-weight: bold;
}

.detail_price_mileage .detail_price_mileage_block .price dd {
    display: none;
    margin-bottom: 4px;
    letter-spacing: -0.65px;
    color: #999;
    font-size: 13px;
}

.detail_price_mileage .detail_price_mileage_block .price dd:first-of-type {
    margin-top: 7px;
}

.detail_price_mileage .detail_price_mileage_block .price dd span {
    color: #000;
}

.detail_price_mileage.detail_price_oneday_shipping .detail_price_mileage_block .title {
    width: 100px;
}

.detail_price_mileage.detail_price_oneday_shipping .detail_price_mileage_block .price dt span {
    font-size: 13px;
    color: #999;
    font-weight: normal;
}

.buy-controller.oneday_delivery .buy-controller__option-layer {
    padding-bottom: 0;
}

/* padding-top: 65px;  */
.buy-controller.oneday_delivery .buy-controller__receipt {
    top: 0;
    height: 25px;
}

.buy-controller.oneday_delivery .buy-controller__option-select {
    top: 0px;
}

.buy-controller.oneday_delivery .buy-controller__option-layer.is-option-open {
    height: 192px;
}

/*.buy-controller.oneday_delivery .buy-controller__layer__body{max-height: 170px;}*/
/* .buy-controller.oneday_delivery .buy-controller__layer .buy-controller__bottom{z-index: 20;} */
.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st {
    /*border-bottom: 1px solid #eee;*/
    padding: 13px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* border-top: 1px solid #eee;  */
.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st .set_ship_txt img {
    width: 15px;
    height: 21.5px;
    float: left;
}

.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st .set_ship_txt .buy-controller__promotion-guide__sub-text {
    display: inline-block;
    font-size: 12px;
    color: rgb(238, 45, 122);
    padding-left: 9.5px;
    letter-spacing: -0.6px;
}

.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st .set_ship_btn {
    border: 1px solid #ccc;
    border-radius: 1.5px;
    width: 66.5px;
    padding: 4px 0;
    text-align: center;
    box-sizing: border-box;
}

.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st .set_ship_btn p {
    font-size: 10px;
    color: #000;
    letter-spacing: -0.5px;
}

.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st.sc {
    padding: 13px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st.sc .set_ship_txt {
    width: 80%;
    overflow: hidden;
}

.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st.sc .buy-controller__promotion-guide__sub-text {
    letter-spacing: -0.6px;
    color: #000;
    display: inline-block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.buy-controller.oneday_delivery .buy-controller__layer .set_ship_st.sc .buy-controller__promotion-guide__sub-text_red {
    float: left;
    font-size: 11px;
    letter-spacing: -0.55px;
    padding-left: 9.5px;
    color: rgb(238, 45, 122);
}

.buy-controller.oneday_delivery .buy-controller__option {
    font-size: 14px;
    letter-spacing: -0.7px;
}

.buy-controller.oneday_delivery .ui-radio-label {
    font-size: 14px;
    letter-spacing: -0.7px;
    padding: 3px 0 3px 28.5px;
}

.buy-controller.oneday_delivery .buy-controller__receipt {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eee;
    ;
}

/* border-bottom:1px solid #eee; */
.buy-controller.oneday_delivery .buy-controller__receipt .buy-controller__receipt-item:last-child {
    float: none;
    padding-right: 20px;
}

.buy-controller.oneday_delivery .buy-controller__receipt-item+.buy-controller__receipt-item {
    margin-left: 0px;
}

.buy-controller.oneday_delivery .mileage_po_wrap .possesion_mile li {
    font-size: 14px;
    letter-spacing: -0.65px;
}

.buy-controller.oneday_delivery .mileage_po_wrap .use_mile li {
    font-size: 14px;
    letter-spacing: -0.65px;
}

.buy-controller.oneday_delivery .mileage_po_wrap .predic_mile li {
    font-size: 15px;
    letter-spacing: -0, 7px;
}

.buy-controller.oneday_delivery .mileage_po_wrap .predic_mile li:nth-child(2) {
    font-size: 21px;
}

.buy-controller.oneday_delivery .buy-controller__bottom-list.oneday_btn {
    padding: 0 8px 7.5px 8px;
    background: #fff;
}

.buy-controller.oneday_delivery .buy-controller__bottom-list.oneday_btn li:first-child {
    margin-right: 4px;
}

.buy-controller.oneday_delivery .buy-controller__bottom-list.oneday_btn li:last-child {
    border-left: none;
}

.buy-controller.oneday_delivery .buy-controller__bottom-list.oneday_btn .buy-controller__bottom-button {
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
}

.buy-controller.oneday_delivery .buy-controller__bottom-list.oneday_btn .buy-controller__bottom-button.js-in-cart {
    background: #fff;
    border: 1px solid #ee2d7a;
    color: #ee2d7a;
}

.buy-controller.oneday_delivery .ship_add_message {
    transform: translateX(-50%);
    position: absolute;
    top: -90px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    /* padding: 13px 20px 12.5px 19px; */
    border-radius: 4px;
    left: 50%;
    width: 152px;
    height: 37px;
}

.buy-controller.oneday_delivery .ship_add_message p {
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 37px;
}

@media screen and (max-width: 321px) {
    .buy-controller.oneday_delivery .buy-controller__receipt {
        flex-wrap: wrap;
    }

    .buy-controller__receipt-item {
        width: 50%;
    }

    .buy-controller__receipt-item+.buy-controller__receipt-item {
        margin-top: 0;
        width: 50%;
    }

    .buy-controller__promotion-guide {
        letter-spacing: -1.4px;
    }

    .buy-controller.oneday_delivery .buy-controller__option-layer {
        padding-top: 0;
    }

    .buy-controller.oneday_delivery .buy-controller__receipt {
        height: auto;
    }

    .buy-controller.oneday_delivery .buy-controller__receipt .buy-controller__receipt-item:last-child {
        margin-top: 9px;
    }

    .buy-controller.oneday_delivery .buy-controller__layer .set_ship_st.sc .buy-controller__promotion-guide__sub-text {
        width: 88%;
    }

    .buy-controller.oneday_delivery .buy-controller__layer .set_ship_st.sc .buy-controller__promotion-guide__sub-text_red {
        padding-left: 24.5px;
    }
}

/* 그로스해깅 20200706 */
.gnb-list__item {
    position: relative;
}

.mileage_tagging_main {
    position: absolute;
    z-index: 5;
}

.tagging_img_main {
    position: absolute;
    top: -45px;
    left: 40px;
    transform: rotate(180deg);
}

.mileage_tagging_main p {
    position: absolute;
    top: -75px;
    left: 10px;
    background: #ee2d7a;
    color: #fff;
    border-radius: 20px;
    padding: 8px 13px;
}

.mileage_tagging_main p span {
    display: inline-block;
    background: url(/v2/mweb/image/common/tagging_close.png) center no-repeat;
    width: 8.5px;
    height: 8.5px;
    margin-left: 8px;
}

.circle_alarm {
    position: absolute;
    background: #ee2d7a;
    border-radius: 50%;
    width: 18px;
    color: #fff;
    top: 0;
    margin-left: 3px;
    padding: 2px 0;
}

/* 그로스해킹 20200810 */
.app-down-layer .layer-dialog {
    padding: 41.5px 0 20px 0;
    border-radius: 5px;
}

.app-down-layer .layer-dialog .layer-dialog__close {
    text-align: center;
}

.app-down-layer .layer-dialog .layer-dialog__close img {
    width: 15.5px;
    height: 15.5px;
}

.app-down-layer .layer-dialog .layer-dialog__close:before {
    display: none;
}

.app-down-layer .layer-dialog h2 {
    margin-top: 0;
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.app-down-layer .layer-dialog p {
    font-size: 13px;
    color: #000;
}

.app-down-layer .layer-dialog .layer-confirm-buttons {
    margin: 20px 20px 0;
}

.app-down-layer .layer-dialog .layer-confirm-buttons button {
    border: none;
    color: #fff;
    background: #ee2d7a;
}

.app-down-bnn.new_bnn {
    height: 57px;
    background: #fbecf1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-down-bnn.new_bnn .app-down-bnn__link {
    padding: 0;
    height: 57px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

.app-down-bnn.new_bnn p {
    font-size: 15px;
    color: #000;
    letter-spacing: -1px;
}

.app-down-bnn.new_bnn p span {
    color: #ee2d7a;
    font-weight: bold;
}

.app-down-bnn.new_bnn button {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    z-index: 20;
    text-align: center;
}

.app-down-bnn.new_bnn button img {
    width: 8.5px;
    height: 8.5px;
    padding-top: 6px;
}

@media screen and (max-width: 376px) and (min-width: 322px) {
    .app-down-bnn.new_bnn p {
        font-size: 14px
    }

    ;
}

@media screen and (max-width: 321px) {
    .app-down-bnn.new_bnn p {
        font-size: 12px
    }

    ;
}

.chatbot-btn.app_coupon_btn {
    border-radius: 0;
    width: 76.5px;
    height: 43px;
    background: url(/v2/mweb/image/main/app_coupon_img.png) center no-repeat;
    background-size: 100% 100%;
}

.app_coupon_btn {
    bottom: 112.5px
}

.chatbot-btn.app_coupon_btn::before {
    display: none;
}

.chatbot-btn.app_coupon_btn .app-down-floating__link {
    display: block;
    padding: 19px;
    margin-top: 7px;
}

.chatbot-btn.app_coupon_btn .new_bnn_close {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 6.5px;
    top: -8.5px;
}

.chatbot-btn.app_coupon_btn .new_bnn_close img {
    width: 100%;
}

/* 아리따움몰 쿠폰 UI 개선 */
.coupon_non_box {
    margin-top: 9.2px;
    background-color: #f7f7f7;
    padding: 12.5px 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.coupon_non_box img {
    width: 15.5px;
    height: 15.5px;
}

.coupon_non_box p {
    margin-left: 6px;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: -1.3px;
    color: #666666;
}



/* 당일배송 서비스 안내 레이어 */
.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-wrap {
    padding: 0 20px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont {
    padding: 24px 0px 25px 0px;
    border-bottom: 1px solid rgb(238 238 238);
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont h3 {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 15px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont p {
    font-size: 13px;
    color: rgb(102, 102, 102);
    letter-spacing: -1.33px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont p.oneday_cont_guide {
    margin-bottom: 12px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont p.oneday_cont_guide span {
    color: #ee2d7a;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont p.oneday_cont_txt span {
    display: block;
    padding-left: 10px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont .layer-oneday-arrive-cont {
    display: flex;
    margin-top: 18px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont .layer-oneday-arrive-cont ul {
    width: 50%;
    text-align: center;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont .layer-oneday-arrive-cont ul .oneday-cont-img {
    margin-bottom: 24px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont .layer-oneday-arrive-cont ul .oneday-cont-img img {
    width: calc(100% / 1.1795);
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont .layer-oneday-arrive-cont ul .oneday-cont-img-txt {
    color: #000;
    font-size: 12px;
    letter-spacing: -0.33px;
    font-weight: bold;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont .layer-oneday-arrive-cont ul .oneday-cont-img-txt span {
    display: block;
    font-size: 15px;
    letter-spacing: -0.4px;
    color: #ee2d7a;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-service {
    padding: 24px 0px 25px 0px;
    border-bottom: 1px solid rgb(238 238 238);
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-service h3 {
    display: inline-block;
    padding-left: 7.5px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 15px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-service p {
    font-size: 13px;
    color: rgb(102, 102, 102);
    letter-spacing: -1.33px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-service p span {
    color: #ee2d7a;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-return {
    padding: 24px 0px 25px 0px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-return h3 {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 15px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-return p {
    font-size: 13px;
    color: rgb(102, 102, 102);
    letter-spacing: -1.33px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-return p span {
    color: #ee2d7a;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-footer {
    background-color: rgb(246 246 246);
    padding: 24.5px 20px 24px 20px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-footer h3 {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 20px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-footer .text-list .text-item {
    font-size: 13px;
    letter-spacing: -1.33px;
    color: rgb(102, 102, 102);
    margin-bottom: 23px;
}

.layer-wrap--oneday-delivery .layer-full__body .layer-oneday-footer .text-list .text-item:last-child {
    margin-bottom: 0px;
}

/* 20211021 오늘도착 레이어 */
.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-wrap {
    padding: 0 20px;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
    padding-left: 0;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-wrap .layer-oneday-cont img {
    margin-bottom: 20px;
    width: 100%;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-wrap>div {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-wrap>div.layer-oneday-return {
    border-bottom: none;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-wrap>div p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.36;
    letter-spacing: -1.45px;
    text-align: left;
    color: #666;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-cont p.oneday_cont_guide {
    margin-bottom: 0;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-footer {
    background-color: #f7f7f7;
    ;
    padding: 20px;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-footer .text-list .text-item {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -1.45px;
    text-align: left;
    color: #999;
    margin-bottom: 10px;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-footer .text-list .text-item:last-child {
    margin-bottom: 0px;
}

.layer-wrap--oneday-delivery.v2 .layer-full__body .layer-oneday-footer .text-list .text-item:before {
    width: 2.5px;
    height: 2.5px;
    border-radius: 50%;
}

/* 20211021 오늘도착 레이어 */

@media screen and (max-width: 321px) {
    .layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont .layer-oneday-arrive-cont ul .oneday-cont-img-txt {
        font-size: 11px
    }

    .layer-wrap--oneday-delivery .layer-full__body .layer-oneday-cont .layer-oneday-arrive-cont ul .oneday-cont-img-txt span {
        font-size: 13px;
    }
}

/* 당일배송 서비스 안내 레이어 */

/* 배송지 변경 레이어 */
.layer-change-delivery-address .tab-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.layer-change-delivery-address .tab-menu .tab-menu-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.layer-change-delivery-address .tab-menu .tab-menu-item .tab-menu-btn {
    display: block;
    font-size: 15px;
    color: #999;
    background: #fff;
    text-align: center;
    line-height: 55px;
    border-bottom: 1px solid #eee;
    width: 100%;
    letter-spacing: -1px;
    position: relative;
    -webkit-transition: color .3s linear, font-weight .3s linear;
    transition: color .3s linear, font-weight .3s linear;
}

.layer-change-delivery-address .tab-menu .tab-menu-item .tab-menu-btn.is-active {
    color: #ee2d7a;
    font-weight: 700;
}

.layer-change-delivery-address .tab-menu .tab-menu-item .tab-menu-btn:after {
    display: block;
    content: '';
    width: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    height: 1px;
    background: #ee2d7a;
    position: absolute;
    left: 0;
    bottom: -1px;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
}

.layer-change-delivery-address .tab-menu .tab-menu-item .tab-menu-btn.is-active:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.layer-change-delivery-address .layer-shipping-cont .address-list+.form-component-division {
    margin-top: 10px;
}

/* 배송지 변경 레이어 */

/* mweb 배너 */
.item_bnn img {
    width: 100%;
}

/* mweb 배너 */

/* PDP 페이지 에디터 영역 내 상품 한줄설명 추가 */
.product_description {
    padding: 20px 0 10px 0;
    border-top: 1px solid #eeeeee;
}

.product_description .product_description_txt {
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: -1.3px;
    text-align: left;
    color: #000000;
}

/* PDP 페이지 에디터 영역 내 상품 한줄설명 추가 */

.bottom-to-top.v2 {
    bottom: 120px;
}

.v2.shadepicker {
    height: 44px;
    z-index: 990;
    position: fixed;
    right: 20px;
    z-index: 9999px;
    -webkit-transition: width .7s;
    transition: width .7s;
    padding: 0 17px;
    bottom: 70px;
    background: #ffeae0;
    border: 1px solid #dd9e9e;
    width: calc(100vw - 40px);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.14);
    border-radius: 40px;
    box-sizing: border-box;
}

.v2.shadepicker a {
    padding: 11px 0;
    opacity: 1;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #a75225;
    display: block;
}

.v2.shadepicker .ShadePickerClose {
    padding: 5px;
    position: absolute;
    top: 15px;
    right: 17px;
    z-index: 9999;
    width: 9px;
    height: 9px;
    background: url(https://cdn.aritaum.com/UPLOAD/UPLOAD_IMAGE/EDITOR/20220406/IMG1649ClI221843099.png) center no-repeat;
    background-size: 9px 9px;
}

.v2.shadepicker .ShadePickerOpen {
    display: none;
}

.shadepicker.shadepickertimeopen .ShadePickerOpen {
    position: absolute;
    display: block;
    background: url(/v2/mweb/image/common/btn_shadepicker.png) center no-repeat;
    background-size: 100%;
    width: 23px;
    height: 23px;
    padding: 0;
    right: 8px;
    top: 10px;
}

.shadepicker:before {
    content: none;
}

.shadepicker.shadepickertimeopen {
    width: 44px;
    text-indent: -9999px;
    border-radius: 400px;
}

.v2.shadepicker.shadepickertimeopen a {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.shadepicker.shadepickertimeopen .ShadePickerClose {
    display: none !important;
}

.v2.shadepicker.add {
    bottom: 120px;
}

.bottom-to-top.v2.add {
    bottom: 170px;
}

.bottom-to-top {
    margin-bottom: -170px;
}

.v2.shadepicker a.shadepickertimeopenLink {
    opacity: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

@media screen and (max-width: 321px) {
    .v2.shadepicker {
        padding: 0 6px;
    }

    .v2.shadepicker .ShadePickerClose {
        width: 28px;
    }

    .v2.shadepicker a {
        font-size: 12px;
        letter-spacing: -2px;
    }

    ;
}

.buy-controller.oneday_delivery .buy-controller__bottom-list {
    position: relative;
}

.shade_picker_confirm {
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 10px;
    width: calc(100vw - 125px);
    text-align: center;
    height: 40px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    opacity: 0.68;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.3);
    background-color: #000000;
    position: absolute;
    top: -55px;
    color: #fff;
    z-index: 1000;
}

.shade_picker_confirm p {
    letter-spacing: -1px;
}

@media screen and (max-width: 321px) {
    .shade_picker_confirm {
        width: calc(100vw - 80px);
    }

    .shade_picker_confirm p {
        letter-spacing: -2px;
    }
}

.detail_price_mileage.v2021_renewal .detail_price_mileage_block .title {
    width: 146px;
}

.detail_price_mileage.v2021_renewal .detail_price_mileage_block.r_super_club__benefit span {
    color: #ee2d7a;
}

.r_super_club__benefit .layer-dialog .layer-momentary-message-text-sub {
    color: rgb(102, 102, 102)
}

.r_super_club__benefit .layer-dialog .layer-message-box {
    padding: 9px 5px;
    margin-bottom: 10px;
}

.r_super_club__benefit .layer-dialog .layer-message-box strong {
    margin-bottom: 5px;
    display: block;
    font-size: 12px;
}

.r_super_club__benefit .layer-dialog .layer-message-box ul li {
    color: #000;
    letter-spacing: -1.7px;
}

.r_super_club__benefit .layer-dialog .layer-message-box ul li p {
    display: inline-block;
    letter-spacing: -2px;
}

.r_super_club__benefit .layer-dialog .layer-message-box ul li:last-child {
    margin-top: 4px;
}

.r_super_club__benefit .layer-dialog .layer-message-box ul li span {
    color: #ee2d7a;
}

.r_super_club__benefit .layer-dialog .layer-message-box ul li em {
    color: rgb(102, 102, 102);
}

.r_super_club__benefit .layer-dialog .r_detail_view {
    padding-right: 15px;
    text-align: right;
}

.r_super_club__benefit .layer-dialog .r_detail_view a p {
    display: inline-block;
    color: #000;
    text-decoration: underline;
}

.r_super_club__benefit .layer-dialog .r_detail_view a img {
    width: 10px;
    height: 10px;
    padding: 5px 0 0 0px;
}

.buy_tooltip {
    position: absolute;
    bottom: 65px;
    text-align: center;
    left: 50%;
    width: 250px;
    border: 1px solid #ee2d7a;
    border-radius: 20px;
    background-color: #fff;
    padding: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.buy_tooltip:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 47%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    background: url(../image/common/layer_box_top_color.png) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 10px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.buy_tooltip p {
    bottom: 60px;
    color: #ee2d7a;
}

.buy_tooltip p img {
    width: 10px;
    height: 10px;
    padding: 4px 0 0 7px;
    cursor: pointer;
}

.buy_tooltip p span {
    font-weight: bold;
}

.detail-brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.share_btn {}

.share_btn a {}

.share_btn a img {
    width: 20px;
    height: 20px;
}

.detail_add_benefit {}

.detail_add_benefit .title {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.87;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000000;
}

.detail_add_benefit .benefit {
    width: calc(100% - 130px);
}

.detail_add_benefit .benefit dt {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-right: 17px;
    padding-left: 10px;
    position: relative;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000000;
}

.detail_add_benefit .benefit dt:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    background: #ccc;
}

.detail_add_benefit .benefit .more_view {
    padding: 8px 0 0 10px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.54;
    letter-spacing: -1.3px;
    text-align: left;
    color: #999999;
}

.detail_add_benefit .benefit .more_view span {
    text-decoration: underline;
}

.add_benefit {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    z-index: 990;
    position: fixed;
    right: 20px;
    z-index: 9999px;
    padding: 0 20px;
    bottom: 70px;
    background: rgba(0, 0, 0, 0.65);
    width: calc(100vw - 40px);
    box-sizing: border-box;
}

.add_benefit .add_benefit_cont {
    display: flex;
    align-items: center;
}

.add_benefit img {
    width: 13px;
    height: 16px;
}

.add_benefit p {
    padding-left: 10px;
    font-weight: bold;
    line-height: 3.85;
    letter-spacing: -1.3px;
    text-align: left;
    color: #ffffff;
}

.add_benefit button {
    text-decoration: underline;
    font-size: 13px;
    font-weight: normal;
    line-height: 3.85;
    letter-spacing: -1.3px;
    text-align: center;
    color: #ffffff;
}

.layer-wrap--add-purchase-benefit .layer-section {
    padding: 0;
    border-bottom: none;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap {
    border-bottom: 7px solid #f7f7f7;
    padding: 25px 20px 30px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap:last-child {
    border-bottom: none;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .title {
    width: 100%;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000000;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .period {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: -1.4px;
    text-align: left;
    color: #999999;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .period em {
    color: #ee2d7a;
    padding-right: 4px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .cont_aff {
    display: flex;
    margin-top: 12px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .cont_aff img {
    width: 10px;
    height: 10px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .cont_aff p {
    margin-left: 5px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -1.3px;
    text-align: left;
    color: #000000;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list {
    margin-top: 8px;
    margin-left: 25px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list .name--product {
    width: 100%;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view .price {
    font-size: 18px;
    letter-spacing: -0.9px;
    line-height: 1;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view .txt-won {
    font-size: 18px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view .item-price {
    margin-top: 8px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view .price--orign .price {
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.7px;
    text-align: left;
    color: #999999;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view .item-option {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.21;
    letter-spacing: -0.7px;
    text-align: left;
    color: #999999;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view .product-list-item {
    width: 35%;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.brand .item-thumb {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: solid 1px #ccc;
    box-sizing: border-box;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.brand .item-thumb img {
    padding: 17.5px 0;
    border-radius: 50%;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.gift .product-list-item {
    width: 29%;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.gift .product-list-item .name--brand {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #999999;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.gift .product-list-item .name--product {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.gift .product-list-item .item-total span {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.brand .product-list-item.v2 {
    width: 21%;
    width: 70px;
    padding-left: 0;
    margin-left: 10px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.brand .item-thumb::after {
    display: none;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view.brand .name--brand {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    line-height: 2.33;
    letter-spacing: -1.2px;
    text-align: center;
    color: #999999;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .layer_more_view {
    width: 52.5px !important;
    margin-right: 0;
    padding-left: 0;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .layer_more_view .view_bx {
    margin-top: 6.5vh;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .layer_more_view button {
    padding-left: 15px;
    padding-right: 20px;
    text-align: center;
    padding: 42px 20px 42px 15px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .layer_more_view button img {
    width: 16.5px;
    height: 16.5px;
}

.layer-wrap--add-purchase-benefit .layer-add-benefit-wrap .layer-add-benefit-cont .layer_more_view button p {
    margin-top: 5.5px;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: -1.1px;
    text-align: left;
    color: #999999;
}

.layer-wrap--add-purchase-benefit-item .layer-section {
    padding: 25px 20px 30px;
}

.layer-wrap--add-purchase-benefit-item .layer-section:last-child {
    border-bottom: none;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .title {
    width: 100%;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000000;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .period {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: -1.4px;
    text-align: left;
    color: #999999;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .period em {
    color: #ee2d7a;
    padding-right: 4px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .cont_aff {
    display: flex;
    margin-top: 12px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .cont_aff img {
    width: 10px;
    height: 10px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .cont_aff p {
    margin-left: 5px;
    font-size: 14px;
    letter-spacing: -1.3px;
    text-align: left;
    color: #000000;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .cont_aff p span {
    color: #999999;
    font-weight: normal;
    display: inline-block;
    margin-left: 3px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-view {
    padding: 0;
    margin-top: 12px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .item-option {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.21;
    letter-spacing: -0.7px;
    text-align: left;
    color: #999999;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .item-price {
    margin-top: 10px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .list-item-action {
    margin-top: 8px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .item-label .icon-label-round.v2 {
    margin-top: 11px;
    margin-bottom: 6px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .name--product {
    width: 100%;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .price--ing .price {
    font-size: 18px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-item {
    margin-top: 35px;
}

.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-item:nth-child(1),
.layer-wrap--add-purchase-benefit-item .layer-add-benefit-wrap .layer-add-benefit-cont .product-list-item:nth-child(2) {
    margin-top: 0;
}

.layer-wrap--add-purchase-benefit-item .layer-full__close {
    left: 0;
}

.layer-wrap--add-purchase-benefit-item .layer-full__close:before {
    background-position: -390px -145px;
}

.detail_receive_coupon {
    margin-top: 20px;
    height: 40px;
    background: rgba(238, 45, 122, 0.1);
    border: solid 1px #ee2d7a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail_receive_coupon button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.detail_receive_coupon .coupon_img {
    width: 25px;
    height: 17px;
}

.detail_receive_coupon p {
    margin-left: 10px;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.5px;
    text-align: center;
    color: #ee2d7a;
}

.detail_receive_coupon .down_img {
    margin-left: 10px;
    width: 20px;
    height: 20px;
}

.detail_receive_coupon.down_complete {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
}

.detail_receive_coupon.down_complete p {
    color: #999;
}

.layer-wrap--coupon-receive .layer-section {
    padding: 0;
}

.layer-wrap--coupon-receive .possesion-coupon-sort .mypage-list-top-txt {
    letter-spacing: -1.2px;
}

.layer-wrap--coupon-receive .downloadable_coupon .coupon_holding_list .coupon_item_wrap {
    display: flex;
    justify-content: space-between;
}

.layer-wrap--coupon-receive .downloadable_coupon .coupon_holding_list .coupon_item_wrap .coupon_list_cont {
    width: 75%;
}

.layer-wrap--coupon-receive .downloadable_coupon .coupon_holding_list .coupon_item_wrap .coupon_btn_wrap {
    width: 60px;
    background-image: linear-gradient(to bottom, #ffffff 35%, #d6d6d6 0%);
    background-position: left;
    background-size: 1px 13.8px;
    background-repeat: repeat-y;
}

.layer-wrap--coupon-receive .downloadable_coupon .coupon_holding_list .coupon_item_wrap .coupon_btn_wrap.download_coupon button span {
    text-indent: -9999px;
}

.layer-wrap--coupon-receive .downloadable_coupon .coupon_holding_list .coupon_item_wrap .coupon_btn_wrap.download_coupon button span:after {
    margin-left: 0;
}

.layer-wrap--coupon-receive .downloadable_coupon .coupon_holding_list.complete .coupon_item_wrap .coupon_btn_wrap.download_coupon button span {
    margin-top: -5px;
    text-indent: inherit;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: -0.5px;
    text-align: center;
    color: #999999;
}

.coupon-download-once .coupon-download.complete:after {
    background-position: -385px -384px;
}

.coupon_v2021 .possesion-coupon-sort .mypage-list-top-txt {
    letter-spacing: -1.2px;
}

.coupon_v2021 .downloadable_coupon .coupon_holding_list .coupon_item_wrap {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    height: 163.5px;
    position: relative;
}

.coupon_v2021 .downloadable_coupon .coupon_holding_list .coupon_item_wrap .coupon_list_cont {
    padding: 0 0 0 20px;
    width: calc(75% - 9px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.coupon_v2021 .downloadable_coupon .coupon_holding_list .coupon_item_wrap .coupon_btn_wrap {
    position: absolute;
    right: 0;
    height: 100%;
    width: 60px;
    background-image: linear-gradient(to bottom, #ffffff 35%, #d6d6d6 0%);
    background-position: left;
    background-size: 1px 13.8px;
    background-repeat: repeat-y;
}

.coupon_v2021 .downloadable_coupon .coupon_holding_list .coupon_item_wrap .coupon_btn_wrap.download_coupon button span {
    text-indent: -9999px;
}

.coupon_v2021 .downloadable_coupon .coupon_holding_list .coupon_item_wrap .coupon_btn_wrap.download_coupon button span:after {
    margin-left: 0;
}

.coupon_v2021 .downloadable_coupon .coupon_holding_list.complete .coupon_item_wrap .coupon_btn_wrap.download_coupon button span {
    margin-top: -5px;
    text-indent: inherit;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: -0.5px;
    text-align: center;
    color: #999999;
}

.coupon-download-once .coupon-download.complete:after {
    background-position: -385px -384px;
}

.detail_price_mileage.v2021_renewal.benefit_section h3 {
    padding: 20px 0 12px 0;
}

.detail_price_mileage.v2021_renewal.benefit_section .benefit_view {
    display: inline-block;
    margin-top: 8px;
    padding-left: 13.5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.54;
    letter-spacing: -1.3px;
    text-align: left;
    color: #999999;
}

.detail_price_mileage.benefit {
    margin-top: 10px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.87;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000000;
}

.detail_price_mileage.benefit:first-child {
    margin-top: 0;
}

.detail_price_mileage.benefit p {
    position: relative;
    padding-left: 13.5px;
    font-size: 15px;
}

.detail_price_mileage.benefit p:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 3.5px;
    height: 3.5px;
    background-color: #cccccc;
    border-radius: 50%;
}

.detail_price_mileage .detail_price_mileage_block.r_super_club__benefit.no_show_popup .title .mileage_info:after {
    display: none;
}

/* [ARITAUM-1615] 공유하기 아이콘 교체 */
.detail-price-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.share_btn {
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    box-sizing: border-box;
}

.share_btn a img {
    padding: 10px 11px 11px 10.5px;
}

.buy-controller.v2022 .buy-controller__option-select {
    height: 317.5px;
    top: -135px;
}

.buy-controller.v2022 .buy-controller__option-select .buy-controller__option-select__item.sold_out .buy-controller__option-select__button .option_tag {
    color: #999;
}

.buy-controller.v2022 .buy-controller__option-layer__close {
}

.buy-controller.v2022 .buy-controller__option-select__button {
    padding: 16px 0px;
    margin: 0 20px;
    width: calc(100% - 40px);
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buy-controller.v2022 .buy-controller__option-select__button .option_tag {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000;
    display: flex;
    align-items: center;
}

.buy-controller.v2022 .buy-controller__option-select__button .color-chip {
    margin-right: 10px;
}

.buy-controller.v2022 .buy-controller__option-select__button .mark {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -1.5px;
    text-align: left;
    color: #ee2d7a;
}

.buy-controller.v2022 .buy-controller__option-select__button .price {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -1.5px;
    text-align: left;
    color: #000;
    margin-left: 8px;
}

.buy-controller.v2022 .buy-controller__option-select__button .price em {
    font-weight: normal;
}

.buy-controller.v2022 .buy-controller__result-delete {
    background: url(https://cdn.aritaum.com/UPLOAD/UPLOAD_IMAGE/EDITOR/20220523/IMG1653WoJ290629184.png);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.buy-controller.v2022 .buy-controller__result-delete:before {
    display: none;
}

.buy-controller.v2022 .buy-controller__result-item {
    padding: 15.5px 20px;
}

.buy-controller.v2022 .buy-controller__result-text .add_price {
    display: flex;
    align-items: center;
}

.buy-controller.v2022 .buy-controller__result-text .mark {
    color: #ee2d7a;
    margin-right: 8px;
    font-weight: bold;
    letter-spacing: -1.3px;
}

.buy-controller.v2022 .buy-controller__soldout .btn-square-line .on-text {
    letter-spacing: -1.2px;
}

.buy-controller.v2022 .buy-controller__soldout .ui-checkbox:checked+.btn-square-line .off-text {
    letter-spacing: -1.2px;
}