@charset "utf-8";
/* main */
/* @import url('./discover_product.css'); */

/* eshop */
.shop-quick {
    background: #4a4d5b;
    padding: 16px 0;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
}

.shop-quick ul {
    margin: 0 auto;
    width: 100%;
    max-width: 940px;
    display: flex;
    height: 96px;
}

.shop-quick li {
    flex: auto;
    position: relative;
}

.shop-quick li:not(:first-child) {
    border-left: 1px solid rgba(232, 232, 232, 0.1);
}

.shop-quick li a {
    display: block;
    font-size: 0;
    text-align: center;
    padding: 7px 0;
    white-space: nowrap;
}

.shop-quick li a img {
    height: 82px;
    vertical-align: middle;
    margin-right: 24px;
}

.shop-quick li a div {
    display: block;
    box-sizing: border-box;
    height: 96px;
    width: 192px;
    margin: 0 auto;
    background-repeat: no-repeat;
    padding: 15px 0 0 64px;
}

.shop-quick li a em {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
    vertical-align: middle;
    text-align: left;
    height: 52px;
}

.shop-quick li a div.shop-quick-fusion {
    background-image: url(../images/shop-quick-icon-ifuse.svg);
    background-position: 20px 9px;
    padding: 15px 0 0 83px;
}

.shop-quick li a div.shop-quick-heat {
    background-image: url(../images/shop-quick-icon-pro.svg);
    background-position: -21px -8px;
}

.shop-quick li a div.shop-quick-acc {
    background-image: url(../images/shop-quick-icon-acc.svg);
    background-position: 4px 1px;
}

.shop-quick li a div.shop-quick-acc em {
    line-height: 52px;
}

@media (max-width: 767px) {
    .shop-quick {
        padding: 20px 0;
    }

    .shop-quick .p {
        display: none;
    }

    .shop-quick ul {
        width: auto;
        height: 132px;
        margin: 0 20px;
    }

    .shop-quick li:not(:first-child) {
        border: 0;
    }

    .shop-quick li a {
        text-align: center;
    }

    .shop-quick li a img {
        height: 68px;
        margin-right: 0;
    }

    .shop-quick li a div {
        height: 124px;
        width: 106px;
        margin: 0 auto;
        padding: 89px 0 0 0;
    }

    .shop-quick li a div.shop-quick-fusion {
        background-image: url(../images/shop-quick-icon-ifuse-mobile.svg);
        background-position: 31px 5px;
        padding: 89px 0 0 0;
    }

    .shop-quick li a div.shop-quick-heat {
        background-image: url(../images/shop-quick-icon-pro-mobile.svg);
        background-position: 13px -1px;
    }

    .shop-quick li a div.shop-quick-acc {
        background-image: url(../images/shop-quick-icon-acc-mobile.svg);
        background-position: 42px 6px;
    }

    .shop-quick li a div.shop-quick-acc em {
        padding-left: 10px;
    }

    .shop-quick li a em {
        display: block;
        font-size: 14px;
        line-height: 1.21;
        text-align: center;
    }

    .shop-quick li a div.shop-quick-fusion em {
        padding: 0 10px 0 0;
    }

    .shop-quick li a div.shop-quick-acc em {
        line-height: 2.42;
    }
}

/* end of shop quick */

.shop-list {
    text-align: center;
    padding-top: 132px;
    border-bottom: 1px solid #eee;
}

.shop-list:first-of-type {
    margin-top: 180px;
}

.shop-list .m {
    display: none;
}

.shop-list h2 {
    font-size: 72px;
    letter-spacing: -0.025em;
    line-height: 86px;
    font-weight: 500;
}

.shop-list .introduce {
    font-size: 18px;
    line-height: 28px;
    color: #4a4a4a;
    margin-top: 40px;
}

.shop-list .swiper-container {
    margin-top: 30px;
    padding-left: 202px;
}

/* .shop-list:first-of-type .swiper-container {
  padding-left: 0;
} */

.shop-list .swiper-container-horizontal > .swiper-scrollbar {
    position: relative;
    height: 96px;
    background: none;
}

.shop-list .swiper-container-horizontal > .swiper-scrollbar:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
}

.shop-list .item {
    width: 333px;
    padding: 100px 36px 80px;
    position: relative;
}

.shop-list .item.device:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 20px;
    width: 382px;
    height: 382px;
    background: url('/images/2019/shop-item-halo.png') no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
}

.shop-list .item .image {
    width: 332px;
    display: block;
    position: relative;
}

.shop-list .item .image + .colorset {
    margin-top: 0;
}

.shop-list .item .image img {
    width: 100%;
    display: block;
}

.shop-list .item.new .image:after {
    content: 'NEW';
    position: absolute;
    left: 32px;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #e35205;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
}

.shop-list .item.limited .image:after {
    content: 'LIMITED';
    position: absolute;
    left: 32px;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #e35205;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
}

.shop-list .item .colorset {
    font-size: 0;
    margin-top: 16px;
}

.shop-list .item .colorset li {
    display: inline-block;
}

.shop-list .item .colorset button {
    width: 30px;
    height: 30px;
    position: relative;
}

.shop-list .item .colorset button span {
    box-sizing: border-box;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    overflow: hidden;
    text-indent: -9999px;
}

.shop-list .item .colorset button span[style*='#fff'],
.shop-list .item .colorset button span[style*='#FFF'],
.shop-list .item .colorset button span[style*='rgb(255, 255, 255)'] {
    border: 1px solid #979797;
}

.shop-list .item .exclusive {
    margin-top: 37px;
    height: 26px;
    margin-bottom: -16px;
}

.shop-list .item .colorset + .exclusive {
    margin-top: 7px;
}

.shop-list .item .exclusive .btns-exclusive {
    background: #2c51ff;
}

.shop-list .item h3 {
    font-size: 36px;
    letter-spacing: -0.025em;
    line-height: 44px;
    font-weight: 500;
    margin-top: 33px;
}

.shop-list .item .description {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}

.shop-list .item .price {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 24px;
    letter-spacing: -0.015em;
}

.shop-list .item .price em {
    color: #e35205;
}

.shop-list .item .sold-out {
    color: #e22219;
    font-weight: inherit;
}

.shop-list .item .buy {
    margin-top: 24px;
}

@media (max-width: 767px) {
    .shop-list .m {
        display: block;
    }

    .shop-list {
        padding-top: 82px;
    }

    .shop-list:first-of-type {
        margin-top: 162px;
    }

    .shop-list h2 {
        font-size: 36px;
        line-height: 44px;
    }

    .shop-list .introduce {
        font-size: 14px;
        line-height: 24px;
        margin: 8px 0 40px;
    }

    .shop-list .swiper-container {
        margin-top: 0;
    }

    .shop-list .swiper-container-horizontal > .swiper-scrollbar {
        width: 300px;
        height: 64px;
        left: -12px;
    }

    .shop-list .item {
        width: 300px;
        padding: 50px 0 60px;
    }

    .shop-list .item.device:before {
        top: 20px;
        width: 232px;
        height: 232px;
    }

    .shop-list .item.device:not(.swiper-slide-active):before {
        display: none;
    }

    .shop-list .item .image {
        width: 300px;
        margin: 0 auto;
    }

    .shop-list .item.new .image:after,
    .shop-list .item.limited .image:after {
        left: 0;
        top: -40px;
    }

    .shop-list .item .colorset {
        margin-top: 8px;
    }

    .shop-list .item .colorset button {
        width: 28px;
        height: 28px;
    }

    .shop-list .item .colorset button span {
        left: 6px;
        top: 6px;
        width: 15px;
        height: 15px;
    }

    .shop-list .item h3 {
        font-size: 24px;
        line-height: 28px;
        margin-top: 33px;
    }

    .shop-list .item .description {
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px;
        padding: 0 20px;
    }

    .shop-list .item .price {
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px;
    }

    .shop-list .item .sold-out {
        color: #e22219;
    }

    .shop-list .item .buy {
        margin-top: 16px;
    }

    .shop-list .item .buy a {
        min-width: auto;
        width: 150px;
    }

    .shop-list .swiper-container {
        padding-left: 24px;
    }
}

.shop-detail {
    padding: 0 80px;
}

.shop-head .glo-restrict {
    padding: 100px 0 80px;
    min-height: 755px;
    box-sizing: border-box;
}

.shop-head.rotation .glo-restrict {
    min-height: 869px;
}

@media (max-width: 767px) {
    .shop-head.rotation .glo-restrict {
        min-height: auto;
    }
}

.shop-head .gallery {
    position: absolute;
    left: 0;
    right: 408px;
}

.shop-head .gallery img {
    width: 100%;
    display: block;
}

.shop-head .gallery .main {
    position: absolute;
    left: 94px;
    right: 0;
}

.shop-head .gallery .main .image {
    position: relative;
    width: 100%;
    max-width: 534px;
    margin: 0 auto;
}

.shop-head .gallery .main .image:before {
    content: '';
    position: absolute;
    left: -5%;
    right: -5%;
    top: -3%;
    padding-top: 150%;
    background: url('/images/2019/shop-item-halo-large.png') no-repeat;
    background-size: 100%;
}

.shop-head .gallery .main .image img {
    position: absolute;
    /* padding-top: 14.6%; */
    padding-top: 0;
    top: 0;
    left: 0;
    opacity: 0;
}

.shop-head .gallery .main .image img:first-child {
    position: relative;
    opacity: 1;
}

.shop-head .gallery .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
}

.shop-head .gallery .thumb li {
    margin-bottom: 16px;
}

.shop-head .gallery .thumb li button {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.shop-head .gallery .thumb li button:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #e35205;
    display: none;
    content: '';
}

.shop-head .gallery .thumb li button.current:after {
    display: block;
}

.shop-head .gallery .thumb li button img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0.5;
}

.shop-head .gallery .thumb li button.current img {
    opacity: 1;
}

.shop-head .gallery .rotation-desc {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    position: relative;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.shop-head .gallery .small-desc {
    margin-top: 19px;
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #bdbdbd;
}

.rotation-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.rotation-box {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.shop-head .gallery .main .image .rotation-box img {
    opacity: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
}

.shop-head .gallery .small-desc .m {
    display: none;
}

.rotation-btn {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 85px;
    height: 85px;
    background-image: url(/images/2019/icon-360.svg);
    background-size: 85px 85px;
    text-indent: -9999px;
    margin: 0 auto 0 auto;
}

.rotation-btn.on-loading {
    animation-name: onLoading;
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes onLoading {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 1150px) {
    .shop-detail {
        padding: 0 40px;
    }

    .shop-head .gallery {
        right: 370px;
    }

    .shop-head .gallery .main {
        left: 0;
        position: relative;
    }

    .shop-head .gallery .thumb {
        position: relative;
        left: 0;
        right: 0;
        display: flex;
        width: 100%;
        max-width: 312px;
        margin: 10px auto 0;
    }

    .shop-head .gallery .thumb li {
        height: 78px;
        width: 78px;
        margin-bottom: 0;
    }
}

@media (max-width: 1023px) {
    .rotation-btn {
        top: 56px;
        right: 17px;
        width: 65px;
        height: 65px;
        background-size: 65px 65px;
    }
}

@media (max-width: 767px) {
    .shop-detail {
        padding: 0 24px;
    }

    .shop-head .glo-restrict {
        padding: 56px 0 0;
    }

    .shop-head .gallery {
        left: 0;
        right: 0;
        position: relative;
    }

    .shop-head .gallery .small-desc {
        display: block;
        margin-bottom: 40px;
        font-size: 12px;
        color: #bdbdbd;
    }

    .shop-head .gallery .main .image:before {
        left: 7%;
        right: 7%;
        top: 3%;
    }

    .shop-head .gallery .main .image img {
        padding-top: 0;
    }

    .shop-head .gallery .thumb {
        max-width: initial;
    }

    .rotation-btn {
        top: 56px;
        right: 17px;
        width: 65px;
        height: 65px;
        background-size: 65px 65px;
    }

    .shop-head .gallery .rotation-desc {
        margin-top: 2px;
        font-size: 12px;
        line-height: normal;
        letter-spacing: normal;
    }

    .shop-head .gallery .small-desc .m {
        display: block;
    }

    .shop-head .gallery .small-desc .p {
        display: none;
    }
}

.shop-head .main-info {
    position: relative;
    margin-left: auto;
    width: 384px;
    max-width: 34%;
    min-width: 330px;
}

.shop-head .main-info h2 {
    margin-top: 38px;
    font-size: 60px;
    letter-spacing: -0.025em;
    line-height: 72px;
    font-weight: 500;
}

.shop-head .main-info .introduce {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: normal;
}

.shop-head .main-info .introduce span {
    color: #e35205;
}

.shop-head .main-info .share {
    position: absolute;
    right: -10px;
    top: -50px;
}

.shop-head .main-info .share .share-button {
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    overflow: hidden;
    background: url('/images/2019/icon_share.svg') no-repeat 50% 50%;
    background-size: 18px 20px;
}

.shop-head .main-info .point {
    position: absolute;
    left: 0;
    top: -38px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #e35205;
}

.shop-head .main-info .price {
    width: 100%;
    margin-top: 39px;
}

.shop-head .main-info .price th {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    vertical-align: top;
    padding-top: 14px;
}

.shop-head .main-info .price td {
    text-align: right;
    padding: 8px 0;
    font-size: 24px;
    line-height: 34px;
}

.shop-head .main-info .price tr:first-child th {
    padding-top: 30px;
}

.shop-head .main-info .price tr:first-child td {
    padding-top: 24px;
}

.shop-head .main-info .price tr:last-child td {
    padding-bottom: 24px;
}

.shop-head .main-info .price em {
    font-weight: 500;
    letter-spacing: -0.025em;
}

.shop-head .main-info .price strong {
    color: #e35205;
    font-weight: 500;
}

.shop-head .main-info .price [class*='btns-'] {
    vertical-align: 4px;
    height: 28px;
    border-radius: 14px;
    padding-top: 1px;
    margin-left: 10px;
}

.shop-head .main-info .price .info {
    font-size: 14px;
    line-height: 22px;
    color: #4a4a4a;
    display: block;
    margin-top: 16px;
}

.shop-head .main-info .coupon {
    margin-top: 0;
    border-top: 1px solid #eee;
}

.shop-head .main-info .coupon em {
    position: relative;
    display: inline-block;
    padding-left: 37px;
}

.shop-head .main-info .coupon em:before {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    width: 28px;
    height: 20px;
    background: url('/images/2019/icon-coupon.png') no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
}

.shop-head .main-info .option {
    position: relative;
    text-align: right;
    padding-top: 24px;
    padding-bottom: 20px;
    height: 48px;
    border-top: 1px solid #eee;
}

.shop-head .main-info .option select {
    width: 102px;
    font-size: 14px;
    position: absolute;
    top: 30px;
    right: 0;
}

.shop-head .main-info .option .colorset {
    position: relative;
    left: -4px;
    /* top: 30px; */
    font-size: 0;
    width:calc(100% - 120px);
    text-align: left;
}

.shop-head .main-info .option .colorset + select {
    top:16px;
}

.shop-head .main-info .option .colorset li {
    display: inline-block;
}

.shop-head .main-info .option .colorset button {
    width: 44px;
    height: 36px;
    position: relative;
}

.shop-head .main-info .option .colorset button:before {
    position: absolute;
    left: 4px;
    top: 0;
    width: 34px;
    height: 34px;
    content: '';
    /* border: 1px solid #979797; */
    border: 1px solid #bdbdbd;
    border-radius: 100%;
    display: none;
}

.shop-head .main-info .option .colorset button.current:before {
    display: block;
}

.shop-head .main-info .option .colorset button span {
    position: absolute;
    left: 10px;
    top: 6px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    text-indent: -9999px;
    overflow: hidden;
    box-sizing: border-box;
}

.shop-head .main-info .option .colorset button span[style*='#fff'],
.shop-head .main-info .option .colorset button span[style*='#FFF'],
.shop-head .main-info .option .colorset button span[style*='rgb(255, 255, 255)'] {
    border: 1px solid #979797;
}

.shop-head .main-info .option .caution {
    margin-top: 13px;
    font-size: 14px;
    line-height: 1.14;
    letter-spacing: normal;
    color: #e22219;
    text-align: left;
}

.shop-head .choice {
    margin-top: 23px;
    margin-bottom: -36px;
}

.shop-head .choice p {
    position: relative;
    height: 70px;
    background-color: #f7f7f7;
    margin-top: 16px;
    padding: 21px 56px 0 0;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.015em;
    text-align: right;
    box-sizing: border-box;
}

.shop-head .choice p strong {
    position: absolute;
    left: 20px;
    top: 21px;
    font-weight: 400;
}

.shop-head .choice p .btn-delete {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.shop-head .main-info .try-glo {
    margin-top: 60px;
}

.shop-head .main-info .try-glo a {
    border: 1px solid #e35205;
    font-size: 14px;
    line-height: 22px;
    color: #4a4a4a;
    padding: 24px 0 22px 91px;
    display: block;
    position: relative;
}

.shop-head .main-info .try-glo a:before {
    position: absolute;
    content: '';
    left: 23px;
    top: 30px;
    width: 48px;
    height: 34px;
    background: url('/images/2019/icon-try.png') 50% 50% / 100% auto no-repeat;
    background-size: contain;
}

.shop-head .main-info .try-glo a:after {
    position: absolute;
    content: '';
    right: 21px;
    top: 35px;
    width: 24px;
    height: 24px;
    background: url('/images/2019/icon-arrow-left.svg') no-repeat 50% 50%;
    transform: rotate(180deg);
}

.shop-head .main-info .try-glo a strong {
    color: #e35205;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-bottom: 4px;
    display: block;
}

@media (max-width: 767px) {
    .shop-head .main-info {
        width: auto;
        max-width: none;
        min-width: initial;
        margin-top: 33px;
        padding-bottom: 20px;
    }

    .shop-head .main-info h2 {
        margin-top: 50px;
        font-size: 36px;
        line-height: 44px;
    }

    .shop-head .main-info .point {
        top: -15px;
        font-size: 12px;
    }

    .shop-head .main-info .introduce {
        margin-top: 10px;
        font-size: 14px;
    }

    .shop-head .main-info .share {
        top: 2px;
    }

    .shop-head .main-info .price {
        margin-top: 9px;
    }

    .shop-head .main-info .price tr:first-child th {
        padding-top: 21px;
    }

    .shop-head .main-info .price tr:first-child td {
        padding-top: 16px;
    }

    .shop-head .main-info .price tr:last-child td {
        padding-bottom: 16px;
    }

    .shop-head .main-info .price td {
        font-size: 22px;
        line-height: 34px;
    }

    .shop-head .main-info .price .info {
        margin-top: 6px;
    }

    .shop-head .main-info .coupon {
        margin-top: 0;
    }

    .shop-head .main-info .coupon em:before {
        content: none;
    }

    .shop-head .main-info .option {
        padding-top: 16px;
    }

    .shop-head .main-info .option .colorset {
        left: -3px;
    }

    .shop-head .main-info .option .colorset button {
        width: 29px;
        height: 23px;
        position: relative;
    }

    .shop-head .main-info .option .colorset button:before {
        left: 3px;
        width: 21px;
        height: 21px;
    }

    .shop-head .main-info .option .colorset button span {
        left: 7px;
        top: 4px;
        width: 15px;
        height: 15px;
    }

    .shop-head .choice {
        margin-top: 22px;
        margin-bottom: 0;
    }

    .shop-head .choice p {
        height: 62px;
        margin-top: 8px;
        padding-top: 18px;
        font-size: 16px;
    }

    .shop-head .choice p strong {
        left: 16px;
        top: 18px;
    }

    .shop-head .choice p .btn-delete {
        right: 2px;
    }

    .shop-head .main-info .try-glo {
        margin-top: 20px;
    }

    .shop-head .main-info .try-glo a {
        padding: 20px 0 19px 80px;
    }

    .shop-head .main-info .try-glo a:before {
        left: 20px;
        top: 20px;
        width: 40px;
        height: 40px;
    }

    .shop-head .main-info .try-glo a:after {
        content: none;
    }

    .shop-head .main-info .try-glo a strong {
        font-size: 14px;
        padding-bottom: 0;
        margin-bottom: -1px;
    }
}

.shop-pay-result {
    background: #f7f7f7;
}

.shop-pay-result .glo-restrict {
    position: relative;
    padding: 31px 0 30px;
    overflow: hidden;
}

.shop-pay-result h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.shop-pay-result .option {
    float: left;
    margin-right: 370px;
}

.shop-pay-result .option p {
    font-size: 14px;
    line-height: 22px;
    color: #4a4a4a;
    margin-top: 7px;
}

.shop-pay-result .option p .split {
    white-space: nowrap;
}

.shop-pay-result .option p .split:before {
    content: '/ ';
}

.shop-pay-result .result {
    position: absolute;
    right: 0;
    top: 31px;
    width: 384px;
    max-width: 34%;
    min-width: 330px;
}

.shop-pay-result .result .price {
    margin-top: 1px;
}

.shop-pay-result .result .price strong {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -0.015em;
}

.shop-pay-result .result .button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .shop-pay-result .glo-restrict {
        padding: 24px 0 82px;
        overflow: visible;
    }

    .shop-pay-result .option {
        float: none;
        margin: 0;
    }

    .shop-pay-result .option h4 {
        float: left;
    }

    .shop-pay-result .option p {
        padding-left: 84px;
        text-align: right;
    }

    .shop-pay-result .option p .split {
        display: block;
    }

    .shop-pay-result .option p .split:before {
        content: none;
        display: block;
    }

    .shop-pay-result .result {
        position: static;
        float: none;
        width: auto;
        max-width: none;
        min-width: initial;
        padding-top: 20px;
        margin-top: 24px;
        overflow: hidden;
        border-top: 1px solid #eee;
    }

    .shop-pay-result .result h4 {
        float: left;
        padding-top: 5px;
    }

    .shop-pay-result .result .price {
        position: static;
        float: right;
        margin-top: 0;
        padding-left: 84px;
    }

    .shop-pay-result .result .price strong {
        font-size: 24px;
        line-height: 34px;
        font-weight: 500;
    }

    .shop-pay-result .result .button {
        position: absolute;
        left: -24px;
        right: -24px;
        top: auto;
        bottom: 0;
        transform: none;
    }

    .shop-pay-result .result .button a {
        height: 60px;
        border-radius: 0;
        width: 100%;
        font-size: 18px;
        line-height: 24px;
        padding-top: 1px;
    }
}
.shop-event {
    background: url('/images/2019/event/190903/shop-event.png') no-repeat 50% 0;
    background-size: cover;
    height: 320px;
    overflow:hidden;
    box-sizing:border-box;
}
.shop-event .glo-restrict {
    color: #fff;
    position: relative;
    top: 61px;
}
.shop-event h6 {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.25px;
}
.shop-event h5 {
    margin-top: 3px;
    font-weight: 400;
    font-size: 32px;
    line-height: 0.88;
    letter-spacing: -0.44px;
}
.shop-event h4 {
    font-size: 32px;
    line-height: 1.38;
    letter-spacing: -0.44px;
    font-weight: 700;
}

.shop-event .introduce {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: normal;
}

.mobile-only {
    display: none;
}

.shop-event .button {
    margin-top: 24px;
}

.shop-event.shop-event-0819 {
    background: url('/images/2019/event/190819/shop-event.jpg') no-repeat 50% 0;
    background-size: cover;
}

.shop-event.shop-event-0819 h5 {
    margin-top: -2px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: -0.19px;
}

.shop-event.shop-event-0819 h4 {
    margin-top: 0px;
}

.shop-event.shop-event-0819 .introduce {
    margin-top: 5px;
}

.shop-event.shop-event-0906 {
    background: url('/images/2019/event/190903/shop-event.png') no-repeat 50% 0;
    background-size: cover;
}

.shop-event.shop-event-0906 h4 {
    margin-top: 0px;
}

.shop-event.shop-event-0906 .introduce {
    margin-top: 5px;
}

@media (max-width: 767px) {
    .pc-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

	 .shop-event {
        background-image: url('/images/2019/event/190903/shop-event-m.jpg');
        height: 286px;
    }

    .shop-event.shop-event-0906 {
        background-image: url('/images/2019/event/190903/shop-event-m.jpg');
        height: 286px;
    }

    .shop-event.shop-event-0906 .introduce {
        font-weight: 400;
        margin-top: 13px;
        text-shadow: 3px 3px 3px #06133d;
    }
    .shop-event .glo-restrict {
        top: 48px;
    }

    .shop-event h6 {
        font-size: 12px;
        line-height: 1.67;
        letter-spacing: normal;
    }

    .shop-event h4 {
        margin-top: 5px;
        font-size: 18px;
        line-height: 28px;
    }

    .shop-event h5 {
        margin-top: -4px;
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: -0.25px;
    }

    .shop-event .introduce {
        font-weight: 400;
        margin-top: 13px;
    }

    .shop-event .button {
        margin-top: 27px;
    }

    .shop-event .button a {
        min-width: 113px;
    }

    .shop-event.shop-event-0819 .introduce {
        margin-top: 8px;
    }

    .shop-event.shop-event-0819 .button {
        margin-top: 27px;
    }

    .shop-event.shop-event-0906 .introduce {
        margin-top: 8px;
    }

    .shop-event.shop-event-0906 .button {
        margin-top: 27px;
    }
}

.shop-in-box {
    border-bottom: 1px solid #eee;
}

.shop-in-box .glo-restrict {
    max-width: 900px;
    padding: 91px 0 66px;
    text-align: center;
}

.shop-in-box h4 {
    font-size: 60px;
    line-height: 72px;
    font-weight: 500;
}

.shop-in-box ul {
    display: flex;
    margin-top: 40px;
}

.shop-in-box li {
    flex: 1;
    padding: 0 30px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
}

.shop-in-box li:first-child {
    padding-left: 0;
}

.shop-in-box li:last-child {
    padding-right: 0;
}

.shop-in-box li .inner {
    width: 100%;
}

.shop-in-box li .icon {
    position: relative;
    margin: 0 auto 16px;
    display: block;
    width: 180px;
    height: 180px;
}

.shop-in-box li .icon img {
    width: 100%;
}

@media (max-width: 767px) {
    .shop-in-box .glo-restrict {
        padding: 88px 0 30px;
    }

    .shop-in-box h4 {
        font-size: 36px;
        line-height: 44px;
    }

    .shop-in-box ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: 30px;
    }

    .shop-in-box li {
        flex: none;
        width: 50%;
        padding: 0 13px !important;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 24px;
    }

    .shop-in-box li .inner {
        padding-bottom: 30px;
    }

    .shop-in-box li .icon {
        width: 130px;
        height: 130px;
        margin-bottom: 12px;
    }
}

.shop-body-tab {
    position: relative;
    height: 160px;
}

.shop-body-tab:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 3px solid #f7f7f7;
    content: '';
}

.shop-body-tab .glo-restrict {
    height: 100%;
}

.shop-body-tab ul {
    position: relative;
    height: 100%;
}

.shop-body-tab li {
    float: left;
    width: 33%;
    position: relative;
    margin: 0;
    font-size: 32px;
    line-height: 44px;
    font-weight: 500;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 3px solid transparent;
    transition-property: border-bottom-color;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.shop-body-tab li.current {
    border-bottom-color: #333;
}

.shop-body-tab li + li:before {
    position: absolute;
    content: '';
    top: 50px;
    height: 60px;
    width: 1px;
    background: #eee;
}

.shop-body-tab li a {
    display: flex;
    height: 100%;
    align-items: center;
    color: #333;
    opacity: 0.3;
    box-sizing: border-box;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.shop-body-tab li a:hover,
.shop-body-tab li.current a {
    opacity: 1;
}

.shop-body-tab li a span {
    position: relative;
    padding: 10px 0 0 76px;
    margin: 0 auto;
}

.shop-body-tab li a span:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    content: '';
    background: url('/images/2019/shop-detail-tab.png') no-repeat;
    background-size: auto 100%;
}

.shop-body-tab li:nth-child(2) a span:before {
    background-position: -60px 0;
}

.shop-body-tab li:nth-child(3) a span:before {
    background-position: -120px 0;
}

@media (max-width: 1023px) {
    .shop-body-tab li {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .shop-body-tab {
        height: 53px;
    }

    .shop-body-tab li {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .shop-body-tab li + li:before {
        content: none;
    }

    .shop-body-tab li {
        border-bottom: none;
    }

    .shop-body-tab li.current a span {
        padding: 16px 0 10px;
        border-bottom: 3px solid #333;
    }

    .shop-body-tab li a span {
        padding: 3px 0 0;
    }

    .shop-body-tab li a span:before {
        content: none;
    }
}

.shop-body {
    padding-bottom: 120px;
}

.shop-body article {
    padding-top: 56px;
}

.shop-body article table {
    width: 100%;
}

.shop-body article th {
    width: 25%;
    vertical-align: top;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    padding: 24px 0;
    border-bottom: 1px solid #eee;
}

.shop-body article td {
    font-size: 14px;
    line-height: 24px;
    padding: 27px 0;
    border-bottom: 1px solid #eee;
}

.shop-body article td li {
    position: relative;
    padding-left: 10px;
}

.shop-body article td li:before {
    content: ' ';
    position: absolute;
}

.shop-body article td .type-dot li:before {
    left: 2px;
    top: 10px;
    width: 2px;
    height: 2px;
    background-color: #4a4a4a;
    border-radius: 1px;
}

.shop-body article td .type-dash li:before {
    content: '-';
    top: 0px;
    left: 0;
}

.shop-body article .button {
    margin-top: 60px;
    text-align: center;
}

.shop-body article .button a {
    height: 60px;
    border-radius: 30px;
    border-width: 2px;
}

.shop-body .description .button a {
    width: 280px;
}
/* 2021-06-22 에코패키지 추가 */
.shop-body article .button .btn-eco:nth-of-type(2),
.shop-body .description .button .btn-eco:nth-of-type(2) { margin: 0 0 0 10px; }

@media screen and (max-width: 767px) {
    .shop-body {
        padding-bottom: 60px;
    }

    .shop-body article {
        padding-top: 0;
    }

    .shop-body article th,
    .shop-body article td {
        font-size: 14px;
        line-height: 22px;
        padding: 18px 0 19px;
    }

    .shop-body article th {
        width: 104px;
    }

    .shop-body article .button {
        margin-top: 40px;
    }

    .shop-body article .button a {
        height: 44px;
        border-radius: 22px;
        border-width: 1px;
    }	

    .shop-body article .button a,
    .shop-body .description .button a {
        width: 189px;
    }
	/* 2021-06-22 에코패키지 추가 */
	.shop-body article .button .btn-eco,
    .shop-body .description .button .btn-eco {
		width: 220px;
    }
}

@media screen and (max-width: 480px) {
	.shop-body article .button .btn-eco:nth-of-type(2),
    .shop-body .description .button .btn-eco:nth-of-type(2) { margin: 10px 0 0; }
}
/* //2021-06-22 에코패키지 추가 */

.review-list li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
    padding: 24px 0 23px 102px;
    border-bottom: 1px solid #eee;
}

.review-list li strong {
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    font-weight: 500;
    left: 0;
    top: 24px;
}

.review-list li .review {
    min-height: 48px;
}

.review-list li .date {
    font-size: 14px;
    margin-top: 14px;
    display: block;
}

.review-list li .modify {
    position: absolute;
    right: 0;
    top: 22px;
    font-size: 0;
}

.review-list li .modify button {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    width: 60px;
    height: 36px;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    background: #bdbdbd;
    margin-left: 8px;
    padding-top: 3px;
}

@media (max-width: 767px) {
    .review-list li {
        font-size: 14px;
        padding: 21px 0 20px 98px;
        border-bottom: 1px solid #eee;
    }

    .review-list li strong {
        font-size: 16px;
        top: 20px;
    }

    .review-list li .review {
        min-height: initial;
    }

    .review-list li .date {
        margin-top: 11px;
    }

    .review-list li .modify {
        position: static;
        margin-top: 16px;
    }

    .review-list li .modify button {
        font-size: 12px;
        width: 40px;
        height: 24px;
        margin-left: auto;
        margin-right: 4px;
        padding-top: 1px;
    }
}

/* mypage */
.my-info-basic {
}

.my-info-basic ul {
    border-top: 2px solid #333;
}

.my-info-basic li {
    display: flex;
    min-height: 72px;
    border-bottom: 1px solid #eee;
    align-items: flex-start;
}

.my-info-basic li label {
    margin-right: 20px;
}

.my-info-basic li .title-item {
    align-self: flex-start;
    width: 25.5%;
    padding: 21px 24px 0;
    white-space: nowrap;
    box-sizing: border-box;
}

/* flex:0 0 306px;*/
.my-info-basic li .btns {
    flex: none;
    padding: 23px 24px 0;
    white-space: nowrap;
}

.my-info-basic li .con {
    flex: 1;
    padding: 21px 0 18px;
    font-size: 20px;
    line-height: 32px;
}

.my-info-basic li .con .zipcode {
    display: inline-block;
}

.my-info-basic .device-add {
    margin-top: 24px;
    color: #4a4a4a;
}

.my-info-basic .device-add .btns-fill-gray {
    margin-left: 8px;
}

.my-info-basic .device-add br {
    display: none;
}

.my-info-basic .address-box {
    display: flex;
    max-width: 690px;
}

.my-info-basic .address-box .zipcode {
    flex: 1;
    max-width: 237px;
    flex: none;
}

.my-info-basic .address-box .auto {
    flex: 1;
    margin-left: 8px;
}

.my-info-basic .address-box .detail {
    flex: 1;
}

.my-info-basic .address-box + .address-box {
    margin-top: 10px;
}

.my-info-add {
    margin-top: 110px;
}

.my-info-add .togglebox-terms .toggle-target {
    height: 300px;
}

.my-info-add .togglebox-terms .toggle-tit {
    padding-left: 0;
    font-weight: 500;
}

.my-info-out {
    position: relative;
    padding: 60px 280px 66px 60px;
    margin-top: 100px;
    background-color: #fcfcfc;
    letter-spacing: -0.015em;
}

.my-info-out strong {
    display: block;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}

.my-info-out p {
    margin-top: 12px;
}

.my-info-out a {
    color: #333;
}

.my-info-out .btnf-line-black {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .my-info-basic li .title-item {
        padding-left: 0;
    }

    .my-info-out {
        padding: 60px 60px 66px;
        text-align: center;
    }

    .my-info-out .btnf-line-black {
        position: static;
        margin: 20px auto 0;
        transform: none;
    }

    .my-info-basic .address-box {
        flex-wrap: wrap;
    }

    .my-info-basic .address-box .zipcode {
        width: calc(100% - 46px);
        max-width: none;
    }

    .my-info-basic .address-box .auto {
        flex: none;
        margin: 0;
        width: 100%;
        margin-top: 8px;
    }
}

@media (max-width: 767px) {
    .my-info-basic li {
        min-height: 54px;
    }

    .my-info-basic li .title-item {
        flex: 0 0 103px;
        padding: 16px 0 0;
    }

    .my-info-basic li .btns {
        padding: 12px 0 0 10px;
    }

    .my-info-basic li .con {
        padding: 19px 0 17px 0;
        font-size: 14px;
        line-height: 17px;
    }

    .my-info-basic li .con .zipcode {
        display: block;
    }

    .my-info-basic li.address {
        position: relative;
        display: block;
        padding-top: 17px;
    }

    .my-info-basic li.address .btns {
        position: absolute;
        right: 0;
        top: 0;
    }

    .my-info-basic li.address .con {
        padding: 9px 0 16px;
    }

    .my-info-basic .device-add {
        margin-top: 16px;
        font-size: 14px;
        line-height: 17px;
    }

    .my-info-basic .device-add .btns-fill-gray {
        margin-left: 0;
        margin-top: 7px;
    }

    .my-info-basic .device-add br {
        display: inline-block;
    }

    .my-info-add {
        margin-top: 61px;
    }

    .my-info-add .togglebox-terms .toggle-target {
        height: 128px;
        color: #999;
    }

    .my-info-out {
        padding: 26px 20px 30px;
        margin-top: 40px;
        text-align: center;
    }

    .my-info-out strong {
        font-size: 16px;
        line-height: 22px;
    }

    .my-info-out p {
        font-size: 14px;
        line-height: 22px;
    }
}

.my-coupon {
}

.my-coupon .card-fix {
    width: 160px;
    margin: 0 auto;
    text-align: left;
}

.my-coupon .card-coupon {
    background-position: center;
    background-size: 105%;
    height: 90px;
    border-radius: 8px;
}

.my-coupon .used .card-coupon {
    background-color: #898c8e;
}

.my-coupon .card-coupon:before {
    width: 80px;
    height: 50px;
    left: 40px;
    top: 20px;
    background-size: cover;
    background-position: 0 0;
}

.my-coupon .card-coupon.cu:before {
    background-image: url(/images/2019/my-bi-cu.png);
}

.my-coupon .card-coupon.gs:before {
    /* background-image: url(/images/2019/my-bi-gs.png); */
	background-image: url(/images/2021/my-bi-gs.png);
}

.my-coupon .card-coupon.seven:before {
    background-image: url(/images/2019/my-bi-711.png);
}

.my-coupon .card-coupon.cspace:before {
    background-image: url(/images/2019/my-bi-cspace.png);
}

.my-coupon .card-coupon.emart:before {
    background-image: url(/images/2019/my-bi-emart.png);
}

.my-coupon .card-coupon.ministop:before {
    background-image: url(/images/2019/my-bi-ministop.png);
}

.my-coupon .card-coupon.glo:before {
    background-image: url(/images/2019/my-bi-glo.png);
}

.my-coupon .card-coupon.eshop:before {
    background-image: url(/images/2019/my-bi-eshop.png);
}

.my-coupon .cell-type {
    flex: 1 1 120px;
    text-align: center;
}

.my-coupon .cell-name {
    width: 35%;
    padding-left: 27px;
}

.my-coupon .cell-number {
    width: 25%;
    padding-top: 29px;
    padding-left: 15px;
}

.my-coupon .cell-used {
    width: 17%;
    text-align: center;
}

.my-coupon hgroup {
    display: flex;
    height: 72px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    box-sizing: border-box;
    align-items: center;
}

.my-coupon hgroup h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    box-sizing: border-box;
}

.my-coupon .list-row {
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #333;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
}

.my-coupon .list-row [class^='cell-'] {
    box-sizing: border-box;
    line-height: 30px;
}

.my-coupon .list-row .cell-name .product {
    font-weight: 500;
}

.my-coupon .list-row .cell-name .name {
    font-weight: 500;
}

.my-coupon .list-row .cell-number {
    font-size: 20px;
    line-height: 32px;
}

.my-coupon .list-row .cell-used {
    font-weight: 500;
    padding-top: 30px;
}

.my-coupon .list-row.used {
    background-color: #fff;
    pointer-events: none;
}

.my-coupon .list-row.used [class^='cell-'] {
    opacity: 0.5;
}

/*.my-coupon .list-row.used .card-coupon{background-image:url('/images/2019/bg-card-disable.png');}*/
@media (max-width: 767px) {
    .my-coupon {
        border-top: 2px solid #333;
    }

    .my-coupon hgroup {
        display: none;
    }

    .my-coupon .list-row {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .my-coupon .list-row [class^='cell-'] {
        position: relative;
        width: 100%;
        padding-left: 104px;
        text-align: left;
        font-size: 14px;
        line-height: 22px;
    }

    .my-coupon .list-row [class^='cell-']:before {
        content: attr(data-name);
        position: absolute;
        left: 0;
        top: 0;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
    }

    .my-coupon .list-row .cell-type {
        display: none;
    }

    .my-coupon .list-row .cell-number {
        padding-top: 0;
        font-size: 14px;
        line-height: 22px;
    }

    .my-coupon .list-row .cell-name {
        padding-left: 0;
    }

    .my-coupon .list-row .cell-name > div {
        position: relative;
        padding-left: 104px;
    }

    .my-coupon .list-row .cell-name > div:before {
        content: attr(data-name);
        position: absolute;
        left: 0;
        top: 0;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
    }

    .my-coupon .list-row .cell-used {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .my-device-add {
        min-height: 72px;
        font-size: 14px;
        line-height: 17px;
        border-color: #eee;
    }

    .my-device-add:before {
        right: 13px;
        bottom: -38px;
        width: 83px;
        height: 88px;
    }
    .my-device-add .btns-fill-gray {
        margin:5px 0 0;
    }
}

.month-box {
    display: flex;
    width: 306px;
    height: 46px;
    box-shadow: inset 0 0 0 1px #bdbdbd;
}

.month-box input[type='radio'] {
    display: none;
}

.month-box input[type='radio'] + label {
    width: 102px;
    height: 46px;
    font-size: 16px;
    color: #bdbdbd;
    line-height: 44px;
    letter-spacing: -0.3px;
    text-align: center;
    padding-left: 0;
}

.month-box input[type='radio'] + label span {
    display: inline-block;
    width: 100%;
    height: 44px;
    margin-top: 1px;
    border-right: 1px solid #eee;
}

.month-box input[type='radio'] + label:before,
.month-box input[type='radio'] + label:after {
    display: none;
}

.month-box input[type='radio']:checked + label {
    color: #fff;
    background-color: #4a4d5b;
}

.month-box input[type='radio'] + label:last-child span {
    border-right: none;
}

.filter-box {
    position: relative;
    margin-top: 80px;
}

.filter-box .period-box {
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 767px) {
    .month-box {
        width: 210px;
    }

    .month-box input[type='radio'] + label {
        width: 33.333%;
    }
}

@media (max-width: 767px) {
    .month-box {
        width: auto;
    }

    .filter-box {
        margin-top: 23px;
    }

    .filter-box .period-box {
        position: static;
        margin-top: 10px;
    }
}

.order-list {
    margin-top: 40px;
    border-top: 2px solid #333;
}

.order-list hgroup {
    display: flex;
    height: 72px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    align-items: center;
}

.order-list hgroup h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    box-sizing: border-box;
}

.order-list hgroup .cell-number {
    width: 23.9%;
    padding-left: 24px;
}

.order-list hgroup .cell-con {
    flex: 1;
}

.order-list hgroup .cell-state {
    width: 17.1%;
    text-align: center;
}

.items-order {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 0 0 35px 24%;
    line-height: 1.56;
    letter-spacing: -0.25px;
}

.items-order strong {
    font-weight: 500;
}

.items-order .cell-goods {
    position: relative;
    padding: 31px 0 8px 125px;
    min-height: 100px;
}

.items-order .cell-number {
    position: absolute;
    left: 24px;
    top: 30px;
    font-size: 20px;
    line-height: 32px;
}

.items-order .cell-number span {
    display: block;
}

.items-order .cell-number button {
    display: block;
    margin: 15px auto 0 auto;
}

.items-order .cell-number + .cell-goods {
    border-top: none;
}

.items-order .cell-state {
    position: absolute;
    right: 0;
    top: 31px;
    width: 23%;
    text-align: center;
    color: #e35205;
}

.items-order .cell-state button {
    display: block;
    min-width: 60px;
    margin: 17px auto 0;
}

.items-order .cell-pic {
    position: absolute;
    left: 0;
    top: 30px;
}

.items-order .cell-pic figure {
    display: flex;
    width: 100px;
    height: 100px;
    justify-content: center;
}

.items-order .cell-pic img {
    display: block;
    max-width: 100px;
}

.items-order .cell-tit {
    font-weight: 500;
}

.items-order .cell-tit a {
    color: #333;
}

.items-order .cell-addr {
    padding-left: 126px;
    margin-top: 22px;
    position: relative;
}

.order-final .items-order .cell-addr {
    margin-top: 29px;
}

.items-order .cell-addr dt {
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
}

.items-order .cell-total {
    padding-left: 126px;
    margin: 20px 0 -8px 0;
    position: relative;
    font-weight: 500;
}

.items-order .cell-total dt {
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
}

.items-order .cell-addr dd.name,
.items-order .cell-addr dd.contact {
    display: inline-block;
}

.items-order .cell-addr dd.contact:before {
    content: '/';
    display: inline-block;
    margin-right: 4px;
    vertical-align: baseline;
}

.items-order .btn-toggle {
    display: none;
}

@media (max-width: 1024px) {
    .items-order .cell-number + .cell-goods {
        /* padding-top: 0; */
    }

    .items-order .cell-number + .cell-goods .cell-pic {
        /* top: 0; */
    }
}

@media (max-width: 767px) {
    .order-list hgroup {
        display: none;
    }

    .items-order {
        padding-left: 0;
        padding-right: 24px;
        padding-top: 60px;
    }

    .items-order + .items-order {
        border-top: 1px solid #333;
    }

    .items-order:not(:last-child) {
        border-bottom: 0;
    }

    .items-order:last-child {
        border-bottom-color: #333;
    }

    .items-order .cell-number {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 60px;
        padding: 19px 0 0 10px;
        font-size: 18px;
        line-height: 23px;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
    }

    .items-order .cell-number:before {
        content: attr(data-name);
        display: inline-block;
        font-weight: 500;
        margin-right: 5px;
    }

    .items-order .cell-state {
        position: relative;
        top: 0;
        width: 100%;
        padding-left: 126px;
        margin-top: 16px;
        box-sizing: border-box;
        text-align: left;
    }

    .items-order .cell-state:before {
        content: attr(data-name);
        margin-right: 5px;
        color: #333;
        left: -20px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: normal;
        position: absolute;
    }

    .items-order .cell-state button {
        display: inline-block;
        margin-left: 0;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .order-list {
        margin-top: 23px;
    }

    .items-order {
        font-size: 14px;
        line-height: 22px;
        padding: 60px 0 10px 0;
    }

    .items-order .cell-goods {
        min-height: 137px;
        padding: 14px 0 9px 89px;
        margin-top: 28px;
    }

    .items-order .cell-goods + .cell-goods {
        border-top: 1px solid #eee;
    }

    .items-order .cell-price strong {
        /* display: none; */
    }

    .items-order .cell-number {
        font-size: 16px;
        line-height: 23px;
    }

    .items-order .cell-number {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        padding-left: 0;
        padding-top: 57px;
        font-size: 16px;
        height: 97px;
    }

    .items-order .cell-number span {
        display: inline-block;
    }

    .items-order .cell-number button {
        margin: 0;
        float: right;
    }

    .items-order .cell-number:before {
        content: attr(data-name);
        position: absolute;
        left: 0;
        top: 20px;
        color: #333;
        font-weight: 500;
    }

    .items-order .cell-pic {
        left: 6px;
        top: 15px;
    }

    .items-order .cell-pic figure {
        width: 68px;
        height: 68px;
    }

    .items-order .cell-pic figure img {
        max-width: 68px;
    }

    .items-order .cell-addr {
        display: none;
        margin: -9px 0 0 0;
        padding: 54px 12px 62px 20px;
        background: #f7f7f7;
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: normal;
    }

    .order-final .items-order .cell-addr {
        padding: 54px 12px 24px 20px;
        margin: -9px 0 0 0;
    }

    .order-final .items-order:last-child {
        border-bottom: none;
    }

    .items-order .cell-addr dt {
        display: block;
        font-size: 16px;
        font-weight: 500;
        color: #000;
        top: 15px;
        left: 20px;
    }

    .items-order .cell-addr dd {
        position: relative;
        padding-left: 68px;
    }

    .items-order .cell-addr dd:after {
        content: attr(data-name);
        position: absolute;
        left: 0;
        top: 0;
    }

    .items-order .cell-addr dd.name,
    .items-order .cell-addr dd.contact {
        display: block;
    }

    .items-order .cell-addr dd.contact:before {
        display: none;
    }

    .items-order .cell-addr dd.address .zipcode {
        display: block;
    }

    .items-order .cell-total {
        padding-left: 89px;
        margin: -44px 0 29px 0;
    }

	.items-order .cell-total:nth-of-type(n+2) { margin: -45px 0 29px; padding-left: 130px; min-height: 28px; background: #f7f7f7; padding-bottom: 10px; }
	.items-order .cell-total:nth-of-type(n+3) { margin: -38px 0 29px; }

    .items-order .cell-total dt {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: normal;
        left: 20px;
    }

    .items-order .cell-total dd {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: normal;
    }

    .items-order .cell-state {
        position: absolute;
        left: 20px;
        bottom: 19px;
        top: auto;
        margin: 0;
        padding: 0 0 0 69px;
        font-size: 16px;
        line-height: 24px;
        display: none;
    }

    .items-order .btn-toggle {
        position: absolute;
        right: -18px;
        top: 0;
        display: block;
        width: 60px;
        height: 59px;
        text-indent: -5000px;
        overflow: hidden;
        z-index: 10;
    }

    .items-order .btn-toggle:before {
        content: ' ';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 12px;
        height: 8px;
        transform: rotate(-180deg);
        margin: -4px 0 0 -6px;
        background: url('/images/2019/icon-toggle.svg') no-repeat;
        background-size: 100%;
    }

    .items-order.on .btn-toggle:before {
        transform: rotate(0);
    }

    .items-order.on .cell-addr,
    .items-order.on .cell-state {
        display: block;
    }

    .order-final .items-order .cell-addr,
    .order-final .items-order .cell-state {
        display: block;
    }
}

/* cart */
.step-cart {
}

.step-cart ol {
    display: flex;
}

.step-cart li {
    position: relative;
    flex: 1;
    box-sizing: border-box;
    text-align: center;
    padding-left: 11.8%;
}

.step-cart li:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: -39%;
    right: 50%;
    border-top: 3px dotted #eee;
    z-index: 1;
}

.step-cart li:first-child {
    padding-left: 0;
}

.step-cart li:first-child:before {
    display: none;
}

.step-cart strong {
    position: relative;
    display: flex;
    height: 100px;
    border: 3px solid #eeeeee;
    background-color: #fff;
    border-radius: 48px;
    box-sizing: border-box;
    z-index: 5;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 34px;
    color: #bdbdbd;
    letter-spacing: -0.025em;
    font-weight: 500;
}

.step-cart strong:before {
    content: ' ';
    display: inline-block;
    width: 34px;
    height: 35px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.step-cart li:nth-child(1) strong:before {
    background-image: url('/images/2019/set-step-1.png');
}

.step-cart li:nth-child(2) strong:before {
    background-image: url('/images/2019/set-step-2.png');
}

.step-cart li:nth-child(3) strong:before {
    background-image: url('/images/2019/set-step-3.png');
}

.step-cart li.current strong {
    border-color: #4a4d5b;
    background-color: #4a4d5b;
    color: #fff;
}

.step-cart li.current strong:before {
    background-position: 0 -40px;
}

@media (max-width: 767px) {
    .step-cart li {
        padding-left: 4%;
    }

    .step-cart strong:before {
        margin-right: 11px;
    }
}

@media (max-width: 767px) {
    .step-cart li {
        padding-left: 24px;
    }

    .step-cart li:before {
        border-width: 2px;
    }

    .step-cart strong {
        height: 36px;
        padding-top: 1px;
        border-width: 2px;
        border-radius: 18px;
        font-size: 12px;
        line-height: 34px;
    }

    .step-cart strong:before {
        width: 14px;
        height: 15px;
        margin-right: 3px;
    }

    .step-cart li.current strong:before {
        background-position: 0 -16px;
    }
}

.cart-list {
    position: relative;
    margin-top: 80px;
}

.cart-list .all-check {
    position: absolute;
    right: 0;
    top: 60px;
    color: #000;
}

.cart-list hgroup {
    display: flex;
    height: 72px;
    border-bottom: 1px solid #eee;
    border-top: 2px solid #333;
    box-sizing: border-box;
    align-items: center;
}

.cart-list hgroup h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    box-sizing: border-box;
}

.cart-list hgroup .cell-item {
    flex: 1;
    padding-left: 72px;
}

.cart-list hgroup .cell-price {
    margin-right: 4%;
    text-align: right;
}

.cart-list hgroup .cell-amount {
    width: 121px;
    text-align: center;
}

.cart-list hgroup .cell-sum {
    text-align: right;
    padding-right: 73px;
    width: calc(14% + 73px);
}

.items-cart {
    position: relative;
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 30px 0 39px;
    letter-spacing: -0.01em;
    align-items: center;
}

.items-cart > div {
    box-sizing: border-box;
}

.items-cart .cell-check {
    flex: none;
    width: 72px;
    text-align: center;
}

.items-cart .cell-pic {
    flex: none;
    width: 126px;
}

.items-cart .cell-pic figure {
    display: flex;
    width: 100px;
    height: 100px;
    justify-content: center;
}

.items-cart .cell-pic img {
    display: block;
    max-width: 100px;
}

.items-cart .cell-price {
    width: 14%;
    margin-right: 4%;
    text-align: right;
}

.items-cart .cell-item {
    flex: 1;
    padding-right: 26px;
}

.items-cart .cell-item .tit {
    display: block;
    font-weight: 500;
}

.items-cart .cell-item .tit a {
    color: #333;
}

.items-cart .cell-item .color {
    display: block;
    margin-top: 10px;
}

.items-cart .cell-item .color button {
    margin-left: 8px;
    min-width: 61px;
    margin-top: -2px;
}

.items-cart .cell-sum {
    width: 14%;
    font-weight: 500;
    text-align: right;
}

.items-cart .cell-amount {
    width: 121px;
    font-size: 0;
}

.items-cart .cell-delete {
    flex: none;
    width: 73px;
    text-align: center;
}

.tooltip-colorset {
    left: 198px;
    top: 132px;
    min-width: 280px;
}

.tooltip-colorset .colorset { margin: -10px -4px 0; font-size: 0; text-align: center; }
.tooltip-colorset .colorset:nth-of-type(n+2) { margin: 10px -4px 0; }

.tooltip-colorset .colorset li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}

.tooltip-colorset .colorset li:last-child {
    margin-right: 0;
}

.tooltip-colorset .colorset button { position: relative; padding-top: 40px; /* width: 60px; */ width: 105px; }
.tooltip-colorset .colorset button:before { content: ''; display: none; position: absolute; top: 0; /* left: 12px; */ left: calc(50% - 18px); width: 34px; height: 34px; border: 1px solid #979797; border-radius: 100%; }

.tooltip-colorset .colorset button.current:before {
    display: block;
}

.tooltip-colorset .colorset button strong {
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    /*text-transform: uppercase;*/
    letter-spacing: 0;
}

.tooltip-colorset .colorset button span { position: absolute; /* left: 18px; */ left: calc(50% - 12px); top: 6px; overflow: hidden; width: 24px; height: 24px; text-indent: -9999px; border-radius: 100%; box-sizing: border-box; background-size: cover;}

.tooltip-colorset .colorset button span[style*='#fff'],
.tooltip-colorset .colorset button span[style*='#FFF'],
.tooltip-colorset .colorset button span[style*='rgb(255, 255, 255)'] {
    border: 1px solid #979797;
}

@media (max-width: 1279px) {
    .items-cart .cell-check {
        width: 36px;
    }

    .tooltip-colorset {
        left: 155px;
    }
}

@media (max-width: 767px) {
    .cart-list hgroup {
        display: none;
    }

    .cart-list .title-page {
        border-bottom: 2px solid #333;
    }

    .items-cart {
        position: relative;
        display: block;
        padding: 30px 0 30px 120px;
    }

    .items-cart .cell-check {
        position: absolute;
        left: 0;
        top: 30px;
        width: 36px;
        z-index: 3;
    }

    .items-cart .cell-pic {
        position: absolute;
        left: 0;
        top: 30px;
        width: 120px;
    }

    .items-cart .cell-item {
        padding-right: 48px;
    }

    .items-cart .cell-item .color {
        margin-top: 0;
    }

    .items-cart .cell-sum {
        width: auto;
        margin-top: 30px;
        text-align: left;
    }

    .items-cart .cell-amount {
        position: absolute;
        right: 0;
        bottom: 30px;
    }

    .items-cart .cell-delete {
        position: absolute;
        right: 0;
        top: 13px;
        width: auto;
    }

    .items-cart .cell-price {
        display: none;
    }

    .tooltip-colorset {
        top: 100px;
    }
}

@media (max-width: 767px) {
    .cart-list {
        margin-top: 40px;
    }

    .cart-list .all-check {
        top: 0;
    }

    .items-cart {
        padding: 20px 0 20px 94px;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0;
    }

    .items-cart .cell-check {
        top: 20px;
        width: 24px;
    }

    .items-cart .cell-pic {
        left: 0;
        top: 20px;
        width: 80px;
    }

    .items-cart .cell-pic figure {
        width: 80px;
        height: 80px;
        overflow: hidden;
    }

    .items-cart .cell-pic figure img {
        max-width: 80px;
    }

    .items-cart .cell-item {
        padding-right: 24px;
    }

    .items-cart .cell-item .color button {
        min-width: 45px;
    }

    .items-cart .cell-sum {
        font-size: 16px;
        line-height: 24px;
    }

    .items-cart .cell-amount {
        bottom: 20px;
        width: auto;
        line-height: 0;
    }

    .items-cart .cell-delete {
        top: 20px;
    }

    .items-cart .cell-delete .btn-delete {
        width: 24px;
        height: 24px;
    }

    .tooltip-colorset {
        left: 90px;
        top: 85px;
        min-width: 226px;
    }
	.tooltip-colorset .colorset:nth-of-type(n+2) { margin: 0 -4px; }
    .tooltip-colorset .colorset li { margin-right: 5px; }
    .tooltip-colorset .colorset button { padding-top: 31px; /* width: 60px; */ width: 100px; }
    .tooltip-colorset .colorset button strong { font-size: 12px; }
    .tooltip-colorset .colorset button span { top: 5px; /* left: 22px; */ left: calc(50% - 8px); width: 16px; height: 16px; border-radius: 8px; }
    .tooltip-colorset .colorset button:before { top: 0; /* left: 17px; */ left: calc(50% - 13px); width: 24px; height: 24px; }
}
@media screen and (max-width: 380px) {
	.tooltip-colorset .colorset button { width: 90px; }
	.tooltip-colorset .colorset button strong { font-size: 11px; }
}
@media screen and (max-width: 320px) {
	.tooltip-colorset { left: 65px; }
}

/* order */
.order-complete {
    padding: 120px 0 40px;
    font-size: 42px;
    line-height: 51px;
    font-weight: 500;
    text-align: center;
}

@media (max-width: 767px) {
    .order-complete {
        padding: 40px 0 30px;
        font-size: 20px;
        line-height: 26px;
    }
}

.order-agree {
    position: relative;
    margin-top: 80px;
}

.order-agree .all-check {
    position: absolute;
    right: 0;
    top: 60px;
    color: #000;
}

.order-agree .togglebox-terms .toggle-target {
    height: 300px;
}

.order-agree .togglebox-terms .toggle-tit {
    padding-left: 0;
    font-weight: 400;
    color: #000;
}

@media (max-width: 767px) {
    .order-agree {
        margin-top: 60px;
    }

    .order-agree .all-check {
        top: 0;
    }

    .order-agree .togglebox-terms .toggle-target {
        height: 128px;
        color: #999;
    }
}

.order-pay {
    font-weight: 500;
    margin-top: 80px;
}

.order-pay p {
    height: 112px;
    padding: 41px 39px 41px;
    background-color: #fbfbfb;
    box-sizing: border-box;
}

.order-pay p label {
    margin-right: 20px;
}

@media (max-width: 767px) {
    .order-pay {
        font-weight: 400;
        margin-top: 60px;
    }

    .order-pay p {
        height: 54px;
        margin-top: 10px;
        padding: 13px 16px 15px;
    }

    .order-pay input[type='radio']:checked + label {
        font-weight: 500;
    }
}

.order-total {
    position: relative;
    margin-top: 80px;
}

.order-total .total-sum {
    position: absolute;
    right: 0;
    top: 40px;
    font-size: 36px;
    line-height: 44px;
    color: #e35205;
    font-weight: 500;
    letter-spacing: -0.025em;
}

.order-total > dl {
    white-space: nowrap;
}

.order-total > dl:first-of-type {
    margin-top: 6px;
    border-top: 2px solid #333;
}

.order-total dt {
    display: flex;
    padding: 25px 25px 23px;
    min-height: 72px;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.03em;
    box-sizing: border-box;
}

.order-total dt .sum {
    flex: 1;
    text-align: right;
}

.order-total dd {
    display: flex;
    padding: 11px 24px;
    background-color: #fbfbfb;
    letter-spacing: -0.025em;
}

.order-total dl > dd:first-of-type {
    padding-top: 40px;
}

.order-total dl > dd:last-of-type {
    padding-bottom: 40px;
}

.order-total dd .tit {
    padding-right: 16px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-total dd .sum {
    flex: 1;
    text-align: right;
    font-size: 16px;
    line-height: 19px;
}

@media (max-width: 767px) {
    .order-total {
        margin-top: 60px;
    }

    .order-total .total-sum {
        top: 3px;
        font-size: 22px;
        line-height: 24px;
    }

    .order-total > dl:first-of-type {
        margin-top: 0;
    }

    .order-total dt {
        padding: 15px 0;
        min-height: initial;
        font-size: 16px;
        line-height: 24px;
    }

    .order-total dd {
        padding: 5px 16px;
    }

    .order-total dl + dl {
        margin-top: 4px;
    }

    .order-total dl > dd:first-of-type {
        padding-top: 20px;
    }

    .order-total dl > dd:last-of-type {
        padding-bottom: 20px;
    }

    .order-total dd .tit {
        font-size: 14px;
        line-height: 17px;
    }

    .order-total dd .sum {
        font-size: 14px;
        line-height: 17px;
    }
}

.order-decided {
    margin-top: 80px;
}

.order-decided hgroup {
    display: flex;
    height: 72px;
    border-bottom: 1px solid #eee;
    border-top: 2px solid #333;
    box-sizing: border-box;
    align-items: center;
}

.order-decided hgroup h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    box-sizing: border-box;
}

.order-decided hgroup .cell-item {
    flex: 1;
    padding-left: 24px;
}

.order-decided hgroup .cell-price {
    width: 14%;
    padding-right: 24px;
    text-align: right;
}

.order-decided hgroup .cell-amount {
    width: 121px;
    text-align: center;
}

.order-decided hgroup .cell-sum {
    width: 14%;
    padding-right: 24px;
    text-align: right;
}

.items-decided {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 30px 0 39px;
    letter-spacing: -0.01em;
    align-items: flex-start;
}

.items-decided > div {
    box-sizing: border-box;
}

.items-decided .cell-pic {
    flex: none;
    width: 126px;
}

.items-decided .cell-pic figure {
    display: flex;
    width: 100px;
    height: 100px;
    justify-content: center;
}

.items-decided .cell-pic img {
    display: block;
    max-width: 100px;
}

.items-decided .cell-item {
    flex: 1;
    padding-right: 26px;
}

.items-decided .cell-item .tit {
    display: block;
    font-weight: 500;
}

.items-decided .cell-item .tit a {
    color: #333;
}

.items-decided .cell-item .color {
    display: block;
    margin-top: 10px;
}

.items-decided .cell-price {
    width: 14%;
    padding-right: 24px;
    text-align: right;
}

.items-decided .cell-amount {
    flex: none;
    width: 121px;
    text-align: center;
}

.items-decided .cell-sum {
    width: 14%;
    padding-right: 24px;
    font-weight: 500;
    text-align: right;
}

@media (max-width: 767px) {
    .order-decided hgroup .cell-price {
        display: none;
    }

    .order-decided hgroup .cell-sum {
        width: 21%;
    }

    .items-decided .cell-pic {
        width: 120px;
    }

    .items-decided .cell-price {
        display: none;
    }

    .items-decided .cell-sum {
        width: 21%;
    }
}

@media (max-width: 767px) {
    .order-decided {
        margin-top: 40px;
    }

    .order-decided hgroup {
        display: none;
    }

    .order-decided .items-decided:first-of-type {
        border-top: 2px solid #333;
    }

    .items-decided {
        position: relative;
        display: block;
        padding: 19px 0 20px;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
    }

    .items-decided .cell-pic {
        display: inline-block;
        width: 80px;
        vertical-align: middle;
    }

    .items-decided .cell-pic figure {
        width: 68px;
        height: 68px;
    }

    .items-decided .cell-pic figure img {
        max-width: 68px;
    }

    .items-decided .cell-item {
        display: inline-block;
        vertical-align: middle;
    }

    .items-decided .cell-item .color {
        margin-top: 0;
        font-weight: 500;
    }

    .items-decided .cell-price,
    .items-decided .cell-amount,
    .items-decided .cell-sum {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 20px;
        text-align: right;
        background-color: #f7f7f7;
        font-weight: 400;
        line-height: 24px;
    }

    .items-decided .cell-price {
        padding-top: 20px;
        margin-top: 19px;
    }

    .items-decided .cell-sum {
        padding-bottom: 20px;
    }

    .items-decided .cell-price:before,
    .items-decided .cell-amount:before,
    .items-decided .cell-sum:before {
        content: attr(data-name);
        position: absolute;
        left: 20px;
        top: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .items-decided .cell-price:before {
        top: 20px;
    }
}

.order-discount {
    margin-top: 80px;
    padding-bottom: 13px;
    border-bottom: 1px solid #eee;
}

.discount-type {
    min-height: 72px;
    padding: 18px 23px 17px;
    border-top: 2px solid #333;
    box-sizing: border-box;
}

.discount-type label {
    margin-right: 32px;
    font-weight: 500;
}

.discount-type label .msg {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-left: 8px;
}

.order-discount [class^='items-'] {
    position: relative;
    padding: 4px 150px 13px 288px;
    min-height: 72px;
    box-sizing: border-box;
    font-size: 0;
}

.order-discount [class^='items-'] > strong {
    position: absolute;
    left: 24px;
    top: 26px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    letter-spacing: -0.015em;
}

.order-discount [class^='items-'] > p {
    display: inline-block;
    margin: 8px 8px 0;
}

.order-discount [class^='items-'] > p select {
    width: 314px;
}

.order-discount [class^='items-'] > p input[type='text'] {
    width: 214px;
}

.order-discount [class^='items-'] > p.null {
    padding-top: 11px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.005em;
    white-space: nowrap;
}

.order-discount [class^='items-'] > p.null button {
    margin-left: 4px;
}

.order-discount [class^='items-'] .price {
    position: absolute;
    right: 24px;
    top: 27px;
    color: #e35205;
    font-size: 16px;
    line-height: 19px;
}

.order-discount .items-promotion {
    background-color: #fbfbfb;
}

@media (max-width: 1279px) {
    .order-discount [class^='items-'] {
        padding-left: 240px;
        padding-right: 150px;
    }

    .order-discount [class^='items-'] > p {
        width: 100%;
    }

    .order-discount [class^='items-'] > p select {
        width: 100%;
    }

    .order-discount [class^='items-'] > p input[type='text'] {
        width: calc(100% - 78px);
    }

    .order-discount [class^='items-'] .btn-ok {
        min-width: auto;
        width: 78px;
    }
}

@media (max-width: 767px) {
    .discount-type label .msg {
        display: none;
    }
}

@media (max-width: 767px) {
    .order-discount {
        margin-top: 60px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .discount-type {
        padding: 15px 0;
        min-height: auto;
    }

    .discount-type input[type='radio'] + label {
        font-size: 16px;
        margin-right: 10px;
    }

    .order-discount [class^='items-'] {
        padding: 46px 0 0;
        min-height: 54px;
    }

    .order-discount [class^='items-'] > strong {
        left: 0;
        top: 19px;
        font-size: 16px;
        line-height: 24px;
    }

    .order-discount [class^='items-'] > p {
        margin: 8px 0 0;
    }

    .order-discount [class^='items-'] .price {
        right: 13px;
        top: 20px;
        font-size: 14px;
        line-height: 17px;
    }

    .order-discount .items-promotion {
        padding: 17px 110px 13px 12px;
    }

    .order-discount .items-promotion > strong {
        position: static;
    }

    .order-discount .items-promotion .price {
        top: 50%;
        transform: translateY(-50%);
    }
}

.order-point {
    margin-top: 80px;
}

.order-point ul {
    padding: 6px 0 8px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #eee;
}

.order-point li {
    position: relative;
    min-height: 72px;
    padding: 12px 0 14px;
    text-align: right;
    box-sizing: border-box;
}

.order-point li .title-item {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -0.28px;
    color: black;
    position: absolute;
    left: 24px;
    top: 20px;
}

.order-point li .title-item .own {
    font-size: 18px;
    font-weight: 400;
}

.order-point li .title-item .own:before {
    content: '(보유 ';
}

.order-point li .title-item .own:after {
    content: ')';
}

.order-point li > p {
    display: inline-block;
}

.order-point li input[type='text'] {
    width: 178px;
    text-align: right;
    padding-right: 22px;
}

.order-point .okcashbag-how {
    display: inline-flex;
    width: 200px;
    height: 46px;
    box-shadow: inset 0 0 0 1px #e2e2e2;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 4px;
}

.order-point .okcashbag-how label {
    display:inline-flex;
    align-items:center;
    justify-content:center;;
    flex: 1;
    height: 100%;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #e2e2e2;
    padding:0;
    box-sizing: border-box;
}

.order-point .okcashbag-how label:before {
    display: none;
}

.order-point .okcashbag-how input[type='radio']:checked + label {
    color: #fff;
    background-color: #e35205;
}

.order-point .okcashbag-how input[type='radio']:checked + label:after {
    display: none;
}

@media (max-width: 767px) {
    .order-point {
        margin-top: 60px;
    }

    .order-point ul {
        padding: 0 0 24px;
    }

    .order-point li {
        min-height: auto;
        padding: 58px 0 0;
        margin-top: 24px;
        text-align: left;
    }

    .order-point li .title-item {
        left: 0;
        right: 0;
        top: 10px;
    }

    .order-point li .title-item .own {
        position: absolute;
        right: 0;
        top: 1px;
        font-size: 14px;
        line-height: 24px;
    }

    .order-point li .title-item .own:before {
        display: none;
    }

    .order-point li .title-item .own:after {
        content: ' 보유';
    }

    .order-point li > p {
        display: block;
    }

    .order-point li input[type='text'] {
        width: calc(100% - 78px);
    }

    .order-point .okcashbag-how {
        position: absolute;
        right: 0;
        top: 0;
        width: 156px;
    }
}

.order-delivery {
    position: relative;
    margin-top: 80px;
    border-bottom: 1px solid #eee;
}

.order-delivery .same-check {
    position: absolute;
    right: 0;
    top: 20px;
    color: #000;
}

.order-destination {
    font-size: 0;
    padding-top: 10px;
    padding-bottom: 12px;
    border-top: 2px solid #333;
}

.order-destination li {
    position: relative;
    display: inline-block;
    width: 50%;
    min-height: 72px;
    padding: 13px 0 13px 168px;
    vertical-align: top;
    box-sizing: border-box;
}

.order-destination li > strong {
    position: absolute;
    left: 24px;
    top: 22px;
    font-size: 18px;
    font-weight: 500;
}

.order-destination .cell-receiver input {
    width: 280px;
}

.order-destination .cell-address {
    width: 100%;
}

.order-destination .cell-memo {
    width: 100%;
}

.order-destination .cell-memo textarea {
    width: 100%;
    height: 148px;
}

.order-destination .form-address {
    display: flex;
    width: calc(50% - 84px);
}

.order-destination .form-address input {
    flex: 1;
    margin-left: 8px;
}

.order-destination .form-address input:first-child {
    flex: none;
    width: 122px;
    margin-left: 0;
}

.order-destination .form-address input:last-child {
    flex: 1;
    width: 100%;
}

.order-destination .form-address .btnm-search {
    flex: none;
}

.order-destination .form-rest {
    display: flex;
    margin-top: 13px;
}

.order-destination .form-rest input {
    flex: 1;
}

.order-destination .txt-instead {
    font-size: 16px;
    padding-top: 10px;
}

@media (max-width: 1279px) {
    .order-destination li {
        display: block;
        width: 633px;
    }

    .order-destination .form-address {
        width: 465px;
    }
}

@media (max-width: 767px) {
    .order-destination .form-address {
        flex-wrap: wrap;
        width: 100%;
    }

    .order-destination .form-address input:nth-of-type(n + 2) {
        flex: none;
        width: 100%;
        margin: 13px 0 0;
    }
}

@media (max-width: 767px) {
    .order-delivery {
        margin-top: 60px;
        border-bottom: none;
    }

    .order-delivery .same-check {
        top: 0;
    }

    .order-destination {
        padding-top: 0;
    }

    .order-destination li {
        width: 100%;
        padding: 30px 0 0 0;
        margin-top: 16px;
    }

    .order-destination li > strong {
        left: 0;
        top: 0;
        font-size: 16px;
    }

    .order-destination .cell-receiver input {
        width: 100%;
    }

    .order-destination .cell-memo {
        margin-top: 16px;
    }

    .order-destination .cell-memo > strong {
        display: block;
    }

    .order-destination .cell-memo textarea {
        height: 145px;
    }

    .order-destination .form-address input:first-child {
        flex: 1;
        width: calc(100% - 46px);
    }

    .order-destination .form-address input:nth-of-type(n + 2) {
        margin: 8px 0 0;
    }

    .order-destination .form-rest {
        margin-top: 8px;
    }
}

/* event */
.evt-list {
    font-size: 0;
}

.evt-list .cell {
    position: relative;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    box-sizing: border-box;
}

.evt-list .cell:nth-of-type(odd) {
    padding-right: 12px;
}

.evt-list .cell:nth-of-type(even) {
    padding-left: 12px;
}

.evt-list .cell:nth-of-type(n + 3) {
    margin-top: 48px;
}

.evt-list .cell a {
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px #eee;
}

.evt-list figure img {
    display: block;
    width: 100%;
    height: auto;
}

.evt-list .figcaption {
    height: 196px;
    padding: 38px 40px 0;
    letter-spacing: -0.025em;
    box-sizing: border-box;
}

.evt-list strong {
    display: block;
    max-height: 2.8em;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    color: #333;
    word-break: break-all;
    overflow: hidden;
}

.evt-list em,
.evt-list i {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

@media (max-width: 767px) {
    .evt-list .cell {
        width: 100%;
        padding: 0 !important;
        margin-top: 20px;
    }

    .evt-list .cell:nth-of-type(n + 3) {
        margin-top: 20px;
    }

    .evt-list .figcaption {
        position: relative;
        height: 144px;
        padding: 20px 20px 0;
    }

    .evt-list strong {
        height: 3em;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }
}

.evt-con {
    padding-top: 38px;
    padding-bottom: 60px;
}

.evt-con img {
    /* display: block;
    max-width: 100%;*/
    height: auto; 
}

.sec_foot img {
	width:100%;
}

.evt-hgroup {
    position: relative;
    padding: 0 180px 18px 0;
    border-bottom: 2px solid #333;
    letter-spacing: -0.025em;
}

.evt-hgroup h4 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
}

.evt-hgroup em {
    position: absolute;
    right: 0;
    bottom: 22px;
    font-size: 18px;
    line-height: 21px;
    color: #bdbdbd;
}

.evt-prevnext {
    border-top: 1px solid #ebebeb;
}

.evt-prevnext li {
    position: relative;
    height: 70px;
    border-bottom: 1px solid #ebebeb;
    padding: 21px 133px 0 173px;
    font-size: 18px;
    line-height: 32px;
    box-sizing: border-box;
}

.evt-prevnext strong {
    position: absolute;
    left: 24px;
    top: 20px;
    display: block;
    padding-right: 28px;
    padding-top: 2px;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: 12px auto;
    font-weight: 500;
}

.evt-prevnext i {
    position: absolute;
    right: 24px;
    top: 22px;
    color: #bdbdbd;
}

.evt-prevnext a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

.evt-prevnext .prev strong {
    background-image: url('/images/2019/ico-list-prev.png');
}

.evt-prevnext .next strong {
    background-image: url('/images/2019/ico-list-next.png');
}

@media (max-width: 767px) {
    .evt-con {
        padding-top: 24px;
        padding-bottom: 40px;
    }

    .evt-hgroup {
        padding: 0 0 11px 0;
    }

    .evt-hgroup h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .evt-hgroup em {
        position: static;
        font-size: 14px;
        line-height: 17px;
    }

    .evt-prevnext li {
        height: 53px;
        padding: 17px 24px 0 91px;
        font-size: 14px;
        line-height: 22px;
    }

    .evt-prevnext li strong {
        left: 0;
        top: 14px;
        padding-right: 24px;
    }

    .evt-prevnext li i {
        display: none;
    }
}

/* support */
.faq-list {
}

.togglebox-faq {
}

.notice-list {
}

.togglebox-notice .toggle-tit {
    padding-left: 131px;
}

.togglebox-notice .toggle-tit .date {
    position: absolute;
    left: 24px;
    top: 22px;
    font-size: 16px;
    color: #bdbdbd;
    font-weight: 400;
    letter-spacing: -0.025em;
}

.togglebox-notice .toggle-target img {
    display: block;
    max-width: 100%;
}

@media (max-width: 767px) {
    .togglebox-notice .toggle-tit {
        padding-left: 0;
    }

    .togglebox-notice .toggle-tit .date {
        display: none;
    }
}

.qna-register {
    border-top: 2px solid #333;
}

.qna-register ul {
    padding-bottom: 10px;
}

.qna-register li {
    position: relative;
    padding: 13px 0 13px 204px;
}

.qna-register li strong {
    position: absolute;
    left: 24px;
    top: 21px;
}

.qna-register li input {
    width: 100%;
}

.qna-register li .con {
    min-height: 46px;
    padding-top: 9px;
    box-sizing: border-box;
    word-break: break-all;
}

.qna-register li select {
    width: 196px;
}

.qna-register textarea {
    width: 100%;
    height: 320px;
}

.qna-contact {
    position: relative;
    margin-top: 80px;
    padding: 60px 0;
    background-color: rgba(238, 238, 238, 0.25);
    font-size: 0;
}

.qna-contact:before {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 60px;
    bottom: 60px;
    width: 1px;
    background-color: #eee;
}

.qna-contact .cell {
    position: relative;
    display: inline-block;
    width: 50%;
    padding-left: 60px;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 32px;
    vertical-align: middle;
}

.qna-contact .cell strong {
    font-size: 24px;
    line-height: 34px;
}

.qna-contact .cell p {
    margin-top: 6px;
}

.qna-contact .cell:before {
    content: ' ';
    position: absolute;
    left: 362px;
    top: 50%;
    transform: translateY(-50%);
}

.qna-contact .onetoone:before {
    width: 66px;
    height: 56px;
    background: url('/images/2019/icon-ontoone.png') no-repeat;
    background-size: 100% auto;
}

.qna-contact .free:before {
    width: 64px;
    height: 63px;
    background: url('/images/2019/icon-free.png');
    background-size: 100% auto;
}

@media (max-width: 1090px) {
    .qna-contact {
        padding: 0 60px;
    }

    .qna-contact:before {
        display: none;
    }

    .qna-contact .cell {
        width: 100%;
        padding: 40px 68px 40px 0;
    }

    .qna-contact .cell p {
        margin-top: 12px;
    }

    .qna-contact .cell:before {
        left: auto;
        right: 0;
    }

    .qna-contact .onetoone {
        border-bottom: 1px solid #eee;
    }
}

@media (max-width: 767px) {
    .qna-register ul {
        padding-bottom: 12px;
    }

    .qna-register li {
        position: relative;
        padding: 0 0 0 104px;
    }

    .qna-register li select {
        width: 100%;
    }

    .qna-register li strong {
        left: 0;
        top: 16px;
    }

    .qna-register li .con {
        padding: 18px 0 0;
        font-size: 14px;
        line-height: 17px;
    }

    .qna-register li:first-child {
        margin: 13px 0 0;
    }

    .qna-register li:first-child strong {
        top: 14px;
    }

    .qna-contact {
        padding: 0 20px;
        margin-top: 25px;
    }

    .qna-contact .cell {
        padding: 20px 68px 20px 0;
        font-size: 14px;
        line-height: 17px;
    }

    .qna-contact .cell strong {
        font-size: 16px;
        line-height: 22px;
    }

    .qna-contact .onetoone:before {
        width: 50px;
        height: 43px;
    }

    .qna-contact .free:before {
        width: 50px;
        height: 49px;
    }
}

/* coupon */
.glo-coupon-banner {
    position: relative;
    height: 584px;
    padding: 0 60px;
    background-color: #f7f7f7;
}

.glo-coupon-banner:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    margin-left: 13px;
    background: url('/images/2019/img_coupon_banner.png') 0 63px/788px auto no-repeat;
}

.glo-coupon-banner .glo-restrict {
    padding-top: 100px;
}

.glo-coupon-banner h3 {
    font-size: 48px;
    line-height: 66px;
    font-weight: 500;
    letter-spacing: -0.025em;
}

.glo-coupon-banner h3 em {
    font-weight: 400;
}

.glo-coupon-banner p {
    margin-top: 16px;
    line-height: 28px;
    color: #4a4a4a;
}

.glo-coupon-banner br.m {
    display: none;
}

.glo-coupon-banner ol {
    margin-top: 40px;
    overflow: hidden;
}

.glo-coupon-banner ol li {
    position: relative;
    float: left;
    width: 168px;
    height: 168px;
    padding-top: 109px;
    background-color: #fff;
    border-radius: 84px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
}

.glo-coupon-banner ol li:before {
    content: '';
    position: absolute;
    left: 48px;
    top: 26px;
    width: 72px;
    height: 72px;
    background-size: 72px 72px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.glo-coupon-banner ol li:nth-of-type(1):before {
    background-image: url('/images/2019/ico-coupon-step1.png');
}

.glo-coupon-banner ol li:nth-of-type(2):before {
    background-image: url('/images/2019/ico-coupon-step2.png');
}

.glo-coupon-banner ol li:nth-of-type(3):before {
    background-image: url('/images/2019/ico-coupon-step3.png');
}

.glo-coupon-banner ol li + li {
    margin-left: 36px;
}

.glo-coupon-banner ol li + li:after {
    content: '';
    position: absolute;
    left: -24px;
    top: 74px;
    width: 12px;
    height: 20px;
    background: url('/images/2019/icon-next.png') 0 0/12px 20px no-repeat;
}

@media (max-width: 1279px) {
    .glo-coupon-banner:before {
        left: 58%;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .glo-coupon-banner:before {
        left: 597px;
    }
}

@media (max-width: 767px) {
    .glo-coupon-banner {
        height: auto;
        padding: 0 24px;
    }

    .glo-coupon-banner:before {
        display: none;
    }

    .glo-coupon-banner .glo-restrict {
        padding: 60px 0 39px;
    }

    .glo-coupon-banner h3 {
        font-size: 36px;
        line-height: 44px;
    }

    .glo-coupon-banner h3 br {
        display: none;
    }

    .glo-coupon-banner p {
        margin-top: 16px;
        font-size: 14px;
        line-height: 24px;
    }

    .glo-coupon-banner br.m {
        display: inline-block;
    }

    .glo-coupon-banner ol {
        margin-top: 32px;
    }

    .glo-coupon-banner ol li {
        width: 88px;
        height: 88px;
        padding-top: 56px;
        font-size: 12px;
        line-height: 14px;
    }

    .glo-coupon-banner ol li:before {
        left: 26px;
        top: 16px;
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
    }

    .glo-coupon-banner ol li + li {
        margin-left: 24px;
    }

    .glo-coupon-banner ol li + li:after {
        left: -16px;
        top: 36px;
        width: 10px;
        height: 16px;
        background-size: 10px 16px;
    }
}

.coupon-filter {
    position: relative;
    min-height: 46px;
}

.coupon-filter h4 {
    padding: 11px 0 0 30px;
    font-size: 16px;
    line-height: 28px;
    color: #4a4a4a;
    background: url('/images/2019/icon-coupon.png') 0 16px no-repeat;
    background-size: 20px auto;
}

.coupon-filter select {
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
}

.coupon-mylist {
    padding-top: 31px;
    font-size: 0;
}

.coupon-mylist .items-coupon {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
}

.coupon-mylist .items-coupon:nth-of-type(odd) {
    padding-right: 12px;
}

.coupon-mylist .items-coupon:nth-of-type(even) {
    padding-left: 12px;
}

.coupon-mylist .items-coupon:nth-of-type(n + 3) {
    margin-top: 100px;
}

.items-coupon .btns {
    margin-top: 40px;
    text-align: center;
    font-size: 0;
}

.items-coupon .btns button {
    margin: 0 8px;
}

.items-coupon .card-coupon {
    position: relative;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-size: cover;
    background-position: right;
}

.items-coupon .card-coupon:before {
    left: 19px;
    top: 0;
    width: 110px;
    height: 110px;
    background-position: 0 -110px;
}

.items-coupon .card-coupon .sum {
    position: absolute;
    bottom: 158px;
    left: 40px;
    right: 40px;
    z-index: 10;
    
    font-weight: 500;
    font-size: 60px;
    line-height: 66px;
    letter-spacing: -0.06em;
}

.items-coupon .card-coupon .details {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 12%;
    padding-top: 32px;
    border-top: 1px solid #fff;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
}

.items-coupon .card-coupon .details li {
    float: left;
    width: 50%;
    white-space: nowrap;
}

.items-coupon .card-coupon .details li em {
    display: inline-block;
    min-width: 41px;
    margin-right: 16px;
}

.items-coupon .card-coupon.glo {
    color: #333;
    border: 0;
}

.items-coupon .card-coupon.glo .details {
    border-color: #bdbdbd;
}

@media (max-width: 1279px) {
    .items-coupon .card-coupon .sum {
        /* left: auto; */
        /* top: 20px; */
        /* bottom: auto; */
        /* font-size: 42px; */
    }

    .items-coupon .card-coupon .details {
        padding-top: 12px;
        font-size: 14px;
        line-height: 24px;
    }

    .items-coupon .card-coupon .details li {
        width: 100%;
    }

    .items-coupon .card-coupon .details li em {
        min-width: 58px;
    }
}

@media (max-width: 767px) {
    .items-coupon .btns {
        display: flex;
        padding: 0 8px;
        margin-top: 20px;
    }

    .items-coupon .btns button {
        flex: 1;
        margin: 0 4px;
        min-width: auto;
    }

    .items-coupon .card-coupon:before {
        left: 11px;
        top: -5px;
        width: 70px;
        height: 70px;
        background-position: 0 -70px;
    }

    .items-coupon .card-coupon {
        height: 175px;
    }

    .items-coupon .card-coupon .sum {
        left: 20px;
        right: 20px;
        bottom: 83px;
        top: auto;
        font-size: 30px;
        line-height: 33px;
        letter-spacing: -0.03em;
    }

    .items-coupon .card-coupon .details {
        left: 20px;
        right: 20px;
        bottom: 20px;
        font-size: 10px;
        line-height: 20px;
        padding-top: 12px;
        letter-spacing: -0.03em;
    }

    .items-coupon .card-coupon .details li {
        float: left;
        width: 50%;
        white-space: nowrap;
    }

    .items-coupon .card-coupon .details li em {
        min-width: 26px;
        margin-right: 7px;
    }
}

@media (max-width: 767px) {
    .coupon-filter {
        min-height: auto;
    }

    .coupon-filter h4 {
        font-size: 14px;
        line-height: 24px;
        background-position: 0 15px;
    }

    .coupon-filter select {
        position: static;
        width: 100%;
        margin-top: 15px;
    }

    .coupon-mylist {
        padding-top: 0;
    }

    .coupon-mylist .items-coupon {
        display: block;
        width: 100%;
        margin-top: 40px !important;
        padding: 0 !important;
    }

    .items-coupon .card-coupon:before {
        left: 11px;
        top: 0;
        width: 50px;
        height: 50px;
        background-position: 0 -50px;
    }
}

.items-issue {
    box-sizing: border-box;
}

.items-issue .title-point {
    
    font-size: 72px;
    line-height: 86px;
    letter-spacing: -0.025em;
}

.items-issue .choice {
    position: relative;
    height: 46px;
    margin-top: 22px;
    text-align: right;
}

.items-issue .choice > p {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    transform: translateY(-50%);
}

.items-issue .choice select {
    width: 200px;
}

.items-issue .type {
    overflow: visible;
}

.items-issue .example {
    position: relative;
    height: 200px;
    margin-top: 40px;
    border: 1px solid #e35205;
    border-radius: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.items-issue .example:after {
    content: ' ';
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 47px;
    height: 48px;
    background: url('/images/2019/icon-done.png') 50% 50%/33px auto no-repeat;
}

.items-issue .example.glo {
    background: url('/images/2019/glo_logo_b.svg') 50% 53px / 106px auto no-repeat;
}

.items-issue .example.eshop {
    padding-top: 55px;
}

.items-issue .example.eshop strong {
    display: inline-block;
    font-size: 60px;
    line-height: 65px;
    font-weight: 400;
    color: #425563;
    letter-spacing: -0.05em;
    text-align: left;
}

.items-issue .example.eshop strong em {
    display: block;
    
    font-size: 16px;
    line-height: 18px;
    color: #e35205;
    letter-spacing: -0.05em;
}

.items-issue .agree {
    margin-top: 22px;
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: -0.25px;
    color: #000;
}

.items-issue .agree .already {
    margin: 0 6px 0 0;
    color: #333;
}

.items-issue .agree button {
    margin-left: 6px;
    vertical-align: top;
}

.items-issue .btns {
    margin-top: 37px;
}

.items-issue br.m {
    display: none;
}

.coupon-etc {
    padding: 132px 60px 100px;
    border-top: 1px solid #d8d8d8;
    font-size: 0;
}

.coupon-etc .items-issue {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.coupon-etc .items-issue:first-child {
    padding-right: 24px;
}

.coupon-etc .items-issue:last-child {
    padding-left: 24px;
}

.coupon-cvs {
    padding: 148px 60px 100px;
    overflow: hidden;
}

.coupon-cvs .items-issue .choice {
    text-align: left;
}

.coupon-cvs .items-issue .choice > p {
    position: static;
    display: inline-block;
    vertical-align: middle;
    transform: none;
    margin-right: 20px;
}

.coupon-cvs .items-issue .choice select {
    vertical-align: middle;
}

.coupon-cvs .items-issue .agree {
    text-align: center;
}

.coupon-cvs .items-issue .btns {
    text-align: center;
}

.coupon-cvs .coupon-list {
    white-space: nowrap;
    font-size: 0;
    margin-top: 23px;
}

.coupon-cvs .coupon-list li {
    display: inline-block;
    width: auto;
}

.coupon-cvs .coupon-list li + li {
    margin-left: 40px;
}

.coupon-cvs .coupon-list li label {
    position: relative;
    display: block;
    width: 266px;
    height: 200px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    border: 1px solid #eee;
    border-radius: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    text-indent: -5000px;
    overflow: hidden;
}

.coupon-cvs .coupon-list li label:before {
    content: ' ';
    position: absolute;
    left: 50%;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 150px auto;
    border: none;
    margin: -75px 0 0 -75px;
    overflow: hidden;
}

.coupon-cvs .coupon-list li label:after {
    content: ' ';
    position: absolute;
    left: auto;
    right: 20px;
    top: auto;
    bottom: 20px;
    width: 48px;
    height: 48px;
    background: url('/images/2019/icon-done.png') 50% 50%/33px auto no-repeat;
}

.coupon-cvs .coupon-list li.cu label:before {
    background-image: url('/images/2019/set-bi-cu.png');
}

.coupon-cvs .coupon-list li.gs label:before {
   /* background-image: url('/images/2019/set-bi-gs.png'); */
    background-image: url('/images/2021/set-bi-gs.png');
}

.coupon-cvs .coupon-list li.seven label:before {
    background-image: url('/images/2019/set-bi-seven.png');
}

.coupon-cvs .coupon-list li.ministop label:before {
    background-image: url('/images/2019/set-bi-ministop.png');
}

.coupon-cvs .coupon-list li.emart label:before {
    background-image: url('/images/2019/set-bi-emart.png');
}

.coupon-cvs .coupon-list li.cspace label:before {
    background-image: url('/images/2019/set-bi-cspace.png');
}

.coupon-cvs .coupon-list li.glo label:before {
    background-image: url('/images/2019/set-bi-glo.png');
}

.coupon-cvs .coupon-list input[type='radio']:checked + label {
    border: 1px solid #e35205;
}

.coupon-cvs .coupon-list input[type='radio'] + label:after {
}

.coupon-cvs .swiper-button-prev {
    left: auto;
    right: 53px;
    bottom: 8px;
}

@media (max-width: 1279px) {
    .coupon-etc .items-issue .choice {
        height: auto;
    }

    .coupon-etc .items-issue .choice {
        height: 82px;
    }

    .coupon-etc .items-issue .choice br {
        display: none;
    }

    .coupon-etc .items-issue .choice > p {
        position: static;
        transform: none;
    }

    .coupon-etc .items-issue .choice select {
        display: block;
        margin-top: 8px;
    }
}

@media (max-width: 767px) {
    .coupon-cvs .swiper-button-prev,
    .coupon-cvs .swiper-button-next {
        display: none;
    }

    .coupon-etc {
        padding: 0;
        border-top: none;
    }

    .coupon-etc .items-issue {
        display: block;
        width: 100%;
        padding: 132px 60px 100px;
        border-top: 1px solid #d8d8d8;
    }

    .coupon-etc .items-issue:first-child {
        padding-right: 60px;
    }

    .coupon-etc .items-issue:last-child {
        padding-left: 60px;
    }

    .coupon-etc .items-issue .agree {
        text-align: center;
    }

    .coupon-etc .items-issue .btns {
        text-align: center;
    }

    .coupon-etc .items-issue .choice {
        height: auto;
        text-align: left;
    }

    .coupon-etc .items-issue .choice > p {
        position: static;
        display: inline-block;
        vertical-align: middle;
        transform: none;
        margin-right: 20px;
    }

    .coupon-etc .items-issue .choice select {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .items-issue {
        text-align: center;
    }

    .items-issue .title-point {
        font-size: 36px;
        line-height: 44px;
    }

    .items-issue .title-point:before {
        left: 50%;
        margin-left: -7px;
    }

    .items-issue .choice {
        height: auto;
        margin-top: 16px;
        text-align: center !important;
    }

    .items-issue .choice > p {
        position: static;
        font-size: 16px;
        line-height: 24px;
        transform: none;
        text-align: center;
        margin-right: 0 !important;
    }

    .items-issue .choice select {
        display: block !important;
        width: 100%;
        margin: 16px auto 0 !important;
    }

    .items-issue .example {
        margin: 30px auto 0;
        height: 120px;
    }

    .items-issue .example.glo {
        background-size: 66px auto;
        background-position-y: 30px;
    }

    .items-issue .example.eshop {
        padding-top: 30px;
    }

    .items-issue .example.eshop strong {
        font-size: 40px;
        line-height: 44px;
    }

    .items-issue .example.eshop strong em {
        font-size: 14px;
        line-height: 15px;
    }

    .items-issue .agree {
        margin: 20px 0 0;
        font-size: 14px;
        line-height: 24px;
    }

    .items-issue .agree button {
        display: block !important;
        margin: 13px auto 0 !important;
    }

    .items-issue br.m {
        display: inline-block !important;
    }

    .coupon-etc .items-issue {
        padding: 76px 24px 60px;
    }

    .coupon-etc .items-issue:first-child {
        padding-right: 24px;
    }

    .coupon-etc .items-issue:last-child {
        padding-left: 24px;
    }

    .coupon-etc .items-issue .choice br {
        display: inline-block;
    }

    .coupon-cvs {
        padding: 76px 24px 60px;
    }

    .coupon-cvs .coupon-list {
        margin-top: 32px;
    }

    .coupon-cvs .coupon-list li + li {
        margin-left: 21px;
    }

    .coupon-cvs .coupon-list li label {
        width: 135px;
        height: 100px;
    }

    .coupon-cvs .coupon-list li label:before {
        width: 75px;
        height: 75px;
        margin: -37px 0 0 -37px;
        background-size: 75px auto;
    }

    .coupon-cvs .coupon-list li label:after {
        width: 24px;
        height: 24px;
        right: 9px;
        bottom: 8px;
        background-size: 17px auto;
    }
}

.flagship-desc {
    border-top: 2px solid #333;
    width: 100%;
    padding-top: 42px;
    color: #333333;
}

.flagship-desc-wrap {
    padding: 62px 20px 60px 280px;
    position: relative;
    background-color: rgba(238, 238, 238, 0.25);
    box-sizing: border-box;
}

.flagship-desc-wrap:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 240px;
    background-image: url(/images/2019/icon-inspection.png);
    background-size: 160px 136px;
    background-repeat: no-repeat;
    background-position: 59px 44px;
}

.flagship-desc-wrap h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: -0.5px;
}

.flagship-desc-wrap p {
    margin-top: 17px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.25px;
}

.flagship-store {
    margin-top: 40px;
    width: 100%;
    height: 400px;
    display: flex;
}

.flagship-store figure {
    width: 50%;
    background-size: cover;
    background-position: center center;
}

.flagship-store.flagship-store-gangnam figure {
    background-image: url(/images/2019/flagship-gangnam.jpg);
}

.flagship-store.flagship-store-garosugil figure {
    background-image: url(/images/2019/flagship-garosugil.jpg);
}

.flagship-store.flagship-store-hongdae figure {
    background-image: url(/images/2019/flagship-hongdae.jpg);
}

.flagship-store .flagship-info {
    padding: 60px 60px 0 60px;
    position: relative;
    width: 50%;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    color: #333333;
}

.flagship-store .flagship-info h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.83;
    letter-spacing: -0.33px;
}

.flagship-store .flagship-info p {
    margin-top: 11px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.25px;
}

.flagship-access {
    margin-top: 40px;
}

.flagship-access h3 {
    height: 34px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.89;
    letter-spacing: -0.38px;
}

.flagship-access ul {
    margin: 9px 24px 0 0;
}

.flagship-access ul li {
    margin-bottom: 8px;
    height: 28px;
    display: flex;
    position: relative;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: -0.22px;
}

.flagship-access ul li span.map-access-dot {
    flex-grow: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    top: 12px;
    background-image: url(/images/2019/access-dot.png);
    background-size: 5px 1px;
    background-position-x: right;
    background-repeat: repeat-x;
}

.map-access-time {
    padding-left: 28px;
}

.map-subway {
    padding-right: 28px;
}

.subway-circle {
    padding-left: 33px;
}

.subway-circle:before {
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 15.5px;
    font-size: 14px;
    letter-spacing: 0.21px;
    text-align: center;
    color: #ffffff;
}

.subway-circle-2:before {
    content: '2';
    background-color: #0daa18;
}

.subway-circle-3:before {
    content: '3';
    background-color: #ff7d20;
}

.subway-kyeongui {
    padding-left: 78px;
}

.subway-kyeongui:before {
    position: absolute;
    left: 0;
    content: '경의중앙';
    padding-top: 4px;
    width: 70px;
    height: 25px;
    border-radius: 15.5px;
    background-color: #2ac9ce;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.21px;
    text-align: center;
    color: #ffffff;
}

.flagship-store .flagship-info p button {
    display: inline-block;
    margin-left: 6px;
    margin-top: -5px;
    min-height: 26px;
    line-height: 0;
}

.flagship-store .flagship-info h2 button {
    display: none;
}

@media (max-width: 1279px) {
    .flagship-store .flagship-info {
        padding: 60px 30px 0 30px;
    }

    .flagship-access ul {
        margin: 9px 12px 0 0;
    }
}

@media (max-width: 1023px) {
    .flagship-store {
        display: block;
        height: 800px;
    }

    .flagship-store figure {
        width: 100%;
        height: 400px;
    }

    .flagship-store .flagship-info {
        width: 100%;
        height: 400px;
        border-left: 1px solid #eee;
        border-top: none;
    }

    .flagship-store .flagship-info {
        padding: 60px 60px 0 60px;
    }
}

@media (max-width: 767px) {
    .flagship-desc {
        padding-top: 20px;
    }

    .flagship-desc-wrap {
        padding: 29px 0 20px 0;
    }

    .flagship-desc-wrap:before {
        background-size: 96px 82px;
        background-position: 27px 20px;
    }

    .flagship-desc-wrap h2 {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.25px;
        padding-left: 140px;
        height: 72px;
    }

    .flagship-desc-wrap p {
        margin-top: 29px;
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: normal;
        text-align: center;
    }

    .flagship-store {
        margin-top: 20px;
        height: auto;
    }

    .flagship-store figure {
        height: 155px;
    }

    .flagship-store .flagship-info {
        padding: 21px 20px 12px 19px;
        height: auto;
    }

    .flagship-store .flagship-info h2 {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.25px;
    }

    .flagship-store .flagship-info p {
        margin-top: 11px;
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: normal;
    }

    .flagship-access {
        margin-top: 13px;
    }

    .flagship-access ul {
        margin: 7px 6px 0 0;
    }

    .flagship-access h3 {
        margin-top: 13px;
        height: 24px;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.25px;
    }

    .flagship-store .flagship-info p button {
        display: none;
    }

    .flagship-store .flagship-info h2 button {
        display: inline-block;
        margin-left: 7px;
        margin-top: -2px;
        min-height: 24px;
        line-height: 0;
    }

    .subway-circle {
        padding-left: 25px;
    }

    .map-subway {
        padding-right: 14px;
    }

    .subway-circle:before {
        width: 22px;
        height: 22px;
        border-radius: 15.5px;
        line-height: 1.4;
        letter-spacing: normal;
    }

    .flagship-access ul li {
        margin-bottom: 6px;
        height: 24px;
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: normal;
    }

    .map-access-time {
        padding-left: 16px;
    }

    .subway-kyeongui {
        padding-left: 63px;
    }

    .subway-kyeongui:before {
        padding-top: 4px;
        width: 58px;
        height: 22px;
        border-radius: 15.5px;
        font-size: 12px;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
}

.shop-event.shop-event-1001 .glo-restrict {
    top: 63px;
}

.shop-event.shop-event-1001 {
    background-image: url('/images/2019/event/191001/shop-event.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.shop-event.shop-event-1001 h5 {
    margin-top: -2px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: -0.19px;
}

.shop-event.shop-event-1001 h4 {
    margin-top: 0px;
}

.shop-event.shop-event-1001 .introduce {
    margin-top: 5px;
}

@media (max-width: 767px) {
    .shop-event.shop-event-1001 .glo-restrict {
        top: 53px;
    }

    .shop-event.shop-event-1001 {
        background-image: url('/images/2019/event/191001/shop-event-mobile.jpg');
    }

    .shop-event.shop-event-1001 .introduce {
        margin-top: 8px;
    }

    .shop-event.shop-event-1001 h4 {
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: -0.25px;
    }

    .shop-event.shop-event-1001 .introduce {
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: normal;
    }

    .shop-event.shop-event-1001 .button {
        margin-top: 24px;
    }

    .shop-event.shop-event-1001 .button a {
        min-width: 140px;
    }
}

@media (min-width: 768px) {
    .my-device-add {
        position:relative;
        line-height:26px;
        padding-right: 278px;
    }

    .my-device-add .btns-fill-gray {
        position:absolute;
        top:0;
        right:0;
    }
}

.shop-list .item.device:before {
    top: 31px;
}

.shop-list .item .image + .colorset {
    margin-top: 11px;
}

.shop-list .item.new .image:after,
.shop-list .item.limited .image:after {
    left: 0px;
    top: -43px;
}

.shop-list .swiper-container.swiper-container-1item {
    padding-left: 0;
}

.shop-list .swiper-container.swiper-container-2items {
    padding-left: 0;
    width: 812px;
}

/* 1 item -> paddingleft 0, width auto, 2 item -> paddingleft 0, width 812, more than 3 item paddingleft 212 and width auto */
@media (max-width: 768px) {
    .shop-list .swiper-container.swiper-container-1item {
        padding-left: 24px;
    }

    .shop-list .swiper-container.swiper-container-2items {
        padding-left: 24px;
        width: auto;
    }

    .shop-list .swiper-container.swiper-container-1item .item,
    .shop-list .swiper-container.swiper-container-2items .item {
        max-width: 334px;
        width: 100%;
    }

    /* .shop-list .item.new .image:after,
  .shop-list .item.limited .image:after {
    left: -7px;
    top: -2px;
  } */
}

@media (max-width: 406px) {
    .shop-list .swiper-container.swiper-container-1item {
        padding-left: 0;
    }

    .shop-list .swiper-container.swiper-container-2items {
        padding-left: 0;
        width: auto;
    }
}

.shop-body article.description p + table {
    margin-top: 56px;
}

.shop-head .main-info .introduce-discoverglo {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.25px;
}

.shop-head .main-info .introduce-discoverglo--sub {
    margin-top: 9px;
}

.shop-head .main-info .introduce-discoverglo--caution {
    margin-top: 11px;
    color: #e35205;
}

.shop-head .main-info .price.price--discoverglo {
    margin-top: 7px;
}

@media (max-width: 768px) {
    .shop-head .main-info .point {
        top: -29px;
    }

    .shop-head .main-info h2 {
        margin-top: 60px;
    }

    .shop-head .main-info .introduce-discoverglo {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: normal;
    }

    .shop-head .main-info .introduce-discoverglo--caution {
        margin-top: 15px;
    }

    .shop-body article.description p + table {
        margin-top: 40px;
    }

    .shop-head .gallery .small-desc {
        word-break: keep-all;
        white-space: nowrap;
    }

    .shop-head .main-info .option select {
        top: 15px;
    }

    /* .shop-head .main-info .option .colorset {
    top: 11px;
  }
  .shop-head .choice {
    margin-top: -22px;
  } */
}

/* sens McLaren letter-spacing */
/* .shop-head .main-info h2 {
  line-height: 1.2;
  letter-spacing: -2.2px;
} */

/* coupon download by devices */
.download-coupon {
}

.download-coupon .download-coupon-device {
    padding: 71px 60px 0;
}

.download-coupon .download-coupon-device .download-coupon-device__title-wrapper {
    margin: 0;

    text-align: left;
}

.download-coupon .download-coupon-device .download-coupon-device__title {
    letter-spacing: -0.25px;

    line-height: 1.56;
}

.download-coupon .download-coupon-device .download-coupon-device-list {
    margin: 18px auto 0;
}

.download-coupon .download-coupon-device .download-coupon-device-item {
    width: auto;
    margin: 0 40px 0 0;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__radio-button {
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__radio-button:checked + label {
    border: 1px solid #e35205;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label {
    display: block;

    box-sizing: border-box;
    width: 266px;
    height: 200px;
    padding: 0;

    text-align: center;
    letter-spacing: -0.25px;

    border: 1px solid #eee;
    border-radius: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    font-size: 18px;
    line-height: 332px;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label::before {
    margin: 0;

    content: '';

    border: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label:after {
    top: 32px;
    right: 26px;
    left: auto;

    width: 33px;
    height: 33px;

    background: url(/images/2019/icon-done.png) no-repeat center / contain;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_pro {
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_pro::before {
    top: 43%;
    left: 50%;

    width: 61px;
    height: 120px;

    transform: translate(-50%, -50%);

    background-image: url('/images/2019/download-coupon/device_pro.jpg');
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_pro::after {
    top: 32px;
    right: 26px;
    left: auto;

    width: 33px;
    height: 33px;

    background: url(/images/2019/icon-done.png) no-repeat center / contain;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_sens {
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_sens::before {
    top: 43%;
    left: 50%;

    width: 51px;
    height: 120px;

    transform: translate(-50%, -50%);

    background-image: url('/images/2019/download-coupon/device_sens.jpg');
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_sens::after {
    top: 32px;
    right: 26px;
    left: auto;

    width: 33px;
    height: 33px;

    background: url(/images/2019/icon-done.png) no-repeat center / contain;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2-mini {
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2-mini::before {
    top: 43%;
    left: 50%;

    width: 55px;
    height: 120px;

    transform: translate(-50%, -50%);

    background-image: url('/images/2019/download-coupon/device_series-2-mini.jpg');
}
/* series2 추가 2020-07-16*/ 
.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2::after {
    top: 32px;
    right: 26px;
    left: auto;

    width: 33px;
    height: 33px;

    background: url(/images/2019/icon-done.png) no-repeat center / contain;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2 {
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2::before {
    top: 43%;
    left: 50%;

    width: 55px;
    height: 120px;

    transform: translate(-50%, -50%);

    background-image: url('/images/2019/download-coupon/device_series2.jpg');
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2::after {
    top: 32px;
    right: 26px;
    left: auto;

    width: 33px;
    height: 33px;

    background: url(/images/2019/icon-done.png) no-repeat center / contain;
}

.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__name {
}

.download-coupon .download-coupon-cvs {
    padding: 110px 60px 100px;
}

.download-coupon .agree .download-coupon__view-more {
    display: inline-block;
    width: 97px;
    height: 26px;
    border-radius: 13px;
    margin: 0;
    background-color: #425563;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: normal;
    color: white;
}

.download-coupon .coupon-etc .download-coupon__view-more {
}

@media (max-width: 767px) {
    .download-coupon {
    }

    .download-coupon .download-coupon-device {
        padding: 62px 0 0 24px;
    }

    .download-coupon .download-coupon-device .download-coupon-device__title-wrapper {
    }

    .download-coupon .download-coupon-device .download-coupon-device__title {
        text-indent: -24px;
        letter-spacing: normal;
    }

    .download-coupon .download-coupon-device .download-coupon-device-list {
        margin: 22px 0 0 0;
    }

    .download-coupon .download-coupon-device .download-coupon-device-item {
        margin: 0 21px 0 0;
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__radio-button {
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label {
        width: 135px;
        height: 100px;

        color: #4a4a4a;

        font-size: 14px;
        line-height: 162px;
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label::before {
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label::after {
        top: 16px;
        right: 10px;

        width: 17px;
        height: 17px;
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_pro {
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_pro::before {
        top: 39.5%;

        width: 29px;
        height: 58px;
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_sens {
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_sens::before {
        top: 39.5%;

        width: 25px;
        height: 58px;
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2-mini {
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2-mini::before {
        top: 39.5%;

        width: 26px;
        height: 58px;
    }
	 .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2 {
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_series-2::before {
        top: 39.5%;

        width: 26px;
        height: 58px;
    }

    .download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__name {
    }

    .download-coupon .download-coupon-cvs {
        padding: 79px 24px 100px;
    }

    .download-coupon .agree .download-coupon__view-more {
        margin: 8px auto 0 !important;
    }
}

/* cart */
.cart-point .cart-point__title {
}

.cart-point .cart-point__list {
    border-bottom: none;
}

.cart-point .cart-point__item {
    padding: 14px 0 16px;
}

.cart-point .cart-point__item:nth-last-child(2) {
    padding: 14px 0 24px;
    border-bottom: 1px solid #eee;
}

.cart-point .cart-point__item-inner {
    position: relative;
    height: 72px;
    background-color: #fbfbfb;
}

.cart-point .cart-point__item .cart-point__item-title {
    top: 50%;
    left: 29px;
    transform: translate(0, -50%);
}

.cart-point .cart-point__item-point {
    padding: 0 24px 0 0;
    line-height: 72px;
    letter-spacing: -0.28px;
    text-align: right;
    color: black;
}

.cart-point .cart-point__item-description {
    display: block;
    padding: 15px 0 0;
    font-size: 14px;
    letter-spacing: -0.22px;
    text-align: left;
    text-indent: 29px;
    color: black;
}

@media (max-width: 767px) {
    .cart-point .cart-point__item {
        padding: 58px 0 0;
        margin: 24px 0 0;
    }

   .cart-point .cart-point__item:nth-child(1) {
        padding: 58px 0 0;
    }

    .cart-point .cart-point__item:nth-child(2) {
        padding: 58px 0 24px;
    }

   .cart-point .cart-point__item:nth-child(3) {
        padding: 0 0 24px;
    }

    .cart-point .cart-point__item .cart-point__item-title {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.25px;
        color: #333;
        left: 11px;
    }

    .cart-point .cart-point__item-title_font_apple-sd-gothic {
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: -0.22px;
    }
    .cart-point .cart-point__item-point {
        padding: 0 12px 0 0;
        font-size: 16px;
        line-height: 49px;
        letter-spacing: -0.25px;
    }

    .cart-point .cart-point__item-description {
        padding: 12px 0 0 12px;
        text-indent: 0;
    }
}

/* cart order */
.order-total__title_parenthesis {
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: -0.25px;
}

@media (max-width: 767px) {
    .order-total__title_parenthesis {
        padding: 1px 0 0;
        font-size: 12px;
        line-height: 1.67;
        letter-spacing: normal;
    }

    .order-total__title_pro {
    }
}

/* my coupon */
.items-coupon .card-coupon.glo {
    border: 1px solid #bdbdbd;
}

.coupon-mylist_mini .cu:before {
    left: auto;
    right: 21px;
}

.coupon-mylist_mini .gs:before {
    top: -3px;
    left: auto;
    right: 28px;
}

.coupon-mylist_mini .seven:before {
    top: -54px;
    left: auto;
    right: 35px;
    width: 139px;
}

.coupon-mylist_mini .emart:before {
    width: 126px;
    top: -34px;
    left: auto;
    right: 31px;
}

.coupon-mylist_mini .ministop:before {
    top: -2px;
    left: auto;
    right: 22px;
}

.coupon-mylist_mini .cspace:before {
    width: 137px;
    top: -51px;
    left: auto;
    right: 24px;
}

.coupon-mylist_mini .glo_flagship:before {
    background-image: url(/images/2019/coupon-logo-glo-flagship.png);
    background-position: center;
    background-size: contain;
    width: 52px;
    top: 7px;
    left: auto;
    right: 38px;
}

.coupon-mylist_mini .glo_eshop:before {
    background-image: url(/images/2019/coupon-logo-glo-eshop.png);
    background-position: center;
    background-size: contain;
    width: 52px;
    top: 10px;
    left: auto;
    right: 21px;
}

.coupon-mylist_mini .card-coupon-title {
    position: absolute;
    top: 70px;
    left: 40px;
    font-size: 28px;
    letter-spacing: -0.35px;
}

.coupon-mylist_mini .card-coupon .sum {
    bottom: 152px;
    letter-spacing: -2.1px;
}

.coupon-mylist_mini .card-coupon .details {
    bottom: 34px;
    padding: 27px 0 0;
}

.coupon-mylist_mini .card-coupon .details li {
    width: 48%;
}

@media (max-width: 1279px) {
    .items-coupon .card-coupon .details {
        bottom: 26px;
        padding-top: 12px;
    }

    .coupon-mylist_mini .card-coupon .details li {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 929px) {
    .coupon-mylist_mini .cu:before {
        top: -15px;
    }

    .coupon-mylist_mini .gs:before {
        top: -15px;
    }

    .items-coupon .btns button {
        min-width: 130px;
    }
}

@media (max-width: 767px) {
    .coupon-mylist_mini .cu:before {
        width: 57px;
        top: -6px;
        right: 12px;
    }

    .coupon-mylist_mini .gs:before {
        top: 1px;
        right: 15px;
    }

    .coupon-mylist_mini .seven:before {
        background-position: 0 -110px;
        top: 9px;
        right: 13px;
        width: 84px;
    }

    .coupon-mylist_mini .emart:before {
        background-position: 0 -110px;
        top: 16px;
        right: 14px;
        width: 79px;
    }

    .coupon-mylist_mini .ministop:before {
        background-position: 0 -90px;
        top: 10px;
        right: 5px;
        width: 74px;
    }

    .coupon-mylist_mini .glo_flagship:before {
        width: 33px;
        top: 8px;
        right: 22px;
    }

    .coupon-mylist_mini .glo_eshop:before {
        width: 33px;
        top: 9px;
        right: 22px;
    }

    .coupon-mylist_mini .cspace:before {
        background-position: 0 -120px;
        width: 93px;
        top: 8px;
        right: 9px;
    }

    .coupon-mylist_mini .card-coupon .sum {
        left: 20px;
        bottom: 84px;
        top: 60px;
        font-size: 32px;
        letter-spacing: -0.94px;
        font-weight: 400;
    }

    .coupon-mylist_mini .card-coupon-title {
        font-size: 18px;
        letter-spacing: -0.6px;
        top: 31px;
        left: 20px;
    }

    .coupon-mylist_mini .card-coupon .details {
        bottom: 20px;
        padding-top: 9px;
    }

    .coupon-mylist_mini .card-coupon .details li {
        float: left;
        width: 50%;
        white-space: nowrap;
    }
}

/* Kakao Floting */
.main-attendance-btn-wrap {
    position: fixed;
    z-index: 11;
    width: 120px;
    height: 157px;
    bottom: 10px;
    right: 10px;
}

.main-attendance-btn-wrap .modal-close {
    position: absolute;
    right: 29px;
    top: -70px;
    width: 20px;
    height: 20px;
    text-indent: -5000px;
    overflow: hidden;
    background: url(/images/2019/icon_close.svg) no-repeat 50% 50%;
    background-size: 100%;
}

.main-attendance-message {
    top: -47px;
    right: 22px;
    /* width: 180px; */
    width: 230px;
    height: 30px;
    padding-top: 6px;
    border-radius: 30px;
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.19px;
    color: #fff;
    background-color: #3C1E1E;
    text-align: center;
}

.main-attendance-message:before {
    content: ' ';
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 15px solid #3C1E1E;
    border-top: 4px solid #3C1E1E;
    border-bottom: 10px solid transparent;
    right: 19px;
    bottom: -10px;
}

.main-attendance-btn {
    display: block;
    margin-left: -20px;
    width: 120px;
    height: 120px;
    box-shadow: 10px 10px 20px #bbb;
    border-radius: 60px;
}

.main-attendance-btn img {
    width: 100%;
    display: block;
}

@media (max-width: 767px) {
    .main-attendance-btn-wrap {
        height: 100px;
        bottom: 0;
        width: 100px;
    }

    .main-attendance-btn {
        margin-left: -20px;
        width: 80px;
        height: 80px;
        border-radius: 40px;
    }

    .main-attendance-btn-wrap {
        right: 0;
    }
}

/* pro Floting */
.main-attendance-btn-wrap-pro {
    position: fixed;
    z-index: 11;
    width: 120px;
    height: 157px;
    bottom: 10px;
    right: 10px;
    background-color: transparent;
}

.main-attendance-btn-wrap-pro .modal-close {
    position: absolute;
    right: 29px;
    top: -70px;
    width: 20px;
    height: 20px;
    text-indent: -5000px;
    overflow: hidden;
    background: url(/images/2019/icon_close.svg) no-repeat 50% 50%;
    background-size: 100%;
}

.main-attendance-message-pro {
    top: -47px;
    right: 22px;
    width: 180px;
    height: 30px;
    padding-top: 6px;
    border-radius: 30px;
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.19px;
    color: #fff;
    background-color: #333;
    text-align: center;
}

.main-attendance-message-pro:before {
    content: ' ';
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 15px solid #333;
    border-top: 4px solid #333;
    border-bottom: 10px solid transparent;
    right: 19px;
    bottom: -10px;
}

.main-attendance-btn-pro {
    display: block;
    margin-left: -20px;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background-color: transparent;
    box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.4);
}

.main-attendance-btn-pro img {
    width: 100%;
    display: block;
}

@media (max-width: 767px) {
    .main-attendance-btn-wrap {
        height: 100px;
        bottom: 0;
        width: 100px;
        right: 0;
    }

    .main-attendance-btn {
        margin-left: -20px;
        width: 80px;
        height: 80px;
        border-radius: 40px;
    }

    .main-attendance-btn-wrap-pro {
        height: 100px;
        bottom: 0;
        width: 100px;
        right: 0;
    }

    .main-attendance-btn-pro {
        margin-left: -20px;
        width: 80px;
        height: 80px;
        border-radius: 40px;
    }

}

/* eshop New top bn*/
.shop-topbn {
    background: no-repeat 50% 0;
    background-position: top center;
    background-size: cover;
    height: 320px;
    margin-top: 128px;
}

.shop-topbn .glo-restrict {
    color: #fff;
    position: relative;
    top: 40px;
    max-width: 1000px;
}

.shop-topbn h4 {
    margin-top: 2px;
    font-size: 32px;
    line-height: 1.38;
    letter-spacing: -0.44px;
    font-weight: 500;
}

.shop-topbn h3 {
    margin-top: 2px;
    font-size: 56px;
    line-height: 1.38;
    letter-spacing: -0.44px;
}

.shop-topbn .newtx {
    font-size: 20px;
    color: #e35205;
    font-weight: 500;
}

.shop-topbn .introduce {
    margin: 10px 0 20px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: normal;
}

.shop-topbn.e-topbn191220 {
    background: url('/images/2019/eshop-top_bn_191220.jpg') no-repeat 50% 0;
}

.mb_only {
    display: none;
}

@media (max-width: 767px) {

    .mb_only {
        display: block;
    }

    .shop-topbn {
        margin-top: 172px;
    }

    .shop-topbn.e-topbn191220 {
        background-image: url('/images/2019/eshop-top_bn_191220_m.jpg');
        height: 286px;
        background-size: cover;
        background-position: center;
    }

    .shop-topbn h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .shop-topbn h3 {
        margin-top: 2px;
        font-size: 26px;
        line-height: 1.38;
        letter-spacing: -0.44px;
    }

    .shop-topbn .newtx {
        font-size: 16px;
        color: #e35205;
        font-weight: 500;
    }

    .shop-topbn .introduce {
        margin: 10px 0 20px;
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: normal;
    }

    .shop-topbn.e-topbn191220 .glo-restrict {
        top: 41px;
        padding: 0 24px;
    }

    .shop-topbn.e-topbn191220 .introduce {
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: normal;
    }

    .shop-topbn.e-topbn191220 .button a {
        min-width: 113px;
    }

}

/* carousel*/
.shop-list .carousel-wrapper {
    /*margin:30px auto 0;*/
    margin: 0px auto 0;
    max-width: 1300px;
    padding-bottom: 4%;
}

.shop-list .owl-carousel {
    width: 100%;
}

.shop-list .owl-carousel .owl_item {
    width: 333px;
    padding: 40px 36px 80px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.shop-list .owl-loaded.owl-drag .owl-item {
    opacity: 0.5;
}

.shop-list .owl-loaded.owl-drag .owl-item .image {
    margin-top: 200px;
}

.shop-list .owl-loaded.owl-drag .owl-item.active.center .image {
    margin-top: 0;
    width: 116%;
    position: relative;
    top: 20px;
    left: -25px;
}

.shop-list .owl-loaded.owl-drag .owl-item.active.center {
    opacity: 1 !important;
}

.shop-list .owl-carousel .owl_item .rollHide {
    display: none;
}

.shop-list .owl-loaded.owl-drag .owl-item.active.center .rollHide {
    display: block !important;
}

.shop-list .owl-carousel .owl_item.device:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 200px;
    width: 382px;
    height: 382px;
    background: url('/images/2019/shop-item-halo.png') no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
}

.shop-list .owl-carousel .owl_item .image {
    width: 332px;
    display: block;
    position: relative;
}

.shop-list .owl-carousel .owl_item .image + .colorset {
    margin-top: 0;
    display: none;
}

.shop-list .owl-carousel .owl_item .image img {
    width: 100%;
    display: block;
}

.shop-list .owl-carousel .owl_item.new .image:after,
.shop-list .owl-carousel .owl_item.limited .image:after,
.shop-list .owl-carousel .owl_item.soldout .image:after {
    content: 'NEW';
    position: absolute;
    left: 32px;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #e35205;
    font-size: 14px;
    line-height: 1;
    
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
}

.shop-list .owl-carousel .owl_item.limited .image:after {
    content: 'LIMITED';
}

/* .shop-list .owl-carousel .owl_item.soldout .image:after {
    content: '일시품절';
} */

.shop-list .owl-carousel .owl_item .colorset {
    font-size: 0;
    margin-top: 30px;
}

.shop-list .owl-carousel .owl_item .colorset li {
    display: inline-block;
}

.shop-list .owl-carousel .owl_item .colorset button {
    width: 30px;
    height: 30px;
    position: relative;
}

.shop-list .owl-carousel .owl_item .colorset button span {
    box-sizing: border-box;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    overflow: hidden;
    text-indent: -9999px;
}

.shop-list .owl-carousel .owl_item .colorset button span[style*='#fff'],
.shop-list .owl-carousel .owl_item .colorset button span[style*='#FFF'],
.shop-list .owl-carousel .owl_item .colorset button span[style*='rgb(255, 255, 255)'] {
    border: 1px solid #979797;
}

.shop-list .owl-carousel .owl_item .exclusive {
    margin-top: 37px;
    height: 26px;
    margin-bottom: -16px;
}

.shop-list .owl-carousel .owl_item .colorset + .exclusive {
    margin-top: 7px;
}

.shop-list .owl-carousel .owl_item .exclusive .btns-exclusive {
    background: #2c51ff;
}

.shop-list .owl-carousel .owl_item .rollHide h3 {
    font-size: 36px;
    letter-spacing: -0.025em;
    line-height: 44px;
    
    font-weight: 500;
    height: 100px;
}

.shop-list .owl-carousel .owl_item .description {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}

.shop-list .owl-carousel .owl_item .price {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 24px;
    letter-spacing: -0.015em;
}

.shop-list .owl-carousel li .price em {
    color: #e35205;
    font-size: 24px;
    display: block;
    padding-top: 3px;
}

.shop-list .owl-carousel .owl_item .sold-out {
    color: #e22219;
    font-weight: inherit;
}

.shop-list .owl-carousel .owl_item .buy {
    margin-top: 24px;
}

.shop-list .owl-carousel .owl-item.active.center.device:before {
    top: 220px !important;
}

/*control*/
heat.owl-nav {
    width: 100%;
    height: 1px
}

.owl-nav div {
    cursor: pointer;
    display: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 85px;
    text-indent: -999999px
}

.owl-nav .owl-prev {
    position: absolute;
    top: 350px;
    left: 28%;
    background: url('/images/2019/view_left.png') no-repeat;
}

.owl-nav .owl-next {
    position: absolute;
    top: 350px;
    right: 28%;
    background: url('/images/2019/view_right.png') no-repeat;
}

@media (max-width: 1000px) {
    .shop-list .owl-loaded .owl-nav.disabled, .owl-loaded .owl-dots.disabled {
        display: block !important;
    }

    .owl-nav .owl-prev {
        top: 30%;
        left: 18%;
    }

    .owl-nav .owl-next {
        top: 30%;
        right: 18%;
    }
}

@media (max-width: 767px) {

    .shop-list .owl-carousel .owl_item {
        width: 300px;
        margin: 0 auto;
        /*padding: 40px 0 80px 0;*/
        padding: 0px 0 80px 0;
    }

    .shop-list .owl-carousel .owl_item.device:before {
        top: 130px;
        width: 120%;
        background: url('/images/2019/shop-item-halo.png') no-repeat;
        background-size: 100%;
        transform: translateX(-50%);
    }

    .shop-list .owl-loaded.owl-drag .owl-item.active.center .image {
        width: 100%;
        left: 0;
    }

    /*    .shop-list .owl-carousel .owl_item.device:not(.swiper-slide-active):before {
          display: none;
      } */
    .shop-list .owl-carousel .owl_item .image {
        width: 300px;
        margin: 0 auto;
    }

    .shop-list .owl-carousel .owl_item.new .image:after, .shop-list .owl-carousel .owl_item.limited .image:after {
        /*left: 0;top: -40px;*/
        left: 7px;
        top: 7px;
    }

    .shop-list .owl-carousel .owl_item .colorset {
        margin-top: 30px;
    }

    .shop-list .owl-carousel .owl_item .colorset button {
        width: 28px;
        height: 28px;
    }

    .shop-list .owl-carousel .owl_item .colorset button span {
        left: 6px;
        top: 6px;
        width: 15px;
        height: 15px;
    }

    .shop-list .owl-carousel .owl_item h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .shop-list .owl-carousel .owl_item .description {
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px;
        padding: 0 20px;
    }

    .shop-list .owl-carousel .owl_item .price {
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px;
    }

    .shop-list .owl-carousel .owl_item .sold-out {
        color: #e22219;
    }

    .shop-list .owl-carousel .owl_item .buy {
        margin-top: 16px;
    }

    .shop-list .owl-carousel .owl_item .buy a {
        min-width: auto;
        width: 150px;
    }

    .owl-nav div {
        cursor: pointer;
        display: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 42.5px;
        text-indent: -999999px
    }

    .owl-nav .owl-prev {
        position: absolute;
        top: 300px;
        left: 30px;
        background: url('/images/2019/view_left.png') no-repeat;
        background-size: cover;
    }

    .owl-nav .owl-next {
        position: absolute;
        top: 300px;
        right: 30px;
        background: url('/images/2019/view_right.png') no-repeat;
        background-size: cover;
    }

}

/* Detail New */

.shop-detail.shop-detail_renu {
    padding: 0;
}

.shop-head .glo-restrict.renewal {
    width: 100%;
    max-width: 1600px;
    min-height: 755px;
    box-sizing: border-box;
    padding: 100px 0;
    position: relative;
}

.shop-head.rotation .glo-restrict.renewal {
    min-height: auto;
    padding: 100px 0 180px 0;
    display: flex;
    flex-direction: row;
    flex: 1;
    position: relative;
}

.clearfix {
    *zoom: 1
}

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

.shop-head .renewal .main-infoWrap {
    width: 40%;
    background-color: #fff;
    box-shadow: 5px 5px 25px rgba(0, 0, 0, .3);
    position: absolute;
    top: 80px;
    right: 0;
    min-height: 760px;
    padding-bottom: 80px;
}

.shop-head .renewal .main-infoWrap .main-info {
    position: relative;
    max-width: 440px;
    width: 440px;
    min-width: 300px;
    margin: 0 auto;
}

.shop-head .renewal .main-info h2 {
    margin-top: 60px;
}

.shop-head .renewal .main-infoWrap .main-info .point {
    font-size: 20px;
    top: -20px;
}

.shop-head .renewal .gallery {
    width: 60%;
    position: relative;
}

.shop-head .renewal .gallery .main .image .rotation-box {
    top: 50px;
}

.shop-head .renewal .gallery img {
    width: 100%;
    display: block;
}

.shop-head .renewal .gallery .main {
    width: 90%;
    position: static;
    min-height: 640px;
    padding-left: 10%;
    padding-top: 70px;
    margin-top: 25px;
    padding-bottom: 50px;
}

.shop-head .renewal .gallery .main.black {
    background-color: #c0c0c0;
}

.shop-head .renewal .gallery .main.white {
    background-color: #f0f0f0;
}

.shop-head .renewal .gallery .main.champagne {
    background-color: #c0c0c0;
}

.shop-head .renewal .gallery .main .image {
    position: relative;
    width: 100%;
    max-width: 534px;
    margin: 0 auto;
    padding-top: 50px;
}

.shop-head .renewal .gallery .main .image:before {
    content: '';
    position: absolute;
    left: -5%;
    right: -5%;
    top: -3%;
    padding-top: 150%;
    background: url('/images/2019/shop-item-halo-large_nobg.png') no-repeat;
    background-size: 100%;
}

.shop-head .renewal .gallery .main .image img {
    position: absolute;
    /* padding-top: 14.6%; */
    padding-top: 0;
    top: 0;
    left: 0;
    opacity: 0;
}

.shop-head .renewal .gallery .main .image img:first-child {
    position: relative;
    opacity: 1;
}

.shop-head .renewal .gallery .thumb {
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -250px;
    width: 78px;
}

.shop-head .renewal .gallery .thumb li {
    margin-bottom: 16px;
    background-color: #fff;
}

.shop-head .renewal .gallery .thumb li.icon_new {
    background-color: #e45205;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    
    line-height: 78px;
}

.shop-head .renewal .gallery .thumb li button {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.shop-head .renewal .gallery .thumb li button:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #e35205;
    display: none;
    content: '';
}

.shop-head .renewal .gallery .thumb li button.current:after {
    display: block;
}

.shop-head .renewal .gallery .thumb li button img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0.5;
}

.shop-head .renewal .gallery .thumb li button.current img {
    opacity: 1;
}

@media (max-width: 1150px) {

    .shop-detail.shop-detail_renu {
        padding: 0;
    }

    .shop-head .renewal .gallery {
        width: 45%;
    }

    .shop-head .renewal .main-infoWrap {
        min-height: 800px;
        width: 55%;
    }

    .shop-head .renewal .main-infoWrap .main-info {
        min-width: 260px;
    }

    .shop-head .renewal .gallery .thumb {
        top: 76%;
        max-width: auto;
        width: auto;
        left: 0;
        margin-top: 70px;
    }

    .shop-head .renewal .gallery {
        /* height: 100%; */
    }

    .shop-head .renewal .gallery .main {
        min-height: 730px;
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
    }

    .shop-head .renewal .gallery .thumb li.icon_new {
        line-height: 70px;
    }

    .shop-head .renewal .gallery .thumb li {
        height: 70px;
        width: 70px;
    }

}

@media (max-width: 767px) {

    .shop-head .glo-restrict.renewal {
        padding-top: 0;
    }

    .shop-head.rotation .glo-restrict.renewal {
        display: block;
        padding: 0;
    }

    .shop-head .renewal .main-infoWrap {
        box-shadow: none;
        padding: 0 24px;
        min-height: auto;
        top: 0;
        box-sizing: border-box;
        width: 100%;
        position: static;
    }

    .shop-head .renewal .main-infoWrap .main-info {
        min-height: auto;
        max-width: auto;
        width: auto;
    }

    .shop-head .renewa .main-infoWrapl .main-info h2 {
        margin-top: 0;
        padding-top: 10%;
    }

    .shop-head .renewal .gallery .main {
        width: 94%;
        padding: 3%;
        margin-top: 0;
        min-height: auto;
        padding-bottom: 100px;
    }

    .shop-head .renewal .gallery .thumb li.icon_new {
        line-height: 55px;
        font-size: 12px;
    }

    .shop-head .renewal .gallery .thumb li {
        height: 55px;
        width: 55px;
    }

    .shop-head .renewal .gallery .thumb {
        left: 4%;
        top: 78%;
    }

    .shop-head .renewal .gallery {
        width: 100%;
        display: block;
    }

}

@media (max-width: 480px) {
    .shop-head .renewal .gallery .thumb {
        left: 4%;
        top: 70%;
    }

    .shop-list .owl-carousel li .price em {
        font-size: 20px;
    }
}

/* Cart New  */
.order-discount.re_191226 [class^='items-'] > p {
    display: block;
    margin: 8px 8px 0;
}

.order-discount.re_191226 [class^='items-'] {
    padding: 4px 150px 13px 600px;
}

@media (max-width: 1200px) {

    .order-discount.re_191226 [class^='items-'] > p select {
        width: 100%;
    }

    .order-discount.re_191226 [class^='items-'] {
        padding: 46px 0 0;
        min-height: 54px;
    }

    .order-discount.re_191226 [class^='items-'] > strong {
        left: 0;
        top: 19px;
        font-size: 16px;
        line-height: 24px;
        display: block;
        padding-right: 80px;
    }

    .order-discount.re_191226 [class^='items-'] > p {
        margin: 8px 0 0;
    }

    .order-discount.re_191226 [class^='items-'] .price {
        right: 13px;
        top: 45px;
        font-size: 14px;
        line-height: 17px;
    }

    .order-discount.re_191226 .items-promotion {
        padding: 17px 80px 13px 12px;
    }

    .order-discount.re_191226 .items-promotion > strong {
        position: static;
    }

    .order-discount.re_191226 .items-promotion .price {
        top: 70%;
        transform: translateY(-50%);
    }

    .order-discount.re_191226 .items-coupon {
        padding: 70px 0 0;
    }
}

/* 200108 e-shop*/
.shop-list .owl-carousel.owl-loaded.owl-drag .owl-item.active.center .image {
    margin-top: 0;
    width: 116%;
    position: relative;
    top: 20px;
    left: -25px;
}

.shop-list .owl-carousel.owl-loaded.owl-drag .owl-item.active.center {
    opacity: 1 !important;
}

.shop-list .owl-carousel.owl-loaded.owl-drag .owl-item.active.center .rollHide {
    display: block !important;
}

.shop-list .stuff_1.owl-carousel .owl-nav div {
    display: none;
}

/*nav*/
.carousel-wrapper .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
}

.carousel-wrapper .owl-dot {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 4px;
    background: #dbdbdb;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
}

.carousel-wrapper .owl-dot span {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.carousel-wrapper .owl-dot.active {
    background: #E35205;
}

.carousel-wrapper .owl-dot:last-child {
    margin: 0
}

.carousel-wrapper .owl-dots button {
    margin-right: 10px;
}

/* 200114 */
.shop-head .renewal .gallery .main.pro-white {
    background-color: #848484;
}

.shop-head .renewal .gallery .main.pro-Pistachio {
    background-color: #bfc4b4;
}

/* 200115 */
.review_topicon {
    width: 100%;
    margin-top: 10px;
    font-size: 22px;
    position: relative;
    padding-left: 44px;
}

.review_topicon:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    content: '';
    background: url(/images/2019/shop-detail-tab_orange.png) no-repeat;
    background-size: auto 100%;
    background-position: center;
}

.review_topicon a {
    color: #333;
    font-weight: 500;
}

.recent-review {
    padding: 4% 5%;
}

.recent-reviewWrap {
    width: 100%;
}

.recent-reviewWrap h3 {
    font-size: 22px;
    font-weight: 500;
    padding-left: 1%;
}

.recent-reviewWrap h3 > span {
    padding: 0 13px;
    font-size: 16px;
    font-weight: 400;
    color: #999;
}

.view_all {
    font-size: 16px;
    font-weight: 400;
    color: #999;
}

.review-item {
    background-color: #F7F7F7;
    padding: 8%;
    margin: 3%;
}

.review_box {
    width: 100%;
    font-size: 13px;
    min-height: 200px;
}

.txbox {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    height: 13em;
}

.review-info {
    font-size: 12px;
    color: #555;
}

.recent-reviewWrap .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -20px;
    background: url('/images/2019/view_left.png') no-repeat;
    width: 15px;
    height: 40px;
    margin-top: -20px;
    background-size: 100%;
}

.recent-reviewWrap .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -20px;
    background: url('/images/2019/view_right.png') no-repeat;
    width: 15px;
    height: 40px;
    margin-top: -20px;
    background-size: 100%;
}

.soldout_notice {
    font-size: 16px;
    font-weight: 500;
    color: red;
    padding-top: 30px;
}

@media (max-width: 650px) {
    .recent-reviewWrap h3 {
        font-size: 16px;
        padding-left: 3%;
    }

    .recent-reviewWrap h3 > span {
        padding: 0 10px;
        font-size: 12px;
    }

    .view_all {
        font-size: 14px;
        font-weight: 400;
        color: #999;
    }

    .review_box {
        font-size: 12px;
        min-height: 140px;
    }

    .txbox {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        height: 9.5em;
    }

    .recent-reviewWrap .owl-nav .owl-prev {
        left: -10px;
        width: 10px;
        height: 30px;
        margin-top: -15px;
    }

    .recent-reviewWrap .owl-nav .owl-next {
        right: -10px;
        width: 10px;
        height: 30px;
        margin-top: -15px;
    }

    .soldout_notice {
        font-size: 13px;
        padding: 15px 0;
    }
}

/* 장바구니 쿠폰 200128*/
.discount-type .tit {
    font-size: 20px;
    cursor: pointer;
    font-weight: 500;
}

.discount-type .tit .msg {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-left: 8px;
}

.order-discount [class^='items-'] > strong.tit {
    font-size: 20px;
    cursor: pointer;
    font-weight: 500;
    top: 40px;
    padding-right: 0;
}

.order-discount [class^='items-'] > strong.tit .msg {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-left: 8px;
}

.order-discount [class^='items-'].paycoupon_new {
    border-top: 2px solid #333;
    padding-top: 20px;
    margin-top: 20px;
}

@media (max-width: 1200px) {
    .discount-type.re_200122 {
        padding-left: 0;
    }

    .order-discount [class^='items-'].paycoupon_new {
        padding-top: 70px;
    }
}

/* 장바구니 20200303 */
.title-page .msg {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    margin-left: 10px;
}

.order-discount.re_191226 strong {
    display: block;
}

.order-discount.re_191226 strong .item_color {
    font-weight: 400;
    margin-left: 10px;
}

.order-discount.re_191226 strong .item_quantity {
    font-weight: 400;
    font-size: 15px;
    color: #777;
    margin-left: 20px;
}

.order-discount.re_191226 .re_200303 {
    border-top: 1px solid #eee;
}

.order-discount.re_191226 .hidden {
    visibility: hidden;
}

.discount-type.re_200122 {
    border-bottom: 1px solid #eee;
}

@media (max-width: 767px) {

    .title-page .msg {
        display: none;
    }

}

/* 200526 쿠폰수정*/
.order-discount [class^='items-'].re_200526 {
    padding: 20px 0 23px 63%;
}

.order-discount .re_200526 {
    border-bottom: 1px solid #eee;
}

.order-discount.re_200526 [class^='items-'] > strong.tit {
    top: 26px !important;
}

.discount-type label.order-discount-label {
    font-size: 17px;
    position: relative;
    top: 5px;
    display: inline-block;
    height: 40px;
}

span.block {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: right;
    padding-top: 5px;
    padding-right: 10%;
}

.point-color {
    color: #E35205;
}

.my-coupon hgroup .cell-number {
    width: 25%;
    padding-top: 0;
    padding-left: 15px;
}

.my-coupon-regist {
    width: 100%;
    margin-bottom: 10px;
}

.my-coupon-regist .discount-type {
    border-top: 0;
}

.my-coupon-regist input[type='text'] {
    width: 214px;
}

.my-coupon-regist span.block {
    text-align: left;
    display: inline;
    font-size: 14px;
    padding-left: 15px;
}

@media (max-width: 1300px) {
	.discount-type {
		padding: 18px 0 17px 0;
	}
    .order-discount.re_191226 .items-coupon {
        margin-bottom: 20px;
    }

    .order-discount [class^='items-'].re_200526 {
        padding: 70px 0 20px 0;
        margin-bottom: 0;
    }

    .order-discount [class^='items-'].re_200526 > p input[type='text'] {
        width: calc(85% - 78px);
    }

    .discount-type label.order-discount-label {
        width: 15%;
        margin-right: 0;
    }

    span.block {
        font-size: 13px;
    }

    .my-coupon-regist span.block {
        display: block;
        font-size: 13px;
        padding-left: 15%;
    }
}

@media (max-width: 540px) {
    .discount-type label.order-discount-label {
        width: 100%;
    }

    .order-discount [class^='items-'].re_200526 > p input[type='text'] {
        width: calc(100% - 78px);
    }

    span.block {
        font-size: 12px;
    }

    .my-coupon-regist span.block {
        font-size: 12px;
        padding-left: 0;
    }

}

/* 기기등록 2020-06-17*/
.my-register-title {
    border-bottom: 2px solid #333333;
}

.my-register {
    border-top: 2px solid #333;
    margin-top: 26px;
}

.my-register hgroup {
    display: flex;
    display: -ms-flexbox;
    height: 72px;
    border-bottom: 1px solid #333;
    box-sizing: border-box;
    align-items: center;
    -ms-flex-align: center;
}

.my-register hgroup h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    box-sizing: border-box;
}

.my-register .cell-date {
    box-sizing: border-box;
    width: 21%;
    padding-left: 24px;
}

.my-register .cell-register {
    box-sizing: border-box;
    width: 62%;
    padding-left: 24px;
}

.my-register .cell-referral {
    box-sizing: border-box;
    width: 17%;
    padding: 0 24px 0 24px;
}

.my-register .list-row {
    display: flex;
    display: -ms-flexbox;
    box-sizing: border-box;
    height: 80px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.16);
}

.my-register .list-row .cell-date {
    height: 80px;
    padding: 16px 0 16px 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    line-height: 48px;
    letter-spacing: 0.3px;
    color: #000000;
}

.my-register .list-row .cell-register {
    padding: 16px 0 16px 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 48px;
    letter-spacing: -0.3px;
    color: #333333;
}

.my-register .list-row .cell-referral {
    padding: 16px 0 16px 24px;
    font-size: 18px;
    line-height: 48px;
    letter-spacing: -0.3px;
    text-align: left;
    color: #333333;
}

.my-register-box {
    width: 100%;
    /* height: 400px; */
    display: flex;
    margin-top: 22px;
}

.register_figure {
    flex-grow: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    /* height: 400px; */
	height: 420px;
    background-image: url(/images/2021/bg-register-starterkit.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% auto;
    background-color: #425563;
    background-position-y: bottom;
}

.register_form {
    width: 612px;
    /* height: 400px; */
	height: 420px;
    border: solid 1px #ededed;
    box-sizing: border-box;
}

.register_explain {
    display: flex;
    display: -ms-flexbox;
    margin-top: 43px;
}

.register_label {
    width: 260px;
    padding-left: 60px;
    box-sizing: border-box;
    height: 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: -0.3px;
    color: #333333;
}

.register_explain ul li {
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.3px;
    color: #333333;
}

.register_explain ul li.small_text { font-size: 15px; }

.register_explain ul li span {
    display: inline-block;
    margin-right: 13px;
    width: 24px;
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    /* line-height: 1.88; */
	line-height: 30px;
    letter-spacing: -0.3px;
    color: #333333;
}

.register_input_register {
    display: flex;
    display: -ms-flexbox;
    margin-top: 28px;
}

.register_input_referral {
    display: flex;
    display: -ms-flexbox;
    margin-top: 12px;
}

.register_input_register label strong {
    font-size: 16px;
    font-weight: 400;
    color: #e35205;
}

.register_input_referral label strong {
    font-size: 16px;
    font-weight: 400;
}

.register_input_register input[type='text'],
.register_input_referral input[type='text'] {
    width: 295px;
}

.register_input_register label,
.register_input_referral label {
    padding-top: 8px;
}

.register_input_referral {
    display: flex;
    display: -ms-flexbox;
}

.register_submit {
    margin: 24px 0 0 260px;
    width: 295px;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
}

.register_submit button {
    width: 100%;
}

.my-register-voucher {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 156px;
    border: solid 1px #eeeeee;
    position: relative;
}

.register-message {
    flex-grow: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-image: url(/images/2020/bg-register-message.svg);
    background-repeat: no-repeat;
    background-position: right 52px top 22px;
}

.register-message span {
    display: inline-block;
    height: 34px;
    font-size: 24px;
    line-height: 1.42;
    letter-spacing: -0.5px;
    color: #333333;
    margin: 44px 0 0 40px;
}

.register-message span.caution {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
    margin: 12px 0 0 40px;
    color: #bdbdbd;
}

.my-register-voucher .register-caution {
    right: -15px;
    top: 160px;
    position: absolute;
    margin-top: 9px;
    padding: 0 16px 0 16px;
    font-size: 12px;
    line-height: 1.33;
    color: #e35205;
    text-align: right;
}

.my-register-voucher dl {
    margin-top: 33px;
    box-sizing: border-box;
    height: 80px;
}

.my-register-voucher dt {
    padding-left: 70px;
    height: 34px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -0.4px;
    color: #333333;
}

.my-register-voucher dd {
    padding-left: 70px;
    margin-top: 3px;
    width: 180px;
    height: 54px;
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: -0.3px;
    color: #333333;
}

.register-voucher-coupon {
    background-image: url(/images/2020/bg-icon-coupon.png);
    background-repeat: no-repeat;
    background-size: 36px 24px;
    background-position: 17px 4px;
    border-right: 1px solid #eee;
    width: 286px;
}

.register-voucher-point {
    background-image: url(/images/2020/bg-icon-point.png);
    background-repeat: no-repeat;
    background-size: 36px 34px;
    background-position: 18px 0px;
    border-right: 1px solid #eee;
    width: 286px;
}

.register-voucher-vip {
    background-image: url(/images/2020/bg-icon-concierge.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: 18px 0;
    width: 286px;
}

.register-caution {
    margin-top: 11px;
    font-size: 12px;
    line-height: 1.33;
    text-align: right;
    color: #e35205;
}

@media (max-width: 1279px) {
    .my-info-top {
        padding: 0 40px 0 40px;
    }

    .my-info-top {
        padding: 0 40px 0 40px;
    }

    .my-info-top .summary_grade {
        padding-right: 17px;
    }

    .my-info-top .summary_point {
        margin-left: 20px;
    }

    .participate-filter-box .month-box {
        width: 210px;
    }

    .participate-filter-box .period-box input[type='text'] {
        width: 140px;
    }

    .participate-filter-box .reward-box input[type='text'] {
        width: 70%;
    }

    /* .my-register-box {
        height: 546px;
    } */

    .register_form {
        width: 50%;
		height: 570px;
        /* height: 546px;
        border: solid 1px #ededed;
        box-sizing: border-box; */
    }

    .register_form_wrap {
        width: 372px;
        margin: 0 auto;
    }

    .register_explain {
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        -ms-flex-direction: column;
        margin-top: 40px;
        justify-content: center;
        -ms-flex-pack: center;
    }

    .register_label {
        width: 100%;
        padding-left: 0;
        box-sizing: border-box;
        height: 30px;
        font-size: 20px;
        line-height: 1.5;
    }

    .register_explain ul {
        margin-top: 21px;
    }

    .register_input_register {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin-top: 24px;
    }

    .register_input_referral {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin-top: 12px;
    }

    .register_input_register input[type='text'],
    .register_input_referral input[type='text'] {
        width: 100%;
        margin-top: 20px;
    }

    .register_input_register label,
    .register_input_referral label {
        padding-top: 8px;
    }

    .register_submit {
        margin: 24px 0 0 0;
        width: 100%;
    }

    .register-message {
        background-image: none;
    }
}

@media (max-width: 1023px) {
    .my-info-top {
        flex-direction: column;
        -ms-flex-direction: column;
        justify-content: flex-start;
        -ms-flex-pack: start;
        height: 240px;
    }

    .my-info-top .welcome-message {
        margin-top: 36px;
        height: 56px;
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: -0.3px;
        text-align: center;
    }

    .my-info-top .summary {
        width: 312px;
        margin: 44px auto 0 auto;
    }

    .my-info-top dt {
        font-size: 14px;
        height: 20px;
        line-height: 2.14;
        letter-spacing: -0.2px;
    }

    .my-info-top .summary_grade,
    .my-info-top .summary_point {
        width: 50%;
        text-align: center;
    }

    .my-info-top .summary_grade {
        height: 64px;
    }

    .my-info-top .summary_grade dd {
        margin: 0;
        text-align: center;
    }

    .my-info-top .summary_grade dd img {
        display: inline-block;
        width: 50px;
        height: 50px;
        margin-top: 4px;
    }

    .my-info-top .summary_point dd {
        padding-top: 18px;
        font-size: 24px;
        line-height: 1;
        letter-spacing: -1px;
        text-align: center;
        color: #333333;
    }

    .participate-filter-box {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        justify-content: space-between;
        -ms-flex-pack: justify;
    }

    .participate-filter-box .reward-box {
        margin-top: 10px;
    }

    .participate-filter-box .reward-box input[type='text'] {
        width: 308px;
    }

    .my-register .cell-register {
        width: 57%;
    }

    .my-register .cell-referral {
        width: 22%;
    }

    .my-register-box {
        height: 820px;
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        -ms-flex-direction: column;
    }

    .register_figure {
        width: 100%;
        height: 430px;
        background-image: url(/images/2020/bg-register-starterkit.jpg);
        background-size: auto 430px;
        background-position-x: center;
    }

    .register_form {
        width: 100%;
        height: 390px;
    }

    .register_form_wrap {
        width: 556px;
    }

    .register_explain {
        display: flex;
        display: -ms-flexbox;
        flex-direction: row;
        -ms-flex-direction: row;
        justify-content: flex-start;
        -ms-flex-pack: start;
    }

    .register_label {
        width: 221px;
        padding-left: 0;
        box-sizing: border-box;
        height: 30px;
        font-size: 20px;
        line-height: 1.5;
    }

    .register_explain ul {
        margin-top: 0;
    }

    .register_input_register {
        flex-wrap: nowrap;
        -ms-flex-wrap: none;
        margin-top: 24px;
    }

    .register_input_referral {
        flex-wrap: nowrap;
        -ms-flex-wrap: none;
        margin-top: 12px;
    }

    .register_input_register input[type='text'],
    .register_input_referral input[type='text'] {
        width: 330px;
        margin-top: 0;
    }

    .register_input_register label,
    .register_input_referral label {
        padding-top: 8px;
    }

    .register_submit {
        margin: 24px 0 0 221px;
        width: 330px;
    }

    .my-register-voucher {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        height: 222px;
    }

    .register-message {
        width: 100%;
        height: 34px;
    }

    .register-message br {
        display: none;
    }
}

@media (max-width: 767px) {
    .register_label {
        width: 100%;
        padding-left: 0;
        height: 30px;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.67;
        letter-spacing: -0.3px;
    }

    .register_form_wrap {
        width: 100%;
    }

    .register_explain {
        display: flex;
        margin-top: 30px;
        flex-direction: column;
        justify-content: center;
    }

    .register_explain ul {
        margin-top: 10px;
    }

    .my-register-box {
        /* height: 620px; */
		height: auto;
    }

    .register_form {
        height: 400px;
        padding: 0 24px 0 24px;
        width: 100%;
    }

    .register_explain ul li {
        height: 24px;
        font-size: 16px;
		/* line-height: 2.25; */
        line-height: 24px;
        letter-spacing: -0.2px;
        white-space: nowrap;
    }

	.register_explain ul li.small_text { font-size: 13px; }
	.register_explain ul li span { height: 24px; line-height: 24px; }

    .register_input_register {
        width: 100%;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin-top: 25px;
    }

    .register_input_referral {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin-top: 20px;
    }

    .register_input_register input[type='text'],
    .register_input_referral input[type='text'] {
        width: 100%;
        margin-top: 15px;
    }

    .register_input_register label,
    .register_input_referral label {
        padding-top: 8px;
        width: 100%;
    }

    .register_submit {
        margin: 33px 0 0 0;
        width: 100%;
    }

    .register_submit button {
        height: 44px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.56;
        letter-spacing: -0.3px;
        width: 100%;
    }

    .my-register-voucher {
        height: 140px;
        margin-bottom: 20px;
    }

    .register-message {
        margin: 20px 0 0 16px;
    }

    .register-message span {
        height: 20px;
        font-size: 18px;
        color: #4a4a4a;
        line-height: normal;
        letter-spacing: normal;
        margin: 0;
    }

    .register-message span.caution {
        display: none;
        height: 32px;
        font-size: 12px;
        line-height: 1.33;
        letter-spacing: normal;
        margin: 7px 0 0 0;
    }

    .register-message span.caution br {
        display: block;
    }

    .my-register-voucher dl {
        margin: -10px 0 0 0;
        padding: 0;
        height: auto;
    }

    .my-register-voucher dt {
        height: 34px;
        font-size: 18px;
        line-height: 1.89;
        font-weight: 500;
        padding: 24px 0 0 16px;
        letter-spacing: -0.4px;
    }

    .my-register-voucher dd {
        width: 140px;
        height: 36px;
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: normal;
        color: #4a4a4a;
        padding: 0 0 0 16px;
    }

    .register-voucher-coupon {
        background-image: url(/images/2020/bg-icon-coupon.png);
        background-repeat: no-repeat;
        background-size: 24px 16px;
        background-position: 15px 2px;
        border-right: none;
    }

    .register-voucher-point {
        background-image: url(/images/2020/bg-icon-point.png);
        background-repeat: no-repeat;
        background-size: 24px 22px;
        background-position: 15px 2px;
    }

    .my-register-voucher .register-caution {
        width: calc(100% - 24px);
        top: 196px;
        margin-top: 9px;
        margin-right: 12px;
        margin-left: 12px;
        padding: 16px 16px 16px 16px;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: normal;
        color: #e35205;
        text-align: left;
        background-color: #fcfcfc;
    }

    .register_figure {
        width: 100%;
        /* height: 204px; */
		height: 204px;
        background-size: auto 212px;
    }

    .my-register hgroup {
        display: none;
    }

    .my-register .list-row {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        height: 120px;
    }

    .my-register .list-row .cell-date {
        width: 100%;
        padding: 0 0 0 0;
        position: relative;
        height: 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
        margin: 16px 0 0 0;
    }

    .my-register .list-row .cell-date span {
        display: inline-block;
        position: absolute;
        width: 84px;
        text-align: left;
        right: 0;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57;
        letter-spacing: normal;
        color: #333333;
    }

    .my-register .list-row .cell-register {
        width: 100%;
        padding: 0 0 0 0;
        position: relative;
        height: 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
        margin: -10px 0 0 0;
    }

    .my-register .list-row .cell-register span {
        display: inline-block;
        position: absolute;
        width: 84px;
        text-align: left;
        right: 0;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57;
        letter-spacing: normal;
        color: #333333;
    }

    .my-register .list-row .cell-referral {
        width: 100%;
        padding: 0 0 0 0;
        position: relative;
        height: 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
        margin: -10px 0 0 0;
    }

    .my-register .list-row .cell-referral span {
        display: inline-block;
        position: absolute;
        width: 84px;
        text-align: left;
        right: 0;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57;
        letter-spacing: normal;
        color: #333333;
    }

    .my-register .list-row [class^='cell-date']:before,
    .my-register .list-row [class^='cell-register']:before,
    .my-register .list-row [class^='cell-referral']:before {
        content: attr(data-name);
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #333;
    }

}

/* pagination */
.pg-area-loyalty {
    margin-top: 70px;
    text-align: center;
    letter-spacing: -0.025em;
    line-height: 24px;
    font-size: 0;
}

.pg-area-loyalty li {
    display: inline-block;
    padding: 3px 5px 0;
    margin: 0 4px;
    color: #333;
    font-size: 16px;
    box-sizing: border-box;
    vertical-align: middle;
}

.pg-area-loyalty li a {
    text-decoration: none;
    color: #333;
}

.pg-area-loyalty .active a {
    color: #e35205;
    font-weight: 500;
}

.pg-area-loyalty li.prev a,
.pg-area-loyalty li.next a {
    position: relative;
    width: 24px;
    height: 24px;
    font-size: 0;
    overflow: hidden;
}

.pg-area-loyalty li.prev a:before,
.pg-area-loyalty li.next a:before {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 8px;
    margin: -7px 0 0 -3px;
    background: url('../images/icon-arr.svg') no-repeat;
    background-size: 100% auto;
}

.pg-area-loyalty li.prev.disabled,
.pg-area-loyalty li.next.disabled {
    opacity: 0.31;
    pointer-events: none;
}

.pg-area-loyalty li.prev a {
    margin-right: 11px;
}

.pg-area-loyalty li.prev a:before {
    transform: rotate(-180deg);
}

.pg-area-loyalty li.next a {
    margin-left: 11px;
}

.pg-area-loyalty .first,
.pg-area-loyalty .end {
    display: none;
}

@media (max-width: 767px) {
    .pg-area-loyalty {
        margin-top: 40px;
    }
}

/* 2020-07-24 */
.shop-list .owl-carousel li .price.soldout {
	color: #e35205;
	font-size: 18px;
	display: block;
	padding-top: 3px;
}


/* 2020-08-24 수정 */ 
 .my-coupon .cell-period {
    width: 15%;
    padding-left: 15px;
	padding-top:10px;
}
.my-coupon hgroup .cell-period {
    width: 15%;
    padding-top: 0;
    padding-left: 15px;
}
.order-discount.re_200819 [class^='items-'] > p {
    display: block;
    margin: 8px 8px 0;
}

.order-discount.re_200819 .discount-type[class^='items-'] {
    padding: 4px 150px 13px 600px;
}
.order-discount.re_200819 [class^='items-'] {
    padding: 4px 240px 13px 600px;
}
.discountCouponEndDate.period_200819{
	color:#333;
	width:100px;
	display:inline-block !important;
	text-align:right;
}
.order-discount.re_200819 .re_200303 {
    border-top: 1px solid #eee;
}
.order-discount.re_200819 [class^='items-'] > strong.tit {
    top:30px;
}
.items-couponArea{
	content: ''; 
	clear: both;
}
.add_200824{
	display:inline; 
	float:right;
	font-size:14px;
	line-height: 46px;
    margin-left:-80px;
}
.add_200824 > span{
	cursor:pointer;
}
.add_200824 > span.mid-line{
	cursor:default;
	padding:0 8px;
	color:#ccc;
	display:inline-block;
}
.add_200824 > span > a{
	color:#333;
}
.add_200824 > span > a.current{
	color:#000;
	border-bottom:2px solid #E35205;
	padding-bottom:3px;
}
.add_200824 > span > a:hover{
	color:#000;
	border-bottom:2px solid #E35205;
	padding-bottom:3px;
}

@media (max-width: 1300px) {

    .order-discount.re_200819 [class^='items-'] > p select {
        width: 100%;
    }

    .order-discount.re_200819 [class^='items-'] {
        padding: 46px 0 0;
        min-height: 54px;
    }
	.order-discount.re_200819 .discount-type[class^='items-'].re_200526 {
		padding: 70px 0 20px 0;
		margin-bottom: 0;
	}

    .order-discount.re_200819 [class^='items-'] > strong {
        left: 0;
        top: 19px;
        line-height: 24px;
        display: block;
        padding-right: 0;
    }

    .order-discount.re_200819 [class^='items-'] > p {
        margin: 8px 0 0;
    }

    .order-discount.re_200819 [class^='items-'] .price {
        right: 13px;
        top: 45px;
        font-size: 14px;
        line-height: 17px;
    }

    .order-discount.re_200819 .items-promotion {
        padding: 17px 80px 13px 12px;
    }

    .order-discount.re_200819 .items-promotion > strong {
        position: static;
    }

    .order-discount.re_200819 .items-promotion .price {
        top: 70%;
        transform: translateY(-50%);
    }

    .order-discount.re_200819 .items-coupon {
        padding: 70px 0 0;
    }
	.order-discount.re_200819 .discount-type[class^='items-'] {
		 padding: 70px 0 0;
	}
	.order-discount.re_200819 .re_200303{
		margin-top:30px;
	}
	.order-discount.re_200819 [class^='items-'].re_ic_200819 .price {
		right: 13px;
		top: 15px;
		font-size: 14px;
		line-height: 17px;
	}
	 .order-discount.re_200819 .items-coupon.re_ic_200819 {
        padding: 40px 0 0;
    }
	.add_200824{
		display:block; 
		float:none;
		text-align:right;
		font-size:13px;
		line-height: 13px;
	}
}

@media (max-width: 767px) {
	.my-coupon .cell-period{
		padding-top:0;
	}
	.period_200819{
		width:90px;
		color:#333;
	}
	.add_200824{
		padding-top:10px;
	}
	.add_200824 > span > a{
		color:#333;
	}
	.add_200824 > span > a.current{
		color:#000;
		border-bottom:2px solid #E35205;
		padding-bottom:3px;
	}
	.add_200824 > span > a:hover{
		color:#000;
		border-bottom:2px solid #E35205;
		padding-bottom:3px;
	}
	
}

/* 2020-09-04 */ 
.order-discount.re_200819{
	border-bottom:0;
}
.coupon-itemWrap{
	width:100%;
	border-bottom:1px solid #eee;
}
.coupon-item-200903{
	display:table;
	padding:13px 0;
	width:100%;
}
.coupon-item-200903 strong{
	display:table-cell;
	vertical-align:middle;
	width:43%;
	font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.015em;
	text-indent:13px;
	
}
.coupon-item-200903 .select_couponbox{
	display:table-cell;
	width:45%;
	vertical-align:middle;
	font-size: 16px;
    letter-spacing: -0.015em;
	position:relative;
}
.coupon-item-200903 .select_couponbox select{
	margin-right:10px;
	padding: 0 30px 0 12px;
	width:305px;
}
.dateWrap{
	display:inline-block;
	position:absolute;
	left:320px;
	top:10px;
}
.coupon-item-200903 .select_couponbox .date{
	font-size:14px;
	color:#777;
}
b{
	font-weight: 500;
}
.coupon-item-200903 .price-wrap{
	display:table-cell;
	vertical-align:middle;
	width:12%;
	color: #e35205;
    font-size: 16px;
    line-height: 19px;
	text-align:right;
}
.coupon-itemWrap.coupon-borderTop{
	border-bottom:none 0;
	border-top: 2px solid #333;
}

@media (max-width: 1200px){

	.coupon-item-200903{
		display:block;
		padding:13px 0;
		width:100%;
	}
	.coupon-item-200903 strong{
		display:block;
		width:100%;
		font-size: 16px;
		text-indent:0;
		
	}
	.coupon-item-200903 .select_couponbox{
		display:block;
		width:100%;
		font-size: 16px;
	}
	.coupon-item-200903 .select_couponbox select{
		width:100%;
		margin-right:0;
		padding: 0 30px 0 12px;
		margin:30px 0 10px 0;
	}
	.dateWrap{
		display: inline-block;
		position: absolute;
		width: 100%;
		left: auto;
		right: 0;
		top: 0;
		text-align: right;
	}
	.coupon-item-200903 .price-wrap{
		display:inline-block;
		width:auto;
		font-size: 16px;
		text-align:right;
	}
	.text-warning{
		font-size:14px;
	}

}

/* 2020-09-09 판매처 추가*/

.register_input_register select{
	color:#000;
}
.register_input_register select,
.register_input_register select option{
    width: 295px;
}
.my-register .cell-store {
    box-sizing: border-box;
    width: 17%;
    padding: 0 24px 0 24px;
}
.my-register .list-row .cell-store {
    padding: 16px 0 16px 24px;
    font-size: 18px;
    line-height: 48px;
    letter-spacing: -0.3px;
    text-align: left;
    color: #333333;
}

@media (max-width: 1279px) {

	.register_input_register select,
	.register_input_register select option{
			width: 100%;
			margin-top: 20px;
		}

}
@media (max-width: 1023px) {

	.register_input_register select,
	.register_input_register select option{
			width: 330px;
			margin-top: 0;
		}
	 .my-register .cell-store {
        width: 25%;
    }
	  

}
@media (max-width: 767px) {

   .register_input_register select,
	.register_input_register select option{
        width: 100%;
        margin-top: 15px;
    }
	  .register_form.add200909 {
        /* height: 700px; */
		height: 520px;
        padding: 0 24px 0 24px;
        width: 100%;
    }

    .my-register .list-row .cell-store {
        width: 100%;
        padding: 0 0 0 0;
        position: relative;
        height: 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
        margin: -10px 0 0 0;
    }
	  .my-register .list-row .cell-store span {
        display: inline-block;
        position: absolute;
        width: 70%;
        text-align: left;
        right: 0;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57;
        letter-spacing: normal;
        color: #333333;
    }
	.my-register .list-row [class^='cell-store']:before {
        content: attr(data-name);
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #333;
    }
}

/* 2020-10-29 Cart Box */ 
.coupon-itemWrap.add_201029{
	border-bottom:0;
}
.coupon-item-200903.add strong{
	width:auto;
}
.coupon-item-200903.add .change_cp{
	display: table-cell;
    width: 10%;
    vertical-align: middle;
    font-size: 16px;
    letter-spacing: -0.015em;
    position: relative;
	text-align:right;
}
.coupon-item-200903.add .change_cp button{
	padding:8px 12px;
	color:#fff;
	background-color:#9fa2ad;
	border-radius:3px;
}

/* popup */
.pp-cart-couponch {
    width: 640px;
}
.modal-mini-wrap.pp-cart-couponch .modal-contents {
    padding: 30px 40px 60px 40px;
}
.pp-cart-couponch .modal-header p {
   font-size:14px;
}
.pop-couponchArea{
	width:100%;
}
.pop-couponchArea strong{
	display:block;
	width:100%;
	font-size:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.pop-couponchArea strong span{
	font-weight: 400;
	font-size:14px;
	color:#777;
}
.coupon-ch-list{
	width:100%;
	padding:10px 0;
	overflow:hidden;
}
.coupon-ch-listArea  b{
	font-weight: 500;
	font-size:14px;
	display:block;
	width:100%;
	padding-bottom:5px;
}
.coupon-ch-list strong{
	display:block;
	width:100%;
	font-weight: 500;
	font-size:18px;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:10px;
}
.coupon-ch-item{
	width:100%;
	padding-bottom:6px;
	display:table;
}
.coupon-ch-item  .selec-Wrap{
	display:table-cell;
	vertical-align:middle;
}
.coupon-ch-item select {
    height: 40px;
    border: 1px solid #e2e2e2;
    padding: 0 30px 0 12px;
    font-size: 14px;
	width:100%;
}

.coupon-ch-topbox1{	/* 2021-01-29 쿠폰모달 추가 시작*/
	float:left;
	width:50%;
	text-align:left;
	font-size:20px;
	font-weight: 500;
}

.coupon-ch-topbox1 span{
	font-weight: 400;
	font-size:14px;
	color:#777;
}

.coupon-ch-topbox2{
	float:right;
	display:inline-block;
	width:50%;
	text-align:right;
}

.coupon-ch-topbox2 button{
	padding:8px 12px;
	color:#FFF;
	background-color:#9fa2ad;
	border-radius:3px;
} /* 2021-01-29 추가 끝*/

.exp-Wrap{
	height: 40px;
	display:table-cell;
	vertical-align:middle;
	font-size: 14px;
	width:150px;
	text-align:right;
}
.coupon-ch-list .price-Wrap{
	height: 40px;
	display:table-cell;
	vertical-align:middle;
	font-size: 14px;
	width: 80px;
	text-align:right;
}
.coupon-ch-list em{
	color:#E35205;
	font-weight: 500;
}
.total-price{
	font-size:16px;
	font-weight: 500;
	text-align:right;
	margin-bottom :10px;
	border-top:1px solid #000;
	display:block;
	padding:5px 0;
	margin-top:5px;
}	
.order-discount.re_200819 .discount-type.re_201029 {
    padding: 20px 0 23px 60%;
}
.order-discount.re_200819 [class^='items-'].re_201029 > p{
	text-align:right;
}
.order-discount .re_201029 {
	border-bottom:1px solid #eee;
}
.order-discount.re_201029 [class^='items-'] > strong.tit {
	top:26px !important;
}

@media (max-width: 1200px) {

	.order-discount.re_200819 .discount-type.re_201029 {
		padding: 70px 0 20px 0;
		margin-bottom: 0;
	}
	.order-discount [class^='items-'].re_201029 > p input[type='text'] {
		width: calc(85% - 78px);
	}
	.discount-type label.order-discount-label {
		width: 15%;
		margin-right: 0;
		text-align: left;
	}
	.coupon-item-200903.add strong{
		text-align:left;
	}
	.coupon-item-200903.add{
		overflow:hidden;
		text-align:right;
	}
	.coupon-ch-list .price-wrap{
		height: 40px;
		line-height: 40px;
		display:inline-block;
		vertical-align:middle;
		font-size: 14px;
		width: 80px;
	}
	
	.coupon-item-200903.add .change_cp {
		display:inline-block;
		width: 90px;
		vertical-align: middle;
		font-size: 16px;
		letter-spacing: -0.015em;
		position: relative;
		text-align: right;
		line-height: 40px;
	}
	.coupon-ch-item{
		text-align:right;
	}

}

@media (max-width: 640px) {

	.order-discount [class^='items-'].re_201029 > p input[type='text'] {
		width: calc(100% - 78px);
	}
	.discount-type label.order-discount-label {
		width: 100%;
	}
	.modal-mini-wrap.pp-cart-couponch {
		width: 90%;
		margin:0 auto;
		min-width:auto;
	}
	.modal-mini-wrap.pp-cart-couponch .modal-contents {
		padding:24px 24px 40px 24px;
	}
	.coupon-ch-item  .selec-Wrap{
		display:block;
		width:100%;
	}
	.coupon-ch-item select {
		height: 40px;
		padding: 0 30px 0 12px;
		font-size: 14px;
		width:100%;
	}
	.exp-Wrap{
		height: 40px;
		display:inline-block;
		font-size: 14px;
		width:150px;
		text-align:right;
	}
	.coupon-ch-list .price-Wrap{
		height: 40px;
		display:inline-block;
		font-size: 14px;
		width: 74px;
		text-align:right;
	}
	.total-price {
		font-size: 14px;
	}
	.modal-mini-wrap.pp-cart-couponch .btnarea-foot {
		padding-top: 10px;
	}
}

/* 2020-11-04*/
.product-pro {
    padding: 4% 0;
	max-width:1600px;
	width:100%;
}
.product-pro [class*='eventsec_'] {
	width:100%;
	text-align:center;
}
.product-pro [class*='eventsec_'] img{
	max-width:1200px;
	margin:0 auto;
}
.eventsec_00{
	background:#191919 url('/images/2020/detail/event_pro_00_bg.jpg')no-repeat top center;
	background-size:1600px auto;
}
.eventsec_01{
	background-color:#0d0d0d;
}
.eventsec_02{
	background-color:#191919;
}
.eventsec_03{
	background-color:#000;
}
.eventsec_04{
	background-color:#1a1a1a;
}
.eventsec_05{
	background-color:#000;
}
img.pc_only{
	display:block;
	width:100%;
}
img.mb_only{
	display:none;
}

/*
@media (max-width: 1200px) {
	.product-pro [class*='eventsec_'] img{
		width:100%;
		display:block;
	}
}
*/

@media (max-width: 767px) {
	.product-pro [class*='eventsec_'] img.pc_only{
		display:none;
	}
    img.pc_only{
        display:none;
    }
	img.mb_only{
		display:block;
		width:100%;
	}

}


/* 2020-11-16 */
.my-coupon .list-row [class^='cell-'] .stock {
   font-size:14px;
}
.my-coupon .card-fix{
	text-align:center !important;
}
.my-coupon .card-coupon-status{
	margin-top:10px;
	padding:0 10px;
	border:1px solid #ccc;
	border-radius:4px;
	font-size:13px;
	line-height:1.6em;
	text-align:center;
	display:inline-block;
}
.card-coupon .card-coupon-status {
    position: absolute;
    top: 36px;
    left: 40px;
    font-size: 18px;
    letter-spacing: -0.35px;
	color:#777;
}

@media (max-width: 767px) {
	.card-coupon .card-coupon-status{
		font-size: 12px;
		letter-spacing: -0.6px;
		top: 14px;
		left: 20px;
	}
}

.shop-body h4.title{
    margin:20px 0;
	font-weight: 500;
	font-size:26px;
	color:#555;
}
.shop-body h4.title.mt-40{
	margin:60px 0 40px 0;
}

@media (max-width: 767px) {

	.shop-body h4.title{
		margin:30px 0 15px;
		font-size:20px;
	}
	.shop-body h4.title.mt-40{
		margin:30px 0 15px;
	}

}

/* 2020-01-05 이벤트리스트 카카오톡 배너*/
.evt-listunder-kakao{
	width:100%;
	padding:0 80px;
	max-width: 1200px;
    margin: 0 auto;
	box-sizing:border-box;
	background:#ffde00 url('/images/2021/main/event-bar-kakao-img.png') no-repeat top 10px left 55px;
	background-size:140px auto;
	min-height:146px;
	margin-top:100px;
}
.listunder-kakao{
	width:100%;
	display:table;
}
.listunder-kakao .listunder-kakao-title{
	display:table-cell;
	width:100%;
	box-sizing:border-box;
	padding-top: 36px;
	padding:36px 10px 36px 130px;
}
.listunder-kakao h5{
	font-size:26px;
	background-color:#fff;
	padding:20px 30px;
	border-radius:8px;
	width:auto;
	display:inline-block;
	line-height:1.3em;
	vertical-align:middle;
}
.listunder-kakao-btnwrap{
	display:table-cell;
}
.listunder-kakao .btnf-kakao{
	color:#fff;
	background-color:#231916;
	text-align:center;
	min-width:206px;
}


@media (max-width: 1279px){
	
	.evt-listunder-kakao {
		width: 100%;
		padding: 0 40px;
		background:#ffde00 url('/images/2021/main/event-bar-kakao-img.png') no-repeat top 10px left 25px;
		background-size:140px auto;
	}
	.listunder-kakao h5 {
		font-size: 20px;
	}

}
@media (max-width: 767px){
	
	.evt-listunder-kakao {
		width: 100%;
		padding: 0 20px 26px 20px;
		background:#ffde00 url('/images/2021/main/event-bar-kakao-img.png') no-repeat top 10px left 15px;
		background-size:100px auto;
		margin-top:60px;
		
	}
	.listunder-kakao{
		display:block;
	}
	.listunder-kakao .listunder-kakao-title{
		display:block;
		width:100%;
		box-sizing:border-box;
		padding-top: 36px;
		padding:26px 10px 1px 100px;
	}
	.listunder-kakao h5{
		font-size:16px;
		padding:20px 30px;
		box-sizing: border-box;
		width:100%;
	}
	.listunder-kakao-btnwrap{
		display:block;
		width:100%;
		box-sizing: border-box;
		padding-left:100px;
		margin-top:10px;
	}
	.listunder-kakao .btnf-kakao{
		height: 44px;
		font-size: 16px;
		padding: 0 18px;
	}

}

@media (max-width: 520px){

	.listunder-kakao-btnwrap{
		padding-left:0;
		text-align:center;
		margin-top:10px;
	}
}

/* 2021-02-01 쿠폰UI 변경 */
.dis-maxBox{
	width:100%;
	padding:0 10px;
	overflow:hidden;
	height:44px;
	line-height:44px;
	background-color:#E35205;
	margin-bottom:20px;
	box-sizing:border-box;
}
.dis-maxBox .dis-maxTx{
	display:inline-block;
	float:left;
	line-height:44px;
	color:#fff;
	font-size:16px;
}
.dis-maxBox .dis-maxPrice{
	display:inline-block;
	float:right;
	line-height:44px;
	color:#fff;
	font-size:20px;
	font-weight: 500;
}
.coupon-pdname{
	overflow:hidden;
	width:100%;
}
.add210201 li{
	border-bottom:1px solid #333;
	padding-left:10px;
	box-sizing:border-box;
}
.add210201 li:first-child{
	border-top:1px solid #bbb;
	margin-top:10px;
}
.add210201 li b.title{
	display:table-cell;
	width:100px;
	height: 40px;
	vertical-align:middle;
}
.cou-ch-numtitle{
	line-height:30px;
	font-size:14px;
	width:100%;
}
.cou-ch-numtitle > span{
	color:#777;
}
.couponch_untx{
	margin-top:5px;
	font-size:14px;
	color:#E35205;
	text-align:right;
}

.modal-mini-wrap.pp-cart-couponch .modal-header{
	border-bottom:0;
}
.modal-mini-wrap.pp-cart-couponch .modal-contents {
    padding: 0 40px 60px 40px;
}

@media (max-width: 640px){
	.dis-maxBox .dis-maxPrice{
		font-size:16px;
	}
	.add210201 li b.title{
		height:40px;
		line-height:40px;
		text-align:left;
		display:inline-block;
		width:33%;
	}
	.add210201 .coupon-ch-item .selec-Wrap {
		display:inline-block;
		width:66%;
	}
	.add210201 .coupon-ch-list .price-Wrap{
		display:block;
		width:100%;
	}

}

/* 2021-02-02 쿠폰UI 변경 */
.card-coupon.eshop2021 {
    border: 1px solid #bdbdbd;
}
.items-coupon .card-coupon.eshop2021:before {
    background-image: url('/images/2021/my-bi-eshop.png');
	top:0;
	left:auto;
	right:0;
	z-index:10;
	background-position: top center;
}
.items-coupon .card-coupon.eshop2021 {
    color: #333;
}
.items-coupon .card-coupon.eshop2021 .details {
    border-color: #bdbdbd;
}
.coupon-mylist_mini .card-coupon-use {
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 14px;
    letter-spacing: -0.35px;
	padding:3px 8px;
	border:1px solid #aaa;
	border-radius:4px;
}
@media (max-width: 767px) {
	.modal-mini-wrap.pp-cart-couponch .modal-contents {
		padding: 0 20px 60px 20px;
	}
	.coupon-mylist_mini .card-coupon-use {
		top: 10px;
		left: 20px;
		font-size: 12px;
		padding:0 5px;
	}
	.couponch_untx{
		font-size:11px;
	}

}

/* 2021-03-11 이샵 pro배너 & glohistory 추가*/
.shop-topbn.e-topbn210311 {
    background: url('/images/2021/eshop-top_bn_210311.jpg') no-repeat 50% 0;
}
.shop-topbn.e-topbn210311 .newtx {
    color: #fff;
}
.shop-topbn.e-topbn210311 .glo-restrict{
	width:90%;
	margin:0 auto;
}
.shop-quick li a div.shop-quick-history {
    background-image: url(/images/2019/glo_logo_w.svg);
    background-position: 4px 15px;
    background-size: 60px auto;
}

@media (max-width: 767px) {
    .shop-topbn.e-topbn210311 {
        background-image: url('/images/2021/eshop-top_bn_210311_m.jpg');
        height: 286px;
        background-size: cover;
        background-position: center;
    }
	.shop-quick li a div.shop-quick-history {
		background-position: 22px 15px;
		background-size: 50px auto;
	}
}

/* 21-04-14 기기등록 */
.add200909 .register_explain {
    margin-top: 16px;
}
.add200909 .register_input_register{
	margin-top: 18px;
}
.register_input_register input[type="checkbox"]{
	color:#000;
	margin-right:5px;
}
.register_input_register .agree_chk label{
	padding-top: 0;
}

.register_input_register .agree_chk{
	line-height:46px;
}
.add200909 .register_submit {
    margin: 10px 0 0 260px;
}

@media (max-width: 1279px) {

	.add200909 .register_submit {
		margin: 10px 0 0 0;
	}
	.add200909 .register_input_register {
		margin-top:8px;
	}

}

/* 2021-06-10 이샵 & 마이페이지 & 서포트 띠배너 수정 */
.shop-topbn.e-topbn210610 {
    background: url('/images/2021/eshop-top_bn_210610.jpg') no-repeat 50% 0;
}
.shop-topbn.e-topbn210610 .newtx {
    color: #fff;
}
.shop-topbn.e-topbn210610 .glo-restrict{
	width:90%;
	margin:0 auto;
}

@media (max-width: 767px) {
    .shop-topbn.e-topbn210610 {
        background-image: url('/images/2021/eshop-top_bn_210610_m.jpg');
        height: 286px;
        background-size: cover;
        background-position: center;
    }
}

/* 2021-07-19 e-shop pro 에코패키지 숨김처리	
.shop-head .main-info .option .colorset.pro_eco { left: 0; padding: 0 0 0 75px; }	
.shop-head .main-info .option .colorset.pro_eco:nth-of-type(1)::before { content: '일반 패키지'; display: inline-block; position: absolute; top: 0; left: 0; width: 200px; height: 36px; font-size: 14px; line-height: 36px; }	
.shop-head .main-info .option .colorset.pro_eco:nth-of-type(2)::before { content: '에코 패키지'; display: inline-block; position: absolute; top: 0; left: 0; width: 200px; height: 36px; font-size: 14px; line-height: 36px; }	
.shop-in-box li .eco_message { margin: 5px 0 0; font-size: 14px; }	
@media screen and (max-width: 767px) { 	
	.shop-head.rotation .glo-restrict.renewal { height: auto !important; }	
	.shop-head .glo-restrict.renewal { padding: 0 0 60px; height: auto !important; min-height: auto; }	
	.shop-head .main-info .option .colorset.pro_eco { top: -12px; left: -3px; padding: 25px 0 0; }	
	.shop-head .main-info .option .colorset.pro_eco:nth-of-type(1)::before { display: block; left: 3px; height: 23px; line-height: 23px; }	
	.shop-head .main-info .option .colorset.pro_eco:nth-of-type(2)::before { display: block; left: 3px; height: 23px; line-height: 23px; }	
}	
@media screen and (max-width: 480px) {	
	.shop-in-box li .eco_message { font-size: 12px; }	
}	
*/	
/* 2021-06-14 e-Shop pro 에코페키지 문구 추가 end */	
/* 2021-06-28 KBO 업데이트 법인 변경 start */	
body.body-kbo {background:#f2f2f2;}	
.kbo_wrap {max-width:1200px; background:#fff; padding:90px 0 0; margin:0 auto; text-align:center; box-sizing:border-box;}	
.kbo_wrap h2 {font-size:65px; font-weight: 700; color:#000; margin:0 0 50px;}	
.kbo_wrap .kbo_inner {padding:0 40px;}	
.kbo_wrap .kbo_inner p {font-size:26px; line-height:38px; letter-spacing:-0.045rem; color:#000;}	
.kbo_wrap .kbo_inner p strong {color:#e35205;}	
.kbo_wrap .kbo_join_btn {max-width:700px; margin:0 auto 90px;}	
.kbo_wrap .kbo_join_btn a {float:left; width:48.5%; font-size:28px; font-weight:700; line-height:40px; padding:20px .5rem; margin-bottom:30px; background:#e35205; border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; -ms-border-radius:1rem; -o-border-radius:1rem; letter-spacing:-0.045rem; color:#fff; box-sizing:border-box; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; -o-transition:background .3s; }	
.kbo_wrap .kbo_join_btn a:hover {background:#f65500;}	
.kbo_wrap .kbo_join_btn a:first-child {margin-right:3%;}	
.kbo_wrap .kbo_join_btn .gry_full_btn {float:none; clear:both; display:block; width:100%; background:#4a4d5c;}	
.kbo_wrap .kbo_join_btn .gry_full_btn:hover {background:#4a4d5c;}	
.kbo_wrap .kbo_foot {background:#4a4d5c; padding:50px 10%;}	
.kbo_wrap .kbo_note {max-width:860px; color:#fff; text-align:left; margin:0 auto;}	
.kbo_wrap .kbo_foot dt {font-size:28px; font-weight:700; margin:0 0 16px;}	
.kbo_wrap .kbo_foot dd {position:relative; font-size:19px; line-height:30px; letter-spacing:-0.045rem; padding: 0 0 0 26px; }	
.kbo_wrap .kbo_foot dd:before { content:''; position:absolute; top:11px; left:0; width:8px; height:8px; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}	
@media screen and (max-width:767px) {	
    .kbo_wrap {padding:50px 0 0;}	
    .kbo_wrap h2 {font-size:45px; line-height:1.3; margin:0 0 35px; padding:0 4%;}	
    .kbo_wrap .kbo_inner {padding:0 4%;}	
    .kbo_wrap .kbo_inner p {font-size:18px; line-height:28px;}	
    .kbo_wrap .kbo_join_btn {margin:0 auto 50px;}	
    .kbo_wrap .kbo_join_btn a {font-size:20px; line-height:28px; padding:10px .5rem; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }	
    .kbo_wrap .kbo_foot {padding:50px 6%;}	
    .kbo_wrap .kbo_foot dt {font-size:22px; margin:0 0 10px;}	
    .kbo_wrap .kbo_foot dd {font-size:16px; line-height:26px; padding:0 0 0 16px;}	
    .kbo_wrap .kbo_foot dd:before {top:10.5px; width:5px; height:5px;}	
}	
@media screen and (max-width:468px) {	
    .kbo_wrap {padding:30px 0 0;}	
    .kbo_wrap h2 {font-size:28px; margin:0 0 20px;}	
    .kbo_wrap .kbo_inner p {font-size:14px; line-height:24px;}	
    .kbo_wrap .kbo_join_btn {margin:0 auto 30px;}	
    .kbo_wrap .kbo_join_btn a {float:left; width:48.5%; height:60px; font-size:16px; line-height:20px; padding:10px; margin-bottom:3%; box-sizing:border-box;}	
    .kbo_wrap .kbo_join_btn br {display:block;}	
    .kbo_wrap .kbo_join_btn .gry_full_btn {height:50px; line-height:50px; padding:0 10px; margin-bottom:0;}	
    .kbo_wrap .kbo_foot {padding:35px 4%;}	
    .kbo_wrap .kbo_foot dd {font-size:14px; line-height:22px;}	
    .kbo_wrap .kbo_foot dd:before {top:8.5px;}	
}	
/* 2021-06-28 KBO 업데이트 법인 변경 end */
/* 2021-08-13 9월 글로 프로 70% 할인 */
.exh_landing {width:92.2%; max-width:1100px; background:#f3f3f3; margin:30px auto; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,.17); -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.exh_landing .exh_slide_head {display:flex; align-items:center; justify-content:center; height:98px; padding:0 6%; box-sizing:border-box; box-shadow:0 5px 10px rgba(0,0,0,.05);}
.exh_landing .exh_slide_head .color_name {width:50%; font-size:32px; font-weight: 700; letter-spacing:-0.03rem; color:#000; text-align:center;}
.exh_landing .exh_slide_head .color_btn {width:50%; text-align:left;}
.exh_landing .exh_slide_head .color_btn button { display:inline-block; width:50px; height:50px; background:#000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border:5px solid #f3f3f3; margin:0 2% 0 0; vertical-align:middle; text-indent:-9999px; box-sizing:border-box;}
.exh_landing .exh_slide_head .color_btn button:last-child {margin:0;}
.exh_landing .exh_slide_head .color_btn .on {border-color:#f95d3b;}
.exh_landing .exh_slide_head .color_btn .brown {background:#8b7672;}
.exh_landing .exh_slide_head .color_btn .green {background:#9ebf4f;}
.exh_landing .exh_slide_head .color_btn .blue {background:#74bed1;}

.exh_landing .exh_slide {height:480px; padding:0 10%;}
.exh_landing .exh_item {width:260px; height:480px; padding:40px 0; box-sizing:border-box;}
.exh_landing .exh_item .device_img {position:relative; width:90%; max-width:190px; height:315px; margin:0 auto 30px;}
.exh_landing .exh_item .device_img img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.exh_landing .exh_item .color {display:block; font-size:30px; font-weight:500; letter-spacing:-0.01rem; color:#000; text-align:center;}
.exh_landing div[class^="swiper-button-"] {position:absolute; top:50%; left:20px; width:30px; height:60px; background:url(/images/2019/view_left.png) 50% 50%/contain no-repeat; text-indent:-9999px; margin:-30px 0 0;}
.exh_landing div.swiper-button-next {left:auto; right:20px; background-image:url(/images/2019/view_right.png)}
.exh_landing div[class^="swiper-button-"].gray {display:none;}

.exh_f1 {float:left; width:34.58%;}
.exh_f2 {float:left; width:31.25%;}
.exh_f3 {float:left; width:34.16%;}

@media screen and (max-width:1200px){
    .exh_landing .exh_slide {padding:0 4%;}
}
@media screen and (max-width:767px){
    .exh_landing .exh_slide_head {height:65px; padding:0 4%;}
    .exh_landing .exh_slide_head .color_name {width:43%; font-size:25px;}
    .exh_landing .exh_slide_head .color_btn {width:57%; text-align:center;}
    .exh_landing .exh_slide_head .color_btn button {width:36px; height:36px;}

    .mcs_wrap img.pc_only {display:none;}
    .mcs_wrap img.mb_only {display:block; width:100%;}

    .exh_f1 {float:left; width:34.15%;}
    .exh_f2 {float:left; width:31.55%;}
    .exh_f3 {float:left; width:34.28%;}
}
@media screen and (max-width:468px){
    .exh_landing .exh_slide_head .color_name {font-size:4.8vw;}
    .exh_landing .exh_slide_head .color_btn button {width:25px; height:25px; border-width:3px;}

    .exh_landing .exh_slide {height:360px;}
    .exh_landing .exh_item {height:360px; padding:30px 0 10px;}
    .exh_landing .exh_item .device_img {max-width:140px; height:240px; margin-bottom:20px;}
    .exh_landing .exh_item .device_img img {max-width:90%; max-height:90%;}
    .exh_landing .exh_item .color {font-size:22px;}

    .exh_landing div[class^="swiper-button-"] {width:20px; height:40px; margin:-20px 0 0;}
}
/* 2021-08-13 9월 글로 프로 70% 할인 End */

/* 2021-11-17 카카오 이모티콘 배너셋 */
.main-attendance-btn {display: block; margin-left: -20px; width: 120px; height: 120px; box-shadow: 10px 10px 20px rgba(0,0,0,0.2);border-radius: 60px;}
@media screen and (max-width:767px){
    .main-attendance-btn-wrap {width:70px; height:70px;}
    .main-attendance-btn-wrap .modal-close {top:-65px; right:10px; width:13px; height:13px;}
    .main-attendance-message {right:10px; width: 190px;/*width:140px;*/ font-size:12px; line-height:30px; padding:0;}
    .main-attendance-btn {width:60px; height:60px; margin:0 10px 0 auto;}
}
/* 2021-11-17 카카오 이모티콘 배너셋 End */
/* 2021-11-24 Pro slim RTB 업데이트 */
.shop-detail.shop-body-tab .glo-restrict { height: 100%; }
/* //2021-11-24 Pro slim RTB 업데이트 */
/* 2021-11-26 진행중인 이벤트 스타일 추가 */
.evt-list .cell a {position:relative;}
.evt-list .cell a:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ccc; box-sizing:border-box; transition:opacity .35s; -webkit-transition:opacity .35s; -moz-transition:opacity .35s; -ms-transition:opacity .35s; -o-transition:opacity .35s; opacity:0;}
.evt-list .cell:hover a:after {opacity:1;}
.evt-list .cell figure {position:relative; width:100%; padding:50% 0 0; overflow:hidden;}
.evt-list .cell figure img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transition:transform .35s; -webkit-transition:transform .35s; -moz-transition:transform .35s; -ms-transition:transform .35s; -o-transition:transform .35s; }
.evt-list .cell:hover figure img { transform:translate(-50%, -50%) scale(1.05); -webkit-transform:translate(-50%, -50%) scale(1.05); -moz-transform:translate(-50%, -50%) scale(1.05); -ms-transform:translate(-50%, -50%) scale(1.05); -o-transform:translate(-50%, -50%) scale(1.05); }
/* 2021-11-26 진행중인 이벤트 스타일 추가 End */
/* 2023-02-09 진행중인 이벤트 없음 */
.event_empty {
    font-size: 20px;
    line-height:1.3;
    text-align: center;
    padding: 4% 0;
}

.point_orange {
    color: #e35205;
    font-weight: 500;
}

.event_icon {
    display: block;
    width: 86px;
    margin: 0 auto 20px;
}

@media screen and (max-width: 767px) {
    .mcs_wrap .pc_only {
        display: none;
    }
    .mcs_wrap .mb_only {
        display: block;
    }
	.mcs_wrap img.mb_only {
		display: block;
		width: 100%;
	}
	.mcs_wrap img.pc_only {
		display: none;
	}
    .event_empty {
        font-size: 16px;
        padding: 6% 0;
    }
    .event_icon {
        width: 64px;
        margin: 0 auto 10px;
    }
}
/* 2023-02-09 진행중인 이벤트 없음 End */
/* 2021-11-29 12월 홈파티 플로팅 */
.main-attendance-btn-wrap.big .modal-close {top:auto; bottom:220px;}
.main-attendance-btn-wrap.big .main-attendance-message {top:auto; bottom:160px; width:auto; height:auto; line-height:1.4; white-space:nowrap; padding:5px 15px; box-sizing:border-box;}
@media screen and (max-width:767px){
    .main-attendance-btn-wrap.big .modal-close {top:auto; bottom:135px;}
    .main-attendance-btn-wrap.big .main-attendance-message {top:auto; bottom:85px; width:auto; height:auto; line-height:1.4; padding:6px 8px;}
}
/* 2021-11-29 12월 홈파티 플로팅 End */
/* 2022-02-17 쿠폰북 업데이트 */
.shop-list .owl-carousel .owl_item .price {font-size:20px; line-height:32px; font-weight: 700;}
.shop-head .main-info .option {height:auto;}
.shop-head .main-info .option .colorset.slim_package { left: 0; padding: 0 0 0 75px; }
.shop-head .main-info .option .colorset.slim_package:nth-of-type(1)::before { content: '옵션 1'; display: inline-block; position: absolute; top: 0; left: 0; width: 200px; height: 36px; font-size: 14px; line-height: 36px; }
.shop-head .main-info .option .colorset.slim_package:nth-of-type(2)::before { content: '옵션 2'; display: inline-block; position: absolute; top: 0; left: 0; width: 200px; height: 36px; font-size: 14px; line-height: 36px; }
.shop-head .main-info .option .colorset.slim_package ~ .slim_package {margin:10px 0 0;}
.shop-in-box li .eco_message { margin: 5px 0 0; font-size: 14px; }
.shop-head .main-info .option select {top:25px;}

.shop-head .slim_package p {height:auto; padding:21px 56px 21px 21px; text-align:left;}
.shop-head .slim_package p strong {position:static; display:inline-block; line-height:34px;}
.shop-head .slim_package .slim_opt {display:inline-block; font-size:14px; margin:0 20px 0 0; vertical-align:top;}
.shop-head .slim_package p em {position:absolute; top:21px; right:50px; line-height:42px;}
.shop-head .slim_package p .btn-delete {top:21px; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
/* eshop 옵션 2개 End */

.pack_noti {margin:10px 0 0;}
.pack_noti p {display:block; font-size:15px; letter-spacing:-0.025rem; color:#888;}

.order_noti {margin:30px 0 0;}
.order_noti li {font-size:15px; line-height:1.5; letter-spacing:-.025rem; color:#666;}

.order-destination li.slim_opt {display:block; width:100%; min-height:auto; padding:13px 24px; font-size:22px; font-weight:700; line-height:1.5; color:#000;}
.order-destination + .order-destination {border-top:1px solid #eee;}
.order-delivery .cart_noti {display:block; font-size:15px; letter-spacing:-0.025rem; color:#888; margin:0 0 20px; padding:0 24px;}

/* Coupon book 페이지 */
.coupon-filter {margin:0 0 40px;}
.coupon-filter.online h4 {font-size:18px; line-height:26px; letter-spacing:-0.045rem; color:#333; padding:0 0 0 80px; background:url(https://d3nsks150m8sxr.cloudfront.net/images/2022/coupon/online_ico.png) 0 50% no-repeat;}
.coupon-filter.offline h4 {background:url(https://d3nsks150m8sxr.cloudfront.net/images/2022/coupon/offline_ico.png) 10px 50% no-repeat; padding:5px 0 5px 70px;}
.coupon-filter.online h4 strong {display:block; font-size: 20px;}

.coupon_cont .coupon_list {display:flex; flex-wrap:wrap;}
.coupon_list li {width:46.5%; margin:7% 7% 0 0;}
.coupon_list li:nth-child(2n) {margin-right:0;}
.coupon_list li:nth-child(-n+2) {margin-top:0;}
.coupon_list .list_empty, .download-coupon-device .non_coupon {width:100%; height:30vw; line-height:30vw; font-size:26px; font-weight:700; letter-spacing:-.045rem; color:#888; text-align:center; margin:0;}
.coupon_list .coupon_body {position:relative; width:100%; padding:42.11% 0 0; background:url(https://d3nsks150m8sxr.cloudfront.net/images/2022/coupon/coupon_bg.png) 0 50%/contain no-repeat;}
.coupon_list .coupon_body .inner {position:absolute; top:0; left:0; width:100%; height:100%; padding:1.5vw 2.8vw 0 32%; box-sizing:border-box;}
.coupon_list .coupon_body .cp_type {display:block; font-size:24px; line-height:1.3; color:#333; margin:0 0 5px;}
.coupon_list .coupon_body .cp_name {display:block; font-size:28px; line-height:1.4; font-weight: 700; letter-spacing:-0.04rem;}
.coupon_list .coupon_body .cp_price {position:absolute; bottom:1.5vw; right:3.33vw; font-size:48px; font-weight: 700; letter-spacing:-0.025rem; color:#de5334;}
.coupon_list .coupon_body .coming {position:absolute; top:50%; left:30%; right:0; width:62.5%; text-align:center; font-size:1.2vw; line-height:1.35; letter-spacing:-0.035rem; color:#939393; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.coupon_list .coupon_body .coming strong {display:block; font-size:2.1vw;}
.coupon_list .detail_info {display:none; position:fixed; top:50%; left:50%; width:80%; max-width:540px; background:#fff; box-shadow:12px 12px 30px rgba(0,0,0,.2); z-index:82; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.coupon_list .detail_info h3 {height:80px; line-height:80px; background:#f0f0f0; text-align:center; font-size:26px; font-weight:700; letter-spacing:-0.025rem; color:#000;}
.coupon_list .detail_info .detail_box {padding:2vw 2.5vw;}
.coupon_list .detail_info li {position:relative; width:100%; font-size:20px; line-height:28px; letter-spacing:-0.025rem; margin:0 0 10px; padding:0 0 0 16px; box-sizing:border-box;}
.coupon_list .detail_info li:before { content:''; position:absolute; top:10px; left:0; width:6px; height:6px; background:#565656; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.coupon_list .detail_info li p {padding:0 0 0 12px; margin:5px 0 0; text-indent:-12px;}
.coupon_list .detail_info .detail_cls {display:block; width:210px; height:60px; line-height:60px; font-size:17px; font-weight:700; letter-spacing:-0.025rem; color:#fff; background:#de5334; border-radius:3vw; -webkit-border-radius:3vw; -moz-border-radius:3vw; -ms-border-radius:3vw; -o-border-radius:3vw; margin:1.5vw auto 0;}

.coupon_list .coupon_btn {display:flex; justify-content:center; margin:1.5vw 0 0;}
.coupon_list .coupon_btn button {width:210px; height:60px; line-height:60px; font-size:17px; font-weight:700; letter-spacing:-0.025rem; color:#fff; background:#de5334; border-radius:3vw; -webkit-border-radius:3vw; -moz-border-radius:3vw; -ms-border-radius:3vw; -o-border-radius:3vw; margin:0 .5vw;}
.coupon_list .coupon_btn .comp {background:#bdbdbd; cursor:default;}
.coupon_list .coupon_btn .cp_detail {line-height:56px; border:2px solid #de5334; background:#fff; color:#de5334;}
/* Coupon book 페이지 End */
.coupon_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:81;}

@media screen and (min-width:1921px){
	.coupon_list .coupon_body .coming {font-size:22px;}
	.coupon_list .coupon_body .coming strong {font-size:40px;}
}
@media screen and (max-width:1280px){
    .coupon_list li {width:47.25%; margin:5.5% 5.5% 0 0;}
    .coupon_list .coupon_body .cp_type {font-size:1.66vw;}
    .coupon_list .coupon_body .cp_name {font-size:2vw;}
    .coupon_list .coupon_body .cp_price {right:3.66vw; font-size:2.88vw;}
    .coupon_list .coupon_btn button {width:14.6vw; height:4.2vw; line-height:4.2vw; font-size:1.4vw;}
    .coupon_list .coupon_btn .cp_detail {line-height:calc(4.2vw - 4px);}
    .coupon_list .coupon_body .coming {font-size:1.66vw;}
    .coupon_list .coupon_body .coming strong {font-size:2.66vw;}
}
@media screen and (max-width:1024px){
    .coupon-filter.online h4 {font-size:17px;}

    .coupon_list .coupon_body .inner {padding:2vw 3.33vw 0 32%;}
    .coupon_list .list_empty, .download-coupon-device .non_coupon {height:40vw; line-height:40vw; font-size:22px;} 
    .coupon_list .coupon_btn {margin:2vw 0 0;}
}
@media screen and (max-width: 767px) { 

    /* eshop 옵션 2개 */
	.shop-head.rotation .glo-restrict.renewal { height: auto !important; }
	.shop-head .glo-restrict.renewal { padding: 0 0 60px; height: auto !important; min-height: auto; }
	.shop-head .main-info .option .colorset.pro_eco { top: -12px; left: -3px; padding: 25px 0 0; }
	.shop-head .main-info .option .colorset.pro_eco:nth-of-type(1)::before { display: block; left: 3px; height: 23px; line-height: 23px; }
	.shop-head .main-info .option .colorset.pro_eco:nth-of-type(2)::before { display: block; left: 3px; height: 23px; line-height: 23px; }
    /* eshop 옵션 2개 End */

    .pack_noti p, .order-delivery .cart_noti {font-size:14px;}
    .order-destination li.slim_opt {font-size:20px; padding:6px 0 0;}
    .order-delivery .cart_noti {padding:0;}

    /* coupon book */
    .sub-lnb li .count {display:none;}

    .coupon-filter.online h4 {font-size:3.33vw; line-height:1.35;}
    .coupon-filter.online h4 strong {font-size:3.66vw;}
    .coupon_list li {width:92%; margin:7% auto 0;}
    .coupon_list li:nth-child(2n) {margin:7% auto 0;}
    .coupon_list .list_empty, .download-coupon-device .non_coupon {height:70vw; line-height:70vw; font-size:4vw;}	
    .coupon_list .coupon_body {background-image:url(https://d3nsks150m8sxr.cloudfront.net/images/2022/coupon/coupon_bg_m.png);}
    .coupon_list .coupon_body .inner {padding:3vw 7.5vw 0 32%;}
    .coupon_list .coupon_body .cp_type {font-size:2.67vw;}
    .coupon_list .coupon_body .cp_name {font-size:4.16vw;}
    .coupon_list .coupon_body .cp_price {bottom:3vw; right:8vw; font-size:6.5vw;}
    .coupon_list .coupon_btn button, .coupon_list .detail_info .detail_cls { width:29.1vw; height:8.33vw; line-height:8.33vw; font-size:2.36vw; border-radius:8vw; -webkit-border-radius:8vw; -moz-border-radius:8vw; -ms-border-radius:8vw; -o-border-radius:8vw;}
    .coupon_list .coupon_btn .cp_detail {line-height:calc(8.33vw - 4px);}

    .coupon_list .coupon_body .coming {left:28%; font-size:2.88vw;}
    .coupon_list .coupon_body .coming strong {font-size:5.55vw;}

    .coupon_list .detail_info {width:88%;}
    .coupon_list .detail_info h3 {height:12vw; line-height:12vw; font-size:3.8vw;}
    .coupon_list .detail_info .detail_box {padding:6vw;}
    .coupon_list .detail_info li {font-size:2.88vw; line-height:3.5vw; padding:0 0 0 12px; margin:0 0 1vw;}
    .coupon_list .detail_info li:before {top:calc((3.5vw - 4px)/2); width:4px; height:4px;}
    .coupon_list .detail_info li p {padding:0 0 0 1.5vw; text-indent:-1.5vw;}

    .coupon_list .detail_info .detail_cls {margin:4.5vw auto 0}
    /* coupon book End */
}
@media screen and (max-width: 480px) {
	.shop-in-box li .eco_message {font-size: 12px;}

    .coupon-filter.online h4 {font-size:3.5vw; line-height:1.35; padding:0 0 0 15vw; background-size:12vw auto;}
    .coupon-filter.offline h4 {padding:0 0 0 12.5vw; background-position:2.5% 50%; background-size:contain;}

    .coupon_list .coupon_btn button, .coupon_list .detail_info .detail_cls {width:32vw; height:9.13vw; line-height:9.13vw; font-size:2.88vw; border-radius:8vw; -webkit-border-radius:8vw; -moz-border-radius:8vw; -ms-border-radius:8vw; -o-border-radius:8vw;}
    .coupon_list .coupon_btn .cp_detail {line-height:calc(9.13vw - 4px);}
}
/* 2022-02-17 쿠폰북 업데이트 End */
/* 2022-03-10 카카오 이모티콘 랜딩 */
.kakao_landing .evt_kakao_tab {display:flex; width:100%;}
.kakao_landing .evt_kakao_tab li {width:50%; height:100px; line-height:100px; text-align:center; font-size:38px; letter-spacing:-0.025rem; color:#000; background:#ececec; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom:10px solid #dd5333; cursor:pointer;}
.kakao_landing .evt_kakao_tab .active {font-weight:700; color:#fff; background:#dd5333;}
.kakao_landing .evt_kakao_cont {text-align:center;}
.kakao_landing .evt_kakao_cont button, .kakao_landing .evt_kakao_cont a { display:inline-block; height:80px; line-height:80px; font-size:28px; font-weight: 700; letter-spacing:-0.025rem; color:#191919; background:#fee500; padding:0 50px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; box-sizing:border-box;}
.kakao_landing .evt_kakao_cont .kakao_btn:before {content:''; display:inline-block; width:30px; height:100%; background:url(/images/2021/bfd/kakao_ico.png) 50% 50%/contain no-repeat; vertical-align:top; margin-right:16px;}
.kakao_landing .evt_kakao_cont .org_btn {background:#dd5333; color:#fff; padding:0 65px;}

.hld_share {position:fixed; bottom:20px; right:20px; z-index:100;}
.hld_share .share_btn {position:relative; width:64px; height:64px; background:#d94829 url(/images/2021/holiday/share_ico.png) 50% 50% no-repeat; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; text-indent:-9999px; box-shadow:1px 1px 4px rgba(0,0,0,.2);}
.hld_share .share_txt {position:absolute; top:-13px; right:0; font-size:14px; font-weight: 700; line-height:30px; letter-spacing:-0.025rem; background:#fff; border:2px solid #d94829; color:#d94829; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; text-indent:0; white-space:nowrap; padding:0 10px 0 12px; box-sizing:border-box; transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transition:opacity .3s .15s; -webkit-transition:opacity .3s .15s; -moz-transition:opacity .3s .15s; -ms-transition:opacity .3s .15s; -o-transition:opacity .3s .15s; z-index:-1;}
.hld_share .share_btn.open .share_txt {opacity:0;}
.hld_share .share_txt:before {content:''; position:absolute; top:100%; right:12px; border-width:8px; border-style:solid; border-color:#ff4e00 transparent transparent;}
.hld_share .share_txt:after {content:''; position:absolute; top:100%; right:15px; border-width:5px; border-style:solid; border-color:#fff transparent transparent;}
.hld_share .share_btn.open {background-image:url(/images/2021/holiday/share_cls.png); background-size:26px auto;}
.hld_share .share_btn:before, .hld_share .share_btn:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; box-shadow:inset 0 0 15px 7px rgba(217,72,40,.7); opacity:0;}
.hld_share .share_btn:hover:before, .hld_share .share_btn:hover:after { animation:share_ani 2s infinite forwards; -webkit-animation:share_ani 2s infinite forwards; }
.hld_share .share_btn:hover:before {animation-delay:.47s; -webkit-animation-delay:.47s;}
@keyframes share_ani {
    0% {
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        opacity:1;
    }
    100% {
        transform:scale(1.5);
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        opacity:0;
    }
}

.hld_share .share_list {display:none; position:absolute; bottom:84px; right:0; width:215px;}
.hld_share .share_list button { display:block; width:210px; height:50px; line-height:50px; font-size:16px; font-weight: 700; letter-spacing:-0.045rem; color:#121212; background:#fff url(/images/2021/holiday/share_ico2.png) 25px 50% no-repeat; border-radius:50px; padding:0 0 0 70px; margin:10px auto 0; text-align:left; box-sizing:border-box; box-shadow:0 0 4px rgba(0,0,0,.3); -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px;}
.hld_share .share_list .kakao_share {background:#fee500 url(/images/2021/holiday/share_ico1.png) 20px 50% no-repeat;}

/* 플로팅 배너*/
.main-attendance-btn-wrap.event-220310 {right:20px; bottom:20px; height:120px;}
.main-attendance-btn-wrap.event-220310 .modal-close {right:0;}
.main-attendance-btn-wrap.event-220310 .main-attendance-btn {margin:0;}
.main-attendance-btn-wrap.event-220310 .main-attendance-message {right:0; width:200px;}

.kakao_landing ~ .main-attendance-btn-wrap {display:none;}

@media screen and (max-width:1024px){
    .kakao_landing .evt_kakao_tab li {height:85px; line-height:85px; font-size:3vw;}
    .kakao_landing .evt_kakao_cont button, .kakao_landing .evt_kakao_cont a, .kakao_landing .evt_kakao_cont .org_btn {height:8vw; line-height:8vw; font-size:2.66vw; padding:0 4.5vw;}	
	.kakao_landing .evt_kakao_cont .org_btn {padding:0 6.5vw;}
}
@media screen and (max-width:767px){
    .kakao_landing .evt_kakao_tab li { height:10vw; line-height:10vw; font-size:3vw; border-top-left-radius:5vw; border-top-right-radius:5vw; border-bottom-width:1vw;}
    .kakao_landing .evt_kakao_cont button, .kakao_landing .evt_kakao_cont a, .kakao_landing .evt_kakao_cont .org_btn {height:9.5vw; line-height:9.5vw; font-size:3vw; padding:0 5.5vw;}	
	.kakao_landing .evt_kakao_cont .org_btn {padding:0 8.5vw;}
    .kakao_landing .evt_kakao_cont .kakao_btn:before {width:4vw; margin-right:2vw;}

    .hld_share {bottom:12px; right:0; width:100%; text-align:right; padding:0 12px 0 0; box-sizing:border-box;}
    .hld_share .share_btn {width:50px; height:50px; background-size:auto 22px; background-position:48% 50%;}
    .hld_share .share_txt {font-size:12px; line-height:26px;}
    .hld_share .share_txt:after {margin-top:-1px;}
    .hld_share .share_list {right:20px; width:30%; max-width:210px;}
    .hld_share .share_list button {width:100%; font-size:14px; padding:0 0 0 62px; background-size:auto 25px;}
    .hld_share .share_list .kakao_share {background-size:auto 26px;}

    .main-attendance-btn-wrap.event-220310 {right:10px; bottom:10px; width:60px; height:60px;}
    .main-attendance-btn-wrap.event-220310 .main-attendance-message {width:auto; padding:0 7px; white-space:nowrap;}
}
@media screen and (max-width:480px){
    .kakao_landing .evt_kakao_cont button, .kakao_landing .evt_kakao_cont a, .kakao_landing .evt_kakao_cont .org_btn {height:10vw; line-height:10vw; font-size:3.3vw; padding:0 6.5vw;}
	.kakao_landing .evt_kakao_cont .org_btn {padding:0 8.5vw;}

    .hld_share {bottom:15px; padding:0 15px 0 0;}
    .hld_share .share_btn {width:50px; height:50px; background-size:20px auto;}
    .hld_share .share_btn.open {background-size:18px auto;}
    .hld_share .share_list {bottom:64px; right:15px; width:48%;}
    .hld_share .share_list button {padding:0 0 0 58px;}
}
/* 2022-03-10 카카오 이모티콘 랜딩 End */
/* 2022-03-15 장바구니 유의사항 추가 & 플로팅배너 z-index 수정 */
.order-delivery .cart_noti {display:block; font-size:15px; letter-spacing:-0.025rem; color:#888; margin:0 0 20px; padding:0 24px;}

.main-attendance-btn-wrap {z-index:83 !important;}
/* 2022-03-15 장바구니 유의사항 추가 & 플로팅배너 z-index 수정 End */
/* 2022-03-16 카카오 이모티콘 랜딩 팝업 추가 */
.event_comp {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:80;}
.event_comp .copm_popup { position:relative; width:92%; max-width:440px; height:calc(100% - 4rem); margin:2rem auto;}
.event_comp .copm_popup .inner {position:absolute; top:50%; left:50%; width:100%; background:#fff; padding:50px 20px 30px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); text-align:center; box-sizing:border-box; box-shadow:0 1px 10px rgba(0,0,0,.25);}
.event_comp .copm_popup h3 {font-size:30px; font-weight: 700; line-height:1.3; letter-spacing:-0.025rem;}
.event_comp .copm_popup h3:before {content:''; display:block; width:80px; height:80px; border-radius:50%; margin:0 auto 20px; background:#d94829 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M385.8 201.8L247.1 340.4c-4.2 4.2-9.6 6.3-15.1 6.3s-10.9-2.1-15.1-6.3l-69.3-69.3c-8.3-8.3-8.3-21.8 0-30.2 8.3-8.3 21.8-8.3 30.2 0l54.2 54.2 123.6-123.6c8.3-8.3 21.8-8.3 30.2 0 8.3 8.4 8.3 21.9 0 30.3z'/%3E%3C/svg%3E") 50% 50%/80% auto no-repeat;}
.event_comp .copm_popup p {font-size:16px; line-height:22px; letter-spacing:-0.025rem; white-space:pre-line; margin:25px 0;}
.event_comp .copm_popup strong {font-weight: 700;}
.event_comp .copm_popup .comp_cls {position:absolute; top:5px; right:5px; width:40px; height:40px; background:url(https://d3nsks150m8sxr.cloudfront.net/images/2021/slim_cp/share_cls.png) 50% 50%/20px auto no-repeat; text-indent:-9999px;}
@media screen and (max-width:450px){
    .event_comp .copm_popup .inner {max-height:100%; padding:50px 4% 25px; overflow-y:auto;}
    .event_comp .copm_popup h3 {font-size:26px;}
	.event_comp .copm_popup h3:before {width:65px; height:65px;}
    .event_comp .copm_popup p {font-size:14px; margin:12px 0;}
    .event_comp .copm_popup a {width:165px; height:45px; line-height:45px; font-size:17px; margin:15px auto 0;}
}
/* 2022-03-16 카카오 이모티콘 랜딩 팝업 추가 End */
/* 2022-03-24 슬림 쿠폰 추가 */
.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_slim::before { top: 43%; left: 50%; width: 61px; height: 120px; transform: translate(-50%, -50%); background-image: url('https://d3nsks150m8sxr.cloudfront.net/images/2022/coupon/device_slim.png'); background-position: center; }
.coupon-etc .download-coupon-slim.slim-col2 { padding: 0; width: 100%; }
.download-coupon-slim.slim-col2 .cuopon-contents-slim { display: -webkit-box; display: -ms-flexbox; display: flex; }
.download-coupon-slim.slim-col2 .cuopon-area { width: calc(50% - 24px); }
.download-coupon-slim.slim-col2 .cuopon-area:first-of-type { padding: 0 24px 0 0; }
.download-coupon-slim.slim-col2 .cuopon-area:nth-of-type(n+2) { padding: 0 0 0 24px; }

@media screen and (max-width: 767px) {
	.download-coupon .download-coupon-device .download-coupon-device-item .download-coupon-device-item__label_device_slim::before { top: 39.5%; width: 29px; height: 58px; }
	.coupon-etc .download-coupon-slim.slim-col2 { padding: 76px 24px 60px; }
	.download-coupon-slim.slim-col2 .cuopon-contents-slim { flex-wrap: wrap; }
	.download-coupon-slim.slim-col2 .cuopon-area { width: 100%; }
	.download-coupon-slim.slim-col2 .cuopon-area:first-of-type { padding: 0; }
	.download-coupon-slim.slim-col2 .cuopon-area:nth-of-type(n+2) { padding: 20px 0 0; }
}
/* //2022-03-24 슬림 쿠폰 추가 */
/* 2022-03-25 e-shop 리스트 한글 폰트 수정 */
.shop-list .owl-carousel .owl_item .rollHide h3 {font-weight: 700;}
.shop-head .main-info h2 {font-weight: 700;}
/* 2022-03-25 e-shop 리스트 한글 폰트 수정 End */
/* 2022-04-05 1+1 프로모션 팝업 추가 */
.popup_skin {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:80;}
.popup_skin .popup_box { position:relative; width:92%; max-width:400px; height:calc(100% - 4rem); margin:2rem auto;}
.popup_skin .popup_box .inner {position:absolute; top:50%; left:50%; width:100%; background:#fff; padding:30px 16px 30px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);  -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); text-align:center; box-sizing:border-box; box-shadow:0 1px 10px rgba(0,0,0,.25);}
.popup_skin .popup_box p {font-size:16px; line-height:22px; letter-spacing:-0.035rem; white-space:pre-line; margin:20px 0;}
.popup_skin .popup_box strong {font-weight: 700;}
.popup_skin .popup_box .cls_btn {display:block; width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:700; letter-spacing:-0.04rem; background:#d94829; color:#fff; margin:25px auto 0; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px;}
@media screen and (max-width:450px){
    .popup_skin .popup_box .inner {max-height:100%; padding:50px 4% 25px; overflow-y:auto;}
    .popup_skin .popup_box p {font-size:14px; margin:12px 0;}
    .popup_skin .popup_box .cls_btn {width:165px; height:45px; line-height:45px; font-size:17px; margin:15px auto 0;}
}
/* 2022-04-05 1+1 프로모션 팝업 추가 End */
/* 2022-04-08 프로 슬림 유저가이드 */
.user_guide ~ .main-attendance-btn-wrap {display:none;}
.user_guide_img {text-align:center;}
.user_guide_img img {max-width:100%;}
/* 2022-04-08 프로 슬림 유저가이드 End */
/* 2022-04-26 pro slim 1+1 promotion eshop CSS */	
.shop-head .glo-restrict.bundle {height:auto !important;}	
.shop-head .glo-restrict.bundle .gallery {float:left;}	
.shop-head .glo-restrict.bundle .main-infoWrap {position:relative; float:right; top:auto; right:auto;}	
.shop-list .owl-carousel .owl_item .price {font-size:20px; line-height:32px; font-weight: 700;}	
.shop-head .main-info .option {height:auto;}	
.shop-head .main-info .option .colorset.slim_package { left: 0; padding: 0 0 0 75px; }	
.shop-head .main-info .option .colorset.slim_package:before { content: '옵션 1'; display: inline-block; position: absolute; top: 0; left: 0; width: 200px; height: 36px; font-size: 14px; line-height: 36px; }	
.shop-head .main-info .option #sleeveOption .colorset.slim_package:before {content: '옵션 2';}	
.shop-head .main-info .option #sleeveOption .colorset {margin:10px 0 0;}	
.shop-in-box li .eco_message { margin: 5px 0 0; font-size: 14px;}	
.shop-head .main-info .option select {top:25px;}	
.shop-head .slim_package p {height:auto; padding:21px 56px 21px 21px; text-align:left;}	
.shop-head .slim_package p strong {position:static; display:inline-block; line-height:34px;}	
.shop-head .slim_package .slim_opt {display:inline-block; font-size:14px; margin:0 20px 0 0; vertical-align:top;}	
.shop-head .slim_package p em {position:absolute; top:21px; right:50px; line-height:42px;}	
.shop-head .slim_package p .btn-delete {top:21px; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}	
@media (max-width: 767px){	
	.shop-head .glo-restrict.bundle {padding:0 0 70px;}	
	.shop-head .glo-restrict.bundle .gallery {float:none;}	
	.shop-head .glo-restrict.bundle .main-infoWrap {position:static; float:none;}	
	.shop-head .main-info .option .colorset.slim_package {line-height:32px;}	
	.shop-head .main-info .option .colorset.slim_package:before {height:32px; line-height:32px;}	
	.shop-head .choice.slim_package {margin:0;}	
}	
/* 2022-04-26 pro slim 1+1 promotion eshop CSS End */
/* 2022-05-09 기기등록 페이지 */
.register_figure {height:450px;}
.register_form {height:450px;}
.register_explain ul li.small_text {height:auto; padding:0 0 0 13px; text-indent:-13px;}

@media screen and (max-width:1279px){
    .register_figure, .register_form {height:600px;}
    .add200909 .register_submit {margin:10px auto 0;}
}
@media screen and (max-width:1023px){
    .register_figure {background-image:url(/images/2021/bg-register-starterkit.jpg);}
}
@media screen and (max-width:767px){
    .register_figure, .register_form {height:204px;}
    .register_form.add200909 {height:auto; padding:0 24px 24px;}
    .register_explain ul li.small_text {white-space:normal; margin:0 0 0 37px;}
	.register_explain ul li.small_text br {display:none;}
}
/* 2022-05-09 기기등록 페이지 End */
/* 2022-05-09 상품 상세페이지 유저가이드*/
.btn-userguide {margin:0 10px;}
.userguide_noti {display:block; font-size:15px; margin:30px 0 0;}

@media screen and (max-width:767px){
    #user_guide {display:flex; flex-wrap:wrap; justify-content:space-between;}
    #user_guide .btn-userguide {width:49%; font-size:3.2vw; margin:0;}
    #user_guide .userguide_noti {width:100%; font-size:14px;}
}
/* 2022-05-09 상품 상세페이지 유저가이드 End */
/* 2022-05-09 쿠폰북 마케팅 미동의 회원 팝업 스타일 */
.modal-mini-wrap.coupon_modal {max-width:840px;}
.modal-mini-wrap.coupon_modal .modal-contents {position:relative; padding:32px 48px; text-align:right;}
.modal-mini-wrap.coupon_modal .modal-close {top:28px;}
.modal-mini-wrap.coupon_modal .all-check {display:inline-block; margin:0 0 5px;}
.modal-mini-wrap.coupon_modal .all-check label { line-height:36px; vertical-align:top;}
.modal-mini-wrap.coupon_modal .all-check label:before, .modal-mini-wrap.coupon_modal .all-check label:after {margin:-8px 0 0;}
.modal-mini-wrap.coupon_modal .btnf-fill-orange {display:block; margin:20px auto 0;}
.modal-mini-wrap.coupon_modal .togglebox-terms {text-align:left;}
.modal-mini-wrap.coupon_modal .toggle-target {max-height:240px; font-size:17px; padding:22px 40px;}

@media screen and (max-width:767px){
    .modal-mini-wrap.coupon_modal .modal-header {padding:20px 5%;}
    .modal-mini-wrap.coupon_modal .modal-close {top:15px;}
    .modal-mini-wrap.coupon_modal .modal-contents {padding:27px 5%;}
    .modal-mini-wrap.coupon_modal .toggle-target {max-height:180px; font-size:12px; padding:5%;}
}
/* 2022-05-09 쿠폰북 마케팅 미동의 회원 팝업 스타일 End */
/* 2022-05-23 약관 페이지 */
.terms-tit{
    margin-bottom: 20px;
    font-size: 36px; text-align: center; font-weight: 500;
}
.terms-wrap{
    font-size: 14px;
}
/* 2022-05-23 약관 페이지 end */
/* 2022-05-30 기기등록이벤트 */
.evt-con .event-swiper-wrap{
    display: flex;
}
.evt-con .event-swiper-wrap .left-bg{
    width: 18.25%;
    flex: none;
}
.evt-con .event-swiper-wrap .event-may-swiper{
    padding: 0 5%;
}
.evt-con .event-swiper-wrap .event-may-swiper .swiper-slide{
    opacity: 0;
}
.evt-con .event-swiper-wrap .event-may-swiper .swiper-slide-active{
    opacity: 1;
}
.evt-con .event-swiper-wrap .event-may-swiper .swiper-slide.coming-soon::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/event/220530/evt_03_slide_dim.png) no-repeat 0 0/ contain;
}
.evt-con .event-swiper-wrap .event-may-swiper .swiper-button{
    width: 7.8%;
    height: 100%;
    margin: 0;
    top: 0;
    background: url(/images/event/220530/btn-swiper-prev.jpg) no-repeat 0 0/ contain;
}
.evt-con .event-swiper-wrap .event-may-swiper .swiper-button-prev{
    left: 0;
}
.evt-con .event-swiper-wrap .event-may-swiper .swiper-button-next{
    right: 0;
    background-image: url(/images/event/220530/btn-swiper-next.jpg);
}
.evt-con .event-swiper-wrap .right-bg{
    width: 18.25%;
    flex: none;
}
.evt-con .may-swiper-bottom{
    margin-top: -2px;
}
@media screen and (max-width: 767px){
    .evt-con .event-swiper-wrap .left-bg{
        width: 5.375%;
    }
    .evt-con .event-swiper-wrap .event-may-swiper{
        padding: 0 7.8%;
    }
    .evt-con .event-swiper-wrap .event-may-swiper .swiper-slide.coming-soon::after{
        background-image: url(/images/event/220530/evt_m_03_slide_dim.png);
    }
    .evt-con .event-swiper-wrap .right-bg{
        width: 5.215%;
    }
}
/* 2022-05-30 기기등록이벤트 end */

/* 2022-06-02 슬림 띠배너 교체 */
/* .shop-topbn .glo-restrict{
    color: #000;
}
.shop-topbn .btnf-line-white{
    color: #000;
    border-color: #000;
} */
/* 2022-06-02 슬림 띠배너 교체 End */
/* 2022-06-03 휴먼회원이벤트 */
.eventWrap{background-color: #f6f6f6;}
.eventWrap img.pc_img {
    display: block;
    width: 100%;
}
.eventWrap img.mb_img {
    display: none;
    width: 100%;
}
.evMiddle{
    border-radius: 80px 80px 0 0;
    background-color: #ffd47d;
}
.eventBox{
    position: relative;
    margin-bottom:40px;
}
.eventBox,.eventeventBoxImg{padding: 0 8%;}
.eventBox.eBox1 .eventBoxImg{border-bottom:1px solid #b68f86;}
.eventBox.eBox2 .eventBoxImg{border-bottom:1px solid #62527f;}
.eventBox.eBox3 .eventBoxImg{border-bottom:1px solid #555555;}
.eventBox.eBox4 .eventBoxImg{border-bottom:1px solid #5481ab;}

.evMiddle div:nth-child(5){
    margin-bottom:0;
}
.event_content span{
    font-size: 1.4em;
    color:#d94829;
    border-bottom: 2px solid #d94829;
}
.event_content {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.3em;
    font-weight: 700;
    color:#000;
}

.eventBox .tg_chk_item{
    position: relative;
    height: 64px;
    margin-top: -1px;
    border-radius:0 0 20px 20px;
}
.eventBox .tg_chk_item.chk1{border:1px solid #b68f86; background-color: #b27361;}
.eventBox .tg_chk_item.chk2{border:1px solid #62527f; background-color: #9491d1;}
.eventBox .tg_chk_item.chk3{border:1px solid #555555; background-color: #7b7b7b;}
.eventBox .tg_chk_item.chk4{border:1px solid #5481ab; background-color: #7db7df;}

.eventBox .tg_chk_item .tg{
    border: 1px solid #000;
    background-color: #fff;
}
.eventBox .tg_chk_item .tg-btn {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    font-size: 1.1em;
    font-weight: 700;
    color:#fff;
    padding:0 10px;
}
.eventBox .tg_chk_item input[type='radio'] + label:before {
    content:'';
    position:static;
    display:inline-block;
    width:24px;
    height:24px;
    border:1px solid rgba(0,0,0,.5);
    background:#fff;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    margin:-2px 12px 0 0;
    vertical-align:middle;
    box-sizing:border-box;
}
.eventBox .tg_chk_item input[type='radio'] + label:after {
    display:none;
}
.eventBox .tg_chk_item input[type='radio']:checked + label:before {
    background:#4f362f url("data:image/svg+xml,%3Csvg height='556' viewBox='0 -46 417.813 417' width='556' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M159.988 318.582c-3.988 4.012-9.43 6.25-15.082 6.25s-11.094-2.238-15.082-6.25L9.375 198.113c-12.5-12.5-12.5-32.77 0-45.246l15.082-15.086c12.504-12.5 32.75-12.5 45.25 0l75.2 75.203L348.104 9.781c12.504-12.5 32.77-12.5 45.25 0l15.082 15.086c12.5 12.5 12.5 32.766 0 45.246zm0 0'/%3E%3C/svg%3E%0A") 50% 48%/58% auto no-repeat;
}
.eventBox .tg_chk_item.chk2 input[type='radio']:checked + label:before {
    background-color:#62527f;
}
.eventBox .tg_chk_item.chk3 input[type='radio']:checked + label:before {
    background-color:#454545;
}
.eventBox .tg_chk_item.chk4 input[type='radio']:checked + label:before {
    background-color:#5481ab;
}
/* .eventMove{margin-top:80px;} */
.eventWrap img.block {
    display: block;
    width: 100%;
}

.eventSimbtn .evt_btn { display:block; width:21.66vw; max-width:260px; height:80px; line-height:80px; text-align:center; font-size:32px; font-weight: 700; color:#fff; background:#d94828; border-radius:6.66vw; -webkit-border-radius:6.66vw; -moz-border-radius:6.66vw; -ms-border-radius:6.66vw; -o-border-radius:6.66vw; margin:0 auto; }
.eventSimbtn .evt_btn[disabled] {background:#888; opacity:1;}

@media screen and (max-width: 1110px){
    .event_content {
        font-size: 1.1em;
    }
}
@media screen and (max-width: 972px){
    .event_content {
        font-size: 0.9em;
    }
}
@media screen and (max-width: 767px){
    .evMiddle{
        padding:0;
        border-radius: 0;
        background-color: #ffd47d;
    }
    .eventeventBoxImg,.eventBox.eBox1,.eventBox.eBox2,.eventBox.eBox3,.eventBox.eBox4{
        padding:0;
    }

    .eventWrap img.pc_img {
        display: none;
    }
    .eventWrap img.mb_img {
        display: block;
    }
    .eventBox .tg_chk_item{
        margin:-1px auto 0;
        width: 80%;
        height:10vw;
    }
    .eventBox.eBox1 .eventBoxImg{border-bottom:0px;}
    .eventBox.eBox2 .eventBoxImg{border-bottom:0px;}
    .eventBox.eBox3 .eventBoxImg{border-bottom:0px;}
    .eventBox.eBox4 .eventBoxImg{border-bottom:0px;}
    .eventBox .tg_chk_item {
        border-radius: 0 0 10px 10px;
    }

    .eventBox .tg_chk_item .tg-btn {font-size:3vw;}
    .eventBox .tg_chk_item input[type='radio'] + label:before {
        width:20px;
        height:20px;
        margin:-2px 8px 0 0;
    }
    .eventSimbtn .evt_btn { width:38vw; height:12vw; line-height:12vw; font-size:4.16vw; border-radius:11vw; -webkit-border-radius:11vw; -moz-border-radius:11vw; -ms-border-radius:11vw; -o-border-radius:11vw;}

    .lucky_modal .pop-cookie {text-align:center;}
}
/* 2022-06-03 휴면 회원 이벤트 end */

/* 2022-06-09 뉴스룸 */
.main-news{
    margin-bottom: 85px;
}
.main-news .main-news-swiper{
    padding: 80px 0 65px;
}
.main-news .main-news-swiper .swiper-slide{
    box-sizing: border-box;
    padding: 0 150px 0 70px;
}
.main-news .main-news-swiper .swiper-slide a{
    display: flex;
    align-items: center;
}
.main-news .main-news-swiper .swiper-slide a figure{
    width: 50%;
    flex: none;
    margin-right: 10px;
    box-sizing: border-box;
}
.main-news .main-news-swiper .swiper-slide a figure img{
    display: block;
    width: 100%;
}
.main-news .main-news-swiper .swiper-slide a .fig-caption{
    padding: 0 15px 0 60px;
    color: #000;
    letter-spacing: -0.03em;
}
.main-news .main-news-swiper .swiper-slide a .fig-caption .category{
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #d94828;
}
.main-news .main-news-swiper .swiper-slide a .fig-caption .tit{
    display: -webkit-box;
    height: 120px;
    margin-bottom: 30px;
    overflow: hidden;
    font-size: 46px;
    line-height: 60px;
    font-weight: 800;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break:keep-all;
}
.main-news .main-news-swiper .swiper-slide a .fig-caption .desc{
    display: -webkit-box;
    height: 102px;
    margin-bottom: 85px;
    overflow: hidden;
    
    font-size: 20px;
    line-height: 34px;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.main-news .main-news-swiper .swiper-slide a .fig-caption .date{
    font-size: 20px;
    line-height: 1;
    
    color: #868686;
}
.main-news .main-news-swiper .swiper-button{
    width: 29px;
    height: 53px;
    margin-top: 0;
    top: calc(50% - 26px);
    background: url(/images/2022/newsroom/news-swiper-button.png) no-repeat center center/ contain;
}
.main-news .main-news-swiper .swiper-button-prev{
    transform: rotate(180deg);
    left: 0;
}
.main-news .main-news-swiper .swiper-button-next{
    right: 0;
}
.main-news .main-news-swiper .swiper-pagination{
    bottom: 0;
	width: 90%;
}
.main-news .main-news-swiper .swiper-pagination-bullet{
    width: 50px;
    height: 5px;
    background: #ddd;
    opacity: 1;
    border-radius: 0;
}
.main-news .main-news-swiper .swiper-pagination-bullet-active{
    background: #dd5333;
}
.sub-lnb-center .glo-restrict ul{
    text-align: center;
}
.sub-lnb-center .glo-restrict ul li+li{
    margin-left: 20px;
}
.sub-contents-news .wrap-news-list .news-list{
    display: flex;
    padding: 0 30px;
}
.sub-contents-news .wrap-news-list .news-list li{
    width: 100%;
    margin: 0 20px;
}
.sub-contents-news .wrap-news-list .news-list li a figure img{
    display: block;
    width: 100%;
}
.sub-contents-news .wrap-news-list .news-list li a .fig-caption{
    padding: 35px;
    border: 1px solid #eeeeee;
    color: #000;
    letter-spacing: -0.05em;
}
.sub-contents-news .wrap-news-list .news-list li a .fig-caption .category{
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #d94828;
}
.sub-contents-news .wrap-news-list .news-list li a .fig-caption .tit{
    display: -webkit-box;
    height: 80px;
    margin-bottom: 55px;
    overflow: hidden;
    font-size: 30px;
    line-height: 40px;
    font-weight: 800;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.sub-contents-news .wrap-news-list .news-list li a .fig-caption .date{
    font-size: 20px;
    line-height: 1;
    
    color: #868686;
}
.sub-contents .glo-restrict.newsroom{
    max-width: 1330px;
}
.sub-contents .news-tit-area{
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #333;
}
.sub-contents .news-tit-area h4{
    color: #333;
    font-size: 40px;
    line-height: 54px;
    font-weight: 800;
    letter-spacing: -0.05em;
}
.sub-contents .news-tit-area .evt-tit-right{
    margin-left: auto;
    text-align: right;
}
.sub-contents .news-tit-area .evt-tit-right .news-share-area{
    margin-bottom: 30px;
}
.sub-contents .news-tit-area .evt-tit-right em{
    display: inline-block;
    padding-right: 5px;
    color: #bdbdbd;
    font-size: 20px;
    line-height: 1;
}
.sub-contents .news-con{
    padding-top: 100px;
    margin-bottom: 80px;
    color: #000;
    letter-spacing: -0.08em;
}
.sub-contents .news-con div{
    margin-bottom: 100px;
}
.sub-contents .news-con ul{
    display: inline-block; 
    text-align: left;
}
.sub-contents .news-con ul li{
    font-size: 28px;
    line-height: 54px;
    font-weight: 500;
}
.sub-contents .news-con p{
    margin-bottom: 50px;
    font-size: 24px;
    color: #000;
}
.sub-contents .news-con img{
    max-width: 100%;
    box-sizing: border-box;
}
.sub-contents .news-con p:last-of-type{
    margin-bottom: 0;
}
.sub-contents .news-share-area{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 80px;
}
.sub-contents .news-share-area .btn{
    display: block;
    width: 60px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.sub-contents .news-share-area .btn-kakao{
    margin-right: 5px;
    background-image: url(/images/2022/newsroom/icon-kakao.png);
}
.sub-contents .news-share-area .btn-share{
    background-image: url(/images/2022/newsroom/icon-share.png);
}
.sub-contents .news-pagination-area{
    display: flex;
    align-items: center;
    height: 210px;
    padding: 30px 100px;
    position: relative;
    border-top: 2px solid #333;
    text-align: center;
    box-sizing: border-box;
}
.sub-contents .news-pagination-area::after{
    content: "";
    display: block;
    width: 2px;
    height: 150px;
    position: absolute;
    left: calc(50% - 1px);
    top: 30px;
    background: #bdbdbd;
}
.sub-contents .news-pagination-area .btn{
    width: 50%;
    position: relative;
    font-size: 20px;
    line-height: 1;
    color: #000;
}
.sub-contents .news-pagination-area .btn::after{
    content: "";
    display: block;
    width: 21px;
    height: 37px;
    position: absolute;
    top: calc(50% - 18px);
    left: 0;
    background: url(/images/2022/newsroom/btn-prev.png) no-repeat center center/ contain;
}
.sub-contents .news-pagination-area .btn.btn-disable{
    pointer-events: none;
}
.sub-contents .news-pagination-area .btn.btn-next::after{
    transform: scaleX(-1);
    left: auto;
    right: 0;
}
.sub-contents .news-pagination-area .btn .txt{
    margin-bottom: 30px;
}
.sub-contents .news-pagination-area .btn .tit{
    display: -webkit-box;
    width: 50%;
    height: 56px;
    margin: 0 auto;
    line-height: 28px;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (max-width:1480px){
    .sub-contents-news .wrap-news-list .news-list{
        padding: 0;
    }
    .sub-contents-news .wrap-news-list .news-list li{
        margin: 0 15px;
    }
}
@media screen and (max-width: 1279px){
    .main-news .main-news-swiper .swiper-slide{
        padding: 0 60px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption{
        padding-left: 50px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption .category{
        font-size: 18px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption .tit{
        height: 108px;
        margin-bottom: 20px;
        font-size: 42px;
        line-height: 54px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption .desc{
        height: 60px;
        margin-bottom: 70px;
        font-size: 18px;
        line-height: 30px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption .date{
        font-size: 18px;
    }
    .main-news .main-news-swiper .swiper-button-prev{
        left: 5px;
    }
    .main-news .main-news-swiper .swiper-button-next{
        right: 5px;
    }
    .sub-contents-news .wrap-news-list .news-list li{
        margin: 0 10px;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption{
        padding: 20px 25px;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .category{
        font-size: 18px;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .tit{
        height: 72px;
        margin-bottom: 40px;
        font-size: 26px;
        line-height: 36px;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .date{
        font-size: 18px;
    }
}
@media screen and (max-width: 980px){
    .main-news{
        margin-bottom: 70px;
    }
    .main-news .main-news-swiper{
        padding: 70px 0 50px;
    }
    .main-news .main-news-swiper .swiper-slide{
        padding: 0 15px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption{
        padding-left: 30px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption .category{
        margin-bottom: 15px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption .tit{
        height: 100px;
        font-size: 40px;
        line-height: 50px;
    }
    .main-news .main-news-swiper .swiper-slide a .fig-caption .desc{
        height: 56px;
        margin-bottom: 50px;
        line-height: 28px;
    }
    .main-news .main-news-swiper .swiper-button{
        display: none;
    }
    .sub-contents-news .wrap-news-list .news-list li{
        margin: 0 5px;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption{
        padding: 20px;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .category{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .tit{
        height: 72px;
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 34px;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .date{
        font-size: 16px;
    }
    .sub-contents .news-tit-area{
        display: block;
        padding-right: 160px;
        position: relative;
    }
    .sub-contents .news-tit-area h4{
        margin-bottom: 35px;
    }
    .sub-contents .news-tit-area .evt-tit-right{
        text-align: left;
    }
    .sub-contents .news-tit-area .evt-tit-right .news-share-area{
        margin: 0;
        position: absolute;
        right: 0;
        bottom: 20px;
    }
}
@media screen and (max-width: 767px){
    .main-news {
        margin-bottom: 11.80556vw;
    }

    .main-news .main-news-swiper {
        padding: 8.33333vw 0;
    }

    .main-news .main-news-swiper .swiper-slide {
        padding: 0 2.77778vw;
    }

    .main-news .main-news-swiper .swiper-slide a {
        display: block;
    }

    .main-news .main-news-swiper .swiper-slide a figure {
        width: 100%;
        margin: 0 0 8.33333vw;
    }

    .main-news .main-news-swiper .swiper-slide a .fig-caption {
        padding-left: 4.16667vw;
    }

    .main-news .main-news-swiper .swiper-slide a .fig-caption .category {
        margin-bottom: 2.77778vw;
        font-size: 4.44444vw;
    }

    .main-news .main-news-swiper .swiper-slide a .fig-caption .tit {
        height: 19.44444vw;
        margin-bottom: 3.47222vw;
        font-size: 7.22222vw;
        line-height: 9.72222vw;
    }

    .main-news .main-news-swiper .swiper-slide a .fig-caption .desc {
        height: 9.44444vw;
        margin-bottom: 11.11111vw;
        font-size: 3.33333vw;
        line-height: 4.72222vw;
    }

    .main-news .main-news-swiper .swiper-slide a .fig-caption .date {
        font-size: 3.33333vw;
    }

    .main-news .main-news-swiper .swiper-pagination-bullet {
		width:7vw;
		height:2px;
	}

    .sub-lnb-center .glo-restrict ul li {
        width: 100%;
    }

    .sub-lnb-center .glo-restrict ul li + li {
        margin-left: 6.94444vw;
    }
    .sub-lnb-center .glo-restrict ul li a{
        width: 100%;
        justify-content: center;
    }
    .sub-contents-news .wrap-news-list .news-list {
        display: block;
        padding: 0 1.38889vw;
    }
    .sub-contents-news .wrap-news-list .news-list li {
        margin: 0 0 5.55556vw;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption {
        padding: 6.94444vw 8.33333vw;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .category {
        margin-bottom: 2.77778vw;
        font-size: 3.33333vw;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .tit {
        height: 14.44444vw;
        margin-bottom: 4.16667vw;
        font-size: 5.55556vw;
        line-height: 7.22222vw;
    }
    .sub-contents-news .wrap-news-list .news-list li a .fig-caption .date {
        font-size: 3.33333vw;
    }
    .sub-contents .news-con {
        padding-top: 13.8888888889vw;
        margin-bottom: 12.5vw;
    }
    .sub-contents .news-share-area {
        margin-bottom: 8.33333vw;
    }
    .sub-contents .news-share-area .btn {
        max-width: 60px;
        width: 11.11111vw;
        height: 11.11111vw;
    }
    .sub-contents .news-share-area .btn-kakao {
        margin-right: 2.77778vw;
    }
    .sub-contents .news-pagination-area {
        height: 17.5vw;
        padding: 1.8055555556vw 6.9444444444vw;
    }
    .sub-contents .news-pagination-area::after {
        height: 13.88889vw;
        top: 1.80556vw;
    }
    .sub-contents .news-pagination-area .btn::after {
        width: 1.9444444444vw;
        height: 3.6111111111vw;
        top: calc(50% - 1.8055555556vw);
    }
    .sub-contents .news-pagination-area .btn .txt {
        margin: 0;
        font-size: 2.77778vw;
    }
    .sub-contents .news-pagination-area .btn .tit {
        display: none;
    }
    .sub-contents .news-tit-area {
        padding: 0 19vw 3.472vw 3.472vw;
    }
    .sub-contents .news-tit-area h4 {
        margin-bottom: 5.55vw;
        font-size: 5.5555555556vw;
        line-height: 7.5vw;
    }
    .sub-contents .news-tit-area .evt-tit-right .news-share-area {
        bottom: 4.1666666667vw;
    }
    .sub-contents .news-tit-area .evt-tit-right em {
        
        font-size: 3.3333333333vw;
        color: #868686;
    }
    .sub-contents .news-con div{
        margin-bottom: 6.9444444444vw;
    }
    .sub-contents .news-con p {
        margin-bottom: 6.8vw;
        font-size: 3.3333333333vw;
        line-height: 5.5555555556vw;
    }
    .sub-contents .news-con ul{
        text-align: center;
    }
    .sub-contents .news-con ul li {
        font-size: 3.6111111111vw;
        line-height: 6.3888888889vw;
    }
}
/* 2022-06-09 뉴스룸 end */
/* 2022-06-28 여름기기등록 스와이퍼 영역 */
.evt-con .event-swiper-wrap .event-may-swiper{
    width: 100%;
}
/* 2022-06-28 여름기기등록 스와이퍼 영역 end */

/*2022-07-26 16:38:58 기기등록 수정*/
.register_figure {
    width: calc(100% - 500px);
    background-image: url("/images/2022/myregister/bg-register-starterkit.jpg");
    background-size: cover;
    background-color: transparent;
    background-position: left top;
}
.register_form {
    width: calc(100% - 700px);
    border: solid 1px #ededed;
    box-sizing: border-box;
}

.register_figure {height:480px;}
.register_form {
    position: relative;
    height:480px;
}
.register_form_wrap{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width: 100%;
}
.add200909 .register_submit {
    margin: 0 auto;
}
.register_label {
    width: 168px;
    padding-left: 34px;
}

.infor_text{
    padding:30px 0;
    font-size:14px;
    text-align: center;
    color:#d94828;
}

.register-caution {
    margin: 0 auto;
    padding: 58px 62px 96px;
    width: 1138px;

}

.register-caution span:nth-child(1){
    display: block;
    padding-bottom:10px;
    font-size: 30px;
    font-weight:700;
    text-align: left;
    color: #333333;
}
.register-caution .cautiontext{
    display: block;
    font-size: 15px;
    text-align: left;
    color: #333333;
    line-height: 1.6;
}
.cautiontext:before{
    display: inline-block;
    content: '';
    margin-right:10px;
    width: 2px;
    height: 2px;
    background-color: #5c5e5e;
    vertical-align: 4px;
}
.mobile_br_397{display: none;}

@media (max-width: 1281px){
    .register_form_wrap {
        width: 372px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .register_input_register label, .register_input_referral label {
        padding-top: 8px;
        padding-left: 0;
    }
    .infor_text {
        font-size: 12px;
    }
}
@media (max-width: 1223px){
    .my-register-box {
        height: auto;
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        -ms-flex-direction: column;
    }
    .register_figure {
        width: auto;
        height: 60vw;
    }
    .register_form {
        width: 100%;
        height: auto;
    }
    .register_form_wrap {
        padding: 4% 0;
        width: 556px;
        position: unset;
        top: auto;
        left: auto;
        transform: none;
    }
}

@media (max-width: 921px){
	.register-caution {
		margin: 0 auto;
		padding: 58px 2% 96px;
		width: auto;
	}
	.register-caution .cautiontext {
        word-break: keep-all;
        text-indent:-12px;
        margin-left:18px;
    }
}

@media (max-width: 767px){
    .register_figure {
        height: 165.13888888888889vw;
        background-image: url("/images/2022/myregister/bg-register-starterkit_m.jpg");
    }
    .register_form_wrap {
        position: unset;
        top: auto;
        transform: none;
        width: 100%;
    }

    .register_label {
        padding-left: 0;
    }
    .register_input_register input[type='text'],
    .register_input_referral input[type='text'],
    .register_input_register select,
    .register_input_register select option {
        width: 100%;
    }
    .mobileBr{display: block;}
    .infor_text {
        padding: 5.555555555555555vw 0;
        font-size: 2.5vw;
    }
    .register-caution {
        padding: 6.25vw 24px 8.333333333333334vw;
        width: auto;
    }
    .register-caution span:nth-child(1) {
        padding-bottom: 2.7777777777777777vw;
        font-size: 5vw;
    }

    .register-caution .cautiontext {
        display: block;
        font-size: 3.3333333333333335vw;
        line-height: 1.6;
        word-break: keep-all;
        text-indent:-12px;
        margin-left:14px;
    }
    
}
@media (max-width: 397px){
    .mobile_br_397{display: block;}
}

/* 2022-09-02 뉴스룸 추가 수정 */
@media screen and (max-width: 767px){
    .sub-contents .news-pagination-area .btn .tit_zero{
        font-size: 2.77778vw;
    }
}
/* 2022-09-02 뉴스룸 추가 수정 end */

/* 2023-02-17 카트,회원정보수정 수정*/
.only-ocb input + label:before, .only-ocb input + label:after{
	display: none;
}
.my-info-basic li .title-item{
	align-self: center;
	padding-top: 0;
}
@media screen and (max-width: 767px){
	.order-point li .glo-point input{
		width: calc(100% - 164px);
	}
	.coupon-item-200903 .price-wrap{
		display: block;
		text-align: right;
	}
	.coupon-ch-topbox1{
		width: 100%;
	}
	.add210201 .coupon-ch-list .price-Wrap{
		padding-top: 1.5vw;
	}
	.my-info-add .personal .title-item{
		flex: none;
	}
	.my-coupon-regist input[type='text']{
		width: calc(100% - 84px);
	}
	.my-coupon-regist span.block{
		padding: 10px 0 0 0;
	}
	.add_200824{
		padding-top: 20px;
	}
	.shop-in-box li .icon{
		width: auto;
		height: auto;
	}
}

/* 2023-02-22 회원정보 수정 */
.my-info-basic .device-add{
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 24px;
}
.my-info-basic .device-add .btns-fill-gray{
	width: 150px;
	height: 30px;
	border-radius: 15px;
	margin-left: auto;
}
.review_box{
	line-height: 1.5em;
	word-break: keep-all;
}
@media screen and (max-width: 767px){
	.my-info-basic .device-add{
		flex-wrap: wrap;
		padding: 0;
	}
	.my-info-basic .device-add .btns-fill-gray{
		width: 130px;
		margin: 10px 0 10px auto;

	}
}

/* 2023-02-27 수정사항 */
.sub-contents .news-con ul li{
	font-family: Gotham-Regular, "NotoSans", sans-serif !important;
}
.sub-contents .news-con p{
	word-break: keep-all;
	line-height: 1.5;
	font-family: Gotham-Regular, "NotoSans", sans-serif !important;
}
@media screen and (max-width: 767px){
	.items-order.on .cell-state{
		display: flex;
		align-items: center;
		bottom: 12px;
	}
	.items-order.on .cell-state button{
		margin: 0 0 0 1.5vw;
	}
	.items-order .cell-total:nth-of-type(n+2){
		margin-top: -30px;
	}
}

/* 2023-02-28 뉴스룸 수정사항 */
.sub-contents .news-con h4{
	margin-bottom: 20px;
	word-break: keep-all;
	line-height: 1.5;
}
/* 2023-10-11 PDP 베스트 리뷰 BEST 딱지 추가 */
.review_box:before {
    content:'BEST';
    display:inline-flex;
    align-items:center;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
    padding:2px 3px 0;
    background:#f54a4c;
    color:#fff;
    margin:0 1px 2px 0;
}