@charset "utf-8";

@import url('event.css');

.visual .swiper-slide {position: relative;}
.visual .swiper-slide-active {z-index: 1;}
/* .visual .swiper-slide img{position: absolute;top: 0;left: 50%;max-width: none;height: 100%;transform: translateX(-50%)} */
.visual .swiper-slide img{width: 100%;}
.visual .swiper-pagination {position: absolute;bottom: 20px;left: auto !important;right: 29px;z-index: 10;width: auto !important;font-size: 0;}
.visual .swiper-pagination:after {content: '';position: absolute;top: -1px;bottom: -1px;left: -5px;right: -5px;border-radius: 11px;background: #000;opacity: .4;}
.visual .swiper-pagination:before {content: '';position: absolute;top: 5px;left: 17px;width: 1px;height: 10px;background: #fff;opacity: .5;}
.visual .swiper-pagination span {display: inline-block;position: relative;z-index: 1;margin: 0 5px;color: #fff;font-size: 14px;font-family: 'open sans';letter-spacing: -0.02em;opacity: .5;}
.visual .swiper-pagination span:last-child {margin-left: 6px;}
.visual .swiper-pagination .swiper-pagination-current {opacity: 1;}

.time-kw {border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;background: #fff;box-sizing: border-box;}
.time-kw__top {position: relative;overflow: hidden;padding: 10px 20px;}
.time-kw__txt {float: left;padding: 5px 7px 5px 8px;border-radius: 3px;background: #171717;color: #fff;font-size: 14px;line-height: 20px;}
.time-kw__second {display: none;}
.time-kw__bot {display: none;}
.time-kw--active .time-kw__bot {display: block;}
.time-kw__up {float: left;width: calc(100% - 66px);font-size: 0;}
.time-kw__first {float: left;width: calc(100% - 102px);}
.time-kw__top .time-kw__up {overflow: hidden;width: calc(100% - 20px);height: 30px;margin-left: 10px;}
.time-kw__up-box {overflow: hidden;position: relative;text-overflow: ellipsis;white-space: nowrap;}
.time-kw__up * {vertical-align: top;}
.time-kw__up2 {display: inline-block;font-weight: bold;font-size: 24px;font-family: 'open sans', sans-serif;line-height: 30px;letter-spacing: -0.02em;}
.time-kw__up3 {display: inline-block;margin-left: 10px;font-size: 16px;line-height: 29px;letter-spacing: -0.04em;}
.time-kw__rank {position: relative;float: right;padding-right: 20px;margin-right: 35px;font-weight: 600;font-size: 16px;font-family: 'open sans', sans-serif;line-height: 26px;letter-spacing: -0.04em;}
.time-kw__rank:before {content: '';position: absolute;top: 50%;right: 0;margin-top: -3px;border: 4px solid transparent;border-bottom: 6px solid #6a3efd;transform: translateY(-50%);}
.time-kw__rank.down:before {top: 15px;margin-top: 0;border: 4px solid transparent;border-top: 6px solid #808790;}
.time-kw__rank.same:before {top: 15px;margin-top: 0;width: 7px;height: 2px;margin-top: -3px;background: #808790;border: 0;}
.time-kw__btn {position: absolute;top: 50%;right: 20px;width: 20px;height: 12px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/k_main.png);background-repeat: no-repeat;background-size: 66px;background-position: -24px -30px;transform: translateY(-50%);text-indent: -9999em;}
.time-kw--active .time-kw__btn {background-position: -45px -30px;}
.time-kw--active .time-kw__first {display: none;}
.time-kw--active .time-kw__second {display: block;}
.time-kw--active .time-kw__up2 {font-size: 22px;}
.time-kw__date {float: left;margin: 5px 0 0 15px;color: #999;font-size: 14px;font-family: 'open sans', sans-serif;line-height: 19px;letter-spacing: -0.02em;}
.time-kw--active .time_kw__bot {display: block;padding: 12px 20px;border-top: 1px solid #eaeaea;}
.time-kw__list {padding: 18px 20px;border-top: 1px solid #eaeaea;}
.time-kw__list2 {position: relative;overflow: hidden;margin-bottom: 8px;}
.time-kw__list2:last-child {margin-bottom: 0;}
.time-kw__top .time-kw_rolling {transform-style: preserve-3d;transition: .5s;}
.time-kw__bot .time-kw__up3 {margin-left: 10px;}
.time-kw__bot .time-kw__rank {width: 26px;margin-right: 0;text-align: right;}
.time-kw--active .time-kw__bot .time-kw-rolling {overflow: hidden;width: calc(100% - 24px);max-width: 240px;opacity: 1;transition: .5s;transform: translateY(0);transform-style: preserve-3d;animation: rolling 8s infinite;text-overflow: ellipsis;white-space: nowrap}
.time-kw__list2:nth-of-type(1) .time-kw-rolling {animation-delay: 0.7s;}
.time-kw__list2:nth-of-type(2) .time-kw-rolling {animation-delay: 2.2s;}
.time-kw__list2:nth-of-type(3) .time-kw-rolling {animation-delay: 3.7s;}
.time-kw__list2:nth-of-type(4) .time-kw-rolling {animation-delay: 5.2s;}
.time-kw__list2:nth-of-type(5) .time-kw-rolling {animation-delay: 6.7s;}
@keyframes rolling {
  3% {transform: translateY(0);opacity: .0;}
  5% {transform: translateY(-30px);opacity: .0;}
  7% {transform: translateY(0);opacity: 1;}
  100% {opacity: 1;}
}

.new-media {margin-top: 10px;padding: 20px 20px 0;background: #fff;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.new-media--sub {margin-top: 0;border-top: 0}
.new-media__tit {font-size: 22px;line-height: 28px;letter-spacing: -0.04em;}
.new-media__list {display: flex;flex-wrap: wrap;align-items: flex-end;margin-top: 16px;}
.new-media--sub .new_media__list {margin-top: 0;}
.new-media__list:after {content: '';display: block;clear: both;}
.new-media__item {width: calc(50% - 10px);margin-bottom: 20px;font-size: 0;}

.new-media__item:nth-of-type(2n+2) {margin-left: 20px;} 
.new-media__img {display: block;overflow: hidden;position: relative;height: 0;padding-top: 133%;box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.15);text-align: center;}
.new-media__img img {position: absolute;top: 0;left: 0; width: 100%;min-height: 100%;}
.new-media--sub .new_media__img {border: 1px solid #eaeaea;box-shadow: none;}
.new-media__ctg {position: absolute;bottom: 0;left: 0;padding: 0 2px 0 8px;background: rgba(29,29,29,.8);color: #fff;font-size: 12px;line-height: 26px;letter-spacing: -0.04em;}
.new-media__ctg:before {content: '';position: absolute;top: 6px;bottom: 0;right: -6px;width: 6px;height: 20px;background: rgba(29,29,29,.8);}
.new-media__ctg:after {content: '';position: absolute;top: 2px;right: -4px;z-index: 1;border: 4px solid transparent;border-right: 4px solid rgba(29,29,29,.8);transform: rotate(-45deg);}
.new-media__name {overflow: hidden;margin-top: 10px;font-weight: bold;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;text-overflow: ellipsis;white-space: nowrap;}
.new-media__pdate {overflow: hidden;margin-top: 5px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;white-space: nowrap;text-overflow: ellipsis;}
.new-media__bot {margin: 0 -20px;border-top: 1px solid #efefef;text-align: center;}
.new-media__btn-more {display: block;position: relative;padding-right: 17px;color: #171717;font-size: 14px;line-height: 49px;letter-spacing: -0.06em;}
.new-media__btn-more:after {content: '';position: absolute;top: 50%;right: 50%;width: 7px;height: 11px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/k_main.png);background-repeat: no-repeat;background-size: 66px;background-position: -57px -2px;transform: translate(26px, -50%);}

.edt-p {overflow: hidden;margin-top: 10px;padding-top: 40px;background: #242525;}
.edt-p2 {background: #859691;}
.edt-p3 {background: #868585;}
.edt-p--main_picks {height: 0;margin-top: 0;padding-top: 0;}
.edt-p__tit {color: #fff;font-weight: 500;font-size: 24px;line-height: 34px;text-align: center;letter-spacing: -0.04em;}
.edt-p__sbj {padding-bottom: 10px;color: #6a3efd;font-size: 14px;line-height: 20px;text-align: center;letter-spacing: -0.04em;}
.edt-p2 .edt_p__sbj {color: #fff;opacity: .6;}
.edt-p__slide {margin: 30px -140px 40px;}
.edt-p__slide .swiper-container {padding-bottom: 12px;}
.edt-p__slide .swiper-slide {overflow: hidden;position: relative;box-shadow: 6px 3px 13px rgba(0, 0, 0, 0.25);text-align: center;}
.edt-p__slide .swiper-slide a {display: block;height: 100%;}
.edt-p__slide .swiper-slide a:before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 100%;background: rgba(37,37,38,.9);transition: .3s;opacity: 1;}
.edt-p__slide .swiper-slide-active a:before {opacity: 0;}
.edt-p__slide .swiper-slide img{width: 100%;min-height: 100%;}
.edt-p__slide .swiper-pagination-progressbar {top: auto !important;bottom: -10px !important;left: 50% !important;height: 1px !important;transform: translateX(-50%);}
.edt-p__slide .swiper-pagination-progressbar {position: relative;background: none;}
.edt-p__slide .swiper-pagination-progressbar:before {content: '';position: absolute;top: 1px !important;left: 0;right: 0;height: 1px;background: #787878;}
.edt-p__slide .swiper-pagination-progressbar-fill {top: 1px !important;background: #fff !important;}
.edt-p__bot {margin: 0 -20px;border-top: 1px solid #353536;text-align: center;}
.edt-p__btn-more {display: block;position: relative;padding-right: 16px;color: #fff;font-size: 14px;line-height: 49px;letter-spacing: -0.06em;}
.edt-p__btn-more:after {content: '';position: absolute;top: 50%;right: 50%;width: 7px;height: 11px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/k_main.png);background-repeat:  no-repeat;background-size: 66px;background-position: -56px -17px;transform: translate(26px, -50%);}

.edt-p__no_more .edt_p__slide .swiper-pagination-progressbar{bottom: -30px !important;}
.edt-p__slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width: 30px;height: 1px;margin: 0;border-radius: 0;background: #666 !important;opacity: 1;}
.edt-p__slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {height: 3px;background: #fff !important;transform: translateY(1px);}

.edtpick-sub {padding: 20px 20px 0;background: #fff;}
.edtpick-sub--black {background: #252526;}
.edtpick-sub--sub {margin-top: 0;border-top: 0;}
.edtpick-sub__tit {font-size: 16px;line-height: 24px;letter-spacing: -0.04em;text-align: center;}
.edtpick-sub__tit2 {margin-top: 10px;font-size: 24px;line-height: 36px;letter-spacing: -0.04em;text-align: center;}
.edtpick-sub--black .edtpick-sub__tit2 {color: #fff;}
.edtpick-sub__list {display: flex;flex-wrap: wrap;align-items: flex-end;margin-top: 16px;}
.edtpick-sub--sub .new_media__list {margin-top: 0;}
.edtpick-sub__list:after {content: '';display: block;clear: both;}
.edtpick-sub__item {width: calc(50% - 10px);margin-bottom: 20px;font-size: 0;}
.edtpick-sub__item:nth-of-type(2n+2) {margin-left: 20px;} 
.edtpick-sub__img {display: block;position: relative;height: 210px;box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.15);text-align: center;}
.edtpick-sub__img img {width: 100%;height: 100%}
.edtpick-sub--sub .new_media__img {border: 1px solid #eaeaea;box-shadow: none;}
.edtpick-sub__ctg {position: absolute;bottom: 0;left: 0;padding: 0 2px 0 8px;background: rgba(29,29,29,.8);color: #fff;font-size: 12px;line-height: 26px;letter-spacing: -0.04em;}
.edtpick-sub__ctg:before {content: '';position: absolute;top: 6px;bottom: 0;right: -6px;width: 6px;height: 20px;background: rgba(29,29,29,.8);}
.edtpick-sub__ctg:after {content: '';position: absolute;top: 2px;right: -4px;z-index: 1;border: 4px solid transparent;border-right: 4px solid rgba(29,29,29,.8);transform: rotate(-45deg);}
.edtpick-sub__name {overflow: hidden;margin-top: 10px;font-weight: bold;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;text-overflow: ellipsis;white-space: nowrap;}
.edtpick-sub--black .edtpick-sub__name {color: #fff;}
.edtpick-sub__pdate {margin-top: 5px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.edtpick-sub__bot {margin: 0 -20px;border-top: 1px solid #efefef;text-align: center;}
.edtpick-sub__btn-more {display: inline-block;position: relative;padding-right: 20px;color: #171717;font-size: 14px;line-height: 49px;letter-spacing: -0.06em;}
.edtpick-sub__btn-more:after {content: '';position: absolute;top: 50%;right: 0;width: 7px;height: 11px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/k_main.png);background-repeat:  no-repeat;background-size: 66px;background-position: -57px -2px;transform: translateY(-50%);}

.wcht {margin-top: 10px;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;background: #fff;border-top: 0;}
.wcht--top {margin-top: 0;}
.wcht__top {padding: 20px 20px 0;}
.wcht--top .wcht__top {padding-top: 10px;}
.wcht__tit {font-size: 22px;line-height: 33px;letter-spacing: -0.06em;}
.wcht__item {overflow: hidden;position: relative;padding: 20px 0 0;border-bottom: 1px solid #eaeaea;}
.wcht__item:last-child {padding-bottom: 0;border-bottom: none;}
.wcht__num {float: left;width: 17px;font-weight: bold;font-style: italic;font-size: 30px;line-height: 100px;letter-spacing: -0.04em;text-align: center;}
.wcht__num--point {color: #6a3efd;}
.wcht__item:nth-of-type(1) .wcht__num,
.wcht__item:nth-of-type(2) .wcht__num,
.wcht__item:nth-of-type(3) .wcht__num {color: #6a3efd;}
.wcht__img {overflow: hidden;position: relative;float: left;width: 100px;height: 130px;margin-left: 20px;border: 1px solid #eaeaea;box-sizing: border-box;box-shadow: 3px 2px 4px rgba(0,0,0,.1)}
.wcht__img2 {width: 100%;min-height: 100%;}
.wcht__info {position: relative;float: left;width: calc(100% - 162px);height: 130px;margin-left: 20px;font-size: 0;}

.wcht__ctg {display: inline-block;position: relative;padding: 0 0 0 6px;height: 18px;border: 1px solid #000;border-right: 0;font-size: 11px;line-height: 18px;letter-spacing: -0.04em;}
.wcht__ctg:before {content: '';position: absolute;top: 2px;right: -7px;width: 9px;height: 1px;background: #000;transform: rotate(45deg);}
.wcht__ctg:after {content: '';position: absolute;bottom: -1px;right: -6px;z-index: 1;width: 6px;height: 13px;border-bottom: 1px solid #000;border-right: 1px solid #000;}
.wcht__ctg2 {position: absolute;bottom: 0;left: 0;padding: 0 2px 0 8px;background: rgba(29,29,29,.8);color: #fff;font-size: 12px;line-height: 26px;letter-spacing: -0.04em;}
.wcht__ctg2:before {content: '';position: absolute;top: 6px;bottom: 0;right: -6px;width: 6px;height: 20px;background: rgba(29,29,29,.8);}
.wcht__ctg2:after {content: '';position: absolute;top: 2px;right: -4px;z-index: 1;border: 4px solid transparent;border-right: 4px solid rgba(29,29,29,.8);transform: rotate(-45deg);}

.wcht__name {overflow: hidden;font-weight: bold;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;text-overflow: ellipsis;white-space: nowrap;}
.wcht__pdate {margin-top: 5px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.wcht__view {position: absolute;bottom: 20px;padding-left: 20px;color: #999;font-weight: 600;font-size: 14px;line-height: 19px;letter-spacing: -0.04em;}
.wcht__view:before {content: '';position: absolute;top: 4px;left: 0;width: 18px;height: 13px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/k_main.png);background-repeat: no-repeat;background-size: 66px;background-position: -2px -30px;}

.wcht__btn {display: block;}
.wcht__bot {border-top: 1px solid #efefef;text-align: center;}
.wcht__btn-more {display: block;position: relative;padding-right: 17px;color: #171717;font-size: 14px;line-height: 49px;letter-spacing: -0.06em;}
.wcht__btn-more:after {content: '';position: absolute;top: 50%;right: 50%;width: 7px;height: 11px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/k_main.png);background-repeat: no-repeat;background-size: 66px;background-position: -57px -2px;transform: translate(26px, -50%);}

.main__cat-wrap {padding-top: 10px;background: #eaeaea;}
.gnb-inner .main__cat-wrap {background: #efefef;}
.main__cat {border-top: 1px solid #eaeaea;background: #fff;}
.main__cat-item {float: left;width: 33.3333%;border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;box-sizing: border-box;}
.main__cat-item:nth-of-type(3n+1) {border-left: 1px solid #eaeaea;}
.main__cat-btn {display: block;color: #1f1f1f;font-size: 14px;line-height: 50px;letter-spacing: -0.03em;text-align: center;}
.gnb .main__cat-btn {font-size: 16px;line-height: 60px;}

/* 메인 태그 키워드 */
.main-tag {margin-top: 10px;padding: 15px 5px;background: #fff;}
.main-tag__keyword {display: inline-block;margin: 5px;padding: 9px 15px;border: 1px solid #eaeaea;font-size: 14px;line-height: 20px;letter-spacing: -0.56px;border-radius: 20px;}
/* 메인 태그 키워드 */

/* 메인 추천 기사 */
.rcmd-atc {margin-top: 10px;padding: 20px 20px 8px;background: #fff;}
.rcmd-atc__tit {color: #1D1D1D;font-size: 22px;line-height: 33px;letter-spacing: -1.32px;}
.rcmd-atc__tit em {font-size: 22px;line-height: 33px;letter-spacing: -1.32px;}
.rcmd-atc__media {overflow: hidden;height: 40px;margin: 20px -20px;} 
.rcmd-atc__media .media-list {overflow-x: auto;padding-bottom: 20px;white-space: nowrap;font-size: 0;}
.rcmd-atc__media .media-list__item {display: inline-block;margin-right: 10px;}
.rcmd-atc__media .media-list__item:first-child {margin-left: 20px;}
.rcmd-atc__media .media-list__btn {display: block;padding: 9px 14px;border: 1px solid #d1d1d1;border-radius: 2px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.28px;}
.rcmd-atc__media .media-list__btn.active {color: #fff;background: #6a3efd;border: 1px solid #6a3efd;}
.rcmd-atc__box {display: none;}
.rcmd-atc__box.active {display: block;}
.rcmd-atc__cover {position: relative;height: 0;padding-top: 80%;background: #e7e8eb;}
.rcmd-atc__cover-box {overflow: hidden;position: absolute;top: 11%;left: 26.5%;width: 47%;height: 78%;box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px;}
.rcmd-atc__cover-img {max-width: 100%;min-height: 100%;}
.rcmd-atc__content {margin-top: 20px;}
.rcmd-atc__sbj {color: #1d1d1d;font-weight: bold;font-size: 20px;line-height: 29px;letter-spacing: -0.8px;}
.rcmd-atc__info {overflow: hidden;margin-top: 5px;}
.rcmd-atc__info-sub {position: relative;float: left;margin-right: 20px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.56px;}
.rcmd-atc__info-sub:before {content: '';position: absolute;top: 6px;left: -10px;width: 1px;height: 10px;background: #999;}
.rcmd-atc__list {margin-top: 20px;}
.rcmd-atc__list-item {padding: 12px 0;border-top: 1px solid #eaeaea;}
.rcmd-atc__list__link {color: #0a0a0a;font-size: 16px;line-height: 24px;letter-spacing: -0.64px;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 48px;}
/* 메인 추천 기사 */

.mh-top {overflow: hidden;position: relative;padding: 30px 60px;box-sizing: border-box;}
.mh-top__bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.mh-top__bg:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;background: #fff;opacity: .1;}
.mh-top__bg img {position: absolute;top: 50%;max-width: none;width: calc(100% + 60px);margin: 0 -30px;filter: blur( 10px);transform: translateY(-50%);}
.mh-top__img-inner {position: relative;}
.mh-top__img {overflow: hidden;position: relative;z-index: 2;height: 0px;padding-top: 133%;margin: 0 auto;box-shadow: 3px 3px 15px rgba(0, 0, 0, .3);text-align: center;}
.mh-top__img img {position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;}
.mh-top__btnview {position: absolute;bottom: 0;right: 0;width: 54px;height: 54px;background: rgba(0, 0, 0, .7);}
.mh-top__btnview:after {content: '';position: absolute;top: 16px;left: 14px;width: 26px;height: 23px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_media_home.png) no-repeat -2px -2px;background-size: 58px;}
.mh-detail {background: #fff;border-top: 1px solid #eaeaea;}
.mh-detail__top {position: relative;padding: 20px;}
.mh-detail__ctg {display: inline-block;position: relative;top: -2px;padding-left: 7px;height: 24px;border: 1px solid #000;border-right: 0;font-size: 11px;line-height: 24px;letter-spacing: -0.04em;}
.mh-detail__ctg:before {content: '';position: absolute;top: 2px;right: -9px;width: 10px;height: 1px;background: #000;transform: rotate(-135deg)}
.mh-detail__ctg:after {content: '';position: absolute;bottom: -1px;right: -8px;z-index: 1;width: 7px;height: 18px;border-right: 1px solid #000;border-bottom: 1px solid #000;}
.mh-detail__ctg + * {margin-top: -5px;}
.mh-detail__tit {padding-top: 8px;font-weight: bold;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;}
.mh-detail__pub {margin-top: 20px;}
.mh-detail__pub2 {overflow: hidden;margin-top: 5px;}
.mh-detail__pub2 > div {margin-top: 5px;}
.mh-detail__pub-date {float: left;color: #0a0a0a;font-size: 16px;letter-spacing: -0.04em;}
.mh-detail__pub-date2 {float: left;margin-left: 10px;color: #0a0a0a;font-size: 16px;letter-spacing: -0.04em;}
.mh-detail__pub3 {float: right;padding-left: 22px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_eye.png) no-repeat 0 3px;background-size: 18px;color: #999;font-weight: 600;font-size: 14px;font-family: 'open sans',serif;}
.mh-detail__share {position: absolute;top: 25px;right: 20px;width: 24px;height: 24px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_media_home.png) no-repeat -32px -2px;background-size: 58px;}
.mh-detail__view {margin-top: 20px;font-size: 16px;line-height: 55px;}
.mh-detail__bot {display: flex;position: relative;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.mh-detail__bot:after {content: '';position: absolute;top: 50%;left: 50%;width: 1px;height: 20px;background: #eaeaea;transform: translateY(-50%);}
.mh-detail__bot-btn {width: 100%;text-align: center;box-sizing: border-box;}
.mh-detail__bot-txt {position: relative;font-size: 16px;line-height: 60px;background-repeat: no-repeat;background-position: 0 50%;}
.mh-detail__bot-txt1 {padding-left: 34px;}
.mh-detail__bot-txt1:before {content: '';position: absolute;top: 4px;left: 0;width: 26px;height: 19px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_media_home.png);background-size: 58px;background-position: -2px -53px;}
.mh-detail__bot-txt1.active {background-image: url('https://images.joins.com/ui_mobile/joins_store/joins2019/b_interest_after.png');color: #6a3efd;}
.mh-detail__bot-txt2 {padding-left: 31px;}
.mh-detail__bot-txt2:before {content: '';position: absolute;top: 1px;left: 0;width: 24px;height: 24px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_media_home.png);background-size: 58px;background-position: -21px -26px;}
.mh-desc {position: relative;margin-top: 10px;padding: 20px;border-top: 1px solid #eaeaea;background: #fff;}
.mh-desc:after {content: '';position: absolute;bottom: 0;left: 20px;right: 20px;height: 1px;background: #eaeaea;}
.mh-desc__tit {font-weight: bold;font-size: 22px;line-height: 33px;letter-spacing: -0.04em;}
.mh-desc__txt {margin-top: 10px;font-size: 16px;line-height: 22px;letter-spacing: -0.03em;word-break: keep-all;}
.mh-sns {border-bottom: 1px solid #eaeaea;background: #fff;}
.mh-sns__inner {overflow: hidden;height: 233px;padding: 20px;}
.mh-sns__inner iframe {width: 100% !important;}
.mh-sns.on .mh-sns__inner {height: auto;}
.mh-sns__tit {margin-bottom: 10px;font-weight: bold;font-size: 22px;line-height: 33px;letter-spacing: -0.04em;}
.mh-sns__more {height: 50px;border-top: 1px solid #eaeaea;}
.mh-sns__more-btn {display: block;position: relative;width: 100%;height: 50px;}
.mh-sns__more-btn:after {content: '';position: absolute;top: 21px;left: 50%;width: 11px;height: 7px;margin-left: -6px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_media_home.png) no-repeat -46px -29px;background-size: 58px;}
.mh-sns__more-btn.open:after {background-position: -2px -29px;}
.mh-sns__more-txt {display: inline-block;padding-right: 25px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_arr_down.png) no-repeat 100% 50%;background-size: 17px;color: #999;font-size: 14px;line-height: 50px;}
.mh-list {margin-top: 10px;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;background: #fff;}
.mh-list__top {padding: 20px;}
.media-sub-wrap {padding: 10px 20px 0;}
.mh-list .media-sub-wrap {background: #fff !important;}
.mh-list__tit {float: left;color: #1d1d1d;font-weight: bold;font-size: 22px;line-height: 33px;letter-spacing: -0.04em;}
.mh-list__top_txt {float: right;margin-top: 7px;padding-left: 18px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_order.png) no-repeat 0 50%;background-size: 14px;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;}
.mh-list__group {padding: 0 20px;}
.mh-list__item {width: calc(50% - 10px);margin-bottom: 27px;}
.mh-list__item:nth-of-type(2n+1) {float: left;}
.mh-list__item:nth-of-type(2n+2) {float: right;}
.mh-list__itembtn {display: block;border: 1px solid #eaeaea;}
.mh-list__txt {display: block;margin-top: 6px;font-size: 14px;line-height: 20px;letter-spacing: -0.03em;}
.mh-list__more {border-top: 1px solid #efefef;text-align: center;}
.mh-list__more-btn {display: block;position: relative;padding-right: 17px;color: #171717;font-size: 14px;line-height: 49px;letter-spacing: -0.06em;}
.mh-list__more-btn:after {content: '';position: absolute;top: 50%;right: 50%;width: 7px;height: 11px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/k_main.png);background-repeat:  no-repeat;background-size: 66px;background-position: -57px -2px;transform: translate(26px, -50%);}

.media-sub__head + .media-sub__list {margin-top: 10px;}
.media-sub--sub .media-sub__list {margin-top: 0;}
.media-sub__headorder {float: right;padding-left: 18px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_order.png) no-repeat 0 50%;background-size: 14px;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;}

.media-sub {padding: 20px 20px 0;background: #f5f5f5;}
.media-sub-wrap--sub {background: #f5f5f5;}
.media-sub--sub {margin-top: 0;border-top: 0}
.media-sub__tit {font-size: 16px;line-height: 24px;letter-spacing: -0.04em;text-align: center;}
.media-sub__tit2 {margin-top: 10px;font-size: 24px;line-height: 36px;letter-spacing: -0.04em;text-align: center;}
.media-sub__cnt {float: left;color: #1d1d1d;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;}
.media-sub__list {display: flex;flex-wrap: wrap;}
.media-sub--sub .new_media__list {margin-top: 0;}
.media-sub__list:after {content: '';display: block;clear: both;}
.media-sub__item {width: calc(50% - 10px);margin-bottom: 20px;font-size: 0;}
.media-sub__item:nth-of-type(2n+2) {margin-left: 20px;} 
.media-sub__img {display: block;overflow: hidden;position: relative;height: 0;padding-top: 133%;box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.15);text-align: center;}
.media-sub__img img {position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;}
.media-sub__pub {margin-top: 10px;font-size: 16px;}
.media-sub--sub .new_media__img {border: 1px solid #eaeaea;box-shadow: none;}
.media-sub__ctg {position: absolute;bottom: 0;left: 0;padding: 0 2px 0 8px;background: rgba(29,29,29,.8);color: #fff;font-size: 12px;line-height: 26px;letter-spacing: -0.04em;}
.media-sub__ctg:before {content: '';position: absolute;top: 6px;bottom: 0;right: -6px;width: 6px;height: 20px;background: rgba(29,29,29,.8);}
.media-sub__ctg:after {content: '';position: absolute;top: 2px;right: -4px;z-index: 1;border: 4px solid transparent;border-right: 4px solid rgba(29,29,29,.8);transform: rotate(-45deg);}
.media-sub__name {overflow: hidden;margin-top: 10px;font-weight: bold;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;text-overflow: ellipsis;white-space: nowrap}
.mh-list .media-sub__name {font-weight: normal;font-size: 16px;line-height: 22px;}
.media-sub__pdate {overflow: hidden;height: 20px;margin-top: 5px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;text-overflow: ellipsis;white-space: nowrap}
.media-sub__bot {margin: 0 -20px;border-top: 1px solid #efefef;text-align: center;}
.media-sub__btn-more {display: inline-block;position: relative;padding-right: 20px;color: #171717;font-size: 14px;line-height: 49px;letter-spacing: -0.06em;}
.media-sub__btn-more:after {content: '';position: absolute;top: 50%;right: 0;width: 7px;height: 11px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/k_main.png);background-repeat:  no-repeat;background-size: 66px;background-position: -57px -2px;transform: translateY(-50%);}

.sub-ctgtab {overflow: hidden;height: 50px;background: #fff;border-bottom: 1px solid #eaeaea;}
.sub-ctgtab__list {overflow: auto;padding: 13px 20px 33px;font-size: 0;white-space: nowrap; -webkit-overflow-scrolling: touch;}
.sub-ctgtab__item {position: relative;margin-right: 30px;display: inline-block;}
.sub-ctgtab__item:last-child {margin-right: 0;}
.sub-ctgtab__item:after {content: '';position: absolute;bottom: -13px;left: 0;width: 0;transition: .3s;}
.sub-ctgtab__btn {display: block;font-size: 16px;line-height: 24px;letter-spacing: -0.04em;}
.sub-ctgtab__item.active .sub-ctgtab__btn {font-weight: bold;color: #6a3efd;}
.sub-ctgtab__item.active:after {width: 100%;height: 3px;background: #6a3efd;}

.mh-pview__wrap {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: rgba(0,0,0,.8);visibility: hidden;}
.mh-pview__wrap.on {z-index: 3;visibility: visible;}
.mh-pview__head {position: relative;height: 60px;background: #000;}
.mh-pview__paging {position: absolute;bottom: 28px;left: 0;right: 0; color: #777;font-weight: bold;font-size: 16px;font-family: 'open sans', serif;line-height: 22px;text-align: center;letter-spacing: -0.01em;}
.mh-pview__paging em {color: #fff;font-weight: bold;font-size: 1em;}
.mh-pview__paging .total {color: #999;font-weight: bold;font-size: 1em;}
.mh-pview__close {position: absolute;top: 20px;right: 20px;z-index: 1;width: 30px;height: 30px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/b_preview.png) no-repeat;background-size: 30px;}
.mh-pview-img {position: relative;height: calc(100% - 140px);padding: 70px 0;}
.mh-pview-img .swiper-slide{display: flex;align-items: center;justify-content: center;position: relative;}
.mh-pview-img .swiper-slide img{max-height: 100%;}
.mh-pview-img .swiper-button-prev{display: none;left: 0;width: 50px;height: 50px;margin-top: -25px; background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_arr_right4_prev.png);background-size: 13px;background-position: 50%;background-repeat: no-repeat;background-color: rgba(0,0,0,.5);}
.mh-pview-img .swiper-button-next{display: none;right: 0;width: 50px;height: 50px;margin-top: -25px; background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_arr_right4_next.png);background-size: 13px;background-position: 50%;background-repeat: no-repeat;background-color: rgba(0,0,0,.5);}
.mh-pview-img.swiper-container-rtl .swiper-button-prev {background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_arr_right4_next.png);}
.mh-pview-img.swiper-container-rtl .swiper-button-next {background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_arr_right4_prev.png);}
.mh-pview-img .swiper-button-next.swiper-button-disabled, 
.mh-pview-img .swiper-button-prev.swiper-button-disabled {display: none;}

.pm-binfo {padding: 20px;background: #f5f5f5;}
.pm-binfo__box {position: relative;height: 180px;background: #fff;border: 1px solid #eaeaea;}
.pm-binfo__img {display: flex;align-items: flex-start;overflow: hidden;position: absolute;top: 0;left: 0; width: 138px;height: 100%;border-right: 1px solid #eaeaea;box-sizing: border-box;}
.pm-binfo__img img {width: 100%;min-height: 100%;}
.pm-binfo__desc {position: relative;width: calc(100% - 138px);height: 100%;margin-left: 138px;padding: 10px;box-sizing: border-box;}
.pm-binfo__tagwrap {font-size: 0;}
.pm-binfo__tagwrap .booktag {margin-right: 5px;}
.pm-binfo__pdname {overflow: hidden;font-weight: bold;font-size: 18px;line-height: 26px;letter-spacing: -0.04em;word-break: keep-all;}
.pm-binfo__date {margin-top: 10px;color: #999;font-size: 14px;line-height: 20px;}
.pm-binfo__desc-bot {position: absolute;bottom: 10px;left: 10px;right: 10px;}
.pm-binfo__amtxt {float: left;margin-right: 10px;font-size: 14px;line-height: 20px;letter-spacing: -0.56px;}
.pm-binfo__amnum {float: left;font-size: 14px;line-height: 20px;letter-spacing: -0.56px;}
.pm-binfo__amnum strong {margin-right: 2px;color: #000;font-size: 20px;letter-spacing: -0.04em;}

.form-wrap .fieldset {padding: 20px;background: #fff;}
.form-wrap .fieldset + .fieldset {margin-top: 10px;}
.form-wrap2 .fieldset {margin-top: 0;padding: 17px 20px 20px;}
.form-wrap .guide-box{margin: 16px 0 28px;}
.form-wrap .btn-wrap {padding: 0;}
.form-wrap .checkbox-wrap + .btn-wrap {margin: 30px 0 10px;}
.pm-tit__wrap {overflow: hidden;}
.fm-tbl + .pm-tit__wrap {margin-top: 20px;}
.pm-tit {float: left;color: #1d1d1d;font-size: 16px;line-height: 24px;letter-spacing: -0.04em;}
.pm-tit__sub {color: #858996;font-weight: normal;font-size: 14px;letter-spacing: -0.04em;}
.pm-tit__wrap .same {float: right;}
.pm-tit__wrap .same label {font-size: 12px;}
.fm-tbl {width: 100%;}
.fm-tbl + .pm-tit {margin-top: 10px;}
.fm-tbl .display2 {display: none;}
.fm-tbl th {padding-top: 5px;line-height: 40px;text-align: left;vertical-align: top;}

.fm-tbl th .two-word {display: block;width: 45px;text-align-last: justify;}
.fm-tbl td {padding: 5px 0;}
.fm-tbl tr:last-child td {padding-bottom: 0;}
.fm-tbl td .row {margin-bottom: 10px;}
.fm-tbl td .row:last-child {margin-bottom: 0;}
.fm-tbl td .addr_btn {float: right;width: 100px;height: 40px;line-height: 38px;}
.mop-radio {position: relative;margin-top: 17px;padding: 11px 0 12px;border: 1px solid #eaeaea;}
.mop-radio2 {margin-top: 10px;}
.mop-radio:after {content: '';position: absolute;top: 50%;left: 50%;width: 1px;height: 20px;background: #eaeaea;transform: translateY(-50%);}
.mop-radio__item {float: left;width: 50%;text-align: center;}
.mop-agree {margin-top: 10px;border: 1px solid #eaeaea;}
.mop-agree__all {padding: 14px 20px 13px;border-bottom: 1px solid #eaeaea;font-size: 0;}
.mop-agree__list {padding: 20px;font-size: 0;}
.mop-agree__item {margin-bottom: 10px;padding-left: 28px;}
.mop-agree__item:after {content: '';display: block;clear: both;}
.mop-agree__item:last-child {margin-bottom: 0;}
.mop-agree__item .chkbox-label {margin: 0 5px 0 -28px;}
.mop-agree__item .chkbox-label span {margin-right: 4px;font-size: 14px;letter-spacing: -0.04em;line-height: 20px;}
.mop-agree__item .agreement-detail{display: inline-block;position: relative;top: -1px;color: #999;font-size: 12px;letter-spacing: -0.04em;text-decoration: underline;}
.pm-total {margin-top: 20px;border-top: 4px solid #000;}
.pm-total__top {padding: 15px 0;}
.pm-total__dc.zero * {color: #999;}
.pm-total__txt1 {font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.pm-total__txt1 em {margin-left: 4px;color: #6a3efd;font-weight: bold;font-size: 12px;letter-spacing: -0.04em;}
.pm-total__txt1 .num {font-size: 16px;line-height: 22px;}
.pm-total__amount {padding-top: 17px;margin-bottom: 27px;border-top: 1px solid #eaeaea;}
.pm-total__txt2 {font-weight: bold;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.pm-total__txt2 strong{font-size: 20px;letter-spacing: -0.04em;vertical-align: bottom;}
.payment-guide {padding: 20px;margin: 0 -20px;background: #f5f5f5;}
.payment-guide__tit {color: #86888e;font-weight: bold;font-size: 14px;letter-spacing: -0.56px;line-height: 20px;}
.payment-guide__list {margin-top: 10px;}
.payment-guide__item {color: #86888e;font-size: 14px;letter-spacing: -0.56px;line-height: 22px;}
.payment-guide + .btn-payment {margin: 30px 0 10px;}
.payment-guide2 {margin: 0;}
.btn-payment + .payment-guide {margin: 20px -20px -20px;}
.goods__box + .payment-guide2 {padding-top: 10px;}

.pay-comp {background: #fff;padding-bottom: 50px;}

.pay-comp__head {padding: 50px 0 10px;background: #000;}
.pay-comp__tit {padding: 0 20px;text-align: center;font-size: 0;}
.pay-comp__tit span {display: inline-block;color: #fff;font-size: 16px;line-height: 24px;letter-spacing: -0.04em;opacity: .6;}
.pay-comp__tit span + span {margin-left: 5px;}
.pay-comp__result {margin-top: 5px;color: #fff;font-size: 28px;line-height: 41px;letter-spacing: -0.04em;text-align: center;}
.pay-comp__mediaimg {position: relative;bottom: -30px; margin: 0 87px;box-shadow: 4px 2px 8px rgba(0, 0, 0, .2)}
.pay-comp__mediaimg img {width: 100%;}
.pay-comp__booktagwrap {position: absolute;top: 0;right: -35px;}
.pay-comp__booktagwrap .booktag {display: block;width: 35px;margin-bottom: 10px;box-sizing: border-box;}
.pay-comp__booktagwrap .booktag:after {background: #000;}
.pay-comp__bot {padding: 40px 20px 0;}
.pay-comp__pd-info {padding: 20px;background: #f5f5f5;border: 1px solid #eaeaea;border-top: 2px solid #171717;}
.pay-comp__pd-info .pd-info__item {overflow: hidden;margin-bottom: 10px;}
.pay-comp__pd-info .pd-info__item:last-child {margin-bottom: 0;}
.pay-comp__pd-info .head {float: left;font-size: 14px;line-height: 20px;letter-spacing: -0.56px;}
.pay-comp__pd-info .data {float: left;margin-left: 10px;font-size: 14px;line-height: 20px;letter-spacing: -0.56px;}
.pay-comp__total {padding: 10px 0;}
.pay-comp__pd-info + .pay-comp__total {margin-top: 10px;}
.pay-comp__total .pay-comp__dc {margin-top: 5px;}
.pay-comp__total .pay-comp__dc.zero * {color: #999;}
.pay-comp__total2 {overflow: hidden;padding-top: 15px;margin-bottom: 24px;border-top: 1px solid #eaeaea;}
.pay-comp__txt1 {float: left;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.pay-comp__txt1 em{margin-left: 4px;color: #6a3efd;font-weight: bold;font-size: 14px;font-family: 'open sans';letter-spacing: -0.04em;}
.pay-comp__txt1 .num{font-size: 16px;line-height: 20px;}
.pm-total__amount {padding-top: 17px;margin-bottom: 24px;border-top: 1px solid #eaeaea;}
.pay-comp__txt2 {float: left;font-weight: bold;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.pay-comp__txt2 strong{font-size: 20px;letter-spacing: -0.04em;vertical-align: bottom;}
.pay-comp__close {position: absolute;top: 20px;right: 20px;width: 20px;}
.pay-comp__tblwrap {padding: 12px 20px 16px;margin-top: 10px;border: 1px solid #eaeaea;}
.pay-comp__tbl th{padding-top: 4px;color: #1d1d1d;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;text-align: left;vertical-align: top;}
.pay-comp__tbl td{padding: 4px 0;color: #1d1d1d;font-size: 14px;line-height: 21px;letter-spacing: -0.04em;}
.pay-comp__customer {padding: 20px;margin: 0 -20px;background: #f5f5f5;}
.pay-comp__customer2 {margin-bottom: 10px;color: #6f7380;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.pay-comp__customer3 {margin-top: 5px;color: #6f7380;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.pay-comp__customer2 + .pay-comp__customer3 {margin-top: 0;}
.pay-comp__customer3 strong {margin-right: 10px;color: #6f7380;}

.myinfo__user {position: relative;height: 108px;padding: 28px 20px 0 18px;background: #fff;box-sizing: border-box;}
.myinfo__username {color: #1d1d1d;font-weight: bold;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;}
.myinfo__goods {margin-top: 6px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.myinfo__user_btn {position: absolute;top: 42px;right: 20px; padding: 0 8px;background: #6a3efd;color: #fff;font-size: 12px;line-height: 25px;border-radius: 3px}
.tab_box {display: flex;padding: 15px 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;background: #fff;}
.tab_box__tab_btn {position: relative;width: 100%;color: #1f1f1f;font-size: 14px;line-height: 20px;letter-spacing: -0.03em;text-align: center;}

.gift-rgst__inpw {position: relative;margin-top: 18px;border: 1px solid #0a0a0a;}
.gift-rgst__inpw:before {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 1px;background: #0a0a0a;transform: translateX(-50%)}
.gift-rgst__inp {float: left;width: 50%;height: 50px;border: 0;color: #0a0a0a !important;font-weight: bold;font-size: 20px;text-align: center;}
.gift-rgst__inp::placeholder{position: relative;top: -0;color:#acadb1;font-size: 14px;letter-spacing: -0.04em;}
.gift-rgst__num {padding: 26px 20px 30px;background: #fff;}
.gift-rgst__num .guide-box{margin: 16px 0 28px;}
.gift-list__wrap {margin-top: 10px;background: #fff;}
.gift-list__top {position: relative;overflow: hidden;padding: 25px 20px;box-sizing: border-box;}
.gift-list__wrap.open .gift-list__top {height: auto;}
.gift-list__cnt {position: absolute;top: 28px;right: 20px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.gift-list {margin-top: 10px;border-top: 4px solid #0a0a0a;}
.gift-list__item {position: relative;height: 70px;padding-top: 14px;border-bottom: 1px solid #eaeaea;box-sizing: border-box;}
.gift-list__sbj {overflow: hidden;padding-right: 55px; font-size: 14px;line-height: 20px;letter-spacing: -0.04em;text-overflow: ellipsis;white-space: nowrap;}
.gift-list__date {margin-top: 4px;color: #999;font-size: 12px;line-height: 18px;letter-spacing: -0.04em;}
.gift-list__date .sub {position: relative;float: left;margin-right: 15px;color: #999;font-size: 12px;line-height: 18px;letter-spacing: -0.04em;}
.gift-list__date .sub:after {content: '';position: absolute;right: -9px;top: 4px;width: 1px;height: 12px;background: #999;}
.gift-list__date .sub:last-child {margin-right: 0;}
.gift-list__date .sub:last-child:after {display: none;}
.gift-list__tag {position: absolute;top: 23px;right: 0;width: 50px;color: #fff;font-size: 12px;line-height: 25px;letter-spacing: -0.02em;text-align: center;border-radius: 2px;}
.gift-list__tag.use {background: #6a3efd;}
.gift-list__tag.expiration {background: #acadb1;}
.gift-list__more {width: 100%;height: 50px;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_arr_down.png) no-repeat 50%;background-size: 14px;}
.gift-list__wrap.open .gift-list__more{background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_arr_up.png);}

.common__visual {overflow: hidden;position: relative;height: 80px;margin-bottom: 10px;background: #401eb0;}
.common__visual img {position: absolute;top: 50%;left: 50%;max-width: none;height: 80px;transform: translate(-50%, -50%);}

.sub-reg__visual {position: relative;height: 130px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sample/sub_visual1.jpg);background-size: cover;background-position: 50%;background-repeat: no-repeat;}
.sub-reg__visual:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .5);}
.sub-reg__slogan {position: relative;z-index: 1;padding-top: 35px;color: #fff;font-size: 16px;line-height: 30px;letter-spacing: -0.04em;text-align: center;}
.sub-reg__slogan strong{color: #fff;font-size: 24px;line-height: 32px;letter-spacing: -0.04em;}

.go-membership {padding: 15px 30px 15px 20px;background: #2c2c2c url(https://images.joins.com/ui_mobile/joins_store/joins2019/i_arr_right_w.png) no-repeat right 20px top 50%;background-size: 7px;}
.sub-ctgtab + .go-membership {margin-top: -1px;}
.go-membership__link {color: #efefef;font-size: 14px;line-height: 23px;letter-spacing: -0.04em;}
.go-membership__link em {color: #8cb5c4;font-size: 14px;line-height: 23px;letter-spacing: -0.04em;}

.search {min-height: 300px;}
.search-non {padding: 50px 20px;}
.search-non__txt1 {color: #1d1d1d;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;text-align: center;}
.search-non__txt1 em {color: #6a3efd;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;text-align: center;}
.search-non__txt2 {margin-top: 20px;color: #999;font-size: 14px;line-height: 21px;letter-spacing: -0.03em;text-align: center;}
.search-btn {padding: 6px 6px 50px;margin: 0 20px;border-top: 1px solid #eaeaea;}
.search-btn__txt {color: #999;font-size: 12px;line-height: 18px;letter-spacing: -0.04em;}
.search-latest {padding: 24px 20px;}
.search-latest__tit {margin-bottom: 21px;color: #1d1d1d;font-size: 18px;letter-spacing: -0.04em;}
.search-latest__item {position: relative;margin-top: 11px;font-size: 0;}
.search-latest__key {color: #505050;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.search-latest__del {position: absolute;top: 0;right: 0;width: 20px;height: 20px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/b_search_delete.png) no-repeat 50%;background-size: 8px;}

.unsubscribe__txt2 {margin-top: 10px;}
.unsub-info__img {position: relative;margin: 12px auto 0;width: 48%;box-shadow: 4px 2px 8px rgba(0, 0, 0, .2);}
.unsub-info {margin: 30px 0;padding: 30px 0 27px;background: #efefef;}
.unsub-info__booktagwrap {position: absolute;top: 0;right: -35px;}
.unsub-info__booktagwrap .booktag {display: block;width: 35px;margin-bottom: 10px;box-sizing: border-box;}
.unsub-info__sbj {margin-top: 15px;line-height: 24px;letter-spacing: -0.02em;text-align: center;}
.unsub-info__term {margin-top: 2px;line-height: 20px;letter-spacing: -0.02em;opacity: .5;text-align: center;}
.unsubs-chklist {margin-top: 24px;}
.unsubs-chklist__item {margin-bottom: 15px;font-size: 0;}
.unsubs__textarea {margin: 3px 0 25px;width: 100%;height: 112px;padding: 10px;border: 1px solid #babcbf;box-sizing: border-box;resize: none;}

.special-pack__item {overflow: hidden;}
.special-pack__sbj {float: left;font-weight: bold;font-size: 16px;line-height: 26px;}
.special-pack__price {float: right;padding-top: 5px;text-align: right;}
.special-pack__price2 {color: #999;font-weight: bold;font-size: 14px;line-height: 20px;text-decoration: line-through;}
.special-pack__price2-num {position: relative;top: 1px;margin-right: 3px;color: #999;font-size: 16px;}
.special-pack__price3 {font-weight: bold;font-size: 16px;line-height: 24px;}
.special-pack__price3-num {position: relative;top: 2px;margin-right: 3px;font-size: 24px;}
.sp__btn-wrap {display: flex;overflow: hidden;margin-top: 20px;}
.sp__btn-wrap a:last-child {margin-left: 20px;}

.j-prime__box {margin-bottom: 10px;background: #fff;}
.j-prime__slogan1 {overflow: hidden;position: relative;height: 160px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_joinsprime1.png) no-repeat 50% 50%;background-size: cover;}
.j-prime__slogan1-txt {padding-top: 45px;color: #fff;font-weight: lighter;font-size: 18px;line-height: 27px;text-align: center;letter-spacing: -0.04em;}
.j-prime__slogan1-txt2 {margin-top: 5px;color: #fff;font-size: 26px;line-height: 38px;text-align: center;letter-spacing: -0.04em;}
.j-prime__slogan2-wrap {height: 450px;border-bottom: 1px solid #eaeaea;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_joinsprime2.jpg);background-repeat: no-repeat;background-position: 50% 30%;background-size: cover;}
.j-prime__slogan2-wrap2 {margin-top: 10px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_joinsprime3.jpg) no-repeat 50% 50%;background-size: cover;}
.j-prime__slogan2 {position: relative;border-bottom: 1px solid #eaeaea;}
.j-prime__box + .j-prime__slogan2 {border-top: 1px solid #eaeaea;}
.j-prime__slogan2 + .j-prime__slogan2 {margin-top: 10px;border-top: 1px solid #eaeaea;}
.jp-info {margin-top: 10px;background: #fff;border-top: 1px solid #eaeaea;}
.jp-info__inner {padding: 30px 20px 20px;}
.jp-info .j-prime__slogan2 {position: relative;border-bottom: 0;}
.j-prime__slogan2-txt {position: absolute;top: 30px;left: 0;right: 0;font-size: 18px;text-align: center;letter-spacing: -0.05em;}
.j-prime__slogan2-txt2 {font-size: 18px;text-align: center;letter-spacing: -0.05em;}
.j-prime__slogan2-txt strong {display: block;margin-top: 2px;font-weight: 500;font-size: 26px;line-height: 38px;letter-spacing: -0.05em;}
.j-prime__slogan2-txt2 strong {display: block;margin-top: 2px;font-weight: 500;font-size: 26px;line-height: 38px;letter-spacing: -0.05em;}
.j-prime__head1 {padding-left: 20px;background: #6a3efd;}
.j-prime__head2 {position: relative;padding: 12px 20px 14px;border-bottom: 2px solid #000;}
.j-prime__list-tit1 {color: #fff;font-size: 16px;line-height: 50px;letter-spacing: -0.06em;}
.j-prime__head1-sub {margin-left: 10px;color: #fff;font-size: 14px;letter-spacing: -0.06em;opacity: .6;}
.j-prime__list-tit {display: inline-block;position: relative;}
.j-prime__list-tit2 {display: inline-block;position: relative;}
.j-prime__list-tit2:after {content: '';position: absolute;bottom: 0;left: 0;right: -5px;z-index: 0;height: 10px;background: #fae5ae;}
.j-prime__list-tit2.purple:after {background: #c3b2fe;}
.j-prime__list-tit2 .list-tit-sub {display: inline-block;position: relative;z-index: 1; font-weight: bold;font-size: 16px;line-height: 24px;letter-spacing: -0.06em;}
.j-prime__head2-sub {margin-left: 10px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.06em;}
.j-prime__tool-tip {position: absolute;top: 15px;right: 20px;}
.j-prime__item {overflow: hidden;position: relative;padding: 12px 20px;border-bottom: 1px solid #eaeaea;}
.j-prime__item2 {float: left;}
.j-prime__item-txt1 {font-size: 14px;line-height: 20px;letter-spacing: -0.06em;}
.j-prime__item-txt2 {overflow: hidden;margin-top: 1px;}
.j-prime__item-txt2-1 {float: left;font-weight: bold;font-size: 14px;line-height: 24px;letter-spacing: -0.06em;}
.j-prime__item-txt2-1 strong {font-size: 18px;line-height: 24px;letter-spacing: -0.04em;}
.j-prime__item-txt2-2 {float: left;margin: 2px 0 0 5px;color: #999;font-size: 12px;line-height: 24px;text-decoration: line-through;}
.j-prime__item-txt2-3 {float: left;margin: 1px 0 0 5px;font-weight: bold;font-size: 14px;line-height: 24px;letter-spacing: -0.06em;}
.jp-info__link {margin-top: 3px;text-align: right;}
.jp-info__link-sub {color: #acadb1;font-size: 12px;letter-spacing: -0.06em;text-decoration: underline;}
.jp-info__info-txt {border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;color: #999;font-size: 12px;line-height: 40px;text-align: center;}
.jp-info__tbl {width: 100%;margin-top: 5px;border: 1px solid #eaeaea;}
.jp-info__tbl th {background: #8db7c6;border: 1px solid #eaeaea;border-bottom-color: #769fad;color: #fff;font-weight: normal;font-size: 14px;letter-spacing: -0.02em;}
.jp-info__tbl tr:last-child th {border-bottom: 0;}
.jp-info__tbl td {padding: 14px 7px;border: 1px solid #eaeaea;font-size: 14px;line-height: 22px;letter-spacing: -0.02em;}
.j-prime__btn-buy {position: absolute;top: 50%;right: 20px;width: 60px;color: #fff;font-size: 12px;line-height: 30px;text-align: center;border-radius: 2px;transform: translateY(-50%)}
.j-prime__btn-buy1 {background: #6a3efd;}
.j-prime__btn-buy2 {background: #171717;}
.jprime-banner {overflow: hidden;position: relative;height: 160px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_joinsprime1.png) no-repeat 50% 50%;background-size: cover;}
.jprime-banner__txt {padding-top: 45px;color: #fff;font-weight: lighter;font-size: 18px;line-height: 27px;text-align: center;letter-spacing: -0.04em;}
.jprime-banner__txt2 {margin-top: 5px;color: #fff;font-size: 26px;line-height: 38px;text-align: center;letter-spacing: -0.04em;}
.jprime-banner .jprime-banner__txt2:first-child {padding-top: 40px;margin-top: 0;}
.jprime-banner .jprime-banner__txt2:first-child + .jprime-banner__txt {padding-top: 0;margin-top: 5px;}
.jprime__box {margin-bottom: 10px;background: #fff;border: 1px solid #eaeaea;}
.jprime__box.recommand {background: #6a3efd;border: 0;}
.jprime__head {overflow: hidden;padding: 20px 20px 0;}
.jprime__head.readers-bargains {margin: 0 -1px;padding: 10px 20px 13px;background: #ffbb05;}
.jprime__head-tit {position: relative;z-index: 1;float: left;margin-right: 10px;color: #171717;font-size: 18px;line-height: 27px;letter-spacing: -1.08px;}
.jprime__head.readers-bargains .jprime__head-tit {color: #fff;}
.jprime__head-tit:after {position: absolute;bottom: 0;left: -1px;right: -1px;z-index: -1;height: 10px;}
.jprime__head-tit.gray:after {content: '';background: #cecece;}
.jprime__head-tit.yellow:after {content: '';background: #fae5ae;}
.jprime__box.recommand .jprime__head-tit{background: #6a3efd;color: #fff;}
.jprime__head-sub {float: left;margin-top: 5px;color: #999;font-size: 14px;letter-spacing: -0.84px;opacity: .8;}
.jprime__box.recommand .jprime__head-sub {color: #fff;}
.jprime__head.readers-bargains .jprime__head-sub {color: #fff;}
.jprime__list {padding: 20px;}
.jprime__item {margin-bottom: 10px;border: 1px solid #eaeaea;background: #fff;}
.jprime__item-sub {position: relative;padding: 20px;}
.jprime__item-sub .sbj {margin-right: 80px;word-break: keep-all;}
.jprime__item-sub .sbj .txt {margin-right: 5px;color: #171717;font-weight: 500;font-size: 16px;line-height: 24px;letter-spacing: -0.64px;text-decoration: none;}
.jprime__item-sub .sbj .discount {color: #6a3efd;font-weight: bold;font-size: 16px;font-family: 'open sans';letter-spacing: -0.32px;}
.jprime__item-sub .sbj .discount2 {color: #ffbb05;font-weight: bold;font-size: 16px;font-family: 'open sans';letter-spacing: -0.32px;}
.jprime__item-sub .price {height: 19px;margin-top: 10px;color: #171717;font-weight: bold;font-size: 16px;font-family: 'open sans';letter-spacing: -0.32px;}
.jprime__item-sub .price strong {color: #171717;font-weight: bold;font-size: 17px;font-family: 'open sans';letter-spacing: -0.72px;}
.jprime__item-sub .price .def-price {margin-left: 10px;color: #86888e;font-weight: 600;font-size: 14px;font-family: 'open sans';letter-spacing: 0;text-decoration: line-through;}
.jprime__item .date {overflow: hidden;padding: 9px 20px 11px;border-top: 1px solid #eaeaea;background: #f5f5f5;}
.jprime__item .date .header {float: left;color: #86888e;font-weight: bold;font-size: 14px;letter-spacing: -0.56px;line-height: 20px;}
.jprime__item .date .data {float: left;margin-left: 10px;color: #86888e;font-size: 14px;letter-spacing: -0.56px;line-height: 20px;}
.jprime__box.recommand .jprime__item {border: 1px solid #6a3efd;}
.jprime__btn-buy {position: absolute;top: 50%;right: 20px;width: 70px;background: #171717;color: #fff;font-size: 12px;line-height: 40px;text-align: center;border-radius: 2px;transform: translateY(-50%);}

.goods__box {background: #fff;border: 1px solid #eaeaea;}
.goods__box + .goods__box {margin-top: 10px;}
.goods__box.recommand {background: #6a3efd;border: 0;}
.goods__head {overflow: hidden;padding: 20px 20px 0;}
.goods__head-tit {position: relative;z-index: 1;float: left;margin-right: 10px;color: #171717;font-size: 18px;line-height: 27px;letter-spacing: -1.08px;}
.goods__head-tit:after {position: absolute;bottom: 0;left: -1px;right: -1px;z-index: -1;height: 10px;}
.goods__head-tit.gray:after {content: '';background: #cecece;}
.goods__head-tit.yellow:after {content: '';background: #fae5ae;}
.goods__box.recommand .goods__head-tit{background: #6a3efd;color: #fff;}
.goods__head-sub {float: left;margin-top: 5px;color: #999;font-size: 14px;letter-spacing: -0.84px;opacity: .8;}
.goods__box.recommand .goods__head-sub {color: #fff;}
.goods__list {padding: 20px;}
.goods__item {margin-bottom: 10px;border: 1px solid #eaeaea;background: #fff;}
.goods__item-sub {position: relative;padding: 20px;}
.goods__item-sub .sbj {margin-right: 80px;word-break: keep-all;}
.goods__item-sub .sbj .txt {margin-right: 5px;color: #171717;font-weight: 500;font-size: 16px;line-height: 24px;letter-spacing: -0.64px;text-decoration: none;}
.goods__item-sub .sbj .discount {color: #6a3efd;font-weight: bold;font-size: 16px;font-family: 'open sans';letter-spacing: -0.32px;}
.goods__item-sub .sbj .discount2 {color: #ffbb05;font-weight: bold;font-size: 16px;font-family: 'open sans';letter-spacing: -0.32px;}
.goods__item-sub .price {height: 19px;margin-top: 10px;color: #171717;font-weight: bold;font-size: 16px;font-family: 'open sans';letter-spacing: -0.32px;}
.goods__item-sub .price strong {color: #171717;font-weight: bold;font-size: 17px;font-family: 'open sans';letter-spacing: -0.72px;}
.goods__item-sub .price .def-price {margin-left: 10px;color: #86888e;font-weight: 600;font-size: 14px;font-family: 'open sans';letter-spacing: 0;text-decoration: line-through;}
.goods__item .date {overflow: hidden;padding: 9px 20px 11px;border-top: 1px solid #eaeaea;background: #f5f5f5;}
.goods__item .date .header {float: left;color: #86888e;font-weight: bold;font-size: 14px;letter-spacing: -0.56px;line-height: 20px;}
.goods__item .date .data {float: left;margin-left: 10px;color: #86888e;font-size: 14px;letter-spacing: -0.56px;line-height: 20px;}
.goods__box.recommand .goods__item {border: 1px solid #6a3efd;}
.goods__btn-buy {position: absolute;top: 50%;right: 20px;width: 70px;background: #171717;color: #fff;font-size: 12px;line-height: 40px;text-align: center;border-radius: 2px;transform: translateY(-50%);}
.purchase-guide {padding: 20px;border-bottom: 1px solid #eaeaea;background: #f5f5f5;}
.purchase-guide__tit {color: #1d1d1d;font-size: 16px;line-height: 24px;letter-spacing: -0.06em;}
.purchase-guide__list {margin-top: 15px;}
.purchase-guide__item {position: relative;padding-left: 10px;color: #1d1d1d;font-size: 14px;line-height: 24px;letter-spacing: -0.04em;word-break: keep-all;}
.purchase-guide__item:before {content: '';position: absolute;top: 12px;left: 0;width: 5px;height: 1px;background: #000;}

.ss-popup {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 100;background: rgba(10,10,10,.8);transition: .3s;}
.ss-popup__inner {position: relative;height: 100%;}
.ss-popup_content {position: absolute;bottom: -214px;left: 0;right: 0;height: 190px;padding: 35px 0 0 0;background: #2c2c2e;box-sizing: border-box;transition: .3s all;}
.ss-popup_content.active {bottom: 0;}
.ss-popup__url {overflow: hidden;height: 40px;margin: 20px 30px 0;border: 1px solid #fff;border-radius: 3px;font-size: 0;}
.ss-popup__url-inp {overflow: hidden;width: calc(100% - 70px);height: 40px;padding: 0 10px;border: 0;background: #2c2c2f;color: #fff;font-size: 12px;letter-spacing: -0.03em;box-sizing: border-box;
white-space: nowrap;text-overflow: ellipsis;}
.ss-popup__btncopy {width: 70px;background: #fff;color: #2c2c2f;font-weight: 900;font-size: 14px;line-height: 40px;}
.ss-popup__snsgroup {display: flex;justify-content: space-between;align-items: baseline;margin: 0 30px;font-size: 0;}
.ss-popup__snsitem {position: relative;width: 47px;height: 65px;text-align: center;}
.ss-popup__snsitem:nth-of-type(4) {width: 67px;}
.ss-popup__snsbtn {display: block;height: 37px;padding-top: 43px;color: #999;font-size: 12px;}
.ss-popup__snsbtn:after {content: '';position: absolute;top: 0;left: 50%;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_snspop.png);background-repeat: no-repeat;background-size: 99px;transform: translateX(-50%);}
.ss-popup__snsbtn.kt:after {left: 0;width: 40px;height: 37px;background-position: -1px -1px;transform: translateX(-0%);}
.ss-popup__snsbtn.fb:after {top: 5px;width: 14px;height: 28px;background-position: -84px -1px;}
.ss-popup__snsbtn.tw:after {top: 7px;width: 29px;height: 24px;background-position: -1px -40px;}
.ss-popup__snsbtn.ks:after {top: 5px;width: 14px;height: 27px;background-position: -84px -31px;}
.ss-popup__snsbtn.line:after {left: auto;right: -1px;width: 40px;height: 37px;background-position: -43px -1px;transform: translateX(-0%);}
.ss-popup__close {overflow: hidden;position: absolute;top: -24px;right: 10px;width: 48px;height: 48px;background: #2c2c2e;box-shadow: 3px 3px 10px rgba(0,0,0,.4);border-radius: 50%;}
.ss-popup__close:before {content: '';position: absolute;top: 14px;right: 14px;width: 20px;height: 20px;background-image: url(https://images.joins.com/ui_mobile/joins_store/joins2019/sub/k_snspop.png);background-repeat: no-repeat;background-size: 99px;background-position: -32px -40px;}

/* 이용약관 */
.agreement__title {color: #171717;font-weight: 500;font-size: 18px;line-height: 60px;letter-spacing: -0.72px;text-align: center;border-bottom: 1px solid #eaeaea;}
.agreement__content {padding: 20px;margin-bottom: 60px;background: #f5f5f5;font-size: 14px;line-height: 22px;letter-spacing: -0.56px;word-break: keep-all;}
.agreement__btn {position: fixed;bottom: 0;left: 0;width: 100%;background: #1d1d1d;color: #fff;font-size: 16px;line-height: 60px;letter-spacing: -0.32px;text-align: center;}
.agreement__tbl {width: 100%;margin: 20px 0;border: 1px solid #e2e2e2;}
.agreement__tbl thead th {height: 50px;background: #efefef;border: 1px solid #e2e2e2;color: #86888e;font-weight: normal;font-size: 12px;letter-spacing: -0.48px;}
.agreement__tbl tbody td {padding: 18px 10px;background: #fff;border: 1px solid #e2e2e2;font-weight: normal;font-size: 12px;letter-spacing: -0.48px;}

@media screen and (min-width: 768px) {
  .mh-top {height: auto;}
  .mh-top__img {width: 50%;height: 0;padding-top: 66%;}
  .j-prime__slogan2-wrap {background-position: 50% 30%;} 
  .pay-comp__mediaimg {margin: 0 200px;}
  .common__visual img {width: auto;height: 100%;}
}

@media screen and (max-width: 320px) {
  .edtpick-sub__img {height: 175px;}
  .pm-binfo {padding: 10px 0;}
  .pay-comp__customer2 {font-size: 13px;}
  .pay-comp__customer3 {font-size: 13px;}
  .mop-agree__item .agreement-detail {font-size: 11px;}
	.jp-info__tbl td {font-size: 12px;}
  .ss-popup__snsbtn {font-size: 11px;}
  .goods__head2-sub {font-size: 11px;}
  .mh-top {padding: 30px 40px;}
  .main__cat-btn {font-size: 14px;}
  .gnb .main__cat-btn {font-size: 14px;}
}

/************************** 이벤트 *********************************/

/* 3주년 이벤트 */
.event-3rd {position: relative;}
.event-3rd > img {width: 100%;}
.event-3rd .btn-join {position: absolute;top: 62.75%;left: 50%;width: 61%;height: 3.1%;transform: translateX(-50%);text-indent: -9999em;}

/* 삼성카드 제휴 할인 */
.ss-card__visual {height: 607px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/event/samsung_card/k_top_area_new.png) no-repeat 50% 0;background-size: auto 100%;}
.ss-card__desc {height: 318px;background: #303038 url(https://images.joins.com/ui_mobile/joins_store/joins2019/event/samsung_card/k_top_txt_area.png) no-repeat 50% 0;background-size: auto 100%;}
.ss-card__pkg1 {padding: 60px 22px;background: #fff;}
.ss-card__pkg1-visual {position: relative;height: 470px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/event/samsung_card/k_package1.png) no-repeat 50% 0;background-size: auto 100%;}
.ss-card__pkg1-btn {position: absolute;bottom: 0;left: 50%;width: 90%;height: 13%;margin-left: -45%;text-indent: -9999em;}
.ss-card__pkg2 {padding: 60px 22px;background: #fafafa;}
.ss-card__pkg2-visual {position: relative;height: 470px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/event/samsung_card/k_package2.png) no-repeat 50% 0;background-size: auto 100%;}
.ss-card__ctg {padding-bottom: 60px;background: #fff;}
.ss-card__tab-wrap {height: 60px;background: #252527;}
.ss-card__tab-group {display: flex;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;}
.ss-card__tab-item {flex: 0 0 auto;position: relative;padding: 0 21px 0 20px;}
.ss-card__tab-item:before {content: '';position: absolute;top: 21px;right: 0;width: 1px;height: 20px;background: #0b0b0d;}
.ss-card__tab-item.active:after {content: '';position: absolute;bottom: -13px;left: 50%;width: 15px;height: 15px;background-color: #fff;transform: rotate(45deg) translateX(-50%);}
.ss-card__tab-btn {color: #949496;font-size: 16px;line-height: 60px;letter-spacing: -0.64px;}
.ss-card__tab-item.active .ss-card__tab-btn {color: #fff;}
.ss-card__ctg-group {display: flex;justify-content: center;flex-wrap: wrap;padding: 40px 0 0;margin: 0 auto;}
.ss-card__ctg-item {width: 128px;height: 180px;margin: 0 20px 40px;box-shadow: 10px 5px 20px #00000026;}
.ss-card__ctg-item img {width: 100%;min-height: 100%;}
.ss-card__ctg-btn-wrap {margin-top: 20px;}
.ss-card__ctg-btn-pkg {display: block;width: 295px;padding: 18px 0;margin: 0 auto;border: 1px solid #232326; color: #232326;font-size: 16px;line-height: 24px;letter-spacing: -0.64px;text-align: center;border-radius: 30px;}
.ss-card__ctg-btn-buy {display: block;width: 295px;padding: 18px 0;margin: 20px auto 0;background: #232326;color: #fff;font-size: 16px;line-height: 24px;letter-spacing: -0.64px;text-align: center;border-radius: 30px;}
.ss-card__ctg-pkg-txt {color: #fff;font-size: 16px;line-height: 24px;letter-spacing: -0.64px;}
.ss-card__adv {overflow-x: hidden;padding-top: 60px;background: #fafafa;}
.ss-card__adv-tit {height: 77px;margin-bottom: 50px;background: url(https://images.joins.com/ui_mobile/joins_store/joins2019/event/samsung_card/k_advantages_txt1.png) no-repeat 50% 0;background-size: auto 100%;text-indent: -9999em;}
.ss-card__adv-desc {height: 68px;padding: 30px 0;background: #fff url(https://images.joins.com/ui_mobile/joins_store/joins2019/event/samsung_card/k_advantages_txt2.png) no-repeat 50% 30px;background-size: auto 68px;text-indent: -9999em;}
.ss-card__adv-swipe {position: relative;padding-bottom: 80px;}
.ss-card__adv-swipe .swiper-pagination {bottom: 60px !important;font-size: 0;}
.ss-card__adv-swipe .swiper-pagination-bullet {display: inline-block;width: 4px;height: 4px;background: #c7c7cc;border-radius: 0;opacity: 1;}
.ss-card__adv-swipe .swiper-pagination-bullet-active {background: #303038;}
.ss-card__lpop-wrap {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index:100;background-color: rgba(10,10,10,.4);}
.ss-card__lpop {position: absolute;top: 50%;left: 20px;right: 20px;background: #fff;transform: translateY(-50%);}
.ss-card__lpop-tit {padding: 17px 20px 16px;background: #171717;color: #fff;font-weight: 500;font-size: 18px;line-height: 27px;letter-spacing: -0.36px;}
.ss-card__lpop-tit-ctg {color: #fff;font-weight: 500;font-size: 18px;line-height: 27px;letter-spacing: -0.36px;}
.ss-card__lpop-close {position: absolute;top: 21px;right: 20px;width: 18px;height: 18px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/event/samsung_card/b_close.png) no-repeat;background-size: 18px;}
.ss-card__lpop-con {position: relative;overflow: hidden;padding: 20px 0px 5px;}
.ss-card__lpop-con:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;z-index: 1;width: 13px;background: #fff;}
.ss-card__lpop-media-name {position: relative;float: left;margin: 0 13px 15px;color: #0b0b0b;font-size: 16px;line-height: 24px;}
.ss-card__lpop-media-name:before {content: '';position: absolute;top: 9px;left: -13px;width: 1px;height: 10px;background: #888893;}
.ss-card__lpop-media-name:first-child:before {display: none;}

@media screen and (max-width: 320px) {
  .ss-card__visual {height: 500px;}
  .ss-card__desc {height: 280px;}
  .ss-card__pkg1-visual {height: 400px;}
  .ss-card__ctg-item {margin: 0 15px 40px;}
}

@media screen and (max-width: 767px) {
  .ss-card__adv-swipe {width: 295px;margin: 0 auto;}
}

@media screen and (min-width: 768px) {
  .ss-card__ctg-item {width: 112px;height: 162px;}
  .ss-card__adv-swipe {width: auto;}
  .ss-card__adv-swipe .swiper-wrapper {justify-content: center;}
  .ss-card__adv-swipe .swiper-slide {width: 30% !important;margin: 0 10px;}
  .ss-card__adv-swipe .swiper-pagination {display: none;}
}

/************************** 이벤트 *********************************/

/********************************** 개편후 삭제 ********************************************/
/* 
#container.kjd_event{padding:0;}
.kjd_event .hd{background:url(//images.joins.com/ui_mobile/joins_store/event/koreajoongang/k_kjdevent_bg.png) repeat;background-size:35px auto;}
.kjd_event .hd .cont{width:320px;margin:0 auto;overflow:hidden;width:320px;height:448px;background:url(//images.joins.com/ui_mobile/joins_store/event/koreajoongang/v_kjdevent_main.jpg) no-repeat;background-size:320px auto;}
.kjd_event .hd h3,.kjd_event .hd dt,.kjd_event .hd dd{overflow:hidden;font-size:0;line-height:999em;}
.kjd_event .present{background:#5db9bd;}
.kjd_event .present .cont{position:relative;width:320px;height:580px;margin:0 auto;text-align:center;background:url(//images.joins.com/ui_mobile/joins_store/event/koreajoongang/v_kjdevent_present.jpg) no-repeat;background-size:320px auto;}
.kjd_event .present a{display:block;overflow:hidden;position:absolute;top:482px;left:16px;width:142px;height:76px;font-size:0;line-height:999em;}
.kjd_event .present .cont.v2{height:646px;background:url(//images.joins.com/ui_mobile/joins_store/event/koreajoongang/v_kjdevent_present2.jpg) no-repeat;background-size:320px auto;}
.kjd_event .present a.btn_period{left:162px;}
.kjd_event .present a.btn_period2{top:574px;left:16px;width:288px;height:42px;}
.kjd_event .kjd_dsc{background:#5a74a2;padding-bottom:20px;}
.kjd_event .kjd_dsc .cont{width:320px;margin:0 auto;padding-top:26px;}
.kjd_event .kjd_dsc .cont > dl dt{overflow:hidden;width:209px;height:16px;margin:0 auto 15px;background:url(//images.joins.com/ui_mobile/joins_store/event/koreajoongang/k_kjdevent_txt.png) no-repeat 0 -189px;font-size:0;line-height:999em;background-size:302px auto;}
.kjd_event .kjd_dsc .cont > dl dd{font-size:12px;line-height:16px;color:#fff;letter-spacing:-1px;text-align:center;}
.kjd_event .kjd_dsc .cont > dl dd strong{font-weight:normal;color:#fff000;}
.kjd_event .kjd_dsc .kjd_lst{position:relative;width:302px;height:180px;margin:10px auto 0;background:url(//images.joins.com/ui_mobile/joins_store/event/koreajoongang/k_kjdevent_txt.png) no-repeat;background-size:302px auto;;}
.kjd_event .kjd_dsc .kjd_lst img{position:absolute;top:21px;left:18px;display:block;width:103px;height:140px;}
.kjd_event .kjd_dsc .kjd_lst dl{padding:32px 0 0 133px;}
.kjd_event .kjd_dsc .kjd_lst dt{font-weight:bold;font-size:13px;color:#3d536b;line-height:15px;}
.kjd_event .kjd_dsc .kjd_lst dt span{display:block;font-size:10px;color:#979797;}
.kjd_event .kjd_dsc .kjd_lst dd{margin-top:10px;}
.kjd_event .lst_basic li{overflow:hidden;max-height:30px;line-height:14px;}
.kjd_event .lst_basic .bul{display:inline-block;width:2px;height:2px;border-radius:1px;background:#727272;vertical-align:top;margin:8px 3px 0 0;}
.kjd_event .lst_basic .txt{display:inline-block;width:162px;font-size:12px;color:#727272;vertical-align:middle;}
.kjd_event .notice{background:#e2e2e2;padding:29px 0 25px;}
.kjd_event .notice dl{width:300px;margin:0 auto;}
.kjd_event .notice dt{position:relative;padding-left:23px;margin-bottom:10px;font-size:20px;color:#3d3d3d;font-weight:bold;}
.kjd_event .notice dt em{font-style:italic;}
.kjd_event .notice dt span{display:block;position:absolute;top:0;left:0;width:18px;height:18px;background:url(//images.joins.com/ui_mobile/joins_store/event/koreajoongang/k_kjdevent_txt.png) no-repeat -230px -190px;background-size:302px auto;}
.kjd_event .notice .lst_basic{padding-left:8px;}
.kjd_event .notice .lst_basic li{max-height:100%;margin-top:5px;line-height:14px;}
.kjd_event .notice .lst_basic .bul{width:3px;height:3px;border-radius:2px;margin-top:5px;}
.kjd_event .notice .lst_basic .txt{width:280px;font-size:10px;color:#616161;}
.kjd_event .notice .lst_basic strong{font-weight:normal;color:#000;} */

/* 맥스큐 20190118 */
/* .maxq_event{padding:0px !important;}
.maxq_event .visual_top{height:583px;background:#e9dbd1 url('https://images.joins.com/ui_mobile/joins_store/event/maxq/v_event01.png') top center no-repeat;background-size:auto 583px;}
.maxq_event .info_event01{position:relative;height:388px;background:#ebebeb url('https://images.joins.com/ui_mobile/joins_store/event/maxq/v_event02.png') top center no-repeat;background-size:auto 388px;}
.maxq_event .info_event02{background:#e9dbd1;}
.maxq_event .info_event02 .inner_event02{position:relative;height:370px;background:url('https://images.joins.com/ui_mobile/joins_store/event/maxq/v_event03.png') top center no-repeat, url('https://images.joins.com/ui_mobile/joins_store/event/maxq/k_event01.png') top left repeat-x;background-size:auto 370px, 1px 94px;}
.maxq_event .info_event03{background:#efede6;}
.maxq_event .maxq_info{width:239px;margin:0px auto;padding-top:242px;}
.maxq_event .maxq_checkbox{position:relative;padding-bottom:14px;line-height:18px;text-align:left;}
.maxq_event .maxq_checkbox input[type="checkbox"]{display:none;}
.maxq_event .maxq_checkbox input[type="checkbox"] + label{display:inline-block; color:#000; font-size:12px; word-break:break-all;} 
.maxq_event .maxq_checkbox input[type="checkbox"] + label span {display:inline-block;padding-right:7px; width:18px;height:18px;  vertical-align:middle;background:url(https://images.joins.com/ui_mobile/joins_store/event/maxq/k_event02.png) 0px 0px no-repeat; background-size:18px auto;cursor:pointer;}
.maxq_event .maxq_checkbox input[type="checkbox"]:checked + label span {background:url(https://images.joins.com/ui_mobile/joins_store/event/maxq/k_event02.png) 0px -18px no-repeat;background-size:18px auto;}
.maxq_event .btn_alert{display:inline-block;padding-left:7px;color:#858585; font-size:12px; text-decoration:underline;}
.maxq_event .btn_maxq{display:block; height:21px; padding:13px 0px;border-radius:2px;background:#5d4643; color:#fff; font-size:16px;font-weight:bold;line-height:21px; text-align:center;}
.maxq_event .soldOut .btn_maxq{background:#ccc;}
.maxq_event .info_event03 .inner_event03{position:relative;height:445px;background:url('https://images.joins.com/ui_mobile/joins_store/event/maxq/v_event04.png') top center no-repeat, url('https://images.joins.com/ui_mobile/joins_store/event/maxq/k_event01.png') top left repeat-x;background-size:auto 445px, 1px 94px;}
.maxq_event .info_event04{position:relative;height:638px;background:#ffffff url('https://images.joins.com/ui_mobile/joins_store/event/maxq/v_event05.png') top center no-repeat;background-size:auto 638px;}
.maxq_event .notice{position:relative;background:#e9dbd1;}
.maxq_event .notice dl{width:280px;margin:0px auto;padding:0px 20px 44px 20px;}
.maxq_event .notice dt{padding-bottom:6px;color:#1f1f1f; font-size:13px;font-weight:bold; line-height:20px;}
.maxq_event .notice dd{margin-left:5px;color:#7e7575; font-size:11px; line-height:16px; text-indent:-5px;}

.bugs_event1 .hidden{position: absolute;left: -9999em;} */

/********************************** 개편후 삭제 ********************************************/