@charset "utf-8";

@import url('event.css');

.ctg-tag {display: inline-block;overflow: hidden;position: relative;padding: 0 8px 0 7px;color: #171717;font-weight: bold;font-size: 12px;line-height: 24px;text-align: center;letter-spacing: -0.03em;}
.ctg-tag:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 2px solid #000;}
.ctg-tag:after {content: '';position: absolute;top: -16px;right: -15px;z-index: 1;width: 20px;height: 20px;border: 2px solid #000;background: #fff;transform: rotate(-45deg);}
.mbtn-more {background-image: linear-gradient(currentColor, currentColor);background-repeat: no-repeat;background-position: 0% 100%;background-size: 0% 2px;line-height: 24px;color: #999;font-size: 16px;}
.tag-tail{display: inline-block;margin-left: 2px;padding: 0 5px;color: #fff;font-size: 11px;line-height: 18px;text-align: center; border-radius: 1px;vertical-align: middle;}
.tag-tail--hot {background: #f2bf35;}

.main-visual {overflow: hidden;position: relative;}
.main-visual .swiper-slide{position: relative;height: 420px;}
.main-visual .swiper-slide-active{z-index: 1;}
.main-visual .swiper-slide img{position: absolute;top: 0;left: 50%;max-width: 1920px;height: 420px;transform: translateX(-50%)}
.main-visual .swiper-pagination-wrap {position: absolute;bottom: 0;left: 0;right: 0;z-index: 60;background: rgba(0, 0, 0, .3);}
.main-visual .swiper-pagination {position: static;width: 1200px;overflow: hidden;margin: 0 auto;}
.main-visual .swiper-pagination-bullet {float: left;width: 20% !important;height: auto !important;background: none;opacity: .6;border-right: 1px solid #ffffff33;border-radius: 0;box-sizing: border-box}
.main-visual .swiper-pagination-bullet:first-child {border-left: 1px solid rgba(255, 255, 255, .2);}
.main-visual .swiper-pagination-bullet:hover,
.main-visual .swiper-pagination-bullet-active {opacity: 1;}
.main-visual .swiper-pagination-txt {display: block;color: #fff;font-size: 16px;letter-spacing: -0.02em;line-height: 60px;text-align: center;}
.main-visual .swiper-pagination-bullet-active .swiper-pagination-txt {background: rgba(0, 0, 0, .4)}
.main-visual .swiper-pagination-bullet:hover .swiper-pagination-txt {background: rgba(0, 0, 0, .4)}
.main-section__tit {font-weight: bold;font-size: 32px;line-height: 47px;text-align: center;}
.main-new {padding: 60px 0;}
.mnew__tit {margin-bottom: 40px;}
.mnew__item {float: left;width: 200px;margin: 0 25px;font-size: 0;}
.mnew__item:first-child {margin-left: 0;}
.mnew__item:last-child {margin-right: 0;}
.mnew__btn {display: block;overflow: hidden;width: 200px;height: 270px;border: 1px solid #eaeaea;box-sizing: border-box;-webkit-transition: .3s;transition: .3s;}
.mnew__btn:hover {transform: translateY(-10px);box-shadow: 3px 3px 8px rgba(0, 0, 0, .12);}
.mnew__btn img {position: relative;left: -1px;width: 200px;min-height: 100%;}
.mnew__ctg {margin-top: 10px;}
.mnew__name {margin-top: 5px;font-weight: bold;font-size: 18px;line-height: 27px;letter-spacing: -0.02em;}
.mnew__pdate {margin-top: 5px;color: #999;font-size: 14px;line-height: 24px;}
.mnew__btn-more {position: absolute;top: -58px;right: 0;}
.mnew__btn-more:hover {color: #0a0a0a;}
.main-realtime {padding: 30px;background: #f4f4f5;}
.mr__tit {font-size: 18px;line-height: 27px;}
.mr__date {position: absolute;top: 4px;right: 0;color: #999;font-size: 16px;line-height: 24px;letter-spacing: -0.02em;}
.mr__group-wrap {overflow: hidden;position: relative;height: 60px;margin-top: 10px;background: #fff;border: 1px solid #eaeaea;box-sizing: border-box;}
.mr__group-wrap:before {content: '';position: absolute;top: 0;bottom: 0;left: 399px;z-index: 10;width: 1px;background: #eaeaea;}
.mr__group-wrap:after {content: '';position: absolute;top: 0;bottom: 0;right: 399px;width: 1px;background: #eaeaea;}
.mr__group {overflow: hidden;position: relative;height: 60px;}
.mr__item {overflow: hidden;position: relative;float: left;width: 33.3333%;height: 60px;background: #fff;box-sizing: border-box;}
.mr__item:hover {background: #2c2c2e}
.mr__item a {display: block;height: 100%;padding-left: 30px;}
.mr__num {float: left;font-size: 40px;font-style: italic; line-height: 60px;}
.mr__sbj {float: left;margin: 18px 0 0 30px;color: #0a0a0a;font-weight: 500;font-size: 16px;line-height: 24px;letter-spacing: -0.02em;}
.mr__item:hover .mr__sbj {color: #fff;}
.mr__num-raised {position: relative;float: right;margin: 18px 30px 0 0;color: #171717;font-size: 16px;line-height: 22px;letter-spacing: 0;}
.mr__num-raised:before {content: '';position: absolute;top: 2px;left: -20px;border: 5px solid transparent;border-bottom: 8px solid #f2bf35;}
.mr__num-raised.down:before {top: 8px;border: 5px solid transparent;border-top: 8px solid #808790;}
.mr__num-raised.same:before {top: 10px;left: -15px;width: 7px;height: 2px;background: #808790;border: 0;}
.mr__item:hover .mr__num-raised {color: #fff;}

.main-pick {background: #252526;}
.mp__head {padding-top: 60px;text-align: center;}
.mp__tit {display: inline-block;position: relative;padding-right: 17px;color: #6a3efd;font-weight: normal;font-size: 16px;line-height: 20px;letter-spacing: 0;}
.mp__tit:after {display: none;content: '';position: absolute;top: 5px;right: 0;width: 7px;height: 12px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_editors_pick.png);background-size: 7px}
.mp__desc {margin-top: 10px;color: #fff;font-weight: normal;}
.mp__section {position: relative;padding-top: 40px;}
.mp__swiper {overflow: hidden;width: 800px;height: 379px;margin: -40px auto 0;padding-top: 90px;}
.mp__section .swiper-wrapper {height: 300px;}
.mp__swiper .swiper-slide {width: 160px !important;height: auto;z-index: -2;}
.mp__swiper .swiper-slide a {display: block;position: relative;height: 210px;transition: 0.3s}
.mp__swiper .swiper-slide a:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(23,23,23,.9);}
.mp__swiper .swiper-slide img {width: 100%;height: 100%;box-shadow: 0 0 10px rgba(0,0,0,.30);}
.mp__swiper .swiper-slide-active {top: -45px;z-index: 2;width: 220px !important;margin: 0 -30px 0;transition: 0.3s}
.mp__swiper .swiper-slide-active a {height: 300px;transition: 0.3s}
.mp__swiper .swiper-slide-active img {width: 100%;height: 100%;box-shadow: 0 0 15px rgba(0,0,0,.3);transition: 0.3s}

.mp__swiper .swiper-slide-prev,
.mp__swiper .swiper-slide-next {top: -15px;z-index: -1;width: 190px !important;margin: -0 -15px 0;transition: 0.3s}
.mp__swiper .swiper-slide-prev a,
.mp__swiper .swiper-slide-next a {height: 240px;transition: 0.3s}
.mp__swiper .swiper-slide-prev a:before,
.mp__swiper .swiper-slide-next a:before{background: rgba(23,23,23,.7);}
.mp__swiper .swiper-slide-active a:before {display: none;}

.mp__book-info {text-align: center;opacity: 0;}
.mp__swiper .swiper-slide-active .mp__book-info {opacity: 1;}
.mp__book-name {margin-top: 10px;color: #fff;font-weight: bold;font-size: 18px;letter-spacing: -0.02em;}
.mp__pdate {margin-top: 5px;color: #999;font-size: 16px;}
.mp__section .swiper2-button-prev {position: absolute;top: 160px;left: 0;width: 35px;height: 65px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_main_sld_move.png);background-size: 70px;background-position: 0 -66px;text-indent: -9999em;}
.mp__section .swiper2-button-next {position: absolute;top: 160px;right: 0;width: 35px;height: 65px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_main_sld_move.png);background-size: 70px;background-position: -35px -66px;text-indent: -9999em;}
.mp__section .swiper2-button-prev:hover {background-position: 0 0;}
.mp__section .swiper2-button-next:hover {background-position: -35px 0;}

.main-chart {padding: 60px 0;}
.mc__tit {margin-bottom: 40px;}
.mc__inner {position: relative;overflow: hidden;}
.mc__swiper {position: relative;width: 1200px;margin: 0 auto;}
.mc__swiper .swiper-wrapper {display: flex;align-items: flex-end;}
.mc__swiper .swiper-slide {overflow: hidden;position: relative;width: 200px;height: 270px;border: 1px solid #eaeaea;text-align: right;box-sizing: border-box}
.mc__swiper .swiper-slide a {display: inline-block;overflow: hidden;width: 200px;height: 270px;}
.mc__swiper .swiper-slide:hover a {width: 200px;}
.mc__swiper .swiper-slide a img {display: inline-block;width: 200px;max-width: initial;min-height: 100%;-webkit-transition: .3s;transition: .3s;transform: scale(1)}
.mc__swiper .swiper-slide:hover a img {transform: scale(1.1)}
.mc__inner .swiper-button-disabled {display: none;}

.mc__book-info {overflow: hidden;position: absolute;bottom: 0;left: 0;width: 60px;height: 60px;background: #1d1d1d;background-size: 185px 50px;font-size: 32px;transition: .2s;box-sizing: border-box}
.mc__book-info2 {position: relative;padding: 0 0 0 60px;}
.mc__book-info:after {content: '';position: absolute;top: 0;right: -15px;width: 15px;height: 60px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_main_chart_tag2.png);background-size: 15px 60px;}
.mc__book-info--best {background: #6a3efd;}
.mc__book-info--best:after {background: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_main_chart_tag1.png);background-size: 15px 60px;}
.mc__swiper .swiper-slide:hover .mc__book-info {overflow: visible;left: 0;width: 185px;padding: 0 15px 0 0;}
.mc__book-num {position: absolute;top: 0;left: 0;width: 60px;color: #fff;line-height: 60px;text-align: center;}
.mc__book-info--best .mc__book-num {background: #6a3efd;}
.mc__bi-sub {overflow: hidden;width: 0;transition: .2s}
.mc__swiper .swiper-slide:hover .mc__bi-sub {width: auto;}
.mc__book-name {overflow: hidden;width: 125px;margin-top: 12px;color: #fff;font-weight: bold;font-size: 12px;line-height: 18px;text-align: left;text-overflow: ellipsis;white-space: nowrap}
.mc__views {width: 130px;padding-left: 20px;margin-top: 1px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/icon_eye.png) no-repeat 0 4px;background-size: 15px;color: #fff;font-weight: bold;font-size: 12px;line-height: 18px;text-align: left;opacity: .5;}
.mc__swiper-button-prev {position: absolute;top: 50%;left: 0;z-index: 10;width: 100px;height: 100px;margin-top: -50px;background-color: rgba(0,0,0,.1);text-indent: -9999em;}
.mc__swiper-button-next {position: absolute;top: 50%;right: 0;z-index: 10;width: 100px;height: 100px;margin-top: -50px;background-color: rgba(0,0,0,.1);text-indent: -9999em;}
.mc__swiper-button-prev:after {content: '';position: absolute;top: 50%;left: 50%;width: 35px;height: 65px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_main_sld_move.png);background-size: 70px;background-position: 0 0;transform: translate(-50%, -50%)}
.mc__swiper-button-next:after {content: '';position: absolute;top: 50%;left: 50%;width: 35px;height: 65px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_main_sld_move.png);background-size: 70px;background-position: -35px 0;transform: translate(-50%, -50%)}
.mc__swiper-button-prev:hover {background-color: rgba(0,0,0,.4);}
.mc__swiper-button-next:hover {background-color: rgba(0,0,0,.4);}

.main-keyword {padding: 30px 0 10px;background: #f4f4f5;}
.mkey__list {width: 1050px;margin: 0 auto;}
.mkey__item {float: left;width: 180px;margin: 0 15px 20px;background: #fff;text-align: center;}
.mkey__btn {display: block;height: 60px;border: 1px solid #ebebeb;color: #171717;font-size: 16px;line-height: 58px;text-align: center;letter-spacing: -0.02em;box-sizing: border-box}
.mkey__btn:hover {color: #6a3efd;border-color: #6a3efd;}

.main-recommended {padding: 60px 0;}
.mr-rcmd__tit {margin-bottom: 20px;}
.rcmd-list {overflow: hidden;}
.rcmd-list__item {position: relative;float: left;width: 380px;height: 574px;margin: 20px 30px 0 0;}
.rcmd-list__item:nth-of-type(3n+3) {margin-right: 0;}
.rcmd-list__img {position: relative;width: 380px;height: 470px;background: #e7e8eb;}
.rcmd-list__img:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;background: rgba(0, 0, 0, .3);opacity: 0;transition: .3s;}
.rcmd-list__item:hover .rcmd-list__img:before {opacity: 1;}
.rcmd-list__img-sub {overflow: hidden;position: absolute;top: 50px;left: 50px;width: 280px;height: 370px;box-shadow: 3px 3px 10px rgba(0,0,0,.2);}
.rcmd-list__img-sub img {width: 100%;min-height: 100%;}
.rcmd-list__article {position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;padding: 0 20px;border: 1px solid #eaeaea;border-top: 2px solid #000;background: #fff;}
.rcmd-list__article-head {padding: 20px 0;}
.rcmd-list__article-head .subject {overflow: hidden;color: #0a0a0a;font-weight: bold;font-size: 22px;line-height: 33px;letter-spacing: -0.88px;white-space: nowrap;text-overflow: ellipsis;}
.rcmd-list__article-head .media-info {margin-top: 10px;font-size: 0;}
.rcmd-list__article-head .media-info__txt {display: inline-block;position: relative;margin-right: 20px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.56px;}
.rcmd-list__article-head .media-info__txt:before {content: '';position: absolute;top: 5px;left: -10px;width: 1px;height: 11px;background: #999;}
.rcmd-list__article-head .media-info__txt:first-child:before {display: none;}
.rcmd-article {max-height: 0;overflow: hidden;transition: max-height 1.3s;}
.rcmd-article__sbj {display: block;overflow: hidden;height: 25px;color: #0a0a0a;font-size: 16px;line-height: 25px;}
/* .rcmd-article__sbj {display: block;overflow: hidden;max-height: 50px;color: #0a0a0a;font-size: 16px;line-height: 25px;white-space: normal;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} */
.rcmd-article__sbj:hover {color: #6a3efd;}
.rcmd-article__item {padding: 15px 0;border-top: 1px solid #eaeaea;}
.rcmd-list__item:hover .rcmd-article {max-height: 500px;}

.main-issue {overflow: hidden;padding: 60px 0 40px;border-top: 1px solid #f2f2f2;}
.mi__tit {margin-bottom: 30px;}
.mi__swiper {position: relative;margin-left: -115px;}
.mi__swiper .swiper-slide {width: 240px;padding: 20px;box-sizing: border-box;transition: .2s}
.mi__swiper .swiper-slide a {display: block;}
.mi__img {overflow: hidden;width: 200px;margin-bottom: 10px;}
.mi__img img {-webkit-transition: .3s;transition: .3s;transform: scale(1)}
.mi__swiper .swiper-slide:hover img {transform: scale(1.03)}
.mi__subject {height: 44px;padding-bottom: 2px;font-weight: bold;font-size: 14px;line-height: 22px;overflow: hidden; text-overflow: ellipsis;white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;transition: background-size .2s;word-break: keep-all;}
.mi__swiper .swiper-slide:hover .hover-underline-multi {background-size: 100% 2px}
.mi__desc {height: 88px;margin-top: 10px;color: #999;font-size: 14px;line-height: 22px;overflow: hidden; text-overflow: ellipsis;white-space: normal;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.mi__media {margin-top: 20px;color: #86888f;font-size: 14px;line-height: 20px;}
.mi__media em{margin-right: 7px;color: #ccc;font-size: 13px;}
.mi__swiper .swiper-button-prev {left: 116px;width: 100px;height: 100px;margin-top: -40px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_sld_prev_on.png);background-position: -110px -10px;background-size: 32px 64px;background-color: rgba(0,0,0,.2);background-position: 50%;}
.mi__swiper .swiper-button-next {right: 0;width: 100px;height: 100px;margin-top: -40px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_sld_next_on.png);background-position: -10px -10px;background-size: 32px 64px;background-color: rgba(0,0,0,.2);background-position: 50%;}
.mi__swiper .swiper-button-prev:hover {background-color: rgba(0,0,0,.4);}
.mi__swiper .swiper-button-next:hover {background-color: rgba(0,0,0,.4);}

.mhome__top {padding: 60px 0;}
.mhome__img {float: left;width: 450px;height: 500px;background: #F4F4F5;text-align: center;}
.mhome__img2 {display: inline-block;overflow: hidden;position: relative;max-width: 390px;height: 440px;margin: 30px auto;background: #fff;box-shadow: 3px 3px 8px rgba(0, 0, 0, .12);}
.mhome__img2 img {height: 100%;}
.mhome__img-btn {position: absolute;bottom: 0;right: 0;width: 50px;height: 50px;background: rgba(0, 0, 0, .5);}
.mhome__img-btn:hover {background: rgba(0, 0, 0, .7);}
.mhome__img-btn:after {content: '';position: absolute;top: 50%;left: 50%;width: 26px;height: 24px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png) no-repeat -7px -10px;background-size: 99px;transform: translate(-50%, -50%)}
.mhome__detail {position: relative;float: right;width: 700px;height: 500px;}
.mhome__ctg {font-size: 0;}
.mhome__ctg .ctg-tag:after {background: #fafafa;}
.mhome__head {margin-top: 10px;}
.mhome__sbj {font-weight: bold;font-size: 30px;line-height: 38px;letter-spacing: -0.04em;}
.mhome__tbl {width: 100%;margin-top: 10px;border: 1px solid #eaeaea;border-top: 2px solid #0a0a0a;}
.mhome__tbl tr {border-bottom: 1px solid #eaeaea;}
.mhome__tbl tr:last-child {border-bottom: 0}
.mhome__tbl th {position: relative;padding: 15px 0 0 20px;color: #171717;font-weight: bold;font-size: 14px;line-height: 20px;text-align: left;vertical-align: top;}
.mhome__tbl th .space {display: inline-block;width: 13px;}
.mhome__tbl th:before {content: '';position: absolute;top: 16px;left: -1px;width: 1px;height: 18px;background: #eaeaea;}
.mhome__tbl td {height: 20px;padding: 15px 20px;color: #0a0a0a;font-weight: normal;font-size: 14px;line-height: 20px;text-align: left;}
.mhome__tbl td p {overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 20px;max-height: 40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mhome__keyword__wrap {overflow: hidden;height: 40px;}
.mhome__keyword {display: inline-block;margin-right: 15px;color: #999;font-size: 15px;line-height: 20px;letter-spacing: -0.02em;}
.mhome__keyword:hover {color: #6a3efd;}
.mhome__target {margin-top: 10px;}
.mhome__target-item {margin-top: -1px;}
.mhome__target-item:first-child {margin-top: 0;}
.mhome__target-btn {display: block;overflow: hidden;position: relative;padding: 0 80px 0 20px;border: 1px solid #eaeaea;color: #171717;font-size: 14px;line-height: 49px;letter-spacing: -0.04em;text-overflow: ellipsis;white-space: nowrap;transition: .2s}
.mhome__target-btn:hover {z-index: 1;color: #6a3efd;border-color: #6a3efd;}
.mhome__target-btn:after {content: '';position: absolute;top: 19px;right: 31px;width: 7px;height: 11px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png);background-position: -2px -62px;background-size: 99px;}
.mhome__target-btn:hover:after {background-position: -10px -62px;}
.mhome__target-btn .tag-tail {position: relative;top: -1px;margin-left: 5px;}
.mhome__btn {display: flex;display: -ms-flexbox;margin-top: 30px;}
.mhome__btn__view {width: 340px;line-height: 58px;}
.mhome__btn__subscribe {position: relative;width: 340px;height: 60px;margin-left: 20px;line-height: 58px;text-indent: 20px;}
.mhome__btn__subscribe:hover {border-color: #6a3efd;color: #6a3efd;}
.mhome__btn__subscribe:after {content: '';position: absolute;top: 20px;left: 110px;width: 26px;height: 19px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png);background-position: -37px -38px;background-size: 99px;}
.mhome__btn__subscribe:hover:after {background-position: -37px -59px;}
.mhome__btn2 {position: absolute;top: 49px;right: 0;}
.mhome__btn2__btn{float: left;margin-left: 15px;background-size: 98px;}
.mhome__btn2__btn.btn-share{width: 25px;height: 25px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png);background-repeat: no-repeat;background-position: -66px -7px;background-size: 99px;}
.mhome__btn2__btn.btn-like{width: 26px;height: 22px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png);background-repeat: no-repeat;background-position:  -37px -11px;}
.mhome__btn2__btn.btn-share.active,
.mhome__btn2__btn.btn-share:hover {background-position: -66px -35px;}
.mhome__btn2__btn.btn-like.active,
.mhome__btn2__btn.btn-like:hover {background-position:  -7px -38px;}
.mh-detail__sns {display: none;position: absolute;top: 82px;right: 0;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
.mh-detail__sns-in {position: relative;padding: 20px 17px 5px;background: #fff;border: 1px solid #eaeaea;}
.mh-detail__sns-in:before {content: '';display: none;position: absolute;top: -5px;right: 0;width: 10px;height: 8px;background: #fff;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;transform: rotate(-61deg) skew(-31deg)}
.mh-detail__sns-tit {color: #0a0a0a;font-weight: bold;font-size: 14px;line-height: 20px;text-align: center;}
.mh-detail__sns-list {overflow: hidden;margin: 15px 0;}
.mh-detail__sns-item {position: relative;float: left;}
.mh-detail__sns-item:nth-of-type(1) {margin: 0 10px 0 0;}
.mh-detail__sns-item:nth-of-type(2) {margin: 0 9px 0 0;}
.mh-detail__sns-item:nth-of-type(3) {margin: 0 10px 0 0;}
.mh-detail__sns-item:nth-of-type(4) {margin: 0 8px 0 0;}
.mh-detail__sns-btn {display: block;width: 30px;height: 30px;}
.mh-detail__sns-btn:before {content: '';position: absolute;top: 50%;left: 50%;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png);background-repeat: no-repeat;background-size: 98px;transform: translate(-50%, -50%)}
.mh-detail__sns-btn.kt:before {width: 26px;height: 24px;background-position: -1px -93px;}
.mh-detail__sns-btn.kt:hover:before {background-position: -28px -93px;}
.mh-detail__sns-btn.tw:before {width: 20px;height: 16px;background-position: -54px -93px;}
.mh-detail__sns-btn.tw:hover:before {background-position: -73px -93px;}
.mh-detail__sns-btn.fb:before {width: 10px;height: 18px;background-position: -1px -118px;}
.mh-detail__sns-btn.fb:hover:before {background-position: -12px -118px;}
.mh-detail__sns-btn.ks:before {width: 10px;height: 18px;background-position: -22px -118px;}
.mh-detail__sns-btn.ks:hover:before {background-position: -33px -118px;}
.mh-detail__sns-btn.line:before {width: 26px;height: 24px;background-position: -44px -118px;}
.mh-detail__sns-btn.line:hover:before {background-position: -71px -118px;}
.introduce {padding: 60px 0;background: #2c2c2e;}
.introduce__sns {margin: 0 auto;}
.introduce__sns__tit {color: #fff;font-weight: 500;font-size: 30px;font-family: 'noto sans kr', 'open sans';line-height: 36px;text-align: center;letter-spacing: -0.02em;}
.introduce__sns__con {overflow: hidden;max-height: 900px;margin-top: 20px;transition: .2s}
.introduce__sns__con iframe {display: block;margin: 0 auto;}
.btn-more-content {display: block;width: 200px;margin: 20px auto 0;border-top: 1px solid #999;text-align: center;}
.btn-more-content__txt {display: inline-block;position: relative;margin-top: 10px;padding-right: 21px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.btn-more-content__txt:after {content: '';position: absolute;top: 8px;right: 0;width: 11px;height: 6px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png) no-repeat -167px -50px}
.btn-more-content.active .btn-more-content__txt:after {transform: rotate(180deg)}

.mlist {padding-top: 60px;}
.mlist-pick {overflow: hidden;margin-bottom: -40px;}
.mhome + .mlist {margin-bottom: -30px;border-top: 1px solid #eaeaea;}
.mlist__tit {display: inline-block;position: relative;padding-right: 27px;margin-bottom: 10px;font-weight: bold;font-size: 26px;line-height: 38px;letter-spacing: -0.02em;}
.mlist__tit.tab-before {margin-bottom: 10px;}
.mlist__tit.arrow:after {content: '';position: absolute;top: 50%;right: 0;width: 9px;height: 16px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_list.png) no-repeat -84px -12px;transform: translateY(-50%)}
.mlist__tit.no-arrow:after  {background: none;}
.mlist__sort {position: absolute;top: 18px;right: 0;}
.mlist__btn-sort {position: relative;float: left;margin-left: 51px;color: #999;font-weight: bold;font-size: 14px;line-height: 20px;}
.mlist__btn-sort:first-child {margin-left: 0;}
.mlist__btn-sort.active {color: #0a0a0a;}
.mlist__chk-sort {position: absolute;top: 0;left: 50%;width: 42px;height: 20px;background: #1d1d1d;border-radius: 10px;transform: translateX(-50%);}
.mlist__cs-inner {position: relative;}
.mlist__chk-ball {position: absolute;top: 4px;width: 12px;height: 12px;background: #fff;border-radius: 50%;}
.mlist__chk-ball.registered {left: 4px;right: auto;}
.mlist__chk-ball.latest {right: 4px;left: auto}
.mlist__list {border-top: 2px solid #171717;}
.mlist__list__wrap .mlist__list {padding-top: 50px;}
.mlist__list__wrap .default-tab + .mlist__list {padding-top: 0;}
.mlist__list.category {padding-top: 2px;border-top: 0;}
.mlist__group {margin-left: -50px;}
.mlist__group:after {content: '';display: block;clear: both;}
.mlist__item {position: relative;float: left;width: 200px;margin: 0 0 30px 50px;font-size: 0;}
/* .mlist__item:nth-of-type(5n+1) {margin-left: 0;} */
.mlist-pick .mlist__item {margin-bottom: 40px;}
.mlist__img {position: relative;width: 200px;height: 270px;-webkit-transition: .3s;transition: .3s;}
.mlist__img-overay {display: block;overflow: hidden;position: relative;height: 270px;border: 1px solid #eaeaea;box-sizing: border-box;backface-visibility: hidden;}
.mlist__img img {width: 200px;min-height: 100%;-webkit-transition: .3s;transition: .3s;}
.mlist__img:hover img {transform: scale(1.1);}
.mlist-sub .mlist__img:hover {transform: translateY(-10px);}
.mlist-sub .mlist__img:hover img {transform: scale(1);}
.mlist-pick .mlist__img:hover {transform: translateY(-10px);}
.mlist-pick .mlist__img:hover img {transform: scale(1);}
.mlist-info__wrap {position: relative;}
.mlist-info__wrap .lib-list__name:first-child {margin-top: 10px;}
.mlist__group--select .mlist__img-overay:before {content: '';position: absolute;top: -1px;bottom: -1px;left: -1px;right: -1px;z-index: 2;background: rgba(255,255,255,.8);}
.mlist__item--select .mlist__img-overay:before {background: rgba(0,0,0,.8);}
.mlist__item--select .mlist__img-overay:after {content: '';position: absolute;top: 50%;left: 50%;z-index: 2;width: 50px;height: 35px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_library.png);background-size: 80px;background-position: -2px -2px;transform: translate(-50%, -50%)}
.mlist__group--select .mlist-info__wrap:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;background: rgba(255,255,255,.8);}
.mlist__list__wrap .btn-more-content {margin: -10px 0 50px;}
.mlist__pdate {margin-top: 7px;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}
.mlist__btn__wrap {position: absolute;bottom: 1px;left: 1px;right: 1px;}
.mlist__btn__wrap:after {content: '';display: block;clear: both;}
.mlist__btn1 {width: 148px;height: 50px;border-right: 1px solid #171717;background: rgba(10,10,10,.5);color: #fff;font-size: 14px;line-height: 45px;letter-spacing: -0.04em;text-align: center;}
.mlist__btn1:hover {background: rgba(10,10,10,.8);}
.mlist__btn2 {position: relative;float: right;width: 50px;height: 50px;background: rgba(10,10,10,.5);}
.mlist__btn2:after {content: '';position: absolute;top: 50%;left: 50%;width: 26px;height: 24px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png) no-repeat -7px -10px;background-size: 99px;transform: translate(-50%, -50%)}
.mlist__btn2:hover {background: rgba(10,10,10,.8);}
.mlist-new__btn {width: 100%;background: #acadb1;color: #fff;font-weight: 500;font-size: 14px;line-height: 60px;text-align: center;}

.mlist__head-sel {width: 200px;}
.mlist__head-txt {margin-top: 20px;color: #999;font-size: 12px;line-height: 18px;letter-spacing: -0.02em;}
.mlist-sub .mlist__tit {margin-bottom: 10px;}
.mlist-pick__tit {margin-bottom: 40px;font-weight: bold;font-size: 28px;line-height: 38px;text-align: center;}
.mlist__head2 {overflow: hidden;position: relative;margin: -30px 0 10px;}
.mlist__head2 .mlist__head-txt {margin-top: 6px;}
.mlist__head3 {overflow: hidden;position: relative;margin: 10px 0;}
.mlist__head3 .mlist__head-txt {margin-top: 0;line-height: 30px;}
.mlist__list + .list-more__wrap {margin-top: 10px;}
.mlist-tab {margin: -15px 0 15px;}
.mlist-tab__item {position: relative;float: left;width: 121px;margin-right: -1px;border: 1px solid #eaeaea;box-sizing: border-box;}
.mlist-tab__item--active {z-index: 1;border: 2px solid #6a3efd;}
.mlist-tab__btn {display: block;color: #0a0a0a;font-size: 14px;line-height: 48px;text-align: center;letter-spacing: -0.02em;}
.mlist-tab__item--active .mlist-tab__btn {color: #6a3efd;line-height: 46px;text-align: center;letter-spacing: -0.02em;}
.mlist-tab2 {position: relative;}
.mlist-tab2:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;height: 2px;background: #171717;}
.mlist-tab2:after {content: '';display: block;clear: both;}
.mlist-tab2__btn {position: relative;float: left;margin-left: -1px;border: 1px solid #eaeaea; color: #86888f;font-size: 14px; line-height: 48px; text-align: center;box-sizing: border-box;}
.mlist-tab2__btn.w20 {width: calc(20% + 1px);}
.mlist-tab2__btn.w25 {width: calc(25% + 1px);}
.mlist-tab2__btn.active {z-index: 2;line-height: 46px;border: 2px solid #171717;color: #171717;font-weight: bold;}
.mlist-tab2__btn.active:after {content: '';position: absolute;bottom: -2px;left: 0;right: 0;height: 2px;background: #fff;}
.lib-list__ctg {margin-top: 12px;}
.lib-list__name {margin-top: 5px;font-weight: bold;font-size: 18px;line-height: 24px;}
.lib-list__pdate {margin-top: 5px;color: #999;font-size: 14px;line-height: 18px;}
.follow-heart {position: absolute;bottom: 0;right: 0;width: 40px;height: 40px;background-color: rgba(255,255,255,.7);}
.follow-heart:before {content: '';position: absolute;top: 11px;left: 9px;width: 22px;height: 18px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_library.png);background-repeat: no-repeat;background-position: -28px -41px;background-size: 80px}
.follow-heart--active:before {background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_library.png);background-repeat: no-repeat;background-position: -2px -41px;}
.follow-heart:hover:before {background-position: -54px -41px;}
.follow-heart--active:hover:before {background-position: -56px -2px;}
.bookmark-sel {font-size: 0;}
.bookmark-sel select {margin-left: 10px;}
.bm-list {display: flex;flex-wrap: wrap; overflow: hidden;}
.bm-list__item {width: 262px;margin: 0 0 30px 50px;box-sizing: border-box;}
.bm-list__item:nth-of-type(4n+1) {margin-left: 51px;}
.bm-list__item:nth-of-type(4n+4) {margin-left: 51px;}
.bm-list__img-box {position: relative;box-sizing: border-box;}
.bm-list__img-overay {display: block;overflow: hidden;width: 262px;height: 210px;border: 1px solid #eaeaea;box-sizing: border-box;}
.bm-list__img {width: 100%;-webkit-transition: .3s;transition: .3s;}
.bm-list__img-box:hover .bm-list__img {transform: scale(1.1);}
.bm-list .btn-bookmark {position: absolute;top: 0;right: 10px;width: 18px;height: 24px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_library.png);background-position: -40px -62px;background-size: 80px;}
.bm-list__info {margin-top: 10px;font-size: 0;}
.bm-list__tit {display: inline-block;max-width: 100%;overflow: hidden;font-weight: bold;font-size: 18px;line-height: 27px;letter-spacing: -0.02em;text-overflow: ellipsis;white-space: nowrap;}
.bm-nd__sub {display: inline-block;position: relative;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-right: 21px;color: #999;font-size: 14px;line-height: 20px;}
.bm-nd__sub:after {content: '';position: absolute;top: 5px;right: 10px;width: 1px;height: 12px;background: #999;}
.bm-nd__sub:last-child {padding-right: 0;}
.bm-nd__sub:last-child:after {display: none;}

.sub-pick {padding-bottom: 60px;background: #252526;}
.sp__head {padding-top: 60px;text-align: center;}
.sp__tit {display: inline-block;position: relative;padding-right: 17px;font-weight: normal;font-size: 16px;line-height: 20px;}
.sp__tit:after {content: '';position: absolute;top: 5px;right: 0;width: 7px;height: 11px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/b_main.png) no-repeat -391px -100px;}
.sp__desc {margin-top: 9px;color: #fff;font-weight: 500;font-size: 30px;}
.sp__list {display: flex;flex-wrap: wrap;margin-top: 40px;}
.sp__list:after {content: '';display: block;clear: both;}
.sp__item {float: left;width: 200px;margin-left: 50px;font-size: 0;transition: .2s;}
.sp__item:nth-of-type(1) {margin-left: 0;}
.sp__img {display: flex;overflow: hidden;width: 200px;height: 270px;margin: 0 auto;position: relative;transition: .2s;}
.sp__img:hover {transform: translateY(-10px);}
.sp__img-overay {display: block;width: 100%;}
.sp__img-overay img {min-height: 100%;max-width: 100%;}
.sp__list__wrap .btn-more-content {margin: -10px 0 50px;}
.sp__ctg {display: inline-block;overflow: hidden;position: relative;padding: 4px 0;margin-top: 12px;}
.sp__ctg .txt {position: relative;z-index: 3;padding: 1px 9px 1px 7px;border-bottom: 2px solid #eaeaea;border-left: 2px solid #eaeaea;background: #252526;color: #eaeaea;font-weight: bold;font-size: 12px;}
.sp__ctg:before {content: '';position: absolute;top: 1px;left: 0;right: 0;z-index: 1;border-bottom: 6px solid #eaeaea;border-right: 6px solid transparent;border-left: 2px solid #eaeaea;}
.sp__ctg:after {content: '';position: absolute;bottom: 1px;left: 0;right: 0;z-index: 2;border-top: 14px solid #eaeaea;}
.sp__ctg .line3 {position: absolute;bottom: 1px;right: 0;z-index: 3;width: 2px;height: 18px;background: #eaeaea;}
.sp__ctg .line4 {position: absolute;top: 0;right: 0;z-index: 3;width: 2px;height: 14px;background: #eaeaea;transform: rotate(-45deg);}
.sp__name {margin-top: 10px;color: #fff;font-weight: bold;font-size: 18px;line-height: 24px;}
.sp__pdate {margin-top: 5px;color: #999;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;}

/* 미리보기 */
.preveiw-pop {display: flex; align-items: center;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 100;background: rgba(0,0,0,.85);text-align: center;}
.preveiw-pop__inner {width: 100%;height: 100%;}
.preveiw-pop .swiper-container {height: 100%;max-width: 800px !important;padding: 80px 0;box-sizing: border-box;}
.preveiw-pop .swiper-wrapper {height: 100% !important;}
.preveiw-pop .swiper-slide {height: 100% !important;}
.preveiw-pop .swiper-slide img {max-width: 100%;max-height: 100% !important;}
.preveiw-pop .preveiw-pop__btn-group {position: absolute;top: 0;bottom: 0;left: 50%;padding: 0 83px;transform: translateX(-50%);z-index: 10;}
.preveiw-pop .preveiw-pop__next {position: absolute;top: 50%;right: 0;width: 34px;height: 66px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_preview_pop.png) no-repeat -10px -10px;transform: translateY(-50%);}
.preveiw-pop .preveiw-pop__next.swiper-button-disabled {background-position: -65px -10px;}
.preveiw-pop .preveiw-pop__prev {position: absolute;top: 50%;left: 0;width: 34px;height: 66px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_preview_pop.png) no-repeat -120px -10px;transform: translateY(-50%);}
.preveiw-pop .preveiw-pop__prev.swiper-button-disabled {background-position: -175px -10px;}
.preveiw-pop .swiper-container-rtl .preveiw-pop__next {left: 0;right: auto;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_preview_pop.png) no-repeat -120px -10px;}
.preveiw-pop .swiper-container-rtl .preveiw-pop__next.swiper-button-disabled {background-position: -175px -10px;}
.preveiw-pop .swiper-container-rtl .preveiw-pop__prev {right: 0;left: auto;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_preview_pop.png) no-repeat -10px -10px;}
.preveiw-pop .swiper-container-rtl .preveiw-pop__prev.swiper-button-disabled {background-position: -65px -10px;}
.preveiw-pop .preveiw-pop__close {position: fixed;top: 20px;right: 20px;width: 44px;height: 44px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_preview_pop.png);background-position: -10px -96px;background-repeat: no-repeat;}
.preveiw-pop .preveiw-pop__close:hover {background-position: -58px -96px;}
.preveiw-pop__cnt {position: absolute;top: 40px;left: 0;right: 0;}
.preveiw-pop__current {display: inline-block;margin-left: 5px;color: #fff;font-size: 18px;line-height: 24px;}
.preveiw-pop__total {display: inline-block;margin-left: 5px;color: #999;font-size: 18px;line-height: 24px;}

.joins-prime-banner {height: 150px;margin-top: 50px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/v_joinsprime.jpg) no-repeat;box-sizing: border-box;}
.j-prime-slogan {padding-top: 41px;color: #fff;font-weight: 200;font-size: 20px;text-align: center;}
.j-prime-slogan strong{display: block;font-size: 30px;font-weight: 400;}
.joinsprime-sec1 {padding-bottom: 50px;}
.store-tbl {overflow: hidden;position: relative;margin-top: 20px;border: 1px solid #e2e2e2;}
.store-tbl.recommendation {margin-top: 20px;border: 1px solid #6a3efd;}
.store-tbl.recommendation:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 400px;background: #6a3efd;}
.store-tbl__head {display: flex;justify-content: center;align-items: center;float: left;width: 400px;height: 100%;}
.store-tbl__tit {display: block;position: absolute;top: 50%;left: 0;width: 400px;text-align: center;transform: translateY(-50%)}
.store-tbl__tit-main {display: inline-block;position: relative;font-weight: bold;font-size: 22px;line-height: 33px;}
.store-tbl.recommendation .store-tbl__tit-main {color: #fff;}
.store-tbl__tit-main:after {content: '';position: absolute;bottom: 2px;left: 0;right: 0;z-index: -1;height: 10px;}
.store-tbl__tit-main2:after {background: #c3b2fe;}
.store-tbl__tit-main3:after {background: #fae5ae;}
.store-tbl__tit-sub {display: block;margin-top: 10px;color: #999;font-weight: normal;font-size: 14px;line-height: 21px;}
.store-tbl.recommendation .store-tbl__tit-sub {color: #fff;opacity: .8;}
.store-tbl__data {float: right;width: 798px;padding: 0 20px;border-left: 1px solid #e2e2e2;box-sizing: border-box;}
.store-tbl.recommendation .store-tbl__data {border-left: 1px solid #6a3efd;}
.store-tbl__data-item {overflow: hidden;position: relative;padding: 20px 0;border-bottom: 1px solid #e2e2e2;box-sizing: border-box;}
.store-tbl__data-item:last-child {border-bottom: 0;}
.store-tbl__item-name {float: left; font-weight: bold;font-size: 16px;letter-spacing: -0.02em;}
.store-tbl__item-name .date {margin-top: 5px;color: #999;font-weight: 400;font-size: 14px;letter-spacing: -0.28px;line-height: 20px;}
.store-tbl__item-name .date span {margin-right: 5px;color: #999;font-weight: 500;font-size: 1em;letter-spacing: -0.28px;}
.store-tbl__item-name3 {margin-left: 10px;}
.store-tbl__item-name4 {margin-left: 10px;color: #999;font-weight: normal;font-size: 14px;}
.store-tbl__item-cost {position: absolute;top: 50%;right: 0;float: right;transform: translateY(-50%);}
.store-tbl__item-cost * {vertical-align: top;}
.store-tbl__item-btn {display: inline-block;width: 160px;margin-left: 20px;background: #2c2c2e;color: #fff;font-size: 14px;line-height: 40px;text-align: center;}
.store-tbl__item-cost2 {font-weight: bold;font-size: 16px;line-height: 40px;letter-spacing: -0.02em;}
.store-tbl__item-cost3 {margin-left: 10px;font-size: 22px;letter-spacing: 0;}
.store-tbl__item-cost4 {position: relative;top: 2px;color: #999;font-size: 16px;text-decoration: line-through;}
.joinsprime-sec2 {padding: 50px;background: #edeff4;}
.jp-sec2__slogan {position: absolute;top: 50%;left: 199px;font-weight: 300;font-size: 24px;line-height: 40px;letter-spacing: -0.05em;transform: translateY(-50%);}
.jp-sec2__slogan-b {display: block;font-weight: 500;font-size: 36px;line-height: 50px;letter-spacing: -0.05em;}
.joinsprime-sec2 .swiper-container {height: 360px !important;}
.joinsprime-sec2 .swiper-slide {position: relative;height: 360px !important;background-color: #fff;background-size: auto 100%;}
.joinsprime-sec2 .swiper-slide1 {background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/v_joinsprime_sld1.png);}
.joinsprime-sec2 .swiper-slide2 {background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/v_bn_02_img.png);}
.joinsprime-sec2 .swiper-pagination {left: 59px !important;right: initial !important;bottom: 50% !important;width: auto !important;height: 72px;transform: translateY(50%);}
.joinsprime-sec2 .swiper-pagination-bullet {display: block;width: auto !important;height: auto !important;margin: 10px 0 !important; background: none !important;font-size: 12px !important;}
.joinsprime-sec2 .swiper-pagination-bullet-active {text-decoration: underline;}
.joinsprime-sec3 {padding-top: 50px;}
.jailbo-benefit + .joinsprime-sec3 {padding-top: 60px;}
.j-sec3__head {overflow: hidden;position: relative;}
.j-sec3__tit {float: left;font-weight: 500;font-size: 36px;line-height: 50px;letter-spacing: -0.05em;}
.j-sec3__tit-sub {display: block;font-weight: 300;font-size: 24px;line-height: 40px;letter-spacing: -0.05em;}
.j-sec3__info-txt {position: absolute;bottom: 0;right: 0;color: #86888f;font-size: 12px;letter-spacing: -0.02em;}
.j-sec3__list {margin-top: 20px;}
.j-sec3__item {float: left;width: 200px;margin-right: 50px;border: 1px solid #eaeaea;box-sizing: border-box;}
.j-sec3__item:last-child {margin-right: 0;}
.j-sec3__item-imgbox {overflow: hidden;width: 198px;height: 148px;border-bottom: 1px solid #eaeaea;box-sizing: border-box;}
.j-sec3__item-img {width: 200px; transition: .3s; margin-left: -1px;
    margin-top: -1px;;transition: .3s}
.j-sec3__item:hover .j-sec3__item-img {transform: scale(1.1,1.1);}
.j-sec3__item:hover .j-sec3__info2 {text-decoration: underline;}
.j-sec3__info {padding: 21px 12px 20px;}
.j-sec3__info2 {font-size: 16px;line-height: 24px;}
.j-sec3__info3 {position: relative;padding-left: 10px;font-size: 14px;line-height: 22px;letter-spacing: -0.6px; }
.j-sec3__info3:first-of-type{margin-top: 5px}
.j-sec3__info3:before {content: '';position: absolute;top: 11px;left: 3px;width: 2px;height: 2px;background: #000;border-radius: 50%;}
.j-sec3__info3.no_bullet{padding-left:0}
.j-sec3__info3.no_bullet:before{content: none;}
.store-etc__banner {margin: 0 0 50px;}
.store-etc__banner a {display: block;height: 120px;}
.store-etc__banner img {width: 1200px;height: 120px;}
.spkg-banner {height: 120px;margin-top: 50px;}
.spkg-banner a {display: block;height: 120px;}
.spkg-banner img {width: 1200px;height: 120px;}
.jailbo-benefit {margin-top: 60px;border-top: 1px solid #eaeaea;}
.jailbo-benefit__grouop {overflow: hidden;width: 1200px;margin: 60px auto 0;}
.jailbo-benefit__item {position: relative;width: 575px;height: 270px;}
.jailbo-benefit__item:first-child {float: left;}
.jailbo-benefit__item:last-child {float: right;}
.jailbo-benefit__btn {position: absolute;bottom: 40px;left: 40px;width: 220px;height: 50px;background: lime;text-indent: 9999em;opacity: 0;}
.jailbo-benefit__img {width: 100%;}

.spkg-slogan {padding: 31px 0 0 50px;color: #fff;font-size: 14px;line-height: 20px;text-indent: -9999em;}
.spkg-slogan strong{display: block;font-size: 22px;font-weight: 500;line-height: 33px;}
.spkg-list__item {overflow: hidden;float: left;width: 575px;margin: 50px 50px 0 0;border: 1px solid #eaeaea;box-sizing: border-box;}
.spkg-list__item:nth-of-type(even) {margin-right: 0;}
.spkg-list__img {overflow: hidden;float: left;width: 196px;height: 178px;}
.spkg-list__img img {width: 196px;-webkit-transition: .3s;transition: .3s;}
.spkg-list__item:hover img {transform: scale(1.1);}
.spkg-list__desc {float: left;width: 377px;padding: 20px;box-sizing: border-box;}
.spkg-list__name {font-weight: bold;font-size: 16px;line-height: 25px;letter-spacing: -0.02em;}
.spkg-list__name em {margin-left: 7px;}
.spkg-list__price {margin-top: -10px;font-weight: bold;font-size: 16px;line-height: 36px;text-align: right;letter-spacing: 0;}
.spkg-list__price2 {position: relative;top: 2px;color: #999;font-size: 16px;text-decoration: line-through;}
.spkg-list__price3 {position: relative;top: 2px;margin-left: 5px;font-size: 26px;}
.spkg-list__btn-wrap {margin-top: 18px;font-size: 0;}
.spkg-list__btn {display: inline-block;width: 164px;height: 40px;font-size: 14px;line-height: 38px;text-align: center;}
.spkg-list__btn:last-child {margin-left: 9px;}
.jailbo-ban {margin-top: 50px;}
.jailbo-ban img {width: 100%;}
.joongangilbo {margin-top: 50px;}
.jb-tbl__wrap {float: left;width: 700px;margin-right: 50px;}
.jb-pm {float: right;width: 450px;margin-top: -6px;}
.jb-pm__tit {font-weight: bold;font-size: 16px;line-height: 24px;}
.jb-pm__radio-box {position: relative;margin-top: 10px;border: 1px solid #eaeaea;}
.jb-pm__radio-box:after {content: '';position: absolute;top: 50%;left: 50%;width: 1px;height: 20px;background: #eaeaea;transform: translateY(-50%);}
.jb-pm__guide {height: 186px;margin-top: 10px;box-sizing: border-box}
.jb-pm__chk {margin-top: 20px;}
.jb-pm__jb-btn {display: block;margin-top: 50px;background: #2c2c2e;color: #fff;font-weight: 500;font-size: 14px;text-align: center;line-height: 60px;}
.jb-pm__jb-btn:hover {background: #171717;}
.jb-pm__jb-btn em {color: #f2bf35;}
.jb-pm .chk-agree__link {font-weight: 500;font-size: 14px;}

/* 결제 */
.pay-head {padding-bottom: 10px;border-bottom: 2px solid #171717;}
.pay-h__tit {font-size: 26px;line-height: 38px;}
.payment-con {margin-top: 50px;}
.pdt-info {position: relative;float: right;width: 730px;min-height: 506px;}
.pdt-info__top-sbj {font-size: 24px;line-height: 36px;}
.image-price .price-wrap {border: 1px solid #eaeaea;box-sizing: border-box;}
.image-price .price-row {overflow: hidden;border-top: 2px solid #171717;}
.image-price .price-row .price-sub {position: relative;float: left;width: 50%;height: 80px;box-sizing: border-box;text-align: center;}
.image-price .price-row .price-sub.pd-price {border-right: 1px solid #eaeaea;}
.image-price .price-row .price-sub.result {width: 100%;border-top: 1px solid #eaeaea;}
.image-price .price-row .sale-price:before {content: '';position: absolute;top: 50%;left: -20px;z-index: 1;width: 20px;height: 20px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_payment.png);background-repeat: no-repeat;background-size: 48px;background-position: -2px -2px;transform: translate(10px, -50%);}
.image-price .price-row .result:before {content: '';position: absolute;top: 30px;left: 50px;z-index: 1;width: 20px;height: 20px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_payment.png);background-repeat: no-repeat;background-size: 48px;background-position: -26px -2px;}
.image-price .price-row .price-sub__txt {display: block;padding-top: 14px;font-weight: 500;font-size: 12px;line-height: 18px;}
.image-price .price-row .price-sub__txt em {margin-left: 5px;color: #6a3efd;}
.image-price .price-row .price-sub.zero  * {color: #999;}
.image-price .price-row .price-sub__num {display: block;margin-top: 10px;font-size: 18px;line-height: 24px;}
.image-price .price-row .result .price-sub__num {margin-top: 5px;font-size: 24px;line-height: 33px;}
.done-notice__sbj {display: block;color: #6a3efd;font-size: 20px;line-height: 29px;letter-spacing: -0.08px;}
.done-notice__txt {display: block;margin-top: 10px;font-size: 36px;line-height: 54px;letter-spacing: -1.44px;}
.pdt-info__top-price {height: 80px;margin-top: 11px;border: 1px solid #eaeaea;box-sizing: border-box;}
.pdt-info__top-price.paydone {border-top: 2px solid #1d1d1d;}
.pdt-info__top-price .price-sub {position: relative;float: left;width: 33.3333%;height: 100%;box-sizing: border-box;text-align: center;}
.pdt-info__top-price .price-sub + .price-sub  {border-left: 1px solid #eaeaea;}
.pdt-info__top-price .sale-price:before {content: '';position: absolute;top: 50%;left: -20px;z-index: 1;width: 20px;height: 20px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_payment.png);background-repeat: no-repeat;background-size: 48px;background-position: -2px -2px;transform: translate(10px, -50%);}
.pdt-info__top-price .result:before {content: '';position: absolute;top: 50%;left: -20px;z-index: 1;width: 20px;height: 20px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_payment.png);background-repeat: no-repeat;background-size: 48px;background-position: -26px -2px;transform: translate(10px, -50%);}
.pdt-info__top-price .price-sub__txt {display: block;padding-top: 14px;font-weight: 500;font-size: 12px;line-height: 18px;}
.pdt-info__top-price .price-sub__txt em {margin-left: 5px;color: #6a3efd;}
.pdt-info__top-price .price-sub__num {display: block;margin-top: 10px;font-size: 18px;line-height: 24px;}
.pdt-info__top-price .result .price-sub__num {margin-top: 5px;font-size: 24px;line-height: 33px;}
.pdt-info__top-price .price-sub.zero * {color: #999;}
.pdt-info__box + .pdt-info__box {margin-top: 20px;}
.pdt-info-b__head .sbj {float: left;font-size: 16px;line-height: 24px;}
.pdt-info-b__head .sbj + .chk-agree__box {float: left;margin: 2px 0 0 10px;}
.pdt-info-b__head .desc {float: right;color: #171717;font-size: 12px;}
.pdt-info__b-inner {margin-top: 10px;border-top: 2px solid #1d1d1d;}
.pdt-info .chk-agree__wrap {margin-top: 10px;border: 1px solid #eaeaea;}
.pdt-info .chk-agree__wrap .top {height: 50px;padding: 14px 20px 16px;border-bottom: 1px solid #eaeaea;box-sizing: border-box;}
.pdt-info .chk-agree__wrap .bottom {padding: 12px 20px 16px;border-bottom: 1px solid #eaeaea;border-bottom: 0;box-sizing: border-box;}
.pdt-info .chk-agree__wrap .bottom .chk-agree__box + .chk-agree__box {margin-top: 15px;}
.pdt-info .done-detail {position: absolute;bottom: 0;left: 0;width: 100%;}
.pdt-info .date-order-num {overflow: hidden;}
.pdt-info .date-order-num__sub {position: relative;float: left;margin-right: 41px;font-size: 14px;line-height: 20px;}
.pdt-info .date-order-num__sub:before {content: '';position: absolute;top: 5px;left: -22px;width: 1px;height: 12px;background: #c4c5c9;}
.pdt-info .date-order-num__sub:first-child:before {display: none;}
.pdt-info .date-order-num__sub strong {margin-right: 10px;}
.pdt-info__btn {margin-top: 20px;}
.btn-pay {border-radius: 0;}
/* .pdt-info__done-txt1 {display: block;margin: 74px 0 113px;font-size: 38px;line-height: 57px;text-align: center;}
.pdt-info__done-txt2 {display: block;margin: 3px 0 44px;font-size: 38px;line-height: 57px;text-align: center;}
.pdt-info__fail-txt1 {display: block;margin: 74px 0 113px;font-size: 38px;line-height: 57px;text-align: center;}
.pdt-info__fail-txt2 {display: block;margin: 3px 0 44px;font-size: 38px;line-height: 57px;text-align: center;} */
.pdt-info .form-tbl th {padding-top: 14px;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;}
.pdt-info .form-tbl td {padding-top: 14px;font-size: 14px;line-height: 20px;letter-spacing: 0;}
.pdt-info .form-tbl .form-inp.post-num {width: 339px;}
.pdt-info .form-tbl .form-inp.addr2 {width: 286px;}
.pdt-info .form-tbl .form-inp.addr3 {width: 281px;}
.pdt-info .form-tbl .tbl__pnumdr3 {width: 281px;}
.form-tbl__wrap.paydone {margin-top: 10px;padding: 20px;}
.progress-btn.payfail,
.progress-btn.paydone {margin-top: 20px;}
.progress-btn.paydone button {border-radius: 0;}

.ev-list__tit {margin: 50px 0 20px;font-size: 20px;line-height: 29px;}
.ev-list__group {margin-top: -50px;}
.ev-list__item {float: left;width: 575px;margin: 50px 0 0 0;border: 1px solid #eaeaea;box-sizing: border-box;}
.ev-list__item:nth-of-type(2n+1) {margin-right: 50px;}
.ev-list__img {display: block;overflow: hidden;}
.ev-list__img img {transform: scale(1);-webkit-transition: .3s;transition: .3s;}
.ev-list__item:hover .ev-list__img img {transform: scale(1.1);}
.ev-list__info {position: relative;padding: 20px;}
.ev-list__info .sbj {display: inline-block;font-weight: bold;font-size: 20px;}
.ev-list__info .sbj .new {display: inline-block;position: relative;top: -4px;width: 18px;margin-left: 7px;background: #f2bf35;color: #fff;font-weight: 500;font-size: 11px;line-height: 18px;text-align: center;letter-spacing: 0;border-radius: 1px;}
.ev-list__info .range {margin-top: 10px;}
.ev-list__info .range .txt {position: relative;float: left;margin-right: 15px;color: #999;font-size: 14px;line-height: 20px;}
.ev-list__info .range .txt + .txt:before {content: '';position: absolute;top: 5px;left: -8px;width: 1px;height: 12px;background: #999;}
.ev-list__info .btn-share {position: absolute;bottom: 20px;right: 20px;width: 25px;height: 25px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png);
background-repeat: no-repeat;background-position: -66px -7px;background-size: 99px;}
.ev-list__info .btn-share.active,
.ev-list__info .btn-share:hover {background-position: -66px -35px;}
.ev-list__sns {display: none; position: absolute;top: 98px;right: 20px;z-index: 1;}
.ev-list__sns-in {position: relative;padding: 20px 17px 5px;background: #fff;border: 1px solid #eaeaea;}
.ev-list__sns-in:before {content: '';position: absolute;top: -6px;right: 10px;width: 10px;height: 8px;background: #fff;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;transform: rotate(-64deg) skew(-31deg)}
.ev-list__sns-tit {color: #0a0a0a;font-weight: bold;font-size: 14px;line-height: 20px;text-align: center;}
.ev-list__sns-list {overflow: hidden;margin: 15px 0;}
.ev-list__sns-item {position: relative;float: left;margin: 0 6px;}
.ev-list__sns-item:nth-of-type(3) {margin: 0 1px;}
.ev-list__sns-item:nth-of-type(4) {margin: 0 1px;}
.ev-list__sns-btn {display: block;width: 30px;height: 30px;}
.ev-list__sns-btn:before {content: '';position: absolute;top: 50%;left: 50%;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/sub/k_media_home.png);background-repeat: no-repeat;background-size: 98px;transform: translate(-50%, -50%);}
.ev-list__sns-btn.kt:before {width: 26px;height: 24px;background-position: -1px -93px;}
.ev-list__sns-btn.kt:hover:before {background-position: -28px -93px;}
.ev-list__sns-btn.tw:before {width: 20px;height: 16px;background-position: -54px -93px;}
.ev-list__sns-btn.tw:hover:before {background-position: -73px -93px;}
.ev-list__sns-btn.fb:before {width: 10px;height: 18px;background-position: -1px -118px;}
.ev-list__sns-btn.fb:hover:before {background-position: -12px -118px;}
.ev-list__sns-btn.ks:before {width: 10px;height: 18px;background-position: -22px -118px;}
.ev-list__sns-btn.ks:hover:before {background-position: -33px -118px;}
.ev-list__sns-btn.line:before {width: 26px;height: 24px;background-position: -44px -118px;}
.ev-list__sns-btn.line:hover:before {background-position: -71px -118px;}
.board.customer {margin-top: 50px;}

/* 내정보 */
.gift-num__reg-wrap {overflow: hidden;margin-top: 50px;padding: 50px;border: 1px solid#eaeaea;}
.gift-num__reg {overflow: hidden;}
.gift-num__info {float: left;margin-top: -7px;font-weight: 500;font-size: 24px;line-height: 37px;letter-spacing: -0.05px;}
.gift-num__reg .input-wrap{position: relative;float: left;width: 700px;height: 60px;margin-left: 63px;border: 1px solid #171717;}
.gift-num__reg .input-wrap:after {content: '';position: absolute;top: 50%;left: 50%;width: 16px;height: 1px;background: #171717;transform: translateX(-50%);}
.gift-num__inp {float: left;width: 50%;margin-top: 15px;border: 0;text-align: center;}
.gift-num__reg .btn-reg {float: right;width: 160px;background: #2c2c2e;color: #fff;font-weight: 500;font-size: 14px;line-height: 60px;letter-spacing: -0.6px;text-align: center;}
.gift-num__reg .btn-reg:hover {background: #171717;}
.gift-num__reg-wrap + .info-txt {margin: 10px 0 50px;}

.subscription-ban {height: 120px;margin-bottom: 20px;background: #000;color: #fff;}
.subscription-ban a {display: block;height: 120px;}
.subscription-ban img {width: 1200px;height: 120px;}

.sc-tbl__wrap {float: left;width: 700px;margin-right: 50px;}
.sc-info {float: right;width: 450px;height: 303px;}
.sc-info .chk-agree__box {margin-top: 11px;}
.sc-info .progress-btn {margin-top: 65px;}
.sc-tbl__wrap .type2 {display: none;}
.myinfo-survey__txt {font-size: 32px;line-height: 46px;letter-spacing: -1.28px;}
.myinfo-survey__txt-sub {margin-top: 9px;color: #86888f;font-size: 14px;line-height: 22px;letter-spacing: -0.56px;}
.myinfo-survey__reason {margin-top: 30px;}
.myinfo-survey__reason .reason-tit {color: #0a0a0a;font-weight: bold;font-size: 14px;line-height: 20px;letter-spacing: -0.28px;}
.myinfo-survey__reason .reason-list {overflow: hidden;}
.myinfo-survey__reason .reason-item {float: left;width: 21%;margin-top: 18px;}
.myinfo-survey__reason .reason-item:nth-of-type(5n+5) {width: 16%;}
.myinfo-survey .survey-textarea {width: 100%;height: 104px;padding: 20px;margin: 20px 0 -5px;border: 1px solid #eaeaea;box-sizing: border-box;resize: none;}
.myinfo-survey .survey-textarea::placeholder {color: #999;font-size: 14px;letter-spacing: -0.56px;}
.myinfo-survey .survey-textarea + .progress-btn {margin-top: 20px;}

/* 검색 */
.mlist__sch-result {margin-top: 11px;}
.mlist__sch-result + .mlist__list {padding-top: 15px;}
.mlist__keyword {color: #0a0a0a;font-size: 14px;line-height: 20px;letter-spacing: -0.56px;}

/* 이벤트 스타벅스커피 받아가을*/
.event_0910 {width: 1100px !important;padding: 0;margin: 0 auto;}
.event_0910 img {width: 100%;}
.event_0910 .btn-join {position: absolute;top: 1719px;left: 339px;width: 420px;height: 88px;text-indent: -9999em;}

/* 삼성카드제휴 */
.ss-card__top__visual {position: relative;height: 600px;background: url(https://images.joins.com/ui_joins/joins_store/joins2019/event/samsung_card/k_top_bg.png) no-repeat 50% 0;background-size: auto 100%;}
.ss-card__top__visual:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 50%;z-index: -1;background: #5fbfff;}
.ss-card__top__visual:after {content: '';position: absolute;top: 0;bottom: 0;left: 50%;right: 0;z-index: -1;background: #7745fc;}
.ss-card__top__txt {height: 150px;background: #303038 url(https://images.joins.com/ui_joins/joins_store/joins2019/event/samsung_card/k_top_txt.png) no-repeat 50% 0;background-size: auto 100%;}
.ss-card__price-section:nth-of-type(1) {background: #fff;}
.ss-card__price-section:nth-of-type(2) {background: #fafafa;}
.ss-card__price-inner {position: relative;width: 1197px;height: 554px;margin: 0 auto;background-repeat: no-repeat;background-position: 50% 142px;background-size: 100% auto;}
.ss-card__price-section:nth-of-type(1) .ss-card__price-inner {background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/event/samsung_card/k_package1.png);}
.ss-card__price-section:nth-of-type(2) .ss-card__price-inner {background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/event/samsung_card/k_package3.png);}
.ss-card__price-btn {position: absolute;top: 360px;left: 0;width: 300px;padding: 16px 0 20px;background: #5f59f7; color: #fff;font-size: 16px;line-height: 24px;letter-spacing: -0.64px;text-align: center;border-radius: 30px;}
.ss-card__adv {height: 717px;background-color: #fafafa;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/event/samsung_card/k_ss_card_adv.jpg);background-repeat: no-repeat;background-position: 50% 0;background-size: auto 100%;}
.ss-card__guide {width: 1200px;margin: 0 auto;padding: 53px 0 50px;}
.ss-card__ctg-tab {background-color: #252527;}
.ss-card__ctg-tab-group {width: 1200px;margin: 0 auto;overflow: hidden;}
.ss-card__ctg-tab-item {position: relative;float: left;width: 150px;box-sizing: border-box;border-left: 1px solid #09090a;}
.ss-card__ctg-tab-item:after {content: '';display: none;position: absolute;bottom: -8px;left: 68px;width: 15px;height: 15px;background-color: #fff;transform: rotate(45deg);}
.ss-card__ctg-tab-item:last-child {border-right: 1px solid #09090a;}
.ss-card__ctg-tab-item:hover:after,
.ss-card__ctg-tab-item--active:after {display: block;}
.ss-card__ctg-tab-btn {display: block;color: #8c8c91;font-size: 18px;line-height: 100px;letter-spacing: -0.72px;text-align: center;}
.ss-card__ctg-tab-item:hover .ss-card__ctg-tab-btn,
.ss-card__ctg-tab-item--active .ss-card__ctg-tab-btn {color: #fff;}
.ss-card__ctg-slide {position: relative;overflow: hidden;padding-bottom: 100px;}
.ss-card__ctg-slide-inner {position: relative;height: 420px;}
.ss-card__ctg-swiper {width: 1200px;margin: 0 auto;padding: 100px 0 50px;}
.ss-card__ctg-swiper .swiper-wrapper {display: flex;align-items: flex-end;}
.ss-card__ctg-swiper .swiper-slide {overflow: hidden;position: relative;width: 200px;height: 270px;margin-right: 50px;border: 1px solid #eaeaea;text-align: right;box-sizing: border-box;box-shadow: 10px 5px 20px #00000026;}
.ss-card__ctg-swiper-wrap.active .ss-card__ctg-swiper .swiper-slide {box-shadow: 10px 5px 20px rgba(0, 0, 0,.2);}
.ss-card__ctg-swiper .swiper-slide img {display: inline-block;width: 200px;max-width: initial;min-height: 100%;}
.ss-card__ctg-prev-next button {display: none;}
.ss-card__ctg-prev-next button[aria-disabled="false"] {display: block;}
.ss-card__ctg-swiper-button-prev {position: absolute;top: 50%;left: 0;z-index: 10;width: 100px;height: 100px;margin-top: -24px;background-color: rgba(0,0,0,.1);text-indent: -9999em;}
.ss-card__ctg-swiper-button-next {position: absolute;top: 50%;right: 0;z-index: 10;width: 100px;height: 100px;margin-top: -24px;background-color: rgba(0,0,0,.1);text-indent: -9999em;}
.ss-card__ctg-swiper-button-prev:after {content: '';position: absolute;top: 50%;left: 50%;width: 35px;height: 65px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_main_sld_move.png);background-size: 70px;background-position: 0 0;transform: translate(-50%, -50%)}
.ss-card__ctg-swiper-button-next:after {content: '';position: absolute;top: 50%;left: 50%;width: 35px;height: 65px;background-image: url(https://images.joins.com/ui_joins/joins_store/joins2019/main/k_main_sld_move.png);background-size: 70px;background-position: -35px 0;transform: translate(-50%, -50%)}
.ss-card__ctg-prev-next button:hover {background-color: rgba(0,0,0,.4);}
.ss-card__ctg-btn {display: block;width: 300px;margin: 0 auto;background: #232326; color: #fff;font-size: 16px;line-height: 60px;letter-spacing: -0.64px;border-radius: 30px;}
.ss-card__ctg-btn-all {position: absolute;top: 58px;left: 50%;z-index: 2;width: 135px;margin-left: 465px;color: #888893;font-size: 16px;line-height: 24px;letter-spacing: -0.64px; border-bottom: 1px solid #888893;}
.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: 50%;width: 600px;background: #fff;transform: translate(-50%, -50%);}
.ss-card__lpop-tit {padding: 22px 30px 21px;background: #171717;color: #fff;font-weight: 500;font-size: 18px;line-height: 27px;letter-spacing: -0.36px;}
.ss-card__lpop-close {position: absolute;top: 26px;right: 30px;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: 30px 10px 15px;}
.ss-card__lpop-con:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;z-index: 1;width: 30px;background: #fff;}
.ss-card__lpop-media-name {position: relative;float: left;margin: 0 20px 15px;color: #0b0b0b;font-size: 16px;line-height: 24px;}
.ss-card__lpop-media-name:before {content: '';position: absolute;top: 8px;left: -20px;width: 1px;height: 10px;background: #888893;}
.ss-card__lpop-media-name:first-child:before {display: none;}

/* 20200324 수정 및 유전자 추가*/
.edit20200324 .jailbo-benefit + .joinsprime-sec3 {padding-top: 75px}
.edit20200324 .j-sec3__tit {float: left;font-weight: 500;font-size: 36px;line-height: 50px;letter-spacing: -0.06em;}
.edit20200324 .j-sec3__tit-sub {display: block;font-weight: 400;font-size: 26px;line-height: 50px;letter-spacing: -0.06em;}
.edit20200324 .j-sec3__info-txt {position: absolute;bottom: 7px;right: 0;color: #86888f;font-size: 12px;letter-spacing: -0.05em;}
.edit20200324 .j-sec3__list {margin-top: 13px;}
.edit20200324 .j-sec3__info2 {font-size: 16px;line-height: 24px; letter-spacing: -0.06em}
.edit20200324 .jailbo-benefit {margin-top: 60px;border-top: 1px solid #eaeaea; padding-top: 53px}
.edit20200324 .jailbo-benefit__grouop {overflow: hidden;width: 1200px; margin: 19px auto 0}
.edit20200324 .jailbo-benefit__item {position: relative;width: 367px;height: 236px;float: left;margin-right: 49px}
.edit20200324 .jailbo-benefit__item:last-child {margin-right: 0}
.edit20200324 .jailbo-benefit__btn {position: absolute;bottom: 30px;left: 30px;width: 110px;height: 50px;background: lime;text-indent: 9999em;opacity: 0;}
.edit20200324 .jb-pm__guide {height: 194px;margin-top: 10px;box-sizing: border-box;padding:14px 19px}
.edit20200324 .jb-pm__chk {margin-top: 12px;}

.edit20200324 .jailbo-benefit__item {position: relative;width: 285px;height: 256px;float: left;margin-right: 20px}
.edit20200324 .jailbo-benefit__item:last-child {margin-right: 0}