@charset "utf-8";

.sprite__vip--before:before,
.sprite__vip--after:after{content:''}
.sprite__vip--before:before,
.sprite__vip--after:after,
.sprite__vip{overflow:hidden;display:inline-block;background:url(//pics.gmarket.co.kr/mobile/sprite/kr/vip/sprite__vip.png) no-repeat;background-size:250px auto}

/* ************************************************************************************************
	COMMONS
************************************************************************************************ */
.form__radio{position:relative;width:20px;height:20px;border:1px solid #bdbdbd;border-radius:50%;-webkit-appearance:none}
.form__radio:checked{border-color:#00c400}
.form__radio:checked::before{content:'';position:absolute;left:4px;top:4px;display:block;width:10px;height:10px;border-radius:50%;background:#00c400}
.body__scroll-lock{position:fixed;left:0;right:0}

/* ************************************************************************************************
	page__review
************************************************************************************************ */
.page__review{background:#f5f5f5}
.page__review .box__review-report{padding:32px 16px 100px}
.page__review .box__review-report .text__report-reason{margin-bottom:24px;font-family:'Gmarket Sans';font-size:20px;font-weight:500;line-height:1.4;color:#2c2c2c}
.page__review .box__review-report .box__card{padding:16px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff}
.page__review .box__review-report .box__card + .box__card{margin-top:12px}
.page__review .box__review-report .box__card .text__message{ font-size:14px;line-height:1.43;text-align:left;color:#222;font-weight:normal}
.page__review .box__review-report .list-item__report-reason:not(:first-child){margin-top:12px}
.page__review .box__review-report .list-item__report-reason{position:relative;}
.page__review .box__review-report .list-item__report-reason .form__radio{position:absolute;left:0;top:0}
.page__review .box__review-report .list-item__report-reason .text__label{padding-left:28px;display:block;font-size:14px;line-height:1.43;text-align:left;color:#222;font-weight:normal}
.page__review .box__review-report .button__default,
.page__review .box__review-report .button__primary{display:block;width:100%;margin-top:16px;padding:12px 0;border-radius:8px;border:solid 1px transparent;font-family:'Gmarket Sans';font-size:16px;font-weight:500;line-height:1.38}
.page__review .box__review-report .button__default{border-color:#bdbdbd;background-color:#fff;color:#222}
.page__review .box__review-report .button__primary{border-color:#00c400;background-color:#00c400;color:#fff}
.page__review .box__review-report .button__primary:disabled{opacity:.4;cursor:default}

/* ************************************************************************************************
	page__buybox
************************************************************************************************ */
.page__buybox .box__header .box__header-title .box__title .text__emphasis{color:#00c400}
.page__buybox .box__buybox-header{background:#fff;}
.page__buybox .box__buybox-header + hr{display:block;width:100%;height:8px;background:#eee;border:none}
.page__buybox .box__buybox-header .box__inner{position:relative;padding:19px 16px 19px 74px}
.page__buybox .box__buybox-header .text__title{font-family:'Gmarket Sans', sans-serif;font-size:13px;font-weight:normal;color:#222;line-height:20px}
.page__buybox .box__buybox-header .text__name{color:#00c400}
.page__buybox .box__buybox-header .box__item-image{overflow:hidden;position:absolute;top:16px;left:16px;width:46px;height:46px;border-radius:8px}
.page__buybox .box__buybox-header .box__item-image:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.04)}
.page__buybox .box__buybox-header .box__item-image img{width:100%;height:100%}
.page__buybox .box__buybox-list{padding:16px 16px 56px}
.page__buybox .box__list-header{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}
.page__buybox .box__list-header .text__title{display:inline-block;font-family:'Gmarket Sans', sans-serif;font-size:16px;font-weight:normal;color:#222;line-height:22px}
.page__buybox .box__list-header .button__tooltip{width:16px;height:16px;margin-top:3px;background-position:-18px 0;vertical-align:top}
.page__buybox .box__list-header .box__title .box__layer-tooltip{display:none;position:absolute;top:calc(100% + 5px);left:0;z-index:100;width:100%;background:#fff;border:1px solid #222;border-radius:8px}
.page__buybox .box__list-header .box__title .box__layer-tooltip--active{display:block}
.page__buybox .box__list-header .box__title .box__layer-tooltip .button__close{position:absolute;top:14px;right:16px;width:24px;height:24px;background-position:-110px 0}
.page__buybox .box__list-header .box__title .box__layer-tooltip .text{padding:16px 56px 16px 16px;font-size:14px;font-weight:normal;color:#222;line-height:20px}
.page__buybox .box__list-header .box__filter{position:relative;padding-right:34px}
.page__buybox .box__list-header .box__filter .form__input-checkbox{position:absolute;top:4px;right:0;width:30px;height:16px;opacity:0;-webkit-appearance:none}
.page__buybox .box__list-header .box__filter .form__label{font-size:12px;font-weight:normal;color:#616161;line-height:20px}
.page__buybox .box__list-header .box__filter .form__input-checkbox+.form__label:before{content:'';position:absolute;top:4px;right:0;width:30px;height:16px;border-radius:10px;background-color:#e0e0e0;transition:background-color 0.2s}
.page__buybox .box__list-header .box__filter .form__input-checkbox+.form__label:after{content:'';position:absolute;right:16px;top:6px;width:12px;height:12px;border-radius:8px;background-color:#fff;transition:right 0.2s}
.page__buybox .box__list-header .box__filter .form__input-checkbox:checked+.form__label:before{background-color:#067dfd}
.page__buybox .box__list-header .box__filter .form__input-checkbox:checked+.form__label:after{right:2px}
.page__buybox .box__list-header .box__filter .box__layer-tooltip{display:none;position:absolute;top:calc(-100% - 12px);right:0}
.page__buybox .box__list-header .box__filter .box__layer-tooltip--active{display:block}
.page__buybox .box__list-header .box__filter .box__layer-tooltip .text{width:210px;padding:6px 26px 6px 10px;background-image:linear-gradient(to left, #067dfd, #329cff);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1);border-radius:20px;font-family:'Gmarket Sans', sans-serif;font-size:11px;font-weight:normal;color:#fff;line-height:1.5}
.page__buybox .box__list-header .box__filter .box__layer-tooltip .text:after{content:'';display:block;position:absolute;right:10px;bottom:-6px;border-bottom:6px solid transparent;border-top:6px solid transparent;border-left:10px solid #067dfd;border-right:10px solid transparent;border-radius:2px}
.page__buybox .box__list-header .box__filter .box__layer-tooltip .button__close{position: absolute;top:6px;right:6px;width:16px;height:16px;background-position:-92px 0}
.page__buybox .box__buybox-list .box__info{padding:10px 12px;margin-bottom:8px;background:#fafafa;border:1px solid #eee;border-radius:8px;}
.page__buybox .box__buybox-list .box__info .text{position:relative;padding-left:20px;font-size:12px;font-weight:normal;color:#616161;line-height:16px}
.page__buybox .box__buybox-list .box__info .text:before{position:absolute;top:0;left:0;width:16px;height:16px;background-position:-79px -18px}
.page__buybox .box__buybox-list .list__buybox .list-item{position:relative;margin-bottom:8px}
.page__buybox .box__buybox-list .list__buybox .list-item--low .box__buybox-item{border-color:#f9560e}
.page__buybox .box__buybox-list .list__buybox.list__buybox-color-unify .list-item--low .box__buybox-item{border-color:#da120d}
.page__buybox .box__buybox-item{overflow:hidden;position:relative;background:#fff;border:1px solid #e0e0e0;border-radius:8px}
.page__buybox .box__item-image{overflow:hidden;position: absolute;top:11px;left:11px;z-index:10;width:72px;height:72px;border-radius:8px;text-align:center}
.page__buybox .box__item-image:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.04)}
.page__buybox .box__item-image .text__label{display:inline-block;position:absolute;top:0;left:0;right:0;background:#00c400;font-size:11px;font-weight:normal;color:#fff;line-height:20px}
.page__buybox .box__item-image img{width:100%}
.page__buybox .box__item-info{overflow:hidden;min-height:96px;padding:16px 16px 16px 0;margin-left:95px}
.page__buybox .box__item-info .text__label{position:relative;display:inline-block;padding:1px 4px;margin:0 0 4px 1px;font-size:10px;color:#f9560e;line-height:14px;vertical-align:top}
.page__buybox .list__buybox-color-unify .box__item-info .text__label{color:#da120d}
.page__buybox .box__item-info .text__label:before{content:'';position: absolute;top:-1px;left:-1px;width:100%;height:14px;border:1px solid #f9560e;border-radius:4px}
.page__buybox .list__buybox-color-unify .box__item-info .text__label:before{border-color:#da120d}
.page__buybox .box__item-info .box__price{position:relative;min-height:20px}
.page__buybox .box__item-info .box__price .text__price{display:block;font-family:'Gmarket Sans', sans-serif;font-size:15px;font-weight:bold;color:#424242;line-height:20px}
.page__buybox .box__item-info .box__price .text{position:relative;top:-1px;margin-left:4px;font-family:'Noto Sans KR', sans-serif;font-size:12px;font-weight:normal;line-height:16px;word-break:keep-all}
.page__buybox .box__item-info .box__price .text__price.text__price-coupon{color:#01a900}
.page__buybox .list__buybox-color-unify .box__item-info .box__price .text__price.text__price-coupon{color:#da120d}
.page__buybox .box__item-info .box__price .text__price.text__price-coupon + .text{font-weight:normal;color:#01a900;word-break:keep-all}
.page__buybox .box__item-info .box__price .text__unit{font-family:'Noto Sans KR', sans-serif;font-size:13px;line-height:18px}
.page__buybox .box__item-info .box__score{display:inline-block;margin-top:7px;margin-right:5px;font-size:0}
.page__buybox .box__item-info .box__score span{margin-left:1px;font-size:12px;font-weight:normal;line-height:16px}
.page__buybox .box__item-info .box__score:before{width:16px;height:16px;background-position:0 0;vertical-align:top}
.page__buybox .box__item-info .box__score .text__score-number{color:#222}
.page__buybox .box__item-info .box__score .text__score-count{color:#616161}
.page__buybox .box__item-info .box__official{display:inline-block;position:relative;padding-left:4px;margin-left:-5px;margin-top:5px;font-size:0;vertical-align:top}
.page__buybox .box__item-info .box__official:before{content:'';position:absolute;top:50%;left:0;width:2px;height:2px;background-color:#bdbdbd;border-radius:50%}
.page__buybox .box__item-info .box__official .text{display:inline-block;position:relative;margin-top:2px;font-size:12px;color:#0231a6;vertical-align:top}
.page__buybox .box__item-info .box__official .text + .text{padding-left:6px;margin-left:4px}
.page__buybox .box__item-info .box__official .text + .text:before{content:'';position:absolute;top:50%;left:0;width:2px;height:2px;margin-top:-1px;background-color:#bdbdbd;border-radius:50%;}
.page__buybox .box__item-info .box__official .text__official{position:relative;padding-left:18px;font-weight:normal;line-height:16px}
.page__buybox .box__item-info .box__official .text__official:before{position:absolute;top:-1px;left:0;width:16px;height:16px;background-position:-55px 0;vertical-align:top}
.page__buybox .box__item-info .box__official .text__smiledelivery{width:68px;height:16px;background-position:0 -36px}
.page__buybox .box__item-info .box__official .text__smilefresh{width:77px;height:16px;background-position:0 -18px}
.page__buybox .box__item-info .box__official .text + .text .text__smiledelivery,
.page__buybox .box__item-info .box__official .text + .text .text__smilefresh{margin-top:-1px}
.page__buybox .box__item-info .box__score + .box__official .text{margin-top:3px}
.page__buybox .box__item-info .box__benefit-tag{position:relative;top:1px;padding-top:7px}
.page__buybox .box__item-info .box__benefit-tag .text__tag{display:inline-block;height:20px;padding:2px 8px;font-family:Roboto, 'Droid Sans', -apple-system,Helvetica, Apple-Gothic, '애플고딕', Tahoma, dotum, '돋움', gulim, '굴림', sans-serif;font-size:12px;font-weight:normal;line-height:16px;color:#222;border-radius:10px;border:solid 1px #e0e0e0;background-color:#fff;vertical-align:top}
.page__buybox .box__item-info .box__benefit-tag .text__tag:before{position:relative;top:-1px;width:16px;height:16px;vertical-align:top}
.page__buybox .box__item-info .box__benefit-tag .text__tag.text__tag-card:before{background-position:-74px 0}
.page__buybox .box__item-info .text__delivery{position:absolute;top:16px;right:16px;font-family:Roboto;font-size:12px;font-weight:normal;color:#616161;line-height:16px}
.page__buybox .box__item-info .text__delivery:before{position:relative;top:-1px;width:16px;height:16px;margin-right:4px;background-position:-36px 0;vertical-align:top}
.page__buybox .box__buybox-list .button__police{display:none;position:absolute;bottom:12px;right:12px;width:40px;height:28px;background:#00c400;border-radius:6px;font-family:'Gmarket Sans', sans-serif;font-size:12px;font-weight:normal;color:#fff}
.page__buybox .box__buybox-list .box__card-report{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f5f5f5;border:1px solid #eee;border-radius:8px}
.page__buybox .box__buybox-list .box__card-report .text__message{font-size:12px;font-weight:normal;color:#222;line-height:16px;}
.page__buybox .box__buybox-list .box__card-report .button__default{width:63px;height:28px;background:#fff;border:1px solid #bdbdbd;border-radius:6px;font-family:'Gmarket Sans', sans-serif;font-size:12px;font-weight:normal;color:#222}
.page__buybox .list__buybox--delivery-add .box__item-info .box__price .text__price-coupon{color:#067dfd}
.page__buybox .list__buybox-color-unify.list__buybox--delivery-add .box__item-info .box__price .text__price-coupon{color:#067dfd}
.page__buybox .list__buybox--delivery-add .box__item-info .box__price .text__price-coupon + .text{color:#067dfd}
.page__buybox .list__buybox--delivery-add .box__item-info .box__price .text__price:only-child{color:#067dfd}
.page__buybox .box__buybox--report .box__filter .form__label{opacity:0.4}
.page__buybox .box__buybox--report .list__buybox .list-item .link{pointer-events:none}
.page__buybox .box__buybox--report .list__buybox .box__item-image:after,
.page__buybox .box__buybox--report .list__buybox .box__item-info:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.4}
.page__buybox .box__buybox--report .list__buybox .box__item-info .box__price{z-index:10}
.page__buybox .box__buybox--report .list__buybox .button__police{display:block}
/* top button */
.page__buybox .gds-top-button{right:8px}
.page__buybox .gds-top-button--nobn.gds-top-button--active{bottom:8px}

/* ************************************************************************************************
	LAYERS
************************************************************************************************ */

/* dimmed layer  */
.dimmed{background:rgba(0,0,0,0.5);display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000}
.box__layer{position:absolute;z-index:1010;left:0}
.box__layer .box__layer-content{position:relative;border-radius:12px 12px 0 0;background-color:#fff}
.box__layer .box__layer-header{height:48px;border-bottom:1px solid #f5f5f5;text-align:center}
.box__layer .box__layer-header .text__header{font-size:18px;font-family:'Gmarket Sans',serif;font-weight:normal;line-height:48px;color:#222}
.box__layer .box__layer-body{overflow-y:auto}
.box__layer .button__close{position:absolute;top:0;right:0;width:48px;height:48px}
.box__layer .button__close:before{position:absolute;top:50%;left:50%;width:32px;height:32px;background-position:-137px 0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.box__layer.box__layer--full{display:none;position:fixed;overflow-y:auto;bottom:-100%;width:100%;transition:bottom 0.6s}

.box__layer--alert{background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;display:none;z-index:1010;width:100%;height:100%}
.box__layer--alert .box__layer-content{width:280px;position:fixed;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);border-radius:8px;background-color:#fff;z-index:1020}
.box__layer--alert .text__alert-message{padding:32px 16px;font-size:14px;line-height:1.43;text-align:center;color:#222;font-weight:400}
.box__layer--alert .text__alert-message .text__emphasis{display:block;font-weight:bold;margin-bottom:8px}
.box__layer--alert .box__buttons{padding:0;background-color:transparent}
.box__layer--alert .box__buttons .button__confirm,
.box__layer--alert .box__buttons .button__cancel{display:block;width:100%;padding:12px 0;border-top:1px solid #eee;font-size:14px;font-weight:normal;line-height:20px}
.box__layer--alert .box__buttons .button__confirm{color:#067dfd}
.box__layer--alert .box__buttons .button__cancel{color:#222}
.box__layer--alert .button__close{position:absolute;top:0;right:0;width:48px;height:48px}
.box__layer--alert .button__close:before{display:block;position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;background-position:0 0;content:''}

@media screen and (min-width: 767px) {
}

/* 신고하기 */
.box__layer-review-report .box__review-report{padding:16px 16px 20px}
.box__layer-review-report .text__report-reason{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee;font-family:'Gmarket Sans', sans-serif;font-size:16px;font-weight:500;line-height:1.38;color:#2c2c2c}
.box__layer-review-report .list__report-reason{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}
.box__layer-review-report .list__report-reason .list-item{position:relative;margin-bottom:12px}
.box__layer-review-report .list__report-reason .list-item:last-child{margin-bottom:0}
.box__layer-review-report .list__report-reason .form__radio{position:absolute;top:0;left:0}
.box__layer-review-report .list__report-reason .text__label{display:block;padding-left:28px;font-size:14px;font-weight:normal;color:#222;line-height:20px}
.box__layer-review-report .list__report-reason textarea{width:calc(100% - 28px);height:104px;margin:12px 0 0 28px;padding:16px;border:1px solid #e0e0e0;border-radius:8px;font-weight:normal;caret-color:#00c400}
.box__layer-review-report .list__report-reason textarea:focus{outline:none;border:1px solid #222}
.box__layer-review-report .list__report-reason textarea::placeholder{font-size:14px;color:#9e9e9e}
.box__layer-review-report .list__notice .list-item{position:relative;margin-bottom:8px;padding-left:8px;font-size:12px;font-weight:normal;color:#616161;line-height:16px}
.box__layer-review-report .list__notice .list-item:last-child{margin-bottom:0}
.box__layer-review-report .list__notice .list-item:before{content:'';display:block;position:absolute;top:50%;left:0;margin-top:-1px;width:2px;height:2px;background:#bdbdbd;border-radius:50%;}
.box__layer-review-report .box__buttons{padding:8px 16px;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2)}
.box__layer-review-report .box__buttons .button__primary{display:block;width:100%;padding:13px 0;background-color:#00c400;border-radius:8px;font-family:'Gmarket Sans';font-size:16px;font-weight:500;color:#fff;line-height:1.38}

/* 신고완료 */
.box__layer-report-completed{background:none}
.box__layer-report-completed .box__buttons{padding:0 16px 16px}
.box__layer-report-completed .box__buttons .button__confirm{width:100%;height:44px;background-color:#00c400;border-top:none;border-radius:8px;font-family:'Gmarket Sans', sans-serif;font-size:16px;font-weight:500;color:#fff}