@charset "UTF-8";
@font-face {font-family: 'NotoSans'; font-style: normal; font-weight: 400; src: url(/resources/font/notokr-regular.eot); src: url(/resources/font/notokr-regular.eot?#iefix) format('embedded-opentype'), url(/resources/font/notokr-regular.woff2) format('woff2'), url(/resources/font/notokr-regular.woff) format('woff'), url(/resources/font/notokr-regular.ttf) format('truetype');}
@font-face {font-family: 'NotoSans'; font-style: normal; font-weight: 700; src: url(/resources/font/notokr-bold.eot); src: url(/resources/font/notokr-bold.eot?#iefix) format('embedded-opentype'), url(/resources/font/notokr-bold.woff2) format('woff2'), url(/resources/font/notokr-bold.woff) format('woff'), url(/resources/font/notokr-bold.ttf) format('truetype');}

/***** common *****/
/* heading */
h2 {position:relative;line-height:2.5625em;padding:0.125em 0.75em 0}
h2:first {padding-top:0.25em}
h3 {font-size:0.875rem;line-height:1.6904761904em;padding:0.9047619047619em 1.142857142857em 0}

/* music list */
.list-music.list-main li {height:3em}
.list-music.list-main li:last-child {border-bottom:0}
.list-music.list-chart .thumbnail {left:2.875em}
.list-music.list-main .thumbnail {left:0;top:-0.0625em;margin-top:0}
.list-music.list-chart .info {padding-left:6.5833333333em}
.list-music.list-main .info {padding:0.47916666666em 0 0 5.1666666666em}
.list-music.list-main .blt-playing {margin-top:0.1190476190476em}
.list-music.list-main .blt-19 {margin-top:0}
.list-music.list-main .controls {right:0;width:2.75em}
.list-music .ranking {position:absolute;top:0.6041666666em;left:0;width:2.875em;line-height:1.23}
.list-music .ranking em {display:block;font-size:1.125rem}
.list-music .ranking .rank {display:inline-block;position:relative;font-size:0.75rem;vertical-align:top}
.list-music .ranking .up {padding-left:1em;color:#f37e7b}
.list-music .ranking .up:before {content:'';display:block;position:absolute;top:50%;left:0;width:0.916667em;height:0.6666666666em;margin-top:-0.3333333333em;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_rank_5.0.png') no-repeat 0 0;background-size:500% auto}
.list-music .ranking .down {padding-left:1em;color:#7092ed}
.list-music .ranking .down:before {content:'';display:block;position:absolute;top:50%;left:0;width:0.916667em;height:0.6666666666em;margin-top:-0.3333333333em;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_rank_5.0.png') no-repeat 25% 0;background-size:500% auto}
.list-music .ranking .none {width:0.916667em;height:0.6666666666em;margin-top:0.361111111111em;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_rank_5.0.png') no-repeat 50% 0;background-size:500% auto}
.list-music .ranking .new {width:1.83333333333em;height:0.6666666666em;margin-top:0.3333333333em;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_rank_5.0.png') no-repeat 100% 0;background-size:250% auto}
.list-music .num {position:absolute;top:0;left:3em;width:2.0625em;line-height:3.0625em;text-align:center}

/* btns */
.btn-wrap.col-2 .btn {width:49.3902439%;float:left}
.btn-wrap.col-2 .btn:last-child {float:right}

/* etc */
.more-app {padding:1em}
.more-app .txt {display:block;padding:0.9166666666em 0 0;font-size:0.75rem;line-height:1.5555555555em}
.wrap-reply {padding-top:3.0625em}


/***** main *****/
.main {padding-bottom:15.3125em}
.main .magazine {padding:0 0 1em}
.main .magazine.top {margin:0.5em 0 0.125em;padding:0}
.main h3.title {display:inline-block;padding:0;font-size:1rem;line-height:1.5em;background:url('//image.genie.co.kr/imageg/mobile_web/main/blt_arrow.png') no-repeat 100% 49%;background-size:0.3958333333em auto}
.main h3.title a {display:inline-block;padding:0.5833333333em 0.75em 0.6666666666em 0.6875em;vertical-align:top}
.main .recent {position:relative;padding:0 0 0.5em 0}
.main .tv {position:relative}
.main .tab {position:absolute;top:0.58333rem;right:0.3125rem;font-size:0.75rem;line-height:2em}
.main .tab li {display:inline-block}
.main .tab a {display:block;padding:0 0.79487179487179em;line-height:2em}
.main .tab a.active {color:#0096FF !important}
.main .list-tile {overflow-x:auto;overflow-y:hidden;width:100%;font-size:0;white-space:nowrap;-webkit-overflow-scrolling:touch}
.main .list-tile li {display:inline-block;position:relative;width:6.25em;height:6.25em;margin-right:0.25em;font-size:1rem;line-height:1.3;white-space:normal}
.main .list-tile li:first-child {margin-left:0.5em}
.main .list-tile .cover {overflow:hidden;width:100%;height:100%}
.main .list-tile .cover:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0.0625em solid rgba(0,0,0,0.1)}
.main .list-tile .cover img {display:block;width:100%}
.main .list-tile .info {display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background:url('//image.genie.co.kr/imageg/mobile_web/main/mask_album_200.png') no-repeat 50% 100%;background-size:100% auto;z-index:100}
.main .list-tile .track {display:block;position:absolute;bottom:1.38888888888em;left:0;padding:0 0.4444444444em;font-size:0.75rem;z-index:101}
.main .list-tile .artist {display:block;position:absolute;bottom:0.3em;left:0;padding:0 0.53333333333em;font-size:0.625rem;z-index:101}
.main .list-tile .more {width:3.875em}
.main .list-tile .btn-more {display:block;width:100%;height:100%;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/mobile_web/main/btn_more.png') no-repeat 50% 50%;background-size:2.5em auto}
.main .chart {position:relative;padding:0 0 0.4375em}
.main .chart .time {display:inline-block;margin-top:0.06060606060606em;padding-left:0.272727272727em;font-size:0.6875rem;line-height:1.5;vertical-align:middle}
.main .chart .list-main {margin:0 0.5em}
.main .chart .list-main li {line-height:1.2}

/***** chart *****/
.chart {padding-bottom:15.3125em}

/***** recent *****/
.recent-music {padding-bottom:15.3125em}
.recent-music .tab {overflow:hidden;/*height:2.5em;*/padding-right:0.0625em;border-bottom:0.0625em solid #e5e5e5;text-align:right}
.recent-music .tab li {display:inline-block;position:relative}
.recent-music .tab a {display:inline-block;padding:0 0.8333333333em;font-size:0.75rem;line-height:2.857142857142857em;color: #929ca3;}
.recent-music .tab a.active {color:#0096FF}

/***** recommend *****/
.recommend {padding-bottom:15.3125em}
.recommend .custom {border-bottom:0.0625em solid #e5e9ec}
.recommend .title {display:block;padding:0.5625em 0.7708333333em 0.5625em 0.5em;border-bottom:0.0625em solid #e5e9ec;font-size:1rem;line-height:1.5em}
.recommend .list-tile {overflow-x:auto;overflow-y:hidden;width:100%;font-size:0;white-space:nowrap;-webkit-overflow-scrolling:touch}
.recommend .list-tile li {display:inline-block;position:relative;width:7em;margin:1.0625em 0.3125em 1.3541666666em 0;font-size:1rem;line-height:0.9375em;white-space:normal}
.recommend .list-tile li:first-child {margin-left:1.0625em}
.recommend .list-tile li:last-child {margin-right:1.0416666666em}
.recommend .list-tile .cover {overflow:hidden;position:relative;width:100%}
.recommend .list-tile .cover:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0.0625em solid rgba(0,0,0,0.1)}
.recommend .list-tile .cover img {display:block;width:100%}
.recommend .list-tile .info {padding-top:0.6969696969em;font-size:0.6875rem}
.recommend .list-tile .track {display:block;font-size:0.75rem}
.recommend .list-tile .artist {display:block;margin-bottom:-0.060606060606em}
.recommend .list-tile .date {display:inline-block;position:relative;padding-left:0.5151515151515em}
.recommend .list-tile .date:before {content:'|';position:absolute;top:0;left:-0.1515151515em}
.recommend .no-data {display:table;width:100%;height:8.5em}
.recommend .no-data .msg {display:table-cell;vertical-align:middle}
.recommend .no-data .txt {padding-bottom:1.27777777777em;font-size:0.75rem;line-height:1.3333333333em}
.recommend .sub-title {display:block;padding-bottom:0.3333333333em;font-size:1.0625rem;line-height:1.5}
.recommend .tag-container {padding-bottom:0.3958333333em;border-bottom:0.0625em solid #e5e9ec}
.recommend .select-tag {padding:0 1em 0.04166666666em 1em}
.recommend .select-tag:first-of-type {padding-top:1.04166666666em}
.recommend .list-tag {display:block;overflow:hidden}
.recommend .fold .list-tag {max-height:3em}
.recommend .list-tag li {display:inline-block}
.recommend .list-tag .btn-tag {display:inline-block;overflow:hidden;height:2.42857142857em;padding:0 1.07142857142857em;margin:0 0.095238095238em 1.07142857em;border:0.07142857142857em solid #e5e9ec;border-radius:1.2142857142857em;font-size:0.875rem;line-height:2.4047619047619em}
.recommend .list-tag .btn-tag.active {background-color:#0096FF;border-color:#0096FF;color:#fff}
.recommend .select-tag .btn-fold.disabled {display:none}
.recommend .select-tag .btn-fold {display:inline-block;position:relative;padding:0 2em;margin:-0.4444444444em 0 0.3055555555em;font-size:0.75rem;line-height:3em}
.recommend .select-tag .btn-fold:before {content:'';display:block;position:absolute;top:0;right:0.77778em;width:0.88889em;height:100%;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_fold.png') no-repeat 100% 48%;background-size:300% auto}
.recommend .select-tag.fold .btn-fold:before {background-position:0 48%}
.recommend .list-recommend li {display:block;position:relative;margin-bottom:0.4375em}
.recommend .list-recommend li:last-child {margin-bottom:0}
.recommend .list-recommend a {display:block}
.recommend .list-recommend img {display:block;position:absolute;top:50%;left:0;width:100%;margin-top:-50%}
.recommend .list-recommend .cover {overflow:hidden;position:relative;height:7.125em}
.recommend .list-recommend .info {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;padding:0 1.625em;align-items:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;-ms-box-pack:center;-ms-box-align:center}
.recommend .list-recommend .list-0 .info, .recommend .list-recommend .list-7 .info {background:rgba(94,139,172,0.7)}
.recommend .list-recommend .list-1 .info, .recommend .list-recommend .list-8 .info {background:rgba(203,122,125,0.7)}
.recommend .list-recommend .list-2 .info, .recommend .list-recommend .list-9 .info {background:rgba(109,107,133,0.7)}
.recommend .list-recommend .list-3 .info {background:rgba(125,131,133,0.7)}
.recommend .list-recommend .list-4 .info {background:rgba(156,111,133,0.7)}
.recommend .list-recommend .list-5 .info {background:rgba(109,146,140,0.7)}
.recommend .list-recommend .list-6 .info {background:rgba(78,84,102,0.7)}
.recommend .list-recommend .category {display:inline-block;overflow:hidden;position:relative;height:1.6363636363em;padding:0.090909090909em 0.060606060606em 0 0.0909090909em;font-size:0.6875rem;line-height:1.6363636363em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/bg_category.png') repeat-x 50% 50%;background-size:auto 100%;color:#eef1f4}
.recommend .list-recommend .title {display:block;display:-webkit-box;max-height:2.5em;margin-top:0.4375em;padding:0;border:0;line-height:1.25em;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/***** magazine *****/
.magazine-category {position:relative;background-color:#fff;z-index:20}
.magazine-category + .magazine {padding-bottom:18%}
.magazine-category .title {display:block;overflow:hidden;height:2.5625em;margin:0;padding:0;line-height:2.5625em;}
.magazine-category .btn-fold {display:block;width:100%;height:100%;font-size:0.875rem; vertical-align:top; }
.magazine-category .btn-fold span {display:inline-block;position:relative;padding-right:1.142857142857em}
.magazine-category .btn-fold span:before {content:'';display:block;position:absolute;top:50%;right:0;width:0.729167em;height:0.39584em;font-size:1rem;margin-top:-0.19792em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_fold_5.0.png') no-repeat 0 0;background-size:300% auto}
.magazine-category.expand .btn-fold span:before {background-position:100% 0}
.magazine-category .list-category {display:none;overflow-y:scroll;position:absolute;top:2.5625em;left:0;width:100%;height:16.8125em;background:#ffffff;z-index:10;-webkit-overflow-scrolling:touch}
.magazine-category.expand .list-category {display:block}
.magazine-category .list-category li {display:block;overflow:hidden;height:2.2rem; font-size:0.875rem;line-height:2.2rem}
.magazine-category .list-category a {display:block;width:100%;height:100%;padding:0 1.357142857em; text-align:center}
.magazine-category .list-category .icon {display:inline-block;overflow:hidden;height:1.625em;margin:-0.375em 0 0 0.08333333333em;padding:0 0.3rem;border-radius:0.389rem;font-size:0.556rem;line-height:1.625em;color:#8a8a8d;background-color:#f3f3f3;vertical-align:middle}
.magazine h3.hd {display:block;padding:1.79166666666em 0.7708333333em 0.625em 0.1875em;font-weight:bold;font-size:1rem;line-height:1.5em;color:#2e3037}
.magazine a {display:block}
.magazine .cover {position:relative}
.magazine .cover:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0.0625em solid rgba(0,0,0,0.05)}
.magazine img {width:100%}
.magazine .middle {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center; justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;/*-webkit-box-pack:center;*/-webkit-box-align:center;/*-moz-box-pack:center;*/-moz-box-align:center;-ms-box-pack:center;-ms-box-align:center}
.magazine .middle > div {width:100%}
.magazine .category {vertical-align:middle}
.magazine .category.line {display:inline-block;overflow:hidden;position:relative;height:1.6363636363em;padding:0.090909090909em 0.060606060606em 0 0.0909090909em;font-size:0.6875rem;line-height:1.6363636363em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/bg_category.png') repeat-x 50% 50%;background-size:auto 100%;color:#e5e9ec}
.magazine .category.normal {display:inline-block;font-size:0.75rem;line-height:1.0833333333em}
.magazine .icon + .normal {padding-left:0.222rem}
.magazine .icon {width:2.056rem; display:inline-block; background:url('//image.genie.co.kr/imageg/mobile_web/magazine/blt_txt.png') no-repeat;background-size:2.574rem 5.481rem;vertical-align:middle; height:0.833rem;text-indent: -9999em; margin-right:0.167rem}
.magazine .icon.pre{background-position: 0 -0.926rem;}
.magazine .icon.invite{width:2.556rem;background-position: 0 -1.852rem;}
.magazine .icon.play{width:2.556rem; background-position: 0 -2.778rem;}
.magazine .icon.cd{width:2.278rem;background-position: 0 -3.704rem;}
.magazine .icon.event{background-position: 0 -4.630rem;}

.magazine .icon-red {background-color:#31c7c6}
.magazine .icon-border {overflow:hidden;height:1.625em;margin-right:0.5em;border:0.125em solid #fff;line-height:1.5833333333em;background-color:transparent;vertical-align:middle}
.magazine .btn-add {display:block;position:absolute;bottom:0.375em;right:0.375em;width:2.0625em;height:2.0625em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_play.png') no-repeat 0 0;background-size:300% auto;font-size:1rem;line-height:0;text-indent:-99999px}
.magazine .list-template .mask:before {background:rgba(0,0,0,0.42)}
.magazine .list-template .title {display:block;display:-webkit-box;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.magazine .view-template .hd {padding:1.3125em 0.7708333333em 0.25em 0}
.magazine .view-template .category {display:inline-block;padding-right:0.3333333333em;vertical-align:baseline}

.magazine .list-1 {padding:0 0.5em}
.magazine .list-1 a {position:relative;margin-bottom:0.5em;text-align:center}
.magazine .list-1 .info {padding:0 1.625em}
.magazine .list-1 .title {max-height:2.6666666666em;margin-top:0.35555555555em;font-size:0.9375rem;line-height:1.3333333333em}
.magazine .list-2 {padding:0 0.5em}
.magazine .list-2 a {position:relative;margin-bottom:0.5em;text-align:center}
.magazine .list-2 .info {padding:0 1.625em}
.magazine .list-2 .title {max-height:2.76923076923em;margin-top:0.4358974358974em;font-size:0.8125rem;line-height:1.3846153846em}
.magazine .list-3 {padding:0 0.5em}
.magazine .list-3 a {margin-bottom:0.5em}
.magazine .list-3 .info {padding:0 0.3125em}
.magazine .list-3 .title {max-height:2.7142857142857em;margin:0.4047169047619em 0 0.07142857142857em;padding-top:0.1190476190476em;font-size:0.875rem;line-height:1.357142857em}
.magazine .list-4 {padding-bottom:0.5em}
.magazine .list-4 .hd {padding-left:0.6875em}
.magazine .list-4 ul {overflow-x:auto;overflow-y:hidden;width:100%;padding-right:0.25em;font-size:0;white-space:nowrap;-webkit-overflow-scrolling:touch}
.magazine .list-4 li {display:inline-block;position:relative;width:11.9375em;height:6.875em;margin-right:0.25em;font-size:1rem;line-height:1.3;white-space:normal}
.magazine .list-4 li:first-child {margin-left:0.5em}
.magazine .list-4 li:last-child {margin-right:0.5em}
.magazine .list-4 .album {width:auto}
.magazine .list-4 .cover:before {border:0}
.magazine .list-4 img {display:block;width:auto;height:6.875em}
.magazine .list-4 .mv img {max-width:12.2767857142857em}
.magazine .list-4 .mv:after {content:'';display:block;position:absolute;top:50%;left:50%;width:2.0625em;height:2.0625em;margin:-1.03125em 0 0 -1.03125em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_play.png') no-repeat 100% 0;background-size:300% auto}
.magazine .list-4 .album .cover {padding-left:8.4375em}
.magazine .list-4 .info {position:absolute;bottom:0;left:0;width:100%;padding:0 0.4791666666em 0.625em}
.magazine .list-4 .category {position:absolute;top:0.90909090909em;left:0.72727272727em}
.magazine .list-4 .title {max-height:2.5em;margin-bottom:0.1111111111em;font-size:0.75rem;line-height:1.25em}
.magazine .list-4 .album .title {width:10.4em}
.magazine .list-4 .desc {display:block;font-size:0.625rem;line-height:1.3em;color:#e5e9ec}
.magazine .list-4 .cnt {left:auto;width:10em;font-size:0.6875rem;line-height:1;text-align:center}
.magazine .list-4 .cnt span {display:block;font-size:1.6875rem}
.magazine .list-4 .btn-add {width:1.9375em;height:1.9375em}
.magazine .list-5 {margin-bottom:0.5em}
.magazine .list-5 .hd {padding-left:0.6875em}
.magazine .list-5 li {display:block;position:relative;padding:0 0.5em;border-bottom:0.0625em solid #eef1f4}
.magazine .list-5 .cover {width:7em;margin:0.375em 0}
.magazine .list-5 .info {left:8.25em;padding-right:1em;justify-content:initial;-webkit-justify-content:initial}
.magazine .list-5 .title {max-height:2.57142857em;margin-bottom:0.142857142857em;font-size:0.875rem;line-height:1.2857142857em}
.magazine .list-5 .date {display:inline-block;position:relative;padding:0 0 0 0.80555555555em;font-size:0.75rem;line-height:1.0833333333em;vertical-align:middle}
.magazine .list-5 .date:before {content:'|';position:absolute;top:0;left:0.2em;font-size:0.625rem;line-height:1.3em}
.magazine .list-6 {padding:0 0.25em}
.magazine .list-6 .hd {padding-left:0.4375em}
.magazine .list-6 li {display:block;float:left;position:relative;width:50%;padding:0 1.13636363636% 0.5em}
.magazine .list-6 .mv:after {content:'';display:block;position:absolute;top:50%;left:50%;width:2.0625em;height:2.0625em;margin:-1.03125em 0 0 -1.03125em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_play.png') no-repeat 100% 0;background-size:300% auto}
.magazine .list-6 .info {height:4.75em;padding:0.4791666666em 0.3125em 0.75em}
.magazine .list-6 li:last-child .info, .magazine .list-6 li:nth-last-child(2):nth-child(odd) .info {height:4em;padding-bottom:0}
.magazine .list-6 .title {height:2.7142857142857em;margin-bottom:0.095238095238em;font-size:0.875rem;line-height:1.357142857142857em}
.magazine .list-7 {padding:0 0.5em 0.5em}
.magazine .list-7 .cover:after {content:'';display:block;position:absolute;top:50%;left:50%;width:3em;height:2.5em;margin:-1.25em 0 0 -1.5em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_play_big.png') no-repeat 0 0;background-size:auto 300%}
.magazine .list-7 .cover.vr:after {background-position:0 50%}
.magazine .list-7 .mv-info {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:2.75em;padding:0.4791666666em 0.875em 0;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/mask_mv.png') repeat-x 0
0;background-size:auto 100%}
.magazine .list-7 .track {display:inline-block;width:auto;max-width:59%;font-size:0.75rem;line-height:1.5;vertical-align:middle}
.magazine .list-7 .artist {display:inline-block;width:auto;max-width:33%;font-size:0.75rem;line-height:1.5;vertical-align:middle}
.magazine .list-7 .info {margin-bottom:-0.0833333333em;padding:0 0.25em}
.magazine .list-7 .title {max-height:2.7142857142857em;margin:0.595238095238em 0 -0.2857142857em;padding-bottom:0.5em;font-size:0.875rem;line-height:1.357142857em}
.magazine .list-7 .icon-border {height:auto;margin-top:0.3em;line-height:1.375em;vertical-align:top}
.magazine .list-8 {padding:0 0.5em 0.5em}
.magazine .view-1 {padding:0 0.833rem}
.magazine .view-1 .hd {padding-left:0.5208333333em}
.magazine .view-1 .cover {margin-top:0.5em}
.magazine .view-2 {padding:0 1em}
.magazine .view-2 .txt {margin-top:0.8em;font-size:0.9375rem;line-height:1.6em}
.magazine .destroy .view-2 .txt {margin-bottom:-0.3333333333em}
.magazine .view-3 {padding:0 0.5em}
.magazine .view-3 .hd {padding-left:0.5208333333em}
.magazine .view-3 .wrap-view {position:relative}
.magazine .view-3 .cover {margin-top:0.5em}
.magazine .view-3 .info {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/mask_img.png') repeat-x 50% 100%;background-size:0.58139534883721% auto}
.magazine .view-3 .title {display:inline-block;position:absolute;bottom:0;left:0;width:100%;padding:0 1.138888888888em 0.91666666666em;font-size:0.75rem;line-height:1.4166666666666em}
.magazine .view-4 {padding:0 0.25em}
.magazine .view-4 .hd {padding-left:0.75em}
.magazine .view-4 ul {display:block;width:100%;font-size:0;text-align:center}
.magazine .view-4 li {display:inline-block;position:relative;width:49.9%;padding:0.5em 0.25em 0;font-size:1rem;line-height:1.3;text-align:left;white-space:normal}
.magazine .view-4 li:last-child, .magazine .view-4 li:nth-last-child(2):nth-child(odd) {padding-bottom:0}
.magazine .view-4 .info {padding:0.5em 0.2708333333em 0.2708333333em;line-height:1.1041666666em}
.magazine .view-4 li:last-child .info, .magazine .view-4 li:nth-last-child(2):nth-child(odd) .info {padding-bottom:0;margin-bottom:-0.2291666666em}
.magazine .view-4 .track {display:block;font-size:0.875rem}
.magazine .view-4 .artist {display:block;font-size:0.75rem}
.magazine .view-5 .hd {padding-left:1em}
.magazine .view-5 .list-wrap {margin-top:0.5em;border-top:0.0625em solid #eef1f4}
.magazine .view-6 {padding:0 0.5em}
.magazine .view-6 .hd {padding-left:0.5em}
.magazine .view-6 .cover {margin-top:0.5em}
.magazine .view-6 .cover:after {content:'';display:block;position:absolute;top:50%;left:50%;width:3em;height:2.5em;margin:-1.25em 0 0 -1.5em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_play_big.png') no-repeat 0 0;background-size:auto 300%}
.magazine .view-6 .cover.vr:after {background-position:0 50%}
.magazine .view-6 .mv-info {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:2.75em;padding:0.6041666666em 0.875em 0;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/mask_mv.png') repeat-x 0
0;background-size:auto 100%}
.magazine .view-6 .track {display:inline-block;width:auto;max-width:59%;font-size:0.75rem;line-height:1.5;vertical-align:middle}
.magazine .view-6 .artist {display:inline-block;width:auto;max-width:33%;font-size:0.75rem;line-height:1.5;vertical-align:middle}
.magazine .view-6 .info {padding:0 0.25em}
.magazine .view-6 .title {display:block;display:-webkit-box;max-height:2.7142857142857em;margin:0.595238095238em 0 -0.2857142857em;padding-bottom:0.5em;font-size:0.875rem;line-height:1.357142857em;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.magazine .view-6 .icon-border {height:auto;margin-top:0.3em;line-height:1.375em;vertical-align:top}
.magazine .view-6 .external-video {position:relative;margin-top:0.5em;padding-bottom:56.25%;height:0;overflow:hidden}
.magazine .view-6 .external-video iframe, .magazine .view-6 .external-video object, .magazine .view-6 .external-video embed {position:absolute;top:0;left:0;width:100%;height:100%}
.magazine .view-7 {padding:0 0.25em}
.magazine .view-7 .hd {padding-left:0.5em}
.magazine .view-7 ul {padding-top:0.5em}
.magazine .view-7 li {display:block;float:left;position:relative;width:50%;padding:0 1.13636363636% 0.5em}
.magazine .view-7 li:last-child, .magazine .view-7 li:nth-last-child(2):nth-child(odd) {padding-bottom:0}
.magazine .view-7 .mv:after {content:'';display:block;position:absolute;top:50%;left:50%;width:2.0625em;height:2.0625em;margin:-1.03125em 0 0 -1.03125em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_play.png') no-repeat 100% 0;background-size:300% auto}
.magazine .view-7 .info {height:4.75em;padding:0.4791666666em 0.3125em 0.75em}
.magazine .view-7 li:last-child .info, .magazine .view-7 li:nth-last-child(2):nth-child(odd) .info {height:4em;padding-bottom:0}
.magazine .view-7 .title {height:2.7142857142857em;margin-bottom:0.095238095238em;font-size:0.875rem;line-height:1.357142857142857em}
.magazine .view-8 .hd {padding-left:1em;padding-bottom:0.75em}
.magazine .view-8 .gift {display:block;padding:0 0.5em;text-align:center}
.magazine .view-8 .cover {display:inline-block;max-width:100%;margin:0 auto}
.magazine .view-8 .cover img {display:block;width:auto;max-width:100%;max-height:7.5em}
.magazine .view-8 .txt {display:block;padding:1.1111111111em 1.3333333333em 0.194444444444em;font-size:0.75rem;line-height:1.5em}
.magazine .view-8 .info {display:block;padding:0.89583333333em 1em 0.8125em;line-height:1em}
.magazine .view-8 .info dt {clear:both;overflow:hidden;float:left;width:5.3em;height:1.6em;border:0.125em solid #929ca3;border-radius:1em;font-size:0.625rem;text-align:center;color:#929ca3}
.magazine .view-8 .info dd {margin-left:4.8611111111em;padding-bottom:0.25em;font-size:0.75rem}
.magazine .view-8 .btns {padding:0 1em 1em}
.magazine .view-8 .caution .title {height:3.205128205128em;border-top:0.076923076923em solid #e5e9ec;border-bottom:0.076923076923em solid #e5e9ec;font-size:0.8125rem}
.magazine .view-8 .btn-fold {display:block;position:relative;width:100%;height:100%;padding:1em 1.33333333333em 0}
.magazine .view-8 .btn-fold:before {content:'';display:block;position:absolute;top:1.020833333333em;right:1.0625em;width:0.729167em;height:0.39584em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_fold.png') no-repeat 0 0;background-size:300% auto}
.magazine .view-8 .expand .btn-fold:before {background-position:100% 0}
.magazine .view-8 .desc {display:none;padding:1.47222222222em 1.5em;font-size:0.75rem;line-height:1.3333333333em}
.magazine .view-8 .expand .desc {display:block}
.magazine .view-9 .hd {padding-left:1em;padding-bottom:0.75em}
.magazine .view-9 .txt {display:block;padding:1.1111111111em 1.3333333333em 0.194444444444em;font-size:0.75rem;line-height:1.5em}
.magazine .view-9 .info {display:block;padding:0.89583333333em 1em 0.8125em;line-height:1em}
.magazine .view-9 .info dt {clear:both;overflow:hidden;float:left;width:5.3em;height:1.6em;border:0.125em solid #929ca3;border-radius:1em;font-size:0.625rem;text-align:center;color:#929ca3}
.magazine .view-9 .info dd {margin-left:4.8611111111em;padding-bottom:0.25em;font-size:0.75rem}
.magazine .view-9 .btns {padding:0 1em 1em}
.magazine .view-9 .caution .title {height:3.205128205128em;border-top:0.076923076923em solid #e5e9ec;border-bottom:0.076923076923em solid #e5e9ec;font-size:0.8125rem}
.magazine .view-9 .btn-fold {display:block;position:relative;width:100%;height:100%;padding:1em 1.33333333333em 0}
.magazine .view-9 .btn-fold:before {content:'';display:block;position:absolute;top:1.020833333333em;right:1.0625em;width:0.729167em;height:0.39584em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_fold.png') no-repeat 0 0;background-size:300% auto}
.magazine .view-9 .expand .btn-fold:before {background-position:100% 0}
.magazine .view-9 .desc {display:none;padding:1.47222222222em 1.5em;font-size:0.75rem;line-height:1.3333333333em}
.magazine .view-9 .expand .desc {display:block}
.magazine .view-9 .vote-list {position:relative}
.magazine .view-9 .vote-list:after{content:"";display:block;clear:both}
.magazine .view-9 .vote-list li {position:relative;display:block;padding:0.75em 1em;line-height:1.25;border-top:0.0625em solid #e5e5e5;font-size:1rem}
.magazine .view-9 .vote-list li:after{content:"";display:block;clear:both}
.magazine .view-9 .vote-list li:before {content:'';display:block;position:absolute;top:1.25em;left:1em;width:0.125em;height:0.125em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/common/icon_dot_gray.png') no-repeat 0 0;background-size:100% 100%}
.magazine .view-9 .vote-list li .song {float:left;display:block;width:73%;padding-left:0.625em}
.magazine .view-9 .vote-list li .title{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;/* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;color:#8b8b8b}
.magazine .view-9 .vote-list li .btn-vote {float:right;position:absolute;right:1.3333333333333em;top:50%;margin-top:-1.5625em;display:block;width:21%;font-size:0.75rem}

.magazine-view {padding-top:3.0625em}
.webview .magazine-view {padding-top:0}
.magazine-view .destroy .swiper-wrapper {display:block;padding-bottom:3.4375em}
.magazine-view .swiper-slide {padding-bottom:3.4375em}
.magazine-view .destroy .swiper-slide {padding-bottom:0.4166666666666em}
.magazine-view .swiper-slide.main {overflow:hidden;min-height:10%;padding-bottom:0}
.magazine-view .destroy .swiper-slide.main {min-height:11em}
.magazine-view .main .cover {position:relative;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.magazine-view .main .cover:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.4}
.magazine-view .main .info {position:absolute;bottom:8.91719745%;left:5.74074074074%;right:7.7777777777%}
.magazine-view .main .info:before {content:'';display:block;position:absolute;right:0;bottom:0.1458333333em;width:1.67em;height:1.67em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_arrow.png') no-repeat 0 0;background-size:300% auto;-webkit-animation:slideInLeft 1.3s linear infinite;animation:slideInLeft 1.3s linear infinite}
.magazine-view .destroy .main .info:before {right:-0.3958333333em;background-position:100% 0;-webkit-animation:slideInUp 1.3s linear infinite;animation:slideInUp 1.3s linear infinite}
.magazine-view .main .category {display:inline-block;font-size:0.875rem;color:#e2e7eb}
.magazine-view .main .icon {margin-right:0.375em}
.magazine-view .main .icon:nth-child(2) {margin-left:0.6666666666em}
.magazine-view .main .title {display:block;padding-top:0.93589743589em;font-size:1.625rem;line-height:1.3076923076923em}
.magazine-view .main .desc {display:block;padding:0.72222222222em 3.1666666666em 0 0;font-size:0.75rem;line-height:1.4166666666em}
.magazine-view .artists {padding:0 0.9375em}
.magazine-view .artists .hd {padding:1.4583333333em 0 0.7708333333em 0}
.magazine-view .artists ul {display:block;overflow:hidden;height:6.3em}
.magazine-view .artists.expand ul {height:auto}
.magazine-view .artists li {display:block;float:left;width:20%;padding:0 1.2121212121212% 0.75em;text-align:center}
.magazine-view .artists .cover {overflow:hidden;max-width:3.625em;margin:0 auto;border-radius:50%}
.magazine-view .artists .cover:before {border-radius:50%}
.magazine-view .artists .cover img {border-radius:50%}
.magazine-view .artists .artist {display:block;display:-webkit-box;height:3em;margin-top:0.3333333333em;font-size:0.625rem;line-height:1.5em;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.magazine-view .artists .btn-more {text-align:center}
.magazine-view .artists .btn-fold {display:inline-block;position:relative;padding:0em 3.36111111111em 0.5em 2em;font-size:0.75rem;line-height:1.5em}
.magazine-view .artists .btn-fold:before {content:'';display:block;position:absolute;top:0.5em;right:2.16666666666em;width:0.88889em;height:0.5278em;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_fold.png') no-repeat 0 0;background-size:300% auto}
.magazine-view .artists.expand .btn-fold:before {background-position:100% 0}
.magazine-view .list-5 {margin-top:1.3125em}
.magazine-view .list-5 .hd {padding-left:0.9583333333em;padding-bottom:0.79166666666em}
.magazine-view .btn-home {padding:1em 0;text-align:center}
.magazine-view .btn-home a {display:inline-block}
.magazine-view .last-page {height:100%;padding:0 1em 0;text-align:center}
@media all and (orientation:landscape) {
.magazine-view .last-page{padding-bottom:4em}
}
.magazine-view .last-page .sub-title {display:block;padding:0 0 0.40350877192982em;font-size:1.1875rem;font-weight:bold;line-height:1.2631578947368}
.magazine-view .last-page .txt {display:block;padding-bottom:1.11111111111em;font-size:0.9375rem;line-height:1.6}
.magazine-view .last-page .btn {margin-top:0.625em}
.magazine-view .last-page .btn:last-of-type {margin-bottom:2.9375em}
.magazine-view .last-page .btn-listen {display:inline-block;position:relative;padding-left:2em}
.magazine-view .last-page .btn-listen:before {content:'';display:block;position:absolute;top:50%;left:0;width:1.5em;height:1.5em;margin-top:-0.75em;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/blt_play.png') no-repeat 0 0;background-size:100% 100%}
.magazine-view .footer {display:none}
.magazine-view .destroy .footer {display:block;overflow:visible;position:relative;bottom:auto;left:auto;width:auto;height:auto}
.webview .magazine-view .destroy .footer {position:absolute;bottom:-0.2em;left:0;width:100%}

.footer-magazine {display:block;position:fixed;bottom:0;left:0;width:100%;height:2.556rem;padding-left:1rem; border-top:0.0625em solid #ededed;line-height:2.556rem; background-color:#fff;z-index:500;font-size:0.833rem;}
.footer-magazine a {display:inline-block;position:relative;vertical-align:top;color:#000 !important}
.footer-magazine a:before {content:'';display:block;position:absolute;bottom:32%;left:0.5em;width:1.15rem;height:0.94rem;
	background:url('//image.genie.co.kr/imageg/mobile_web/magazine/blt_footer_5.0.png') no-repeat 0 0;background-size:500% auto;}
.footer-magazine .btn-reply {padding:0 0.5208333333em 0 1.9rem}
.footer-magazine .btn-mode {padding-left:2rem;}
.footer-magazine .btn-mode:before {background-position:25% 0}
.footer-magazine .btn-mode.horizontal:before {background-position:50% 0}
.footer-magazine .swiper-pagination {display:inline-block;position:absolute;top:0;bottom:0;left:auto;right:3.3333333333em;width:auto;color:#000 !important}
.footer-magazine .btn-share {display:block;position:absolute;top:0.461rem;right:0.833rem;width:1.667rem;height:1.667rem;line-height:0;text-indent:-9999px}
.footer-magazine .btn-share:before {left:0.25rem;background-position:75% 0}
.footer-magazine .balloon {display:none;overflow:hidden;position:absolute;bottom:2.7142857142857em;right:0.2857142857em;font-size:0.667rem;line-height:1.2142857142857em;color:#fff;z-index:10;opacity:0}
.footer-magazine .balloon:before {content:'';display:block;position:absolute;bottom:0.15rem;right:1.0625em;width:0.78em;height:0.7em;background:#0096FF;font-size:1rem; transform: rotate( -45deg );}
.footer-magazine .balloon .txt {display:block;padding:0.833rem 0.928rem;margin-bottom:0.57142857142857em;background-color:#0096ff;border-radius:0.833rem; color:#ffffff}
.footer-magazine .balloon.active {display:inline-block;-webkit-animation:fade 3s linear 1s forwards;animation:fade 3s linear 1s forwards}
.footer-magazine .btn-home {width:1.333rem;height:1.333rem;margin:0.572rem 0.4375em 0 0;line-height:0;background:url('//image.genie.co.kr/imageg/mobile_web/magazine/btn_home_5.0.png') no-repeat 0 0;background-size:100% auto;text-indent:-9999px; }
.footer-magazine .btn-home:before {display:none}

/***** detail *****/
.detail-title {overflow:hidden;position:relative;padding-top:3.0625em;background-position:50% 50%;background-size:100% auto}
.detail-title:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('//image.genie.co.kr/imageg/mobile_web/common/mask_gnb_5.0.png') rgba(0,0,0,0.7) repeat-x 50% 0;background-size:0.125em auto}
.detail-title img {width:100%}
.detail-title .detail {position:relative;padding:0.375em 0 1.5625em}
.detail-title .detail .cover {width:27.78%;max-width:300px;margin:0 auto}
.detail-title .detail.detail-song .cover {margin:0 0 0 1.25em}
.detail-title .detail.detail-movie .cover {margin:0 0 0 1.25em}
.detail-title .detail .cover.radius {border-radius:50%;overflow:hidden}
.detail-title .detail .cover.radius img {border-radius:50%}
.detail-title .detail .title {display:block;padding:0.8235294117647em 1.176470588235294em 1.098039215686275em;font-size:1.0625rem;line-height:1.294117647em}
.detail-title .detail.detail-song .title {padding-bottom:0.5294117647em;font-weight:700}
.detail-title .detail.detail-movie .title {padding-bottom:0.5294117647em;padding-left:0;font-weight:700}
.detail-title .detail .title.middle {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:2.875em;margin:0.6666666666em 0 1.3958333333em;padding:0 1.25em;font-size:1rem;line-height:1.4375em;align-items:center; justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-box-pack:center;-ms-box-align:center}
.detail-title .detail .title.middle div {display:block;display:-webkit-box;max-height:2.875em;font-size:1rem;line-height:1.4375em;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.detail-title .btn-link {display:block;width:74.5%;padding:0.04166666666em 0;margin-left:1.25em}
.detail-title .btn-link span {display:inline-block;position:relative;padding-right:1.08333rem;font-size:0.8125rem;line-height:1.3333333333}
.detail-title .btn-link span:before {content:'';display:block;position:absolute;top:50%;right:0;width:1em;height:1em;margin-top:-0.51em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/detail/blt_arrow.png') no-repeat 0 0;background-size:100% auto}
.detail-title .btn-play {display:block;position:absolute;top:3.875em;right:1.25em;width:2.75em;height:2.8125em;font-size:1rem;line-height:0;background:url('//image.genie.co.kr/imageg/mobile_web/detail/btn_play.png') no-repeat 0 0;background-size:300% auto;text-indent:-9999px}
.detail-title .btn-pause {display:block;position:absolute;top:3.875em;right:1.25em;width:2.75em;height:2.8125em;font-size:1rem;line-height:0;background:url('//image.genie.co.kr/imageg/mobile_web/detail/btn_play.png') no-repeat 100% 0;background-size:300% auto;text-indent:-9999px}
.detail-title .detail.detail-song .btns {padding:1.2291666666em 0 0 1.0416666666em}
.detail-title .detail.detail-movie .btns {padding:1.2291666666em 0 0 1.0416666666em}
.detail-title .detail .btn-like {display:inline-block;overflow:hidden;position:relative;height:2em;margin:0 0.0416666666em;padding:0 1.0416666666em 0 2.0208333333em;border:0.0625em solid #fff;border-radius:1em;line-height:1.7291666666em}
.detail-title .detail .btn-like:before {content:'';display:block;position:absolute;top:50%;left:0.5625em;width:1em;height:0.875em;margin-top:-0.4375em;background:url('//image.genie.co.kr/imageg/mobile_web/detail/btns.png') no-repeat 0 0;background-size:300% auto}
.detail-title .detail .btn-like.active {border-color:#ff5b62;background-color:#ff5b62}
.detail-title .detail .btn-like.active:before {background-position:50% 0}
.detail-title .detail .btn-share {display:inline-block;overflow:hidden;position:relative;height:2.46153846153846em;margin:0 0.051282051282em;padding:0 1.1282051282em 0 2.4102564102564em;border:0.076923076923em solid #fff;border-radius:1.230769230769em;font-size:0.8125rem;line-height:2.3333333333em}
.detail-title .detail .btn-share:before {content:'';display:block;position:absolute;top:50%;left:0.5625em;width:1em;height:0.875em;margin-top:-0.5em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/detail/btns.png') no-repeat 100% 0;background-size:300% auto}
.detail-title .detail .btn-magazine {display:inline-block;overflow:hidden;position:relative;height:2.46153846153846em;margin:0 0.051282051282em;padding:0 1.125rem 0 2.16667rem;border:0.076923076923em solid #909799;border-radius:1.230769230769em;font-size:0.8125rem;line-height:2.3333333333em}
.detail-title .detail .btn-magazine:before {content:'';display:block;position:absolute;top:50%;left:0.5625em;width:1.5rem;height:1.5rem;margin-top:-0.75em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/svg/btn_shortcut_magazine.svg') no-repeat 0 0;background-size:1.5rem 1.5rem}
.detail-info {padding-bottom:15.3125em}
.movie__detail .detail-info{margin-top:0.625rem}
.detail-info .tab {position:relative;width:100%;border-bottom:0.0625em solid #a6afb6;background-color:#fff}
.detail-info .tab li {display:block;float:left;position:relative;width:50%;height:2.92857142857em;font-size:0.875rem;line-height:3em;text-align:center}
.detail-info .tab.col-3 li {width:33.3333333333%}
.detail-info .tab .active:before {content:'';display:block;position:absolute;bottom:-0.07142857142857em;left:0;width:100%;height:0.142857142857em;background-color:#0096FF}
.detail-info .tab a {display:block;width:100%;height:100%;color:#27282d;opacity:0.7}
.detail-info .tab .active a {color:#0096FF;opacity:1}
.detail-info .detail {position:relative;overflow:hidden;padding-top:0.625em}
.detail-info .section {position:relative;margin-bottom:0.625em;padding:0 1em;background-color:#fff}
.detail-info .section.full {position:relative;padding:0}
.detail-info .section-border {margin-bottom:0.625em;border-bottom:0.0625em solid #eef1f4}
.detail-info .sub-title {display:block;padding:1.547619047619em 0 0.4047619047619em 1.142857142857em;font-size:0.875rem;line-height:1.615384615384}
.detail-info img {width:100%}
.detail-info .detail .title {padding:0.70588235294em 0 0.62745098039em;font-size:1.0625rem;line-height:1.3333333333em}
.detail-info .detail .info {display:block;padding:1.02564102564em 0 1.02564102564em;font-size:0.8125rem;line-height:1.615384615384em}
.detail-info .detail .info dt {clear:both;overflow:hidden;float:left;width:6.77em;padding:0.153846153846em 0 0.179487179487em}
.detail-info .detail .info dd {margin-left:6.77em;padding:0.153846153846em 0 0.179487179487em}
.detail-info .desc {line-height:1.615384615384}
.detail-info .desc dt {display:block;padding:1.47619047619em 0 0.45238095238em;font-size:0.875rem}
.detail-info .desc dd {display:block;padding-bottom:1.179487179487em;font-size:0.8125rem}
.detail-info .desc dd.fold {overflow:hidden;height:3.230769230768em}
.detail-info .detail .btn-more {padding-top:0.72916666666em;background-color:#fff}
.detail-info .detail .btn-fold {display:block;width:100%;padding:0.125em 0;border-top:0.0625em solid #eef1f4}
.detail-info .detail .btn-fold span {display:inline-block;position:relative;padding:0 2em;font-size:0.75rem;line-height:3em}
.detail-info .detail .btn-fold span:before {content:'';display:block;position:absolute;top:0;right:0.77778em;width:0.88889em;height:100%;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_fold.png') no-repeat 0 48%;background-size:300% auto}
.detail-info .detail .btn-fold.fold span:before {background-position:100% 48%}
.detail-info .list-artist {overflow-x:auto;overflow-y:hidden;width:100%;font-size:0;white-space:nowrap;-webkit-overflow-scrolling:touch}
.detail-info .list-artist li {display:inline-block;position:relative;width:6.25em;height:6.25em;margin:0.26190476190476em 0.3125em 1em 0;font-size:1rem;line-height:1.3;white-space:normal}
.detail-info .list-artist a {display:block;width:100%;height:100%}
.detail-info .list-artist a:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0.0625em solid rgba(0,0,0,0.1)}
.detail-info .list-artist li:first-child {margin-left:1em}
.detail-info .list-artist li:last-child {margin-right:1em}
.detail-info .list-tile {margin-bottom:-0.5em;padding:0 0.25em}
.detail-info .list-tile ul {display:block;width:100%;font-size:0}
.detail-info .list-tile li {display:inline-block;position:relative;width:49.9%;padding:0.5em 0.25em 0;font-size:1rem;line-height:1.3;text-align:left;white-space:normal}
.detail-info .list-tile .info {padding:0.4791666666em 0.3125em 0.2708333333em;line-height:1.25}
.detail-info .list-tile .track {display:block;padding-bottom:0.190476190476em;font-size:0.875rem}
.detail-info .list-tile .artist {display:block;font-size:0.75rem}
.detail-info .list-tile .type {display:block;font-size:0.75rem}
.detail-info .list-tile .date {display:inline-block;position:relative;padding-left:0.6111111111em}
.detail-info .list-tile .date:before {content:'|';position:absolute;top:0;left:-0.05555555555em}
.detail-info .dj-info {/*min-height:3.1458333333em;*/padding:0.625em 1em 0.6875em 3.8333333333em}
.detail-info .dj-info .cover {overflow:hidden;position:absolute;top:50%;left:1em;width:2.1875em;height:2.1875em;margin-top:-1.09375em;border-radius:50%}
.detail-info .dj-info .cover:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0.0625em solid rgba(0,0,0,0.1);border-radius:50%}
.detail-info .dj-info .cover img {border-radius:50%}
.detail-info .dj-info dt {display:block;font-size:0.75rem;line-height:1.38889}
.detail-info .dj-info dd {display:block;font-size:0.625rem;line-height:1.4}
.detail-info .lyrics {padding:1.69230769230769em 1.230769230769em;border-bottom:0.76923076923em solid #f7f9fc;font-size:0.8125rem;line-height:1.615384615384em}

.hd-viewer {-webkit-transition:top 0.3s;transition:top 0.3s}
.hd-viewer:before {content:'';display:block;position:fixed;top:0;left:0;width:100%;height:3em;background:url('//image.genie.co.kr/imageg/mobile_web/detail/mask_gnb.png') repeat-x 50% 0;background-size:0.125em auto;-webkit-transition:top 0.3s;transition:top 0.3s}
.hd-viewer.fade {top:-3em}
.hd-viewer.fade:before {top:-3em}
.image-viewer {position:relative;overflow:hidden;width:100%}
.image-viewer .swiper-slide img {width:100%;height:auto}
.image-viewer.landscape .swiper-slide img {width:auto;height:100%}
.image-viewer .swiper-pagination {position:fixed;bottom:0;right:0;width:100%;height:3em;padding:1em 0.9166666666em 0 0;text-align:right;z-index:500}
.image-viewer .swiper-pagination.fade {bottom:-3em}
.image-viewer .swiper-pagination:before {content:'';display:block;position:fixed;bottom:0;left:0;width:100%;height:100%;background:url('//image.genie.co.kr/imageg/mobile_web/detail/mask_footer.png') repeat-x 50% 100%;background-size:0.125em auto;z-index:-1}
.image-viewer .swiper-pagination .swiper-pagination-current {color:#fff}
.image-viewer .swiper-button-prev {display:block;position:absolute;top:50%;left:0;width:2.75em;height:2.75em;margin-top:-1.375em;background:url('//image.genie.co.kr/imageg/mobile_web/detail/btn_nav.png') no-repeat 0 0;background-size:300% auto;z-index:10;-webkit-transition:left 0.3s;transition:left 0.3s}
.image-viewer .swiper-button-prev.swiper-button-disabled {display:none}
.image-viewer .swiper-button-prev.fade {left:-2.75em}
.image-viewer .swiper-button-next {display:block;position:absolute;top:50%;right:0;width:2.75em;height:2.75em;margin-top:-1.375em;background:url('//image.genie.co.kr/imageg/mobile_web/detail/btn_nav.png') no-repeat 100% 0;background-size:300% auto;z-index:10;-webkit-transition:right 0.3s;transition:right 0.3s}
.image-viewer .swiper-button-next.swiper-button-disabled {display:none}
.image-viewer .swiper-button-next.fade {right:-2.75em}

/***** product *****/
.pay {padding:3em 0 13.3em;background-color:#ced6dd}
.webview .pay {padding:0}
.pay sup {line-height:0;vertical-align:super}
.pay .banner {position:relative;width:100%}
.pay .banner .swiper-slide {overflow:hidden;text-align:center}
.pay .banner .swiper-slide img {display:block;width:100%;max-width:1080px;margin:0 auto}
.pay .banner .swiper-pagination-bullets {bottom:0.417em;left:0;height:0.46875em}
.pay .banner .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.125em;width:0.375em;height:0.375em;line-height:0;background:#cdd6dd;opacity:1;vertical-align:top}
.pay .banner .swiper-pagination-bullets .swiper-pagination-bullet-active {background:#03b5e5}
.pay .product-list {display:none;margin-top:0.39583333333em}
.pay .on .product-list {display:block}
.pay .txt-lg{color:#ec068d}
.pay .product-wrap {position:relative;padding:0 0.375em 0.58333333333em;margin-bottom:0.125em}
.pay .product-wrap h2 {position:relative;display:block;width:100%;padding:0.70370370370370em 0.4444444444em 0.296296296296em;font-size:1.125rem;line-height:1}
.pay .product-wrap h2 a {display:block;width:100%;color:#ffffff;font-weight:bold}
.pay .product-wrap h2 a span {display:block;margin-top:0.4em;font-size:0.625rem;font-weight:normal}
.pay .product-wrap h2 .icon {display:inline-block;width:2em;height:100%;margin-left:1.2em;vertical-align:top}
.pay .product-wrap h2 .icon .hot {display:block;position:absolute;z-index:1;top:-0.75em;left:0.5em;width:3.666666667em;height:4.86666666667em;background:url('//image.genie.co.kr/imageg/mobile_web/payment/icon_hot.png') no-repeat 0 0;background-size:100% 100%;line-height:0;text-indent:-9999px}
.pay .product-wrap h2 a:before {content:'';display:block;position:absolute;top:1.5208333333em;right:0.70833333333em;width:1.25em;height:1em;background:url('//image.genie.co.kr/imageg/mobile_web/payment/btn_arrow.png') no-repeat 0 0;background-size:500% 100%;font-size:1rem}
.pay .product-wrap.on h2 a:before {background-position:50% 0}
.pay .product-wrap.pay-best h2 {font-weight:bold;padding:1.0925925925925em 0.833em 0.666666666666em 1em}
.pay .product-wrap.pay-special .btn-go{position:absolute;left:0; top:0;width:100%;height:100%;text-indent:-9999px}
.pay .product-wrap.pay-special .btn-go:after {content:"";display:block;position:absolute;top:1.1rem;right:0.77em;width:1.5em;height:1.25rem;background:url('//image.genie.co.kr/imageg/mobile_web/payment/btn_arrow.png') no-repeat 100% 0;background-size:500% 100%;line-height:0;}
.pay .product-wrap.pay-special {background-color:#f5f6f8;border-top:0.125em solid #e4e6e7;padding-bottom:0.375em;font-weight:bold;margin-bottom:0.0625em}
.pay .product-wrap.pay-special h2 span {display:block;margin-top:0.4em;font-size:0.625rem;font-weight:normal;color:#7f888f}
.pay .product-wrap.pay-gpoint .btn-go{position:absolute;left:0; top:0;width:100%;height:100%;text-indent:-9999px}
.pay .product-wrap.pay-gpoint {background-color: #f3c200;border-top:0.125em solid #e4e6e7;padding-bottom:0.375em;font-weight:bold;margin-bottom:0.0625em}
.pay .product-wrap.pay-gpoint h2 {color:#ffffff}
.pay .product-wrap.pay-gpoint h2 span {display:block;margin-top:0.4em;font-size:0.625rem;font-weight:normal;color:#ffffff}
.pay .product-wrap.pay-ibk .btn-go:after,
.pay .product-wrap.pay-gpoint .btn-go:after{content:"";display:block;position:absolute; top:1.1rem; right:1.063em;width:0.813rem;height:1.313rem;background:url('//image.genie.co.kr/imageg/mobile_web/payment/btn_arrow_right.png') no-repeat 100% 0;background-size:0.813rem 1.313rem;line-height:0;}
.pay .product-wrap.pay-gift{margin-bottom:0}
.pay .product {position:relative;overflow:hidden;margin-bottom:0.375em;border-radius:0.16666666666em;background-color:#ffffff;letter-spacing:-0.0625em}
.pay .product.narrow {margin-bottom:0.0625em}
.pay .product:last-child {margin-bottom:0}
.pay .product .sub-title {overflow:hidden;padding:0.6041666666em 0 0.4583333333em 0.7916666666em;border-bottom:0.0625em solid #c6d0d5;font-size:0.98rem;font-weight:bold;color:#000;background-color:#dde8ed}
.pay .product .sub-title .sm_txt{font-size:0.68rem; font-weight: normal; padding-left:5px}
.pay .product .item {display:table;position:relative;width:100%;border-top:0.063em solid #e5e5e5;box-sizing:border-box;}

.pay .product .item dt span .ico_hot{display:inline-block; width:0.979rem; height:0.979rem; background:url('//image.genie.co.kr/imageg/app/payment/ico_hot.png') no-repeat 0 0; background-size:0.979rem; text-indent:-9999em; margin-left:0.08rem}
.pay .product .item:nth-of-type(1){border-top:0}
.pay .product .item:after{content:"";display:block;clear:both}
.pay .product .item dt {display:table-cell;height:100%;padding:0.57142857142857em 0 0.642857142857em 0.95238095238em;font-size:0.875rem;vertical-align:middle;letter-spacing:-0.095238095238em}
.pay .product .item dd {display:table-cell;width:100%;padding:0.76923076923rem 0.58974358974rem 0.76923076923rem 0;/*font-size:0.8125rem;*/font-size:0;vertical-align:middle;text-align:right}
.pay .ht-large .item dt {width:38.7037037037% !important;line-height:1.2857142857em}
.pay .product.multi:after {content:"";display:block;clear:both}
.pay .pay-best .product.multi .item dt{border-right:0.07142857142857em solid #e5e5e5;padding:0.857142857142857em 0 0.7142857142857em 1em}
.pay .pay-best .product.multi .item dd{display:table-cell;display:inline-block;width:100%;border-top:0.0625rem solid #e5e5e5;vertical-align:middle;padding:0.625rem 0.5rem 0.66666666667rem 0}
.pay .pay-best .product.multi .item dd em{display:block; font-size:0.5625rem; color:#f63147}
.pay .product.multi .item dd:nth-of-type(1){border-top:0}
.pay .product.multi .item dd.lage{padding:0.70833333333rem 0.6153846153846rem 0.875rem 0}
.pay .product.multi .item dd.lage .btn-payment{margin-top:0.08333333333em}
.pay .product .item dd span {vertical-align:middle}
.pay .product .item-desc dt {padding:0 0 0 0.79166666666em}
.pay .product .item dd .orig-price {display:inline-block;width:42%;font-size:0.6875rem;line-height:1.1818181818;color:#999;word-break:keep-all;letter-spacing:-0.0909090909em}
.pay .product .item dd .price {display:inline-block;width:30%;padding-right:0.416666666667em;font-size:0.8125rem}
.pay .product .item dd .price strong {display:inline-block;margin-top:-0.047619047619em;padding:0 0.142857142857em;font-size:1.3125rem;font-family:'Arial';font-style:italic;vertical-align:top;font-weight:bold;line-height:0.8}
.pay .product .item dd .btn-payment {display:inline-block;width:2.85416666667em;height:2.142857142857em;border:0.07142857em solid #404050;border-radius:0.142857142857em;text-align:center;font-size:0.875rem;line-height:2em;color:#ffffff}
.pay .product .item dd .btn-gift {display:inline-block;width:2.85416666667em;height:2.142857142857em;border:0.07142857em solid #404050;border-radius:0.142857142857em;text-align:center;font-size:0.875rem;line-height:2em;color:#ffffff}
.pay .product .item .desc {display:inline-block;overflow:hidden;height:1.78em;left:-0.27083333332em;margin-top:0.3333333333em;padding:0 0.74074074074em 0  0.6666666666em;border-radius:1em;font-size:0.5625rem;line-height:1.9;background-color:#dde8ed;color:#597491;white-space:nowrap;letter-spacing:-0.125em}
.pay .product .item .icon-drm {display:inline-block;overflow:hidden;right:-0.333em;height:1.78em;margin-top:0.229em;padding:0 0.74074074074em 0  0.6666666666em;border-radius:1em;font-size:0.5625rem;line-height:1.9;background-color:#dde8ed;color:#597491;white-space:nowrap;letter-spacing:-0.125em}
.pay .product .item .icon-new2 {display:inline-block;overflow:hidden;height:1.78em;top:-0.296296296296em;left:-0.27083333332em;padding:0 0.59259259259259em 0.04166666666em 0.6666666666em;border-radius:1em;font-size:0.5625rem;line-height:1.9;background-color:#f63147;color:#fff;white-space:nowrap;letter-spacing:-0.08333333333em;font-weight:bold}
.pay .product .item .icon-new3 {display:inline-block;overflow:hidden;height:1.78em;top:-0.296296296296em;left:-0.27083333332em;padding:0 0.59259259259259em 0.04166666666em 0.59259259259259em;border-radius:1em;font-size:0.5625rem;line-height:1.9;background-color: #ec068d;color:#fff;white-space:nowrap;letter-spacing:-0.08333333333em;font-weight:bold}
.pay .product .item .icon-best {display:inline-block;overflow:hidden;height:1.78em;top:-0.296296296296em;left:-0.27083333332em;padding:0 0.59259259259259em 0.04166666666em 0.6666666666em;border-radius:1em;font-size:0.5625rem;line-height:1.9;background-color:#4fbbda;color:#fff;white-space:nowrap;letter-spacing:-0.08333333333em;font-weight:bold}
.pay .pay-best {background-color:#05b5e5}
.pay .pay-best .product .item dt {width:35%}
.pay .pay-best .product .item dd {padding:0.625rem 0.4791666666rem 0.625rem 0}
.pay .product .item dd .econo strong{vertical-align: -0.1em; font-size:1.2rem; padding-left:0.1em}
.pay .pay-best .product .item dd .econo{line-height:1.3em; }
.pay .pay-best .product .item dd .price {width:45%;color:#414151}
.pay .pay-best .product .item dd .orig-price {display:inline-block;width:34%;font-size:0.68rem;line-height:1.1818181818em;color:#999;word-break:keep-all}
.pay .pay-best .product .item dd .btn-payment {border-color:#404050;background-color:#414151}
.pay .pay-dc {background-color:#297bd7}
.pay .pay-dc .product .item dt {width:47%}
.pay .pay-dc .product .item dd .price {width:49%;color:#297bd7}
.pay .pay-dc .product .item dd .orig-price {width:25%;padding-bottom:0.29166666666em}
.pay .pay-dc .product .item dd .btn-payment {border-color:#1768c2;background-color:#297bd7}
.pay .pay-lg {background-color:#ec068d}
.pay .pay-lg .product .item dt {width:55%}
.pay .pay-lg .product .item dd .price {width:54%;color:#ec068d}
.pay .pay-lg .product .item dd .orig-price {display:inline-block;width:30%;font-size:0.6875rem;line-height:1.1818181818em;color:#999;word-break:keep-all}
.pay .pay-lg .product .item dd .btn-payment {border-color:#ec068d;background-color:#ec068d}
.pay .pay-lg .product.ht-large .item dt {width:41.5% !important}
.pay .pay-lg .product.ht-large .item dd .orig-price {width:41.5%}
.pay .pay-lg .product.ht-large .item dd .price {width:38%}
.pay .pay-kt {background-color:#ff4a55}
.pay .pay-kt .product .item dt {width:40%}
.pay .pay-kt .product .item dd .price {width:40%;color:#ff4a55}
.pay .pay-kt .product .item dd .orig-price {width:38%}
.pay .pay-kt .product .item.narrow dt {width:30%}
.pay .pay-kt .product .item.narrow dd .price {width:34%;color:#ff4a55}
.pay .pay-kt .product .item.narrow dd .orig-price {width:43%}
.pay .pay-kt .product .item dd .btn-payment {border-color:#e5424a;background-color:#ff4a55}
.pay .pay-gift {background-color:#00b3a0}
.pay .pay-gift .product .item dt {width:47%}
.pay .pay-gift .product .item dd .price {width:52%;color:#2cbb9e}
.pay .pay-gift .product .item dd .btn-payment {width:2.85416666666em;border:0.07142857142857em solid #21aa8f;background-color:#2cbb9e;border-radius:0.142857142857em 0 0 0.142857142857em;color:#ffffff}
.pay .pay-gift .product .item dd .btn-gift {width:2.85416666666em;border:0.07142857142857em solid #535d5f;border-radius:0 0.142857142857em 0.142857142857em 0;background-color:#5e6769;color:#ffffff}
.pay .product .item .annotation {display:inline-block;margin-top:0.151515151515em;padding-right:0.083em;font-size:0.6875rem;vertical-align:0.22916666666em;font-weight:bold}
.pay .pay-best .pad .product .item dt{width:38%}
.pay .pay-best .pad .product .wide dt{width:39%;padding:0.625em 0 0.79166666667em 0.75em}
.pay .pay-best .pad .product .wide dd .price{width:47%}
.pay .pay-best .pad .product .wide dd .orig-price{width:30%}
.pay .note {background-color:#ffffff;border-top:0.0625em solid #ced6dd;font-size:0.8125rem}
.pay .note h4 {font-size:0.875rem;line-height:0.89583333333em;color:#353535;padding:1.095238095238em 0 0.3333333333em 0.95238095238em;letter-spacing:-0.0625em;font-weight:bold}
.pay .note ul {padding:0 1.188em 0.125em 1.6923076923em}
.pay .note ul li {position:relative;padding:0.435897435897em 0;font-size:0.8125rem;line-height:1.3846153846em;letter-spacing:-0.07142857142857em;color:#666}
.pay .note ul li:before {content:'';position:absolute;top:0.875em;left:-0.47375em;width:0.125em;height:0.125em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/common/icon_dot_blue.png') no-repeat 0 0;background-size:100% 100%}
.pay .note ul li a{vertical-align:top}
.pay .note .red {color:#f44047}
.pay .note-wrapper {background-color:#ffffff;padding:0.5897435897em 0.3846153846em}
.pay .tb-payment-info {width:100%;font-size:0.6875rem}
.pay .tb-payment-info caption{display:none}
.pay .tb-payment-info th {width:10.5%;padding:0.8787878787em 0 0.7575757575em;border:0.0909090909em solid #d6d6d6;background-color:#f5f5f5;font-weight:bold;text-align:center;color:#666;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.pay .tb-payment-info .share {width:auto}
.pay .tb-payment-info .diagonal {width:47%;height:3.500em;line-height:1.313em;background:url('//image.genie.co.kr/imageg/mobile_web/payment/diagonal.png') #f5f5f5 no-repeat 0 0;background-size:100% 100%;text-align:left}
.pay .tb-payment-info .diagonal div {position:relative;width:100%;height:100%}
.pay .tb-payment-info .diagonal span {display:inline-block;position:absolute}
.pay .tb-payment-info .diagonal .title-1 {top:0.625em;right:25.4%}
.pay .tb-payment-info .diagonal .title-2 {bottom:0.375em;left:19.57186%}
.pay .tb-payment-info .sub-title th {color:#999}
.pay .tb-payment-info td {height:2.6363636363em;padding-left:0.6969696969em;border:0.0625rem solid #d6d6d6}
.pay .tb-payment-info td.disable {font-size:0;line-height:0;text-indent:-9999px;padding:0}
.pay .tb-payment-info td.enable {padding:0;font-size:0;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/mobile_web/payment/dot_blue.png') no-repeat 50% 50%;background-size:0.625rem 0.625rem}
.pay .product .item dd .orig-price.lgmembership-top {color: #000000;font-size: 0.66667em;font-weight: 400;letter-spacing: -1px;vertical-align: middle;line-height: 100%;text-align: left;}
.pay .product .item dd .orig-price.lgmembership-top > span{vertical-align: middle;font-size: 0.875rem;line-height: 1;}
.product-giga {padding:3em 0 15.3125em;color:#444}
.webview .product-giga {padding:0}
.product-giga .list-product {display:block;padding:1.4375em 1.125em 0.4375em;line-height:1.3;border-bottom:0.0625em solid #e8e9eb;background-color:#f8f9fb}
.product-giga .list-product a {display:block}
.product-giga .list-product dl {display:block;position:relative;width:100%;margin-bottom:1em;padding:0.72916666666em 1.109375em 0.70833333333em 1.109375em;border-radius:0.34375em;background-color:#fff;box-shadow:0.015625em 0.1875em 0.40625em #dadee3}
.product-giga .list-product dt {display:block;font-size:0.875rem}
.product-giga .list-product dd {display:block;font-size:0.75rem}
.product-giga .list-product .title {display:block;padding:0.45238095238em 0 0.16666666666em;vertical-align:middle}
.product-giga .list-product .blt-desc {display:inline-block;overflow:hidden;height:1.8em;margin-top:0.3333333333em;padding:0 0.8em 0 0.8em;border-radius:0.9em;font-size:0.625rem;line-height:2em;background-color:#ff614e;color:#fff;vertical-align:top}
.product-giga .list-product .price {display:inline-block;color:#ff614e;vertical-align:middle}
.product-giga .list-product .orig-price {display:inline-block;margin-left:0.9166666666em;color:#707070}
.product-giga .list-product .btn-payment {display:block;position:absolute;top:50%;right:1.8em;width:4.8em;height:2.4em;margin-top:-1.2em;border:0.1em solid #464646;border-radius:0.3em;font-size:0.625rem;line-height:2.4em;color:#464646;text-align:center}
.product-giga .notice {display:block;padding:1.5625em 1.5em;font-size:0.75rem;line-height:1.1666666666em;color:#b7b7b7}
.product-giga .notice li {display:block;position:relative;padding:0.3055555555em 0 0.3055555555em 0.8333333333em;letter-spacing:-0.0416666666em}
.product-giga .notice li:before {content:'*';display:block;position:absolute;top:0.5625em;left:0;color:#ff5c49}
.product-giga .notice a {color:#b7b7b7}
.product-giga .voucher-form {padding:1.515625em 1.125em 1.125em;border-bottom:0.0625em solid #e8e9eb;background-color:#f8f9fb;text-align:center}
.product-giga h2 {display:block;font-size:0.9375rem;font-weight:bold;line-height:1.2}
.product-giga .desc {display:block;padding:0.4423076923em 1em 1.403846153846em;font-size:0.8125em;line-height:1.3846153846}
.product-giga .btn-basic {margin-top:0.875em}
.product-giga .ipt {display:inline-block;width:100%;height:2.5em;font-size:1rem;line-height:1.5em;border:0.0625em solid #bfbfbf;border-radius:0.125em;padding:0 0.6041666666em;color:#29292c;-webkit-appearance:none}
.product-giga .ipt-basic {display:inline-block;width:100%;height:3.076923076923em;font-size:0.8125rem;line-height:3em;border:0.076923076923em solid #ccc;border-radius:0.230769230769em;padding:0 0.846153846153em;background-color:#f8f9fb;color:#444;-webkit-appearance:none}
.product-giga .btn {display:inline-block;width:100%;height:2.352941176470588em;font-size:1.0625rem;line-height:2.411764705882353em;background-color:#e4e4e4;color:#4b4b4b;text-align:center;border-radius:0.1176470588235294em;-webkit-appearance:none}
.product-giga .btn:active {background-color:#cdcdcd}
.product-giga .btn-basic {display:inline-block;width:100%;height:3.42857142857em;font-size:0.875rem;line-height:3.42857142857em;background-color:#e4e4e4;color:#fff;text-align:center;font-weight:bold;border-radius:0.32142857142857em;-webkit-appearance:none}
.product-giga .btn-basic.btn-red {background:red;background:-webkit-linear-gradient(left, #fe9878, #fe452c);background:-o-linear-gradient(right, #fe9878, #fe452c);background:-moz-linear-gradient(right, #fe9878, #fe452c);background:linear-gradient(to right, #fe9878, #fe452c)}
.product-giga .btn-basic.btn-red:before {background:red;background:-webkit-linear-gradient(left, #fe9878, #fe452c);background:-o-linear-gradient(right, #fe9878, #fe452c);background:-moz-linear-gradient(right, #fe9878, #fe452c);background:linear-gradient(to right, #fe9878, #fe452c)}
.product-giga .list-product .special{color:#fff}
.product-giga .list-product .special{background:red;background:-webkit-linear-gradient(left, #ff8b52, #ff503b);background:-o-linear-gradient(right, #ff8b52, #ff503b);background:-moz-linear-gradient(right, #ff8b52, #ff503b);background:linear-gradient(to right, #ff8b52, #ff503b)}
.product-giga .list-product .special:before {background:red;background:-webkit-linear-gradient(left, #ff8b52, #ff503b);background:-o-linear-gradient(right, #ff8b52, #ff503b);background:-moz-linear-gradient(right, #ff8b52, #ff503b);background:linear-gradient(to right, #ff8b52, #ff503b)}
.product-giga .list-product .special .title{padding:0.45238095238em 0 0 0;font-size:1.25rem;line-height:1}
.product-giga .list-product .special .blt-desc{background:#fff;color:#ff614e}
.product-giga .list-product .special .info{display:inline-block;padding-bottom:0.375em;line-height:1}
.product-giga .list-product .special .price{color:#fff}
.product-giga .list-product .special .orig-price{color:#8d301f}
.product-giga .list-product .special .btn-payment{color:#fff;border-color:#fff}

/* 1800914 초특가할인 */
.pay .product.bigsale .item{padding:0.3em 0 0}
.pay .product.bigsale .icontext{color:#ee6c66}

/* 알뜰음악감상 */
.product-measure {padding:3em 0 15.3125em;max-width:720px;margin:0 auto; font-family:'NotoSans';}
.webview .product-measure {padding:0}
.product-measure .title {position:relative;width:100%;padding-top:183.3333%;font-size:0;line-height:0;background:url('//image.genie.co.kr/imageg/mobile_web/payment/econo_tit.png') no-repeat 0 0;background-size:100% auto}
.product-measure .title li{width:30%; height:16%; position: absolute; display:block;}
.product-measure .title li a{display:block;width:100%; height:100%;}
.product-measure .title .normal{left:17%; bottom:4.6%; }
.product-measure .title .point{left:53%; bottom:4.6%; }
.product-measure .title .detail{left:64%; bottom:23%; }
.product-measure .usage {position:relative;width:100%;padding-top:105.5555%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/econo_amount.png') no-repeat 0 0;background-size:100% 100%}
.product-measure .btn-inquiry {display:block;position:absolute;top:27%;left:21%;width:58%;height:11%;font-size:0;line-height:0;text-indent:-9999px}

.product-measure .join {position:relative;width:100%;padding-top:230.5555555555556%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/econo_join_181030.png') no-repeat 0 0;background-size:100% auto}
.product-measure .join div{position:relative;}
.product-measure .join div h4{position:absolute;left:0; top:-2em; text-indent:-9999em}
.product-measure .join div button{position:absolute; left:30%; bottom:9%; text-indent:-9999em; width:40%; height:12%}
.product-measure .join .normal{height:45%;position:absolute; left:0; top:0;width:100%;}
.product-measure .join .point{height:55%; position:absolute; left:0; top:45%; width:100%; }
.product-measure .join .point button{bottom:6%}
.product-measure .join .kt_member{width:77%; bottom:22%; left:11.2%; display:block; position:absolute;font-size:110%}
.product-measure .join .kt_member a{font-size:0.867em;border:1px solid #6d6d73; border-radius:1.5em; width:5.833em; line-height:2.2em; height:2.200em; position:absolute; bottom:0;right:0px;color:#2f2f37;letter-spacing: -1px;text-align: center;}
.product-measure .join .kt_member em{font-size:0.867em; color:#ff5b62; font-weight:bold;position:absolute; bottom:0.4em;right:0px;}

.product-measure .tb-measure{color:#2f2f37; position:absolute;top:42%;left:6%;width:88%;font-size:120%;line-height:1em;letter-spacing:-0.03em; font-size:90%}

.product-measure .tb-measure th {width:24%;height:3.6em;padding-right:3%;border-bottom:0.08333333333em solid #ccc; }
.product-measure .tb-measure thead th {text-align:right}
.product-measure .tb-measure tbody th {font-weight:normal;text-align:left}
.product-measure .tb-measure th span {font-size:0.833333333333em; color:#8c8c8c}
.product-measure .tb-measure td {height:3.6em;padding-right:3%;font-weight:bold;border-bottom:0.08333333333em solid #ccc;text-align:right}
.product-measure .tb-measure .first {width:auto;padding-left:1.6%;text-align:left}
.product-measure .tb-measure .red {color:#ff5b62}
.product-measure .desc {position:relative;width:100%;padding-top:62.2222%;font-size:0;line-height:0;background:url('//image.genie.co.kr/imageg/mobile_web/payment/econo_bnr.png') no-repeat 0 0;background-size:100% auto;text-indent:-9999px}
.product-measure .desc .btn-month {display:block;position:absolute;top:48%;left:40%;width:43%;height:17%}
.product-measure .notice {padding-bottom:1.6em}

.product-year{padding:3em 0 15.3125em}
.nav.buy li{width:20%; }
.header.fixed .nav{top: 3em; width:100%; background: #fff}
.webview .product-year{padding:3em 0 0 0}
.webview .header.fixed .nav{top:0;}

/* product */
.product-year h2{padding:0; position:relative;}
.product-year h2 a{position:absolute; left:7%; top:68%; width:32%; height:18%; text-indent:-9999em}
.product-year h2 img{width:100%}
.product-content{padding:0.729em; padding-bottom:0; overflow:hidden; border-bottom:0.042em solid #a6afb6}
.product-year .product-list {overflow:hidden;position: relative;background:#fff}
.product-year .product-list ul {overflow:hidden}

.product-year .product-list li {position:relative; border:0.07142857142857em solid #e8e9ea; border-radius:0.417em; margin-bottom:5.750em}
.product-year .product-list .desc{background:#f4f5f7; padding:0.917em;border-radius:0.417em 0.417em 0 0; border-bottom:0.042em solid #e8e9ea;}
.product-year .product-list .desc img{width:100%;}
.product-year .product-list .desc em{position:absolute; left:0.917em; top:-0.08em; width:2.292em; height:3.333em; background:url(//image.genie.co.kr/imageg/mobile_web/payment/special_bnr.png) 0 0; background-size:2.292em 14.000em; text-indent:-9999em;}
.product-year .product-list .desc em.hot{background-position:0 0}
.product-year .product-list .desc em.best{background-position:0 -3.542em}
.product-year .product-list .desc em.new{background-position:0 -7.083em}
.product-year .product-list .desc em.recom{background-position:0 -10.646em}
.product-year .product-list .gift_info{padding:1.250em 0.938em 0.4em}
.product-year .product-list .gift_info:after{content:""; clear:both; display:block}
.product-year .product-list .gift_info dt{color:#0096ff; font-size:0.917em; margin-bottom:0.5em; height:1em;overflow:hidden; width:100%}
.product-year .product-list .gift_info dd{color:#27282d; width:60%; float:left; font-weight:bold; padding-top:0.15em; height:2em; line-height:1.7em; overflow:hidden;}
.product-year .product-list .gift_info dd.price{font-size:1.250em; width:40%; text-align:right; line-height:1.4em}
.product-year .product-list .gift_info dd.price em{font-size:0.700em; vertical-align:0.15em;padding-left:0.1em; font-weight:normal}
.product-year .btn-purchase {display:block;position:absolute;left:50%;bottom:-3.667em;transform:translateX(-50%);width:11.667em; height:2.667em;font-size:1em;line-height:2.667em;background:#434354;text-align:center;color:#fff; border-radius:1.250em; font-weight:bold;}
.product-year .btn-purchase.disable{background:#c9c9cd; color:#ffffff }

.product-year .product-list .btn-detail {top:0;left:0;width:100%;height:100%}
.product-year .product-list .btn-detail.g01 {width:50%;height:100%}
.product-year .product-list .btn-detail.g02 {width:50%;height:100%; left:50%;}
.product-year .caution{padding:0 3vw 4.44444444444vw 2.77777777778vw;text-align:left; background:#f7f9fc}
.product-year .caution  h2{font-size:3.88888888889vw;color:#27282d;font-weight:700;padding-left:1.1111111111vw;padding-top: 4.44444444444vw;}
.product-year .caution ul li{font-size:3.33333333333vw;color:#63717d;line-height:5vw;padding:1.38888888889vw 0 1.38888888889vw 4vw;position:relative}
.product-year .caution ul li:before{content: '';position: absolute;top:3.266667vw;left:1.66666666667vw;width:0.55555555556vw;height: 0.55555555556vw;font-size: 1rem;background: url(//image.genie.co.kr/imageg/mobile_web/common/icon_dot.png) no-repeat 0 0;background-size: 100% 100%;}
.product-year .caution ul li .indent {position:relative;padding-left:1.0555555555em; padding-top:0.69444444444vw}
.product-year .caution ul li .indent span{display:block;position:absolute;top:0.69444444444vw;left:0}

/* 190320 사은품문의 */
.popup .pop-contents.gift{padding:1.125em; height:29em; overflow:auto;}
.popup .pop-contents.gift p{padding-bottom:0.952em; font-size:0.875em; line-height: 1.4em;}
.popup .pop-contents.gift table{width:100%; }
.popup .pop-contents.gift th, .popup .pop-contents.gift td{border:1px solid #e5e9ec; text-align:left;}
.popup .pop-contents.gift th{font-size:0.792em; padding:0 0.658em; line-height:2.605em; color:#63717d}
.popup .pop-contents.gift td{font-size:0.708em; padding:0.882em 0.735em; color:#27282d;    line-height: 1.5em;}
.popup .pop-contents.gift .list li{margin-top:0.7em;}
.popup .pop-contents.gift .list li:last-child{margin-top:0.3em}

/***** payment *****/
.payment {padding:3em 0 16.889em;font-size:1rem; background:#f7f9fc}
.webview .payment {padding:0 0 1em}
.payment .red {color:#f44047}
.payment .red a {color:#f44047}
.payment .purple {color:#5b56a2}
.payment .blue {color:#09b8ca}
.payment h2 {position:relative;line-height:2.5625em;padding:0.125em 0.75em 0;font-size:1rem}
.payment h2:first {padding-top:0.25em}
.payment h2 .btn-toggle {display:block;position:absolute;top:50%;right:0.6666666666em;margin-top:-0.3645833333em}
.payment h3 {padding:0.9047619047619em 1.142857142857em 0;font-size:0.875rem;line-height:1.6904761904em}
.payment sup{vertical-align: super;line-height:0}
.payment .desc-title {display:block;padding:0 1em 0.6944444444em;margin-top:-0.8333333333em;font-size:0.75rem}
.payment .list-title{display:block;padding:1em 1.2em 0 1.2em;font-size:0.625rem;1.6666666666em}
.payment .list.presa {padding:0.5em 1.2em;border-top:none;border-bottom:0;font-size:0.625rem;line-height:1.5em}
.payment .list.presa li {padding:0.1666666666em 0 0.1666666666em 1.2em;word-break:keep-all}
.payment .list.presa li:before {content:'※';display:block;position:absolute;left:0;width:0.25em;height:0.0625em;font-size:0.625rem}
.payment .list.presa li a {vertical-align:baseline}
.payment .desc {display:block;padding:0.5em 1.2em;line-height:1.6666666666em}
.payment .desc-point {padding-top:0.63333333333em;line-height:1.4em}
.payment .list .indent {position:relative}
.payment .list .indent-none {position:relative;padding-left:1.0555555555em;line-height:1.5em}
.payment .list .indent-none:before {content:'-';display:block;position:absolute;top:0;left:0}
.payment .total {margin:1.42857142857em 1.142857142857em 0;padding:0 0.857142857em;border:0.07142857142857em solid #27282d;font-size:0.875rem;line-height:2.1190476em;background-color:#fff;border-radius:0.16666em}
.payment .cash-balance + div .total {margin-top:0}
.payment .total h2 {width:100%;font-weight:bold;font-size:1rem;line-height:2.75em;padding:0}
.payment .total dl {overflow:hidden;border-top:0.07142857142857em solid #eef1f4}
.payment .total dt {float:left;clear:both;width:50%;color:#63717d}
.payment .total dd {float:right;width:50%;text-align:right}
.payment .total .price-info {padding:0.833333333em 0}
.payment .total .total-price {padding:1.0476190476em 0 0.738095238em;line-height:1.2142857142857em}
.payment .total .text-large {font-size:1.5rem;vertical-align:top}
.payment .list .ipt-direct {display:block;top:50%;left:7.3333333333em;right:0;margin-top:-1.07142857142857em}
.payment .list-agree {padding:0.9166666666em 1.3333333333em 1.25em;font-size:0.75rem}
.payment .list-agree li {padding:0.4166666666em 0;word-break:keep-all}
.payment .list-agree a {display:inline-block;vertical-align:top;margin-top:0.23em}
.payment .btn-wrap {padding:0 1em 0.0833333333em;font-size:1rem}
.payment .btn-wrap.submit {margin:1.25em 0 0.8958333333em}
.payment .btn-wrap.pd {padding:1.25em 1em 0.625em}
.payment .btn-wrap.col-2 .btn {width:49.3902439%;float:left}
.payment .btn-wrap.col-2 .btn:last-child {float:right}
.payment .kt-auth-before {line-height:1.38095238em;padding:0.90476190476em 1.142857em 1em 1.142857em;text-align:center}
.payment .kt-auth-before .btn, .payment .kt-auth-after .btn {display:block;width:11.857142857em;margin:0.523809523em auto 0}
.payment .kt-auth-before .desc{display:block;padding:0.75em 1.5em 0;font-size:0.75rem;line-height:1.3333333333em}
.payment .kt-auth-after {overflow:hidden;padding:0;border-top:0;font-size:1.125rem;line-height:1.3333333333em;text-align:center}
.payment .kt-auth-after dl {display:block;float:left;position:relative;width:33%;padding:0.5555555555em 0 0.6666666666em}
.payment .kt-auth-after dl:nth-child(2) {width:34%;border-left:0.0555555555em solid #eef1f4;border-right:0.0555555555em solid #eef1f4}
.payment .kt-auth-after dl:nth-child(2):before {content:'';display:block;position:absolute;top:50%;left:-0.75em;width:1.5em;height:1.5em;font-size:1rem;margin-top:-0.75em;background:url('//image.genie.co.kr/imageg/mobile_web/payment/icon_math_sign.png') no-repeat 0 0;background-size:300% 100%}
.payment .kt-auth-after dl:nth-child(2):after {content:'';display:block;position:absolute;top:50%;right:-0.75em;width:1.5em;height:1.5em;font-size:1rem;margin-top:-0.75em;background:url('//image.genie.co.kr/imageg/mobile_web/payment/icon_math_sign.png') no-repeat 100% 0;background-size:300% 100%}
.payment .kt-auth-after dt {padding-top:0.2222222222em;font-size:0.75rem;line-height:1.6666666666em}
.payment .kt-auth-after.lack-point {padding:1em 1em 1.07142857142857em 1em;font-size:0.875rem}
.payment .lack-point .desc {padding:0.75em 0 0.083333333em;font-size:0.75rem;line-height:1.3333333333em}
.payment .list-point li {width:100%;min-height:3.142857142857em;padding:0.857142857142857em 14.38095238095em 0.7142857142857em 0;border-bottom:0.07142857142857em solid #eef1f4; }
.payment .list-point li:last-child {border:0}
.payment .list-point .has-desc {padding:0}
.payment .list-point .li-wrap {position:relative;width:100%;min-height:3.142857142857em;padding:0.8809523809523em 16.38095238095em 0.8809523809523em 0}
.payment .list-point .point-name {display:inline-block}
.payment .list-point li:first-child .point-name {padding-left:1.7142857142857em}
.payment .list-point .btn-charge {display:inline-block;padding-right:0.7777777777em;font-size:0.75rem;vertical-align:top;background:url('//image.genie.co.kr/imageg/mobile_web/common/icon_arrow_blue.png') no-repeat 100% 50%;background-size:0.5833333333em auto}
.payment .list-point .point {position:absolute;top:50%;right:10.8em;width:5.523809523em;margin-top:-1em;line-height:2.142857142857em;text-align:center;vertical-align:middle;word-break:break-all;}
.payment .list-point .btn-point {position:absolute;top:50%;right:12.4em;width:6.4444444444em;font-size:0.75rem;line-height:2.5em;margin-top:-1.1666666666em;text-align:center}
.payment .list-point .ipt {position:absolute;top:50%;right:5.7em;width:5em;margin-top:-1.07142857142857em;text-align:right;font-weight:bold}
.payment .list-point .btn {position:absolute;top:50%;right:1.3333333333em;width:5em;margin-top:-1.25em;}
.payment .list-point .icon-hot {display:block;position:absolute;top:-0.0625em;left:-0.60416666666em;width:1.5625em;height:2.0625em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/payment/icon_hot.png') no-repeat 0 0;background-size:100% auto;line-height:0;text-indent:-9999px}
.payment .list-point .desc {position:relative;line-height:1.4em;margin:-0.1333333333em 1.6em 1em 0;border:0.1em solid #eef1f4;border-radius:0.2em;background-color:#f7f9fc;word-break:keep-all}
.payment .list-point .desc:before {content:'';display:block;position:absolute;top:-0.6666666666em;left:3.0833333333em;width:0.75em;height:0.66667em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/payment/icon_edge.png') no-repeat 0 0;background-size:100% auto}
.payment .list-ipt {padding-top:0.2619047619em;padding-bottom:0.07142857em}
.payment .list-ipt dt {border:0;padding:0.5em 0;width:28.3333333333vw}
.payment .list-ipt dt.bt, .payment .list-ipt dd.bt {border-top:0.07142857142857em solid #eef1f4}
.payment .list-ipt .middle {padding:0.8095238095238em 0 0 0}
.payment .list-ipt dd {padding:0.5em 1.1190476190476em 0.5em 0;border:0;margin-left:28.3333333333vw}
.payment .list-ipt dd .desc {padding:0 0.3333333333em 0.5em 0.3333333333em}
.payment .list-ipt dd .ipt, .payment .list-ipt dd .selectbox, .payment .list-ipt dd .textarea {width:99.8%}
.payment .list-ipt .col-2 {margin-right:1.142857142857em}
.payment .list-ipt .col-2 label {float:left;width:49.9%}
.payment .list-ipt .list-select li{margin-bottom:1.94444444444vw}
.payment .list-ipt .list-select li img{height:14.30555555556vw;vertical-align:middle;position: absolute;top:0.333333vw;left:-21vw}
.payment .list-ipt .list-select li label{margin-left:21vw;height:14.30555555556vw;vertical-align: middle;line-height:14.30555555556vw;padding-left: 1.871429em;}
.payment .list-ipt .list-select li .radio + label:before{top:50%;margin-top:-0.625em}
.payment .list-ipt .list-select li label span{line-height:5vw;display:inline-block;vertical-align:middle;padding-right:0;word-break: keep-all;min-height:24px}
.payment .list-ipt .list-select li:last-child {padding-bottom:0}
.payment dd.gift-list{padding:0;overflow:hidden}
.payment .list-select {padding:1.3em 0 0 0;margin-right:-1em;width: 100%;overflow: hidden}
.payment .gift-addr{line-height:36px}
.payment .gift-addr input:first-child{width:55%;float:left}
.payment .gift-addr *{vertical-align:top;display:block;margin-bottom:0.416666rem}
.payment .gift-addr .find{background:#acb7c7;height:1.875rem;overflow:hidden;border:0;color:#fff;width:42%;float:right;border-radius:0.142857142857em;line-height:1.875rem;font-size:0.875rem}
.payment .gift-addr input::-webkit-input-placeholder {color:#a0a0a0}
.payment .gift-addr input::-moz-placeholder {color:#a0a0a0}
.payment .gift-addr input:-ms-input-placeholder {color:#a0a0a0}

.payment .box-agree {padding:0.9375em 1em 1.75em}
.payment .caution-duplication {padding:30.74074074% 0.5em 1.9583333333em;border-bottom:0.0625em solid #eef1f4;background:url('//image.genie.co.kr/imageg/mobile_web/common/icon_caution.png') #fff no-repeat 50% 1.875em;background-size:19.4444444444% auto;text-align:center}
.payment .caution-duplication .title {line-height:1.8333333333em;padding:0}
.payment .caution-duplication .txt {font-size:0.75rem;line-height:1.5em}
.payment .complete small.desc{padding:0.5em 1.2em 0.5em 0}
.gift-payment {position:relative;width:100%;background-color:#e6faff}
.gift-payment .complete h2 {display:block;max-width:640px;margin:0 auto;padding:0}
.gift-payment .complete h2 span {display:block;width:100%;padding-top:25%;margin:0 auto 5%;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/payment/title_receive_gift_complete.png') no-repeat 50% 100%;background-size:76.5625% auto;line-height:0;text-indent:-9999px}
.gift-payment .complete .msg {position:relative;width:88.125%;margin:0 auto;padding:0 5%;border:0.1458333333em solid #48c1c9;font-size:1rem;background-color:#fff}
.gift-payment .complete .icon-tag {position:absolute;top:-0.1458333333em;left:-0.1458333333em ;width:3.1666666666em;height:3.1666666666em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/payment/icon_send_message.png') no-repeat 0 0;background-size:100% auto;line-height:0;text-indent:-9999px}
.gift-payment .complete h3 {display:block;padding:1.11538461538462em 0 0;font-size:0.9166666666rem;line-height:1.23076923076923em;text-align:center}
.gift-payment .complete .desc {display:block;padding:0.6111111111em 0 0.7777777777em;font-size:0.625rem;line-height:1.2222222222em;text-align:center}
.gift-payment .complete dl {display:block;width:100%;padding:0.2em 2.15em 0.7em;font-size:0.7083333333rem;line-height:1.15em;background-color:#f6f6f6}
.gift-payment .complete dt {display:inline-block;padding:0.55em 0 0 0.65em;background:url('//image.genie.co.kr/imageg/mobile_web/payment/dot_9d.png') no-repeat 0 0.9em;background-size:0.3em auto}
.gift-payment .complete dd {display:inline-block;padding:0.55em 0 0 0}
.gift-payment .complete .url {display:block;width:100%;padding:0}
.gift-payment .complete .url a {color:#0049ff;text-decoration:underline;word-break:break-all}
.gift-payment .complete .notice {padding:0.8888888888em 0 0.6666666666em;font-size:0.625rem;line-height:1.3333333333em;color:#a4a4a4}
.gift-payment .complete .notice li {padding:0 0 0 0.7222222222em;background:url('//image.genie.co.kr/imageg/mobile_web/payment/dot_a4.png') no-repeat 0 0.4444444444em;background-size:0.3333333333em auto}
.gift-payment .complete .btns {display:block;max-width:640px;margin:0 auto}
.gift-payment .complete .btn-phone {display:block;width:58.125%;padding-top:13.28125%;margin:3.125% auto 4.0625%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/btn_send_gift.png') no-repeat 0 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.gift-payment .caution {width:100%;padding:0.9em 1.5em 0.55em 1.7em;font-size:0.7083333333rem;line-height:1.4em;background-color:#cde1e7;text-align:left;color:#74868b}
.gift-payment .caution li {padding-left:0.7em;background:url('//image.genie.co.kr/imageg/mobile_web/payment/dot_a4.png') no-repeat 0 0.45em;background-size:0.3em auto}
.payment .discount-graph {display:block;padding:0 1.56862745098vw 0;margin-top:0.8333333333em;font-size:1rem;position:relative}
.payment .discount-graph .sale{position: absolute;font-size:3.8vw;top:8vw;left:30.5vw;color: #fff;width:17.1vw;text-align:center;line-height:6vw; text-indent:0}
.payment .discount-graph .cost{position: absolute;font-size:3.8vw;top:8vw;right:6.5vw;color: #fff;width:17.64705882353vw;text-align:center;line-height:6vw;text-indent:0}
.payment .discount-graph p {display:block;width:100%;padding-top:42.424242424242%;background:url('//image.genie.co.kr/imageg/mobile/payment/discount_graph_r5.png') no-repeat 0 0;background-size:100% 500%;line-height:0;text-indent:-9999px}
.payment .discount-graph .graph-1 {background-position:0 0}
.payment .discount-graph .graph-2 {background-position:0 25%}
.payment .discount-graph .graph-3 {background-position:0 50%}
.payment .discount-graph .graph-4 {background-position:0 75%}
.payment .discount-graph .graph-5 {background-position:0 100%}

.payment .discount-graph.cjone p {display:block;width:100%;padding-top:42.424242424242%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/graph_cjone.gif') no-repeat 0 0;background-size:100% 600%;line-height:0;text-indent:-9999px}
.payment .discount-graph.cjone .graph-1 {background-position:0 0}
.payment .discount-graph.cjone .graph-2 {background-position:0 20%}
.payment .discount-graph.cjone .graph-3 {background-position:0 40%}
.payment .discount-graph.cjone .graph-4 {background-position:0 60%}
.payment .discount-graph.cjone .graph-5 {background-position:0 80%}
.payment .discount-graph.cjone .graph-6 {background-position:0 100%}
.payment .discount-graph.cjonevip p {display:block;width:100%;padding-top:42.424242424242%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/graph_cjone_vip.gif') no-repeat 0 0;background-size:100%;line-height:0;text-indent:-9999px}
.payment .discount-graph.guidance p{display:block;width:100%;padding-top:42.424242424242%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/graph_guidance.gif') no-repeat 0 0;background-size:100%;line-height:0;text-indent:-9999px;}

.payment .discount-graph .graph-ai {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_ai.png') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .discount-graph .graph-100 {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_100.png') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .discount-graph .graph-auto {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_lg.gif') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .discount-graph .graph-16-month {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_16.png') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .discount-graph .graph-18-month {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_18.png') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .discount-graph .graph-cgv {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_cgv.gif') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .discount-graph .graph-cgv49 {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_cgv49.png') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .discount-graph .graph-cgv59 {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_cgv59.png') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .discount-graph .graph-mzone {background:url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_mzone.gif') no-repeat 0 0;background-size:100% 100%;background-position:0 0}
.payment .cash-balance {padding:1.08333333333em 1em 1.04166666666em;line-height:2.25em}
.payment .cash-balance dt {display:block;width:50%;float:left}
.payment .cash-balance dd {display:block;width:50%;float:left;font-size:1.5em;text-align:right}
.payment .list.charge-method li {padding-top:0.595238095238em}
.payment .method-info {display:none;margin-top:0.7857142857142857em;padding:0 0.857142857em;border:0.07142857142857em solid #27282d;border-radius:0.142857142857em}
.payment .method-info.active {display:block}
.payment .method-info dd {padding-right:0;text-align:right}
.payment .method-info .txt {display:block;padding:1.5em 1em 1.690476190476em;border-top:0.07142857142857em solid #eef1f4;line-height:1.5}
.payment .re-msg {font-size:0.75rem;line-height:1.5em;padding:2.5555555556em 2.22222222222em;border-top:0.07142857142857em solid #eef1f4;border-bottom:0.07142857142857em solid #eef1f4;background-color:#fff;text-align:center}
.payment .re-msg strong {font-size:1rem;color:#27282d}
.payment .re-msg p {padding-top:0.4375em;color:#63717d}

.payment .box.econo_point{position:relative;}
.payment .box.econo_point .sm{display:block; color:#8c8c8c; font-size:0.714em; line-height:1.4em; padding-top:0.5em}
.payment .box.econo_point .have_point{text-align: right; font-size: 0.857em;position: absolute;-webkit-transform: translateY(-50%); transform: translateY(-50%);right:1.142857em;top:50%; color:#8c8c8c;}
.payment .box.econo_point .have_point span{font-size:1.167em; color:#ff5b62}
/***** cancel *****/
.webview .cancel{padding:0}
.cancel {position:relative;padding:3em 0 14em}
.cancel .sub-title {position:relative;padding:0.75em 0.75em 0.6458333333em;border-bottom:0.07142857142857em solid #e5e9ec;font-size:1rem;line-height:1.5em}
.cancel .list-right li {margin:0 0 0 0.857142857em;padding:1.095238095238em 0.857142857em 0.97619047619em 0;border-bottom:0.07142857142857em solid #eef1f4}
.cancel .list-right li:after {content:"";display:block;clear:both}
.cancel .list-right li .re-product {position:relative;padding:0 0 0 2.5em}
.cancel .list-right li .re-product dl:before {content:'';display:block;position:absolute;top:0.15em;left:0.625em;width:1.25em;height:1.25em;background:url('//image.genie.co.kr/imageg/mobile/payment/blt_re_product.png') no-repeat 0 0;background-size:100% auto}
.cancel .list-right li .re-product dd{line-height:1.5}
.cancel .list-right li .re-product .btn {width:50%;max-width:6.25em}
.cancel .list-right li:last-child{margin:0;padding:1.095238095238em 0.857142857em 0.97619047619em}
.cancel .list-right dl {float:left;width:66%}
.cancel .list-right dt {font-size:0.875rem;line-height:1.2}
.cancel .list-right dd {padding-top:0.4444444444em;font-size:0.75rem;vertical-align:top}
.cancel .list-right .btn {float:right;width:25%;max-width:6.25em}
.cancel .list-right .btn.btn-txt{line-height:1.1rem; padding-top:0.2rem}
.cancel .no-data {width:100%}
.cancel .no-data .msg {padding:3em 0;border-bottom:0.07142857142857em solid #eef1f4;font-size:0.875rem;line-height:1.2;text-align:center;background:#fff}
.cancel .list sup {line-height:0;vertical-align:super}

/***** giftcard *****/
.giftcard {padding:0 0 15.3125em}
.giftcard .tab {position:relative;width:100%;border-bottom:0.0625em solid #a6afb6;background-color:#fff}
.giftcard .tab li {display:block;float:left;position:relative;width:50%;height:2.92857142857em;font-size:0.875rem;line-height:3em;text-align:center}
.giftcard .tab .active:before {content:'';display:block;position:absolute;bottom:-0.07142857142857em;left:0;width:100%;height:0.142857142857em;background-color:#4fbbda}
.giftcard .tab a {display:block;width:100%;height:100%;color:#27282d;opacity:0.7}
.giftcard .tab .active a {color:#4fbbda;opacity:1}
.giftcard .sub-title {display:block;padding:1.102564102564em 1.230769230769em;font-size:0.8125rem;line-height:1.5}
.giftcard .regist {padding:0 1em}
.giftcard .btns {padding:0.75em 0 0.125em}
.giftcard.complete {padding:6em 1em 19.0625em}
.giftcard.complete .title {padding:0 0 0.296296296296em;font-size:1.125rem;line-height:1.6904761904em}
.giftcard.complete .txt {display:block;padding-bottom:1.28205128205128em;font-size:0.8125rem;line-height:1.30769230769em}


/***** download *****/
.download {padding:3.0625em 0 14.375em}
.download .sub-title {display:block;padding:0.8974358974358em 1.230769230769em 0.9230769237969em;font-size:0.8125rem;line-height:1.5}
.download .auth-wrap {padding:1em 1em 0.1041666666em}
.download .auth-wrap .agree {margin:0 0 1.125em}
.download .desc {display:block;padding:0.6333333333em 1.6em 0;font-size:0.625rem;line-height:1.7}
.download .list-download {padding:0 1em 0.9375em;border-top:0.0625em solid #eef1f4;border-bottom:0.0625em solid #eef1f4;line-height:3.076923076923}
.download .list-download .title {display:block;padding:0.6666666666em 0 0.738095238095em;font-size:0.875rem}
.download .list-download ul {margin-bottom:0.4791666666666em;border-top:0.07142857142857em solid #eef1f4}
.download .list-download li {position:relative;height:3.076923076923em;border-bottom:0.076923076923em solid #eef1f4;font-size:0.8125rem}
.download .list-download a {display:block;width:100%;height:100%}
.download .list-download a:before {content:'';display:block;position:absolute;top:50%;right:0.2083333333em;width:1.125em;height:1em;margin-top:-0.5em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/download/btn_down.png') no-repeat 0 0;background-size:100% auto}
.download .list-download .num {display:block;float:left;width:7.5%;height:100%}
.download .list-download .track {display:block;float:left;width:49.8%;height:100%;padding-right:3%}
.download .list-download .artist {display:block;float:left;width:34%;height:100%}
.download .list-download .title-message {display:block;float:left;width:40%;padding:0;font-size:0.875rem;line-height:3.076923076923}
.download .list-download .send-info {display:block;float:left;width:60%;padding:0;font-size:0.875rem;text-align:right}
.download .list-download .box {min-height:5em;padding:0.3809523809523em 0.642857142857em;border:0.076923076923em solid #fafafa;border-radius:0.142857142857em;font-size:0.875rem;line-height:1.6190476190476em}
.download .btn-wrap {padding:1em 1em 0}

/***** member *****/
.member {padding:3em 0 15.3125em}
.member.join {padding-top:5.5625em}
.webview .member {padding:0 0 1.25em;min-height:23rem}
.webview .member.join {padding:2.625em 0 1.25em}
.member .sub-title {position:relative;font-size:1rem;line-height:1.5em;padding:0.75em 0.75em 0.6458333333em}
.member .sub-title.double{font-size:0.875rem;line-height:1.125rem;padding-top:0.8125rem;padding-bottom:0.6875rem}
.member .btn-wrap {padding:0 1em 0.0833333333em}
.member .btn-wrap.submit {margin-top:1em}
.webview .member .btn-wrap.submit.col-2{padding: 0 1em 0.0833333333em;left: 0;right: 0}
.webview .member .btn-wrap.submit{position:absolute;bottom:1.125rem;width:100%}
.member .txt {display:block;padding:0 1.230769230769em 1.025641025641em;font-size:0.8125rem;line-height:1.46153846153846em}
.member .list.arrow.full.pd-left li {padding-top:0.976190476em}
.member .list.full.pd-left.find-result li {padding-top:0.595238095238em;padding-right:12.133333em}
.member .find-result label{word-break: keep-all;}
.member .find-result .date {display:inline-block;position:absolute;top:50%;right:2em;margin-top:-0.66667em;font-size:0.75rem;line-height:1.5em}
.member .find-result .certification {position: absolute;top:50%;right:9.9em;margin-top:-0.66667em;font-size: 0.75rem;line-height: 1.5em;color:#53b4e1;}
.member .no-data {padding:7.27777777em 1em 4em}
.member .no-data .desc {display:block;margin-bottom:0.759259259259em;font-size:1.125rem;line-height:1.5}
.member .list.full .has-btn {padding-top:0.72809523809523em}
.member .list.full .has-btn.no-border {padding-bottom:0;margin-bottom:-0.16666666666em;border-bottom:0}
.member .has-btn .ipt {float:left;width:67.07%}
.member .has-btn.narrow .ipt {width:73.17%}
.member .has-btn .btn {float:right;width:30.48%}
.member .has-btn.narrow .btn {width:24.39%}
.member .list.full .has-btn .btn {height:2.25rem;line-height:2.25rem}
.member .ipt-error label {position:absolute;width:100%;height:2.57142857142857em;color:#ff5b62;text-indent:-9999px}
.member .ipt-error label:before {content:'불일치';display:inline-block;position:absolute;top:50%;right:2.7em;height:1.6em;margin-top:-0.8em;padding-right:2.066667em;font-size:0.625rem;line-height:1.8em;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_validate.png') no-repeat 100% 100%;background-size:auto 300%;text-indent:0}
.member .ipt-error .ipt {border-color:#ff5b62}
.member .ipt-success label {position:absolute;width:100%;height:2.57142857142857em;color:#4fbbda;text-indent:-9999px}
.member .ipt-success label:before {content:'일치';display:inline-block;position:absolute;top:50%;right:2.7em;height:1.6em;margin-top:-0.8em;padding-right:2.066667em;font-size:0.625rem;line-height:1.8em;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_validate.png') no-repeat 100% 0;background-size:auto 300%;text-indent:0}
.member .complete {padding:1.1041666666em 0 1.1875em;border-top:0.0625em solid #e5e9ec;border-bottom:0.0625em solid #e5e9ec;line-height:1.5;background-color:#fff}
.member .complete .result {display:block;font-size:1.5rem}
.member .complete .date {display:block;padding-top:0.77778em;font-size:0.75rem}
.member .reissue li {padding:0.83333333333em 10.2857142857em 0.69047619047619em 1.142857142857em;line-height:1.375}
.member .reissue dt {display:block;width:100%;padding:0;font-size:0.75rem}
.member .reissue dd {display:block;margin:0;padding:0;font-size:1rem;word-break:break-all}
.member .reissue .btn-reissue {position:absolute;top:50%;right:1.3333333333em;margin-top:-1.25em}
.member.complete {padding:9em 1em 19.0625em}
.webview .member.complete {padding:8.1458333333em 1em 7.25em}
.member.join.complete {padding:11.5625em 1em 19.0625em}
.member.complete .sub-title {padding:0 0 0.296296296296em;font-size:1.125rem;line-height:1.6904761904em}
.member.complete .txt {display:block;padding-bottom:1.28205128205128em;font-size:0.8125rem;line-height:1.30769230769em}
.member .change-desc {margin-bottom:-0.53333333333em;padding-top:0.6666666666em;line-height:1.6}
.member .text-small.change-pw {font-size:0.625rem;line-height:1.083333rem;padding:0.416666rem 0}
.member.change-notice {position:relative;padding:12.8541666666em 0 15.3125em}
.member.change-notice:before {content:'';display:block;position:absolute;top:5.5208333333em;left:50%;width:3.9375em;height:6.167em;margin-left:-1.96875em;background:url('//image.genie.co.kr/imageg/mobile_web/member/bg_change_pw.png') no-repeat 0 0;background-size:100% auto}
.member.change-notice .sub-title {padding:0 0 0.296296296296em;font-size:1.125rem;line-height:1.4444444444em}
.member.change-notice .txt {padding-bottom:0.7179487179487em}
.member.change-notice .btns {margin-top:3em;padding:0.9375em 0;border-top:0.0625em solid #e5e9ec;border-bottom:0.0625em solid #95a1ab;background-color:#fff}
.member .txt-wrap {padding-top:0.9375em}
.member .box-wrap {padding:0 0 1em;border-top:0.0625em solid #e5e9ec;border-bottom:0.0625em solid #e5e9ec}
.member .box-wrap + .box-wrap {margin-top:1.25em}
.member .box-wrap .sub-title {padding:0.6666666667em 1em 0.6875em}
.member .box-wrap .desc {display:block;margin-top:-0.5833333333em;padding:0 1.3333333333em 0.694444444444em;font-size:0.75rem;line-height:1.5}
.member .list .remaining {display:none;margin:-0.2666666666em 0 0.8em;line-height:1.2}
.member .list .remaining.active {display:block}
.join-step {display:block;position:fixed;top:2.9375em;left:0;width:100%;border-bottom:0.0625em solid #a6afb6;background-color:#fff;z-index:501}
.webview .join-step {top:0}
.join-step li {display:block;position:relative;float:left;width:25%;height:2.92857142857em;font-size:0.875rem;line-height:2.92857142857em;color:#808082;text-align:center}
.join-step li:before {content:'';display:block;position:absolute;top:50%;right:0;width:0.5em;height:0.875em;margin-top:-0.4583333333em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/member/blt_step.png') transparent no-repeat 0 0;background-size:300% 100%}
.join-step li:last-child:before {display:none}
.join-step li.active {color:#4fbbda}
.join-step li.active:before {background-position:100% 0}
.member .list-join-agree {padding:0 0 0.8333333333em 1em;border-bottom:0.0625em solid #e5e9ec}
.member .list-join-agree.type-auth {margin-left:1em;padding:1em 1em 0.8333333333em 0;border-bottom:0;border-top:0.0625em solid #eef1f4}
.member .list-join-agree li {position:relative;padding:1em 1em 0.1666666666em 0}
.member .list-join-agree li:first-child {padding-bottom:0.75em;border-bottom:0.07142857142857em solid #eef1f4}
.member .list-join-agree .chk-wrap {position:relative;padding-right:3.75em}
.member .list-join-agree .btn-more {display:inline-block;position:absolute;top:0;right:-0.4166666666em;padding:0.4em;font-size:0.75em;text-decoration:underline}
.member .list-join-agree .desc {display:block;padding:0.5476190476em 0 0 2.07142857142857em;margin-bottom:-0.190476190476em;font-size:0.875rem;line-height:1.42857142857}
.member .list-join-agree .box-wrap {margin-top:1.16666666666em;padding:1.1111111111em 0 1em;border:0;border-radius:0.1666666666em;font-size:0.75rem;line-height:1.4166666666;background-color:#f5f7fa}
.member .list-join-agree .box-wrap li {padding:0 0 0 0.91666666666em;border:0;text-indent:-0.91666666666em}
.member .list-join-agree th {color:#27282d}
.member .list-join-agree table, .member .list-join-agree th, .member .list-join-agree td {border-color:#e5e9ec}
.member .receive-agree {padding:0 1.142857142857em 1.142857142857em 0;border-top:0.07142857142857em solid #eef1f4}
.member .receive-agree .title {padding-top:0.7619047619047em;padding-left:0}
.member .receive-agree .desc {display:block;padding:0.16666666666em 0 0.0833333333em;font-size:0.857142857142857em;line-height:1.5}
.member .receive-agree .chk-wrap, .member .list-agree .chk-wrap {padding:0.6388888888em 0 0}
.member .list-agree {padding-bottom:0.1666666666em}
.member .complete-top {padding:1em 1em 1.875em;border-bottom:0.0625em solid #e5e9ec}
.member .advantage {padding:0.3333333333em 0 0}
.member .advantage .list-round {display:block;width:21em;margin:0 auto 0.1458333333em}
.member .advantage li {display:table;overflow:hidden;float:left;position:relative;width:9.4545454545em;height:9.4545454545em;margin:0 0.3636363636em;padding:3em 0 1em;border:0.0909091em solid #4fbbda;border-radius:50%;font-size:0.6875rem;line-height:1.272727272727;vertical-align:middle}
.member .advantage .num {display:block;position:absolute;top:0.4833333333em;left:0;width:100%;font-size:1.25rem;font-style:italic}
.member .advantage p {display:table-cell}
.member .advantage .btn-wrap {padding-top:0.8333333333em}
.member .btn-large.multiple {padding-top:0.47916666666em;line-height:1.125em}
.member .btn-large.multiple span {display:block;font-size:0.75em}
.member .auth-desc {display:block;padding:0.25em 1.3333333333em 0;font-size:0.75rem;line-height:1.5em}
.member .banner-fandom {position:relative;width:100%;padding-top:57.78%;background:url('//image.genie.co.kr/imageg/mobile_web/member/banner_fandom.png') no-repeat 0 0;background-size:100% 100%}
.member .banner-fandom a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;line-height:0;text-indent:-9999px}

.member .notice h3{padding-top:0.75rem}
.member .notice .list.blt li{padding-bottom:0.6875rem}

/* member modify */
.member.modify{background:#fff}
.member.modify .list,.member.modify .ipt{font-size:100%}
.member.modify .list li{border:0}
.form_items{padding:0 1rem;background:#fff}
.form_items p{overflow:hidden;width:100%}
.form_items .form_select + p.notice{padding-bottom:0.0625rem;width:54.87804878049%;float:left;line-height:0.875rem;padding-left:0.4375rem;padding-top:0.8625rem;position:relative}
.form_items .form_select + p.notice .ico{position:absolute;top:0.9225rem;left:0}
.form_items p.notice{padding:0.5625rem 0 0 0}
.form_items .form_select + p.notice + span{display:block;overflow:hidden;padding:0.625rem 0 0 0.5rem}
.member .uid{background:#0096ff;color: #ffffff;height:3.875rem;line-height:3.875rem;padding:0 1.142857rem 0 4.458333rem}
.member .uid .id_tit{font-size:0.875rem;position:absolute;left:1rem}
.member .uid .id_desc{font-size:1.25rem;font-weight:600}
.member.modify .form_tit{color:#27282d;font-size:0.875rem;display:block;padding-bottom:0.445833rem;font-weight:600}
.member.modify .email .form_tit{padding-bottom:0.875rem}
.member.modify .phone .form_tit{padding-bottom:0.125rem}
.member.modify .form_tit em.require{color:#ff5b62;font-weight:400}
.member.modify .form_solid{padding-bottom:0.625rem}
.member.modify #email{width:46.0365853659%;float:left;font-family:Helvetica, sans-serif}
.member.modify .form_select{width:52.743902439%;float:right;position:relative}
.member.modify .form_select .at{position:absolute;left:0.714285rem;line-height:2.25rem}
.member.modify .select{width:100%;height:2.25rem;line-height:2.25rem;border:0.0625rem solid #d7dbde;border-radius:0.142857142857rem;background:url("//image.genie.co.kr/imageg/mobile_web/common/select.png") right 0.3125rem no-repeat;background-size:2.125rem 1.5rem;-webkit-appearance: none;-moz-appearance:none;appearance:none;padding:0 1.857142rem;position:relative;z-index:0;color:#27282d;font-size:0.875rem;outline:none}
.form_items .item{padding-top:1.375rem}
.form_items .item.phone{padding-bottom:0.1875rem}
.form_items .item:after{content:'';display:block;clear:both}
.form_items .item .btn{font-size:0.875rem;height:2.25rem;line-height:2.3125rem;background-color:#acb7c7;color:#f5f7fa}
.form_items .item .btn.min{font-size:0.875rem;height:2.25rem;line-height:2.3125rem}
.form_items .item .btn.btn-blue{background-color:#0096ff}
.form_items .item .btn.btn-default{background-color:#fff;border: solid 0.0625rem #8c8c8c;color:#8c8c8c;height: 1.458rem;line-height: 1.458rem;font-size: 0.6875rem}
.form_items .phone .form_tit span:first-child{display:inline-block}
.form_items .phone .num{color:#acb7c7;display:inline-block;font-weight:400;font-size:0.875rem;padding:0 0.625rem 0 1.25rem}
.form_items .phone .status{color:#0096ff;width:3.5rem;height:2rem;border:solid 0.0625rem #0096ff;border-radius:1rem;display:inline-block;font-size:0.8125rem;line-height:2rem;font-weight:400;position:relative;top:-0.0625rem}
.member.modify input[type=text],.member.modify input[type=number],.member.modify input[type=tel]{display:inline-block;width:100%;border:0.0625rem solid #d7dbde;border-radius:0.142857142857rem;background-color:#fff;padding:0 0.523809523809rem;-webkit-appearance:none;height:2.25rem;font-size:0.875rem;color:#8c8c8c;line-height:1.5rem;outline:none}
.member.modify input[type=text].expend:disabled, .member.modify input[type=number].expend:disabled, .member.modify input[type=tel].expend:disabled {background-color: #d7dbde;border-color: #d7dbde;color: #d7dbde;box-shadow: none}
.member.modify input::-webkit-input-placeholder{color:#e0e0e0}
.member.modify input::-moz-placeholder {color:#e0e0e0}
.member.modify input:-ms-input-placeholder {color:#e0e0e0}
.member.modify input:-moz-placeholder {color:#e0e0e0}
.member.modify input.finded{background:#f2f4f6;color:#cdced0}
.member.modify .form_req{padding-bottom:0.625rem}
.member.modify .form_req.new_num{padding-top:0}
.member.modify .form_req.new_num p{padding-bottom:0.375rem}
.member.modify .form_req.certify_num{position:relative}
.member.modify .form_req.certify_num .timer{position:absolute;color:#ff5b62;font-size:0.875rem;left: 64.0243902439%;margin-left: -3.25rem;top: 0.6875rem;}
.member.modify .notice + .form_req{padding-top:0.375rem}
.member.modify .form_req input{width:64.0243902439%;float:left}
.member.modify .form_req input + span{display:block;overflow:hidden;padding-left:0.5rem}
.member.modify .form_req label{width:64.0243902439%;}
.member.modify .ipt-error{border-color:#ff5b62}
.member.modify .ipt-error label:before,.member.modify .ipt-success label:before{right: 1rem;margin-top: -0.8rem;}

.member.modify .receive_agree{border:0;padding:0.625em 0 1.4375em 0}
.member.modify .receive_agree .tit{font-size:0.875rem;font-weight:600}
.member.modify .receive_agree .chk-wrap{padding-top:0.875rem;font-size:0;}
.member.modify .receive_agree .checkbox + label:before,
.member.modify .item_check .checkbox + label:before {background-image:url("//image.genie.co.kr/imageg/mobile_web/common/blt_checkbox_210219.png")}
.member.modify .receive_agree .chk-wrap label{width:7.642857rem;font-size:0.875rem}
.member.modify .item_check strong {font-size: 0.875rem;}
.member.modify .item_check .more {width: 4.667rem;display: inline-block;position: relative;top:-0.2083rem;margin-left: 0.08333rem}

/* popup-responsive */
.popup-responsive{background:#fff}
.popup-responsive .wrap{text-align:center;font-size:12px;font-size:0.75rem}
.popup-responsive .confirm{padding:100px 0 30px 0;padding:6.25rem 0 1.875rem 0}
.popup-responsive .confirm h1{padding:39px 0 35px 0;padding:2.4375rem 0 2.1875rem 0;font-size:14px;font-size:1rem;color: #444;font-weight:700;background:url("//image.genie.co.kr/imageg/mobile_web/svg/genie_bi.svg") center 0 no-repeat;background-size:52px 23px;background-size:3.25rem 1.4375rem}
.popup-responsive .confirm p{line-height:21px;line-height:1.3125rem;padding-bottom:32px;padding-bottom:2rem}
.popup-responsive .confirm a.link{width:206px;width:12.875rem;height:45px;height:2.8125rem;display:block;margin:0 auto;line-height:45px;line-height:2.8125rem;background-color: #4fbbda;border-radius:0.3125rem;color:#fff;font-size:12px;font-size:0.75rem;font-weight:700}


@media screen and (max-device-width:860px) and (orientation:landscape) {
	.popup-responsive .confirm{padding:2.5rem 0}
}

@media screen and (min-width:1025px) {
	.popup-responsive .wrap{font-family:dotum, '돋움', arial, verdana, hevetica, geneva, sans-serif;font-size:12px}
	.popup-responsive .confirm{padding-top:100px}
	.popup-responsive .confirm h1{font-size:14px;background-size:52px 23px}
	.popup-responsive .confirm a.link{width:206px;height:45px;line-height:45px}
}

/* search address */
.wrap_window_layer{position:fixed;width:100%;height:100%;top:0;z-index:1000;background-color:#fff}
.wrap_window_layer .header.fixed{z-index:1001}
.webview .wrap_window_layer .header.fixed{position:static}
.wrap_search_address {padding:0 0 4.25em;font-size:1rem;overflow:auto;height:100%;margin-top:3em}
.webview .wrap_search_address {margin-top:0}

.wrap_search_address .search input{display:inline-block;border:0.0625rem solid #d7dbde;border-radius:0.142857142857rem;background-color:#fff;padding:0 0.523809523809rem;-webkit-appearance:none;height:2.25rem;line-height:1.5rem;font-size:0.875rem;color:#27282d;width:76.2195121951%;float:left}
.wrap_search_address .search{padding:1.25rem 1rem 0 1rem}
.wrap_search_address .search input::-webkit-input-placeholder {color:#8c8c8c}
.wrap_search_address .search input::-moz-placeholder {color:#8c8c8c}
.wrap_search_address .search input:-ms-input-placeholder {color:#8c8c8c}
.wrap_search_address .search input:-moz-placeholder {color:#8c8c8c}
.wrap_search_address .search input + span{display:block;overflow:hidden;padding-left:0.5rem}
.wrap_search_address .search input + span .btn{font-size:0.875rem;height:2.25rem;line-height:2.3125rem;background-color:#acb7c7;color:#f5f7fa}

.wrap_search_address .tip .sub-title {position:relative;line-height:1.5em;padding:2.5rem 1em 0;font-size:0.875rem;font-weight:600}
.popup .wrap_search_address .tip .list.blt {font-size:0.75rem;padding: 0.3333333333em 1.2em 0;margin-top:0}
.wrap_search_address .tip .list.blt li {padding-top:0;padding-bottom:0;color:#63717d;line-height: 1.5rem}
.wrap_search_address .tip .list.blt li:before {top:0.595833rem}
.wrap_search_address .result{padding:1.25rem 1rem 0 1rem}
.wrap_search_address .result strong{color:#27282d;display:block;font-size:0.875rem;padding-bottom:0.625rem;font-weight:600;}
.wrap_search_address .result strong em{color:#0eb6e6}
.wrap_search_address .result .address_class{overflow:hidden}
.wrap_search_address .result .address_class div{text-align:center;color:#454545;padding:12px 0 13px 0;height:2.3125rem;font-weight:600;color:#27282d;font-size:0.875rem;border:solid 1px #e5e9ec;border-left:0;letter-spacing:2px}
.wrap_search_address .result .address_class div:first-child{float: left}
.wrap_search_address .result .address_class div:first-child + div{border-left:0;border-right:0}
.wrap_search_address .result .address_class div:first-child,
.wrap_search_address .result .address_result li a:first-child{width:69.2073%}
.wrap_search_address .result .address_class div:first-child + div,
.wrap_search_address .result .address_result li a + a{overflow:hidden}
.wrap_search_address .result #scrollWrapper{position: absolute;bottom:5rem;left:1rem;right:1rem;overflow:hidden;border-bottom:solid 1px #e5e9ec} /* 내부스크롤 제거로 사용하지 않음 */
.wrap_search_address .result .address_result{border-bottom:solid 1px #e5e9ec}
.wrap_search_address .result .address_result li{overflow:hidden;border-top:solid 1px #e5e9ec;display: table;width: 100%}
.wrap_search_address .result .address_result li:first-child{border-top:0}
.wrap_search_address .result .address_result li a{min-height:3.458333rem;font-size:0.75rem;line-height:1.1875rem;padding:0.625rem 0;display:block}
.wrap_search_address .result .address_result li,
.wrap_search_address .result .address_result li a{color:#63717d}
.wrap_search_address .result .address_result li a{padding-right:0.3125rem;border-right:solid 1px #e5e9ec;display: table-cell;vertical-align: middle}
.wrap_search_address .result .address_result li a + a{padding:8px 0;text-align:center;border-right:0;}
.wrap_search_address .result .address_result li a div{line-height:1rem;position:relative}
.wrap_search_address .result .address_result li a div.address{padding-bottom:0.1875rem}
.wrap_search_address #scroller {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none}
.iScrollIndicator{border:0!important}
.wrap_search_address .result #wrapper.not_scroll,
.wrap_search_address .result #wrapper.not_scroll #scroller{position:static}
.result .page-nav{padding:1.25rem 0 0.25rem 0;min-height:0;margin:0}

/***** login *****/
.login-wrap .btn-join:before, .login-wrap .btn-find:before,
.login-wrap .list-sns .btn-sns:after,
.login-wrap .list-sns .btn-logout:before,
.login-wrap .login-error .btn-refresh:before {background:url('//image.genie.co.kr/imageg/mobile_web/member/blt_login_200407.png') no-repeat 0 0;background-size:5.70833rem 4.125rem}
.login-wrap {padding:3.0625em 0 15.3125em}
.webview .login-wrap {padding:0 0 1.25em}
.login-wrap .login-form {padding:0 1em}
.login-wrap .keyboard-wrap {margin:0 -1em}
.login-wrap .btn-fold {display:inline-block;float:right;position:relative;margin:0.8611111111em 1em 0.5em 0;padding:0.5em 1.75em 0.5em 0.5em;font-size:0.75rem;line-height:1.5}
.login-wrap .btn-fold:before {content:'';display:block;position:absolute;top:0.75em;right:0.25em;width:0.729167em;height:0.39584em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/member/btn_fold.png') no-repeat 0 0;background-size:300% auto}
.login-wrap .active .btn-fold:before {background-position:100% 0}
.login-wrap .keyboard {display:none;float:right;width:100%;height:7.375em;margin-bottom:0.625em;background:url('//image.genie.co.kr/imageg/mobile_web/member/keyboard.png') #dde3e7 no-repeat 50% 50%;background-size:auto 87.28813559322%;clear:both}
.login-wrap .active .keyboard {display:block}
.login-wrap .ipt-wrap {padding:0 0 0.375em}
.login-wrap .chk-wrap {padding:0.25em 0 0.625em}
.login-wrap .menu {padding:0.5em 0 0.4166666666em}
.login-wrap .btn-join, .login-wrap .btn-find {display:inline-block;position:relative;padding:0.5em 0 0.5em 1.6078431372549em;font-size:1.0625rem;line-height:1.5}
.login-wrap .btn-join:before, .login-wrap .btn-find:before  {content:'';display:block;position:absolute;top:0.5833333333em;left:0;width:1.125em;height:1.375em;font-size:1rem;}
.login-wrap .btn-find:before {left:-0.1041666666em;background-position:-1.125rem 0}
.login-wrap .menu .btn-join {float:left;width:48.98%;margin-left:1.02%;padding:0.5em 0 0.5em 1.725490196078em}
.login-wrap .menu .btn-find {float:left;width:43.6%;margin-left:6.4%}
.login-wrap .login-sns {padding:0 1em;border-top:0.0625em solid #e5e9ec}
.login-wrap .title{position:relative;font-size:1rem;line-height:1.4em;padding:0.452777em 0}
.login-wrap .title .rule{font-size:0.75rem;color:rgb(99, 113, 125)}
.login-wrap .sub-title {position:relative;font-size:1rem;line-height:1.5em;padding:1.375rem 0;text-align:center;}
.login-wrap .list-sns {font-size: 0;text-align: center;margin-bottom:1.5rem;}
.login-wrap .list-sns li {display:inline-block;margin:0 0.46875rem;}
.login-wrap .list-sns .btn-sns  {display:block;position:relative;width:2.8125rem;height:2.8125rem;font-size:1.0625rem;text-align:center;text-indent:-999px;overflow:hidden;}
.login-wrap .list-sns .btn-sns:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;font-size:1rem;width:2.8125rem;height:2.8125rem;border-radius:50%;}
.login-wrap .list-sns .btn-sns.active:before {border:0}
.login-wrap .list-sns .btn-sns:after {content:'';display:block;position:absolute;top:0.70833333333em;left:0.8541666666em;width:1.125em;height:1.375em;font-size:1rem;background-position:0 -1.375rem;z-index:10}
.login-wrap .list-sns .btn-kakao:before {background-color:#fae02a}
.login-wrap .list-sns .btn-fb:before {background-color:#365097}
.login-wrap .list-sns .btn-fb:after {background-position:-1.125rem -1.375rem}
.login-wrap .list-sns .btn-twitter:before {background-color:#3999e1}
.login-wrap .list-sns .btn-twitter:after {background-position:-2.25rem -1.375rem}
.login-wrap .list-sns .btn-naver:before {background-color:#1ec800}
.login-wrap .list-sns .btn-naver:after {background-position:-3.375rem -1.375rem}
.login-wrap .list-sns .btn-apple:before {background-color:#000}
.login-wrap .list-sns .btn-apple:after {background-position:-4.5rem -1.375rem}
.login-wrap .list-sns .active {padding-left:3.33333333333em;border:0.05882352941176em solid #e5e9ec;background-color:#fff !important;text-align:left}
.login-wrap .list-sns .active:before {top:-0.0625em;bottom:-0.0625em;left:-0.0625em}
.login-wrap .list-sns .btn-logout {display:block;position:absolute;top:0;bottom:0;right:0;width:2.625em;height:100%;font-size:1rem;line-height:0;text-indent:-9999px}
.login-wrap .list-sns .btn-logout:before {content:'';display:block;position:absolute;top:50%;left:50%;width:1.125em;height:1.375em;margin:-0.6875em 0 0 -0.5625em;background-position:0 -2.75rem}
.member > .notice,
.login-wrap .notice {display:block;position:relative;padding:1em 1em 0.8333333333em 4.0277777777em;font-size:0.75rem;background:url('//image.genie.co.kr/imageg/mobile_web/member/blt_notice.png') no-repeat 1.3055555555em 50%;background-size:2em 2em;line-height:1.5;word-break: keep-all;}
.login-wrap .login-error {padding:0.5625em 1em 0;border-top:0.0625em solid #e5e9ec}
.login-wrap .login-error .find {position:relative;padding-bottom:0.2708333333em}
.login-wrap .login-error .txt {display:block;font-size:0.75rem;line-height:3.52778em}
.login-wrap .login-error .btn-find {position:absolute;top:0;right:0}
.login-wrap .login-error .sub-title {position:relative;margin-top:0.875em;padding-top:0.7916666666em}
.login-wrap .login-error .sub-title:before {content:'';display:block;position:absolute;top:0;left:-1em;right:-1em;height:0.0625em;font-size:1rem;background-color:#e5e9ec}
.captcha-wrap{position:relative;height:2.8125em;margin-bottom:0.375em;padding:0.28125em 0.5625em 0;border:0.0625em solid #d7dbde;border-radius:0.125em}
.captcha-wrap img{display:block;height:2.125em}
.captcha-wrap + .ipt-wrap{position:relative}
.captcha-wrap + .ipt-wrap .time{font-size:1.0625rem;color:rgb(14, 182, 230);position:absolute;top:0.9rem;right:0.875rem}
.captcha-wrap + .ipt-wrap .info{padding:0.999999rem 0 0.666666rem 0}
.captcha-wrap + .ipt-wrap .info li{position:relative;font-size:0.75rem;color:#ff5b62;line-height:1rem;padding-left:0.604166rem}
.captcha-wrap + .ipt-wrap .info li:before{content:'·';position:absolute;top:0;left:0.145833rem;color:#ff5b62;font-size:20px}

.login-wrap .login-error .btn-refresh {display:block;position:absolute;top:0;bottom:0;right:0;width:2.625em;height:100%;font-size:1rem;line-height:0;text-indent:-9999px}
.login-wrap .login-error .btn-refresh:before {content:'';display:block;position:absolute;top:50%;left:50%;width:1.125em;height:1.375em;margin:-0.6875em 0 0 -0.5625em;background-position:-1.125rem -2.75rem}
.login-wrap .login-pin {padding:1.875em 1em;border-bottom:0.0625em solid #e5e9ec}
.login-wrap .login-pin .ipt-wrap {padding-bottom:0.5208333333em}
.login-wrap .login-pin .remaining {display:none;font-size:0.625rem;line-height:1.2}
.login-wrap .login-pin .remaining.active {display:block}
.login-wrap .login-pin .btn-wrap {padding-top:0.5416666666em}

/* dm_login */
.mailpage{background:#ffffff; font-size:14px}
.mailpage .copy{font-size: 0.625rem; color:#c2c2c2; text-align:center; position:absolute;left:0; bottom:2em; width:100%}
.mailpage .notice{border-bottom:0.0625em solid #e5e9ec; margin-bottom:1em}
.mailpage .notice em{color:#ff5b62}
.mailpage .login-wrap{padding:1.458em 0 4em}
.mailpage .login-wrap .login-sns{border-top:none;}
.mailpage .login-wrap .login-form fieldset{border-bottom: 0.0625em solid #e5e9ec; padding-bottom:1em;}
.mailpage h1{height:5em; background: url(//image.genie.co.kr/imageg/mobile_web/member/dm_logo_221215.png) no-repeat 50% 100%; /* background-size:5.417em 2.292em; */ text-indent:-9999em}
.mailpage .login-wrap{width:448px; margin:0 auto;}
.mailpage .login-wrap .login-error{border-top:none;}
.mailpage h2{line-height:19px; padding:0; padding-top:26px; font-size:1.250em; text-align:center; font-weight:bold}
.mailpage .agree_txt{text-align:center; padding-top:1.5em; padding-bottom:1.5em; line-height:1.2em; color:#63717d; font-weight:bold}
.mailpage h3{padding:2.4em 0 0; }
.mailpage .agree_txt span{color:#0096ff}
.mailpage .howto dt{color:#000000; padding:1em 0 0.5em}
.mailpage .howto dd{color:#63717d; font-size:0.875em; line-height:1.2em; padding-left:1em; position:relative;}
.mailpage .howto dd a{color:#4fbbda; text-decoration:underline}
.mailpage .howto dd:after{content:"-"; position:absolute;left:0.2em; top:0;}
.mailpage .login-wrap .agree_info{padding:0 1em}

@media screen and (max-width:1028px) {
	.mailpage .login-wrap{width:458px; }
}
@media screen and (min-width:1029px) and (orientation:landscape){
	.mailpage{font-size:18px; letter-spacing:-0.02em}
	.mailpage h1{height:5em}
	.mailpage .copy{position:static; padding-bottom:2em}
}
@media screen and (min-width:320px) and (max-width:480px) {
	.mailpage .login-wrap{width:100%; }
}
@media screen and (min-width:481px) {
	.mailpage .login-wrap .agree_info{border:0.0625em solid #d7dbde; border-radius:0.4em; padding:0.8em 2em 2em}
}

/***** player *****/
.mv-player {padding:3.0625em 0 15.3125em}
.mv-player .info {padding:0 0.8333333333em 1em}
.mv-player .info .title {display:block;margin:0.595238095238em 0 -0.2857142857em;padding-bottom:0.5em;font-size:0.875rem;line-height:1.357142857em}
.mv-player .info .artist {display:block;font-size:0.75rem;line-height:1.0833333333em;vertical-align:middle}

/***** share *****/
.music-share {position:relative;height:100%}
.music-share:after {content:"";display:block;clear:both}
.music-share .music-info {font-size:1.25rem;line-height:1.15em;letter-spacing:-0.04444444444em}
.music-share .music-artist {margin:0.39648033127em 0 0;font-size:0.644em;font-weight:normal;box-sizing:border-box;color:#8b8b8b}
.music-share .album {display:none;position:relative;height:100%;text-align:center;box-sizing:border-box}
.music-share .album-wrap {padding:3.9583333333em 0 10.04166666667em 0;background-color:#f5f7fa}
.music-share .album .album-cover {width:55.5555555556%;max-width:600px;margin:0 auto 0.8125em auto;box-sizing:border-box}
.music-share .album .album-cover img {width:100%}
.music-share .lyrics {display:none;position:relative;padding-top:1.77083333333em;background-color:#f5f7fa;line-height:1.615384615384em;text-align:center;box-sizing:border-box}
.music-share .lyrics-txt {padding:0.7142857142857em 1.230769230769em 12.27083333333em 1.230769230769em;font-size:0.875rem;background-color:#f5f7fa;color:#27282d}

/***** notice *****/
.section_notice {padding:3em 0 15.3125em;letter-spacing: -0.005em;}
.webview .section_notice{padding:0}
.section_notice .consent{padding:0 1rem}
.section_notice .consent p{color: #63717d;font-size:0.8125rem;font-weight: 400;line-height:1.25rem;padding:1.125rem 0 1.0625rem 0}
.section_notice .consent .status{color:#63717d;line-height:1.4375rem;font-size: 0.8125rem;font-weight: 400;border-top: solid 1px #e5e9ec;border-bottom: solid 1px #e5e9ec;padding:0.875rem 0 0.7125rem 0}
.section_notice .consent .status em{color:#4fbbda;font-weight:400;line-height:1.1875rem;padding-bottom:0.5375rem;font-style:normal;display:block}
.section_notice .consent .status .next{width:0.375rem;height:0.625rem;background:url('http://image.genie.co.kr/imageg/mobile_web/common/blt_next.png') 0 0 no-repeat;background-size:0.375rem 0.625rem;display:inline-block;vertical-align:middle;overflow:hidden;text-indent:-999px;position: relative;
	top: -2px;margin:0 0.3125rem}
.section_notice .consent .status .next.indent{margin-left:0.041666rem}

/***** etc *****/
.page-error {padding:9em 0 19.0625em;line-height:1.5}
.webview .page-error {padding:3.0625em 0}
.page-error.narrow {padding:6em 0 16.0625em}
.page-error .title {display:block;padding-bottom:0.4313725490196em;font-size:1.125rem;line-height:1.5}
.page-error .title.narrow {padding-bottom:0.037037037037037em}
.page-error .desc {display:block;font-size:0.8125rem;line-height:1.30769230769em}
.page-error .list {margin:1.2142857142857em 1.142857142857em 1.2142857142857em;padding:0.2857142857em 1.07142857142857em 0.3333333333em;line-height:1.5;border:0.07142857142857em solid #eef1f4;border-radius:0.142857142857em}
.page-error .list dt {width:5.238095238095em;padding-left:0.428571742857em}
.page-error .list dd {margin-left:5.238095238095em}
.page-error .txt {display:block;padding:0 1.6em}

/***** popup *****/
.popup .gift-graph {padding:0.2222222222em 0 0 3.75%;font-size:0.75rem;line-height:1.25em;text-align:center;overflow:hidden; color:#0eb6e6 !important;}
.popup .gift-graph li {display:block;position:relative;width:29.004329004329%;padding-top:29.004329004329%;float:left;margin-right:4.545454545454%}
.popup .gift-graph li:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0.16666666666em solid #0eb6e6;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.popup .gift-graph li:after {content:'';display:block;position:absolute;top:0;left:100%;width:15.67164179104478%;height:100%;background:url('//image.genie.co.kr/imageg/mobile_web/popup/blt_arrow.png') no-repeat 50% 50%;background-size:61.9047619047619% auto}
.popup .gift-graph li:last-child {margin-right:0}
.popup .gift-graph li:last-child:after {display:none}
.popup .gift-graph li span {position:absolute;top:4%;right:0;bottom:0;left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;-ms-box-pack:center;-ms-box-align:center}
.popup .gift-caution {padding:0.6888888888em 0.5em 0.9111111111em 0.6444444444em}
.popup .padding-b {padding-bottom:1.1333333333em}
.popup .padding-b .txt {padding-bottom:0.64444444444em}
.popup .padding-b .btn-wrap {padding:0 2.5333333333em}
.popup .msg-error {padding:1.0444444444em 0 1em;text-align:center}
.popup .msg-error .sub-title {display:inline-block;font-size:1rem;padding:0 0 0.375em}
.popup .msg-error .msg {font-size:0.875rem;line-height:1.42857142857em}
.popup .list-num {padding:0.92857142857em 1em 0.857142857em 2.38095238095em;font-size:0.875rem;list-style:decimal outside;border-top:0.0666666666em solid #e5e9ec}
.popup .list-num li {padding:0.13095238095238em 0}
.popup .list-num li .txt {display:block;font-size:0.75rem;line-height:1.3333333333em;padding:0.1388888888em 0;text-align:left}
.popup .list.blt.padding-b {padding-bottom:1.2222222222em}
.popup .notice-info {padding:0;font-size:0.875rem}
.popup .notice-info .title-wrap {padding:0 0 0.9791666666em;border-bottom:0.07142857142857em solid #d7dbde}
.popup .notice-info .sub-title {position:relative;line-height:1.5em;padding:0.595238095238em 1em 0}
.popup .notice-info .list.blt {font-size:0.75em;margin:0.8064516129em 0 1.516129032258em 0.258064516129em;padding:0}
.popup .notice-info .list.blt li {padding-top:0;padding-bottom:0}
.popup .notice-info .list.blt li:before {top:0.2708333333em}
.popup .notice-info .desc {padding:0 1em}
.popup .notice-info .info {margin-top:1em;border:0.07142857142857em solid #d7dbde;border-radius:0.142857142857em;line-height:1.42857142857}
.popup .notice-info .info:first-of-type dt:first-of-type, .popup .notice-info .info:first-of-type dd:first-of-type {border:0}
.popup .notice-info .info dt {clear:both;width:6em;float:left;padding:0.8333333333em 0 0.8333333333em 1.0238095238095em;border-top:0.08333333333em solid #d7dbde;font-size:0.875em}
.popup .notice-info .info dd {margin-left:6em;padding:0.8333333333em 1.42857142857em 0.8333333333em 0;border-top:0.08333333333em solid #d7dbde;font-size:0.875em;color:#63717d}
/* 해지방어 */
.popup .pop-defence{width:100%}
.popup .pop-defence .new_defence-img {position:relative;width:100%;padding-top:60.41666666666667%;font-size:0;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/mobile_web/popup/new_defence_0405.png') no-repeat 0 0;background-size:100% 100%}
.pop-defence .defence-img {position:relative;width:100%;padding-top:74.791666666667%;font-size:0;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/mobile/popup/popup_defence.png') no-repeat 0 0;background-size:100% 100%}
.popup .pop-defence .product-img {position:relative;width:100%;padding-top:74.791666666667%;font-size:0;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/mobile_web/payment/econo_popup.png') no-repeat 0 0;background-size:100% 100%}
.popup .pop-defence table {width:100%;border:0.07142857142857em solid #e5e9ec;border-bottom:none;font-size:0.875rem;line-height:120%}
.popup .pop-defence table caption {display:none}
.popup .pop-defence table th,.popup .pop-defence table td {border-bottom:0.07142857142857em solid #e5e9ec;text-align:left;box-sizing:border-box}
.popup .pop-defence table th {width:6.5em;padding:0.8333333333em 0 0.8333333333em 0.8333333333em;color:#63717d;vertical-align:top;color:#63717d}
.popup .pop-defence table td {width:auto;padding:0.8333333333em 0.8333333333em;border-left:0.07142857142857em solid #e5e9ec;color:#27282d;word-break:keep-all}
.popup .pop-defence table.col-3 th, .popup .pop-defence table.col-3 td {padding:0.8333333333em 0 0.8333333333em 0.8333333333em;vertical-align:top}
.popup .pop-defence table.col-3 th {width:5em}
.popup .pop-defence table.col-3 td {width:auto}
.popup .pop-defence table.col-3 td:nth-child(2n) {padding-top:0.583em}
.popup .pop-defence table.col-3 td:nth-child(3n) {width:5.8em;line-height:0.725em}
.popup .pop-defence table.col-3 td .text-del {font-weight:bold;text-decoration:line-through}
.popup .pop-defence table.col-3 td .text-del:after {content: "";position:relative;display:inline-block;top:0.229em;width:1rem;height:1rem;margin:0 0.104em;background:url('//image.genie.co.kr/imageg/mobile_web/popup/popup_arrow.png') no-repeat 50% 50%;background-size:100% 100%}
.popup .pop-defence .table-title {margin-bottom:0.1em;text-align:left}
.popup .pop-defence .margin-top {margin-top:0.625em}
.popup .pop-defence .def-ipt-box {margin:0.45em 0.9333333333em 0.3em 2em}
.popup .pop-defence .txt-btm {padding:1em 1em 0;text-align:center}
.popup .pop-defence .txt-line {padding:1.042em 0.9333333333em;border-top:0.07142857142857em solid #e5e9ec;color:#27282d}
.popup .pop-defence .txt-line .list {margin-top:0.15em}
.popup .pop-defence .defence-img-16 {position:relative;width:100%;padding-top:56.25%;font-size:0;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/mobile_web/payment/defence_month_16.png') no-repeat 0 0;background-size:100% 100%}
.popup .pop-defence .defence-img-18 {position:relative;width:100%;padding-top:56.25%;font-size:0;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/mobile_web/payment/defence_month_18.png') no-repeat 0 0;background-size:100% 100%}

/* 해지방어 고도화 */
.popup .defence .title {position:relative;width:100%;padding-top:46.041666666667%;font-size:0;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/mobile/payment/defence_tit_new.png') no-repeat 0 0;background-size:200% 300%}
.popup .defence .title.step-1 {background-position:0 0}
.popup .defence .title.step-2 {background-position:0 50%}
.popup .defence .title.step-3 {background-position:0 100%}
.popup .defence .title.step-4 {background-position:100% 0}
.popup .defence .title.step-5 {background-position:100% 50%}
.popup .defence .title.step-6 {background-position:100% 100%}
.popup .defence .title.step-7 {padding-top:52.60416666666667%;background:url('//image.genie.co.kr/imageg/mobile/payment/defence_tit_new2.png') no-repeat 0 0;background-size:100% 100%}
.popup .defence .mystyle {padding:1em;text-align:center}
.popup .defence .mystyle h4{text-align:left;margin:0 0 0.5em 0;line-height:1}
.popup .defence .mystyle h4 .tit{padding:0 0 0.5em 0;margin:0;font-size:0.9375rem;font-weight:bold;line-height:1;background:none;color:#4fbbda}
.popup .defence .mystyle h4.mt{padding:1em 0 0 0}
.popup .defence .mystyle .txt{width:100%;padding:0;margin:1em 0 0 0;font-size:0.625rem;line-height:0.875rem;color:#8b8b8b;letter-spacing:-0.01rem}
.popup .defence .mystyle .list dd{white-space:normal;word-wrap:break-word}
/* 장르 그래프 */
.popup .defence .graph-genre {width:100%;height:0.6666666667em}
.popup .defence .graph-genre:after{content:"";display:block;clear:both}
.popup .defence .graph-genre li {float:left;width:100%;height:100%}
.popup .defence .graph-genre li.graph-bar-mid .gbar {border-left:0.13333333333em solid #fff;border-right:0.13333333333em solid #fff}
.popup .defence .graph-genre .gbar{display:block;width:100%;height:100%}
.popup .defence .graph-genre .gbar.ballade {background-color:#deccbe}
.popup .defence .graph-genre .gbar.dance {background-color:#c493e1}
.popup .defence .graph-genre .gbar.soul {background-color:#b56865}
.popup .defence .graph-genre .gbar.rock {background-color:#0099eb}
.popup .defence .graph-genre .gbar.pop {background-color:#9bb6d3}
.popup .defence .graph-genre .gbar.hiphop {background-color:#cccccc}
.popup .defence .graph-genre .gbar.edm {background-color:#d94f70}
.popup .defence .graph-genre .gbar.indi {background-color:#ebd76e}
.popup .defence .graph-genre .gbar.blues {background-color:#e1918e }
.popup .defence .graph-genre .gbar.trot {background-color:#f7c9c9}
.popup .defence .graph-genre .gbar.jpop {background-color:#05e5af}
.popup .defence .graph-genre .gbar.jazz {background-color:#be9563}
.popup .defence .graph-genre .gbar.classic {background-color:#f46f60}
.popup .defence .graph-genre .gbar.world {background-color:#8dc85e}
.popup .defence .graph-genre .gbar.ccm {background-color:#97afc8}
.popup .defence .graph-genre .gbar.newage {background-color:#7ae7e4}
.popup .defence .graph-genre .gbar.children {background-color:#becee8 }
.popup .defence .graph-genre .gbar.ost {background-color:#c0ab7d}
.popup .defence .graph-genre .gbar.china {background-color:#c94c3f}
.popup .defence .graph-genre .gbar.prenata {background-color:#eddcd2}
.popup .defence .graph-genre .gbar.korean {background-color:#fec050}
.popup .defence .graph-genre .gbar.etc {background-color:#7cc3c7}
.popup .defence .genre-txt {position:relative;display:table;width:100%;height:1em;margin:0.27777777778em 0 0.5555555556em 0;line-height:1}
.popup .defence .genre-txt:after{content:"";display:block;clear:both}
.popup .defence .genre-txt li {display:table-cell;white-space:nowrap}
.popup .defence .genre-txt li.genre-txt-first{text-align:left}
.popup .defence .genre-txt li.genre-txt-mid{}
.popup .defence .genre-txt li.genre-txt-last {text-align:right;padding-left:0.444em}
.popup .defence .genre-txt li.genre-txt-first .gtxt {text-align:left;color:##27282d}
.popup .defence .genre-txt li.genre-txt-mid .gtxt {text-align:center;color:#8b8b8b}
.popup .defence .genre-txt li.genre-txt-last .gtxt {text-align:right;color:#8b8b8b}
.popup .defence .genre-txt .gtxt {display:block;width:100%;font-size:0.75rem}
.popup .defence .genre-txt .gtxt strong {padding:0 0.1428571428571429em 0 0.0952380952380952em;font-size:0.875rem;font-family:'Arial';font-style:italic}
/* 국가별 그래프 */
.popup .defence .graph-country {position:relative;width:100%;height:0.6666666667em}
.popup .defence .graph-country:after{content:"";display:block;clear:both}
.popup .defence .graph-country li {float:left;width:100%;height:100%}
.popup .defence .graph-country li.country-bar-last .gbar {border-left:0.13333333333em solid #fff}
.popup .defence .graph-country .gbar{display:block;width:100%;height:100%}
.popup .defence .graph-country .gbar {display:block;width:100%;height:100%}
.popup .defence .graph-country .gbar.internal {background-color:#4fbbda}
.popup .defence .graph-country .gbar.outside {background:url('//image.genie.co.kr/imageg/mobile/payment/defence_gbar_outside.png') #b7e9f8 repeat-x 0 0}
.popup .defence .country-txt:after{content:"";display:block;clear:both}
.popup .defence .country-txt li {float:left;width:50%}
.popup .defence .country-txt li.country-txt-first {text-align:left}
.popup .defence .country-txt li.country-txt-last {text-align:right}
.popup .defence .country-txt li.country-txt-first .gtxt {color:##27282d}
.popup .defence .country-txt li.country-txt-last .gtxt {color:#8b8b8b}
.popup .defence .country-txt .gtxt {display:block;width:100%;font-size:0.75rem}
.popup .defence .country-txt .gtxt strong {padding:0 0.1428571428571429em 0 0.0952380952380952em;font-size:0.875rem;font-family:'Arial';font-style:italic}
/* 알뜰상품 */
.popup .defence .list{margin-top:0;padding:0;font-size:0.875rem;border-left:0.07142857142857em solid #eef1f4;line-height:1.42857142857em;border-top:none}
.popup .defence .list dt{width:8em;padding:0.88095238em 0 0.7857142857em 0.625em;text-align:left;color:#63717d}
.popup .defence .list dd{margin-left:8em;padding:0.88095238em 0.625em 0.7857142857em 0.625em;border-left:0.07142857142857em solid #eef1f4;border-right:0.07142857142857em solid #eef1f4;text-align:left}
.popup .defence .usage{padding:0.644444444444em 0.6em 0;border-left:0.08333333333em solid #eef1f4;border-right:0.08333333333em solid #eef1f4;background-color:#f5f7fa}
.popup .defence .usage table{width:100%;font-size:0.75rem}
.popup .defence .usage table thead th{padding:0.25em;border:0.08333333333em solid #434354;background-color:#434354;color:#fff}
.popup .defence .usage table tbody th, .popup .defence .usage table tbody td{background-color:#fff;border:0.08333333333em solid #e5e9ec;border-top:none;text-align:left;box-sizing:border-box}
.popup .defence .usage table tbody th{padding:0.25em 0 0.25em 1em}
.popup .defence .usage table tbody td{padding:0.25em 0.5em}
.popup .defence .usage table tbody td{text-align:center}
.popup .defence .usage .desc{font-size:0.625rem;color:#8b8b8b;text-align:left}
/* 마이패턴 */
.popup .defence .mypattern{width:100%;height:4.2222222222em;background-color:#434354;border-radius:0.2222222222em}
.popup .defence .mypattern:after{content:"";display:block;clear:both}
.popup .defence .mypattern li{float:left;height:100%;padding:0.5em 0 0 0.666666667em}
.popup .defence .mypattern li:nth-of-type(1){width:23%;padding-left:0.8888888889em}
.popup .defence .mypattern li:nth-of-type(2){width:33.5%;border-left:0.07142857142857em solid #696976;border-right:0.07142857142857em solid #696976}
.popup .defence .mypattern li:nth-of-type(3){width:auto}
.popup .defence .mypattern .mytxt{text-align:left}
.popup .defence .mypattern .mytxt .tit{font-size:0.75rem;color:#b2b2b7;letter-spacing:-0.05rem}
.popup .defence .mypattern .mytxt .num{font-size:0.8125rem;color:#fff;letter-spacing:-0.05rem}
.popup .defence .mypattern .mytxt .num strong{position:relative;top:0.05em;padding-right:0.2em;font-size:1.3125rem;font-family:'Arial';font-style:italic;letter-spacing:-0.05rem}
/* 추천상품 */
.popup .defence .my-product-list li{position:relative;width:100%;margin-bottom:0.8em}
.popup .defence .my-goods{width:100%;margin:0 auto}
.popup .defence .my-goods .radio + label{padding-left:0;display:block}
.popup .defence .my-goods .radio + label:before{z-index:999;top:0.6em;left:0.5em}
.popup .defence .my-goods input.radio + label:before{background-image:url('//image.genie.co.kr/imageg/mobile/payment/blt_radio.png')}
.popup .defence .my-product{position:relative}
.popup .defence .my-product .goods-title{position:relative;display:block;width:100%;height:2.738095238095238em;border:0.07142857142857em solid;border-radius:0.2222222222em 0.2222222222em 0 0;background:url('//image.genie.co.kr/imageg/mobile/payment/dot_bg.png') 0 0;background-size:0.2857142857142857em}
.popup .defence .my-product .goods-title strong{display:block;width:100%;height:100%;padding-left:2.5em;line-height:2.738095238095238em;color:#fff;text-align:left}
.popup .defence .my-product .goods-title span{position:absolute;top:-0.8em;right:0;display:block;width:9.523809523809524em;height:3.476190476190476em}
.popup .defence .my-product .goods-info{display:block;width:100%;height:5.214285714285714em;padding:1em 1.19047619047619em 0 1.19047619047619em;border:0.07142857142857em solid #d9d9d9;border-top:none;border-radius:0 0 0.2222222222em 0.2222222222em;text-align:left}
.popup .defence .my-product .name {display:block;margin-bottom:0.5238095238095238em;font-size:0.875rem;line-height:1;font-weight:bold}
.popup .defence .my-product .term {position:relative;top:0.5em;float:left;width:38%;font-size:0.75rem;font-weight:bold;letter-spacing:-0.05em;line-height:1.2}
.popup .defence .my-product .sale {display:inline-block;width:1em;height:1em;background:url('//image.genie.co.kr/imageg/mobile/payment/defence_blt_sale.png') no-repeat 0 0;background-size:100% 200%;font-size:0.875rem;line-height:0;text-indent:-9999px;vertical-align:top}
.popup .defence .my-product .price {display:block;width:62%;float:left;font-size:0.75rem;text-align:right;letter-spacing:-0.05em}
.popup .defence .my-product .price:after {content:"";display:block;clear:both}
.popup .defence .my-product .price em {padding-right:0.27em;text-decoration:line-through;font-style:normal;color:#979bb1;text-align:right}
.popup .defence .my-product .price span {color:#252735;text-align:right}
.popup .defence .my-product .price span strong {position:relative;top:0.0793650793650794em;padding:0 0.1em;font-size:1.3125rem;font-family:'Arial';line-height:1;font-style:italic}
.popup .defence .my-product-list .col-2 {position:relative;display:block;float:left}
.popup .defence .my-product-list .col-2 .term{display:inline-block;width:auto;margin-top:0;padding-right:0.4em}
.popup .defence .my-product-list .col-2 .price {display:inline-block;width:auto}
.popup .defence .my-product-list .col-2.last{float:right;width:auto}
.popup .defence .my-product .goods-title span{background:url('//image.genie.co.kr/imageg/mobile/payment/defence_my_product_title.png') no-repeat 0 0;background-size:200% 600%}
.popup .defence .my-goods .goods-info.sm_new{height:auto}
.popup .defence .my-goods .mnt_red{font-size:12px; color:#ff4a55; padding-bottom:10px; width:100%; padding-top: 35px;line-height: 18px;}
.popup .cash_txt{padding:1em; font-size: 0.75rem; line-height:1.6em}
.popup .cash_txt dd{position: relative; padding-left: 1.1em;}
.popup .cash_txt dd:after{position: absolute;left:0.4em; top:0; content:"-"}

/* 추천상품 - 4개월특가 */
.popup .defence .goods-four .goods-title{background-color:#297bd7;border-color:#1e6fca}
.popup .defence .goods-four.goods-1 .goods-title span {background-position:0 0}
.popup .defence .goods-four.goods-2 .goods-title span {background-position:0 20%}
.popup .defence .goods-four.goods-3 .goods-title span {background-position:0 40%}
.popup .defence .goods-four.goods-4 .goods-title span {background-position:0 60%}
.popup .defence .goods-four.goods-5 .goods-title span {background-position:0 80%}
.popup .defence .goods-four.goods-6 .goods-title span {background-position:0 100%}
.popup .defence .goods-four.goods-7 .goods-title span {background-position:100% 0}
.popup .defence .goods-four .term {color:#297bd7}
.popup .defence .goods-four .sale{background-position:0 0}
/* 추천상품 - 2개월특가 */
.popup .defence .goods-two .goods-title{background-color:#05b5e5;border-color:#00a2ce}
.popup .defence .goods-two.goods-1 .goods-title span {background-position:100% 20%}
.popup .defence .goods-two.goods-2 .goods-title span {background-position:100% 40%}
.popup .defence .goods-two .term {color:#4fbbda}
/* 추천상품 - 시크릿이용권 */
.popup .defence .goods-secret .goods-title{background-color:#cff0f8;border-color:#b0deea}
.popup .defence .goods-secret .goods-title strong {color:#004967}
.popup .defence .goods-secret.goods-1 .goods-title span {background-position:100% 60%}
.popup .defence .goods-secret.goods-2 .goods-title span {background-position:100% 80%}
.popup .defence .goods-secret .term {color:#55c5e3}
/* 추천상품 - 알뜰상품 */
.popup .defence .goods-mass .goods-title{background-color:#fdb848;border-color:#eca527}
.popup .defence .goods-mass.goods-1 .goods-title span {background-position:100% 100%}
.popup .defence .goods-mass .term {width:47%;color:#f0a41f}
.popup .defence .goods-mass .price{width:53%}
.popup .defence .goods-mass .sale{background-position:0 100%}

/* 18개월 초특가 */
.popup .defence .bigsale .goods-info{height:6.214285714285714em;}
.popup .defence .bigsale .price{padding-top:1.1em}
.popup .defence .bigsale .goods-title span{background: url('//image.genie.co.kr/imageg/mobile_web/payment/defence_my_product_title_18.png') no-repeat 10px 0; background-size:80%; height:3.8em; top:-1.1em;}

.pop-contents.mtb-scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch; max-height:430px}
.pop-contents.mtb-scroll::-webkit-scrollbar {width: 8px;height: 8px;border: 3px solid #fff}
.pop-contents.mtb-scroll::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block;height: 1px;background: #efefef}
.pop-contents.mtb-scroll::-webkit-scrollbar-track {background: #efefef}
.pop-contents.mtb-scroll::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0,0,0,.2)}
@media (max-width: 320px) {
	.pop-contents.mtb-scroll{height:350px}
}


/***** dormancy *****/
.dormancy {padding:3em 1em 14.3125em;font-size:1rem;text-align:center}
.webview .dormancy{padding:0 1em 1em}
.dormancy .title {display:block;padding:1.75em 0 2.3333333333em 0;font-size:1.25rem;line-height:1.4em}
.dormancy .title-sub {display:block;padding:5.5em 0 1.296296296296296em;font-size:1.125rem;line-height:1.4444444444em}
.dormancy .desc {display:block;font-size:0.75rem;line-height:1.416666666667em}
.dormancy .info {margin:1.6666666667em 1.25em;padding:1.0416666667em 0;line-height:1.5;border-top:0.0625em solid #4fbbda;border-bottom:0.0625em solid #4fbbda;color:#4fbbda}
.dormancy .info dt{font-size:1.25rem}
.dormancy .info dd{font-size:1.5rem}
.dormancy .info-txt{line-height:1.5em}
.dormancy .btn-wrap{padding:3.8541666667em 0 0}
.dormancy.complete{padding:9em 1em 19.0625em}
.webview .dormancy.complete{padding:8.1458333333em 1em 7.25em}
.dormancy.complete .title-sub{padding:0 0 0.296296296296em;line-height:1.4444444444em}
.dormancy.complete .btn-wrap{padding-top:1.28205128205128em}
.dormancy .loading {display:block;font-size:0.625rem;width:4em;height:1em;margin:0 auto 6.0625em;background:url('//image.genie.co.kr/imageg/mobile_web/common/loading.gif') no-repeat 50% 100%;background-size:100% auto;line-height:0;text-indent:-9999px;padding-top:4em}

/* paging */
.page-nav {margin:0 0 10px; min-height:1.875rem; text-align:center; position:relative;}
.page-nav a {display:inline-block; vertical-align:middle; text-align:center;width:1.875rem;height:1.875rem;font-size:0.875rem;color:#acb7c7;line-height:1.875rem}
.page-nav a.current {font-weight:bold; color:#4fbbda;}
.page-nav a span {font:0/0 a;}
.page-nav a.first,
.page-nav a.prev,
.page-nav a.next,
.page-nav a.end {font:0/0 a; background-image:url('//image.genie.co.kr/imageg/mobile_web/common/ico_pagenation.png'); background-repeat:no-repeat;background-size:7.5rem 1.875rem}
.page-nav a.first {background-position:0 0}
.page-nav a.prev {background-position:-1.875rem 0;margin-right:0.25rem}
.page-nav a.next {background-position:-3.75rem 0;margin-left:0.25rem}
.page-nav a.end {background-position:-5.625rem 0}

/* 180504 결제_그래프 */
.new_graph{padding:1em 0; position:relative; max-width:720px; background: #fff;}
.new_graph img{width:100%}
.new_graph span{display:block; position:absolute;font-size:0.857em; color:#fff;border-radius:1em; line-height:2.2em; height:2em; padding:0 0.8em; top:7%; font-weight:bold}
.new_graph span.left{background: #0eb6e5; left:26%}
.new_graph span.right{background: #8c8c8c; right:11%}
.discount-graph .new_graph{padding:1.5em 0 1em 1em; font-size: 0.857em;border:0.07142857142857em solid #e5e9ec}
.discount-graph .new_graph span{top:13%}
.complete_btn{padding:1em;}
.complete_btn p{font-size: 0.875rem; padding-bottom:1em }
.complete_btn input{margin-bottom:0.458em}

/* 180621 유플러스 부가서비스*/
.uplus_bg h1 span,
.uplus_box .info_list li a:after
{background:url(//image.genie.co.kr/imageg/mobile_web/buy/my_ico.png) no-repeat 0 0; background-size:250px; content:"";}

.uplus_bg{position:relative; padding:1.875em 0.9375rem 0; font-family: 'NotoSans'; line-height: 1.25;background: #fafafa;}
.uplus_bg:before, .uplus_bg:after{background: url(//image.genie.co.kr/imageg/mobile_web/buy/img_ptn.png) no-repeat 0 0; background-size:23.438em 18.500em; width:8.72em; height:18.500em;}
.uplus_bg:before{content:""; position:absolute; left:0; top:0; background-position: left top;}
.uplus_bg:after{content:""; position:absolute; right:0; top:0; background-position: right top;}
.uplus_bg h1{font-size:1.5em; font-weight:700; padding-bottom:0.225em}
.uplus_bg h1 span{background-position:-138px -75px; width:105px; height:29px; display:inline-block; text-indent:-9999em; margin-right:0.2em;}
.uplus_bg h2{font-size:1em; line-height:1em}
.uplus_bg .txt{font-size:0.750em; padding:0.938em 0; color:#666666;}
.uplus_bg .txt sup{font-size:60%}
.uplus_bg h1, .uplus_bg h2, .uplus_bg .txt{text-align: center; letter-spacing:-0.05em; }
.uplus_bg h2 em{color:#ef33a3}
.uplus_bg .txt em{color:#ef33a3}

.uplus_bg .uplus_box{border-radius:0.250em; border:0.063em solid #e670c9; background:#ffffff;position:relative;z-index:1}
.uplus_bg .uplus_box h3{background:#e670c9; font-size:1.250em; color:#fff; font-weight:700;letter-spacing:-0.05em; line-height:3em; z-index:10;text-indent:0.65em; padding:0}
.uplus_box .info{padding:1.406em 0.750em; }
.uplus_box .info dl{font-size:0.938em; position:relative;letter-spacing: -0.05em; padding-bottom:1em}
.uplus_box .info dl dt{position:absolute; left:0; top:0; color:#e670c9;}
.uplus_box .info dl dd{padding-left:5.2em}
.uplus_box .info dl dd strong{font-weight: 700}
.uplus_box .info dl dd em{font-size:0.688em}
.uplus_box .info li{letter-spacing: -0.05em; font-size:0.750em; position:relative; padding-left:0.8em; color:#666666; line-height:1.45em;}
.uplus_box .info li sup{font-size:60%}
.uplus_box .info li:after{content:"+"; position:absolute; left:0; top:-0.1em; color:#e670c9; font-size:80%}
.uplus_box .info_list{padding:0 0.750em;}
.uplus_box .info_list li{border-top:0.063em solid #e6e6e6; color:#999999 !important}
.uplus_box .info_list li .view{transition: 0.4s;}
.uplus_box .info_list li a:after{position:absolute; right:0.463em; top:1.681em; background-position:-42px -3px; width:16px; height:9px; }
.uplus_box .info_list li a.open:after{background-position: -23px -3px;}
.uplus_box .info_list li a{position:relative;padding:1.406em 0; display:block; width:100%;font-size:0.875em;}
.uplus_box .info_list li sup{line-height:0; vertical-align:super; font-size:0.750em}
.uplus_box .info_list li a.open + .detail{display:block; margin-bottom:1.156em; }
.uplus_box .info_list .detail{display:none}
.uplus_box .info_list li .detail li{color:#666666; font-size:0.688em; padding:0 0 0 0.563em; line-height:1.363em; border:none; background: none; margin-bottom: 0.413em; position:relative;}
.uplus_box .info_list li .detail li:after{content:"";width:3px; height:4px; position:absolute; left:0; top:0.3em; background: url(//image.genie.co.kr/imageg/mobile_web/buy/my_ico.png) no-repeat -103px -26px; background-size: 250px;}
.uplus_box .info_list li .detail li ul{margin-top:0.3em}
.uplus_box .info_list li .detail li li{color:#999999; padding-left:0.875em; font-size:100%; margin-bottom:0;}
.uplus_box .info_list li .detail li li:after{content:"-"; position:absolute; left:0; top:0; background: none}

/* 181024 이용권 업그레이드 */
.product_upgrade .title {position:relative;width:100%;padding-top:298.3333333333333%;font-size:0;line-height:0;background:url('//image.genie.co.kr/imageg/mobile_web/payment/thanks_img1_new.gif') no-repeat 0 0;background-size:100% auto}
.product_upgrade .title button{width:80%; height:6%; position:absolute; left:50%; bottom:7%; transform:translateX(-50%);}
.product_upgrade .title a{width:50%; height:3%; position:absolute; left:50%; bottom:2.4%; transform:translateX(-50%);}
.product_upgrade .notice{width:100%;padding-top:67.22222222222222%;font-size:0;line-height:0;background:url('//image.genie.co.kr/imageg/mobile_web/payment/thanks_img2_new.gif') no-repeat 0 0;background-size:100% auto;}

/* 190118 엠넷해지자 대상 지니결제 유도 */
.lucky_evt{padding:3em 0 15.3125em;max-width:720px;margin:0 auto; }
.lucky_evt section{font-size:0;line-height:0;width:100%;position:relative;}
.webview .lucky_evt{padding:0}
.lucky_evt .mnet_top{padding-top:99.44444444444444%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/mnet_top.gif') no-repeat 0 0;background-size:100% auto}
.lucky_evt .mnet_howto{padding-top:60.55555555555556%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/mnet_howto.gif') no-repeat 0 0;background-size:100% auto}
.lucky_evt .mnet_buy{padding-top:107.5%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/mnet_kt.gif') no-repeat 0 0;background-size:100% auto}
.lucky_evt .mnet_buy ul{position:absolute; left:6%; top:12%; width:88%; height:100%;}
.lucky_evt .mnet_buy ul li{width:100%;height:18%; margin-bottom:2%}
.lucky_evt .mnet_buy ul li a{display:block; height:100%; }
.lucky_evt .mnet_buy.lg{padding-top:86.25%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/mnet_lg.gif') no-repeat 0 0;background-size:100% auto}
.lucky_evt .mnet_buy.lg ul{top:15%;}
.lucky_evt .mnet_buy.lg li{height:22%; margin-bottom:2%}
.lucky_evt .mnet_note{padding-top:122.9166666666667%;background:url('//image.genie.co.kr/imageg/mobile_web/payment/mnet_note.gif') no-repeat 0 0;background-size:100% auto}
.lucky_evt .mnet_note a{width:30%; height:6%;position:absolute; left:35%; bottom:10%;}

/* 190213 스페셜이용권 */
.payment .stit{font-size:0.750em; padding: 0.125em 1em 0.6em; margin-top:-0.7em; color:#63717d}
.payment .write dt{height: 2.142857142857em;}
.payment .write dd{padding:0.396em 1.142857142857em 0.396em 0.1em; color:#d7dbde}
.payment .write dd input{-webkit-box-sizing: border-box;box-sizing: border-box}
.payment .write dd span{display:inline-block;}
.payment .write dd .m{width:34%; padding-right:1em; position:relative}
.payment .write dd .m:last-of-type{padding-right:0; width:32%;}
.payment .write dd .m:after{content:""; position:absolute; right:0.3em; top:1em; background:#d7dbde; width:0.417em; height:0.125em}
.payment .write dd .m:last-of-type:after{background:none}
.payment .write dd .post{width:60%;padding-right:0.5em;}
.payment .write dd .post:last-of-type{width:40%; padding-right:0;}
.payment .write dd input::-webkit-input-placeholder{color:#e0e0e0}
.payment .write dd input:-moz-placeholder { /* Firefox 18- */color: #e0e0e0;}
.payment .write dd input::-moz-placeholder {  /* Firefox 19+ */color: #e0e0e0; }
.payment .write dd .mt{margin:0.5em 0}
.payment .info_txt{color:#63717d; font-size:0.750em; padding:1em 0;}
.payment .info_txt li{position:relative; padding-left:1em}
.payment .info_txt li:after{content:"-"; position:absolute; left:0; top:0;}
.payment .chk_gift{padding:1em 1em 1em 0; border-top:0.07142857142857em solid #e5e9ec}
.gift-option{padding:1.142857142857em; padding-bottom:0; margin-bottom:1.167em; min-height: 9.5em;}
.gift-option-area{position:relative; width:100%;}

/* 190528 구글홈미니 */
.pay .product .item.google span{margin-top:0.3em}
.pay .product .item.google dt strong{display:block; padding:0.3em 0; font-weight:normal}
.pay .product .item.google dt strong em{display:block;font-size:0.786em; letter-spacing:-0.05em; padding-top:0.2em}
.pay .pay-best .product .item.google dd .orig-price{color:#f63147}
@media screen and (max-width: 320px) {
	.pay .pay-best .product .item.google dd .orig-price{text-align:left;}
}

/* selectbox */
.gift-option-area{-webkit-tap-highlight-color: rgba(0,0,0,0);}
.mk_area.on{min-height:22.15em; position:absolute; left:0; top:0; width:100%; z-index:10; background:#fff; border:0.07142857142857em solid #d7dbde;border-radius:0.190em}
.select-area .input{border:0.07142857142857em solid #d7dbde; padding:0.667em 0.762em;position:relative;border-radius:0.190em}
.select-area{cursor:pointer; width:100%;margin-bottom:1.142857142857em}
.select-area .input:before{content:"";position:absolute;top:43%; right:1em;width:1em;height:1em; background: url('//image.genie.co.kr/imageg/mobile_web/common/btn_toggle.png') no-repeat 100% 0; background-size:3.571em 0.357em}
.select-options{position:absolute;width:100%; border-radius:3px;z-index:100;top:0; display:none;}
.select-options:before{content:"";position:absolute;top:1.2em; right:1em;width:1em;height:1em; background: url('//image.genie.co.kr/imageg/mobile_web/common/btn_toggle.png') no-repeat -0.15em 0; background-size:3.571em 0.357em; z-index: 101;}
.select-options ul{list-style:none;padding:2.5em 0 0 0;margin:0; background: #ffffff;max-height:22em; overflow:auto;border-radius:0.190em}
.select-options ul li{padding:0.667em 0.762em; color:#27282d;position:relative;overflow:hidden; border-bottom:0.07142857142857em solid #d7dbde; }
.select-options ul li:first-child{position:absolute; width:100%; top:0; left:0;background:#ffffff;z-index:10}
.select-options ul li:first-child span{color:#27282d !important;}
.select-options ul li em, .select-area .input em{line-height:4.762em;height:4.762em;position:relative;; padding:0 1.5em 0 6.119em;display:block; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis;}
.select-options ul li.selected span{color:#05b6e6}
.select-options ul li.soldout span{color: #d4d4d5 !important}
.select-options.visible {display:block;}
.select-options ul li img, .select-area .input img{width:4.762em; height:4.762em; vertical-align:middle; position:absolute; left:0.310em; top:0;}
.select-area.disable .input{color:#d4d4d5}
.select-area.disable .input:before{opacity: 0.2;}
.select-area.detail li:first-child{padding:0.667em 0.762em;}
.select-area.detail li{padding:1.190em 0.762em}

.fullbrowsing .member {padding:0 0 5.25em;min-height:30rem;margin-top:-1px}
.fullbrowsing .member.join {padding:2.625em 0 1.25em}
.fullbrowsing .header,.fullbrowsing  .header .home { background-color: #f5f7fa;}
.fullbrowsing .header .home{display:none}
.fullbrowsing .member .list.full .has-btn .btn{height: 2.25rem;line-height: 2.25rem;font-size:0.875rem}
.fullbrowsing .member .btn-wrap.submit.col-2{padding: 0 1em 0.0833333333em;left: 0;right: 0}
.fullbrowsing .member .btn-wrap.submit{position:absolute;bottom:1.125rem;width:100%}
.fullbrowsing .dimmed {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color:rgba(0,0,0,0.5);z-index:100;display:none}
.fullbrowsing .dimmed:after {content:'';display:block;position:fixed;left: 0;right: 0;bottom: 0;top: 0;margin: auto;font-size: 8px;width: 8px;color: transparent;height: 8px;border-radius: 50%;-webkit-animation: waiting_spinner 1s infinite ease;animation: waiting_spinner 1s infinite ease;z-index:101}

.fullbrowsing .list.full{padding:0 1.142857142857rem}
.fullbrowsing .list.full dl {line-height: 2.25rem}
.fullbrowsing .list.full dl dd {overflow: hidden;}
.fullbrowsing .none h3{padding-left:0;}
.fullbrowsing .none dt {border: 0!important;padding:0.5em 1.1190476190476em 0.5em 0!important;}
.fullbrowsing .none dd {padding: 0.5em 1.1190476190476em 0.5em 0!important;border: 0!important;}
.fullbrowsing .box-agree{padding:1.142857142857rem 1.142857142857rem 0.7857142857rem 1.142857142857em}
.fullbrowsing .list.full .checkbox.checkbox-text-small + label{line-height: 1.7em;}
.fullbrowsing input{outline: none}

@media screen and (min-width: 1071px) {
	.fullbrowsing .list.full dl,
	.fullbrowsing .list.full.pd-left li,
	.fullbrowsing .list.full .box-agree,
	.fullbrowsing .wrap_list,
	.fullbrowsing .none h3,
	.fullbrowsing .member .notice,
	.fullbrowsing .member .wrap_notice{max-width:860px;margin:0 auto}
	.fullbrowsing .member .wrap_list .btn-wrap.submit{position: static;padding:0;margin-top:100px}
	.fullbrowsing .box-agree{padding:0.88095238rem 1.142857142857em 0.7857142857rem 0;}
}

/***** animation *****/
@-webkit-keyframes slideInLeft {
  from {right:0.5em;opacity:0}
  60% {opacity:1}
	90%, 100% {right:-0.5em;opacity:0}
}
@keyframes slideInLeft {
  from {right:0.5em;opacity:0}
  60% {opacity:1}
	90%, 100% {right:-0.5em;opacity:0}
}
@-webkit-keyframes slideInUp {
  from {bottom:1em;opacity:0}
  60% {opacity:1}
	90%, 100% {bottom:0;opacity:0}
}
@keyframes slideInUp {
  from {bottom:1em;opacity:0}
  60% {opacity:1}
	90%, 100% {bottom:0;opacity:0}
}
@-webkit-keyframes fade {
  from {opacity:0}
  15%, 85% {opacity:1}
	99% {height:auto;opacity:0}
	100% {height:0}
}
@keyframes fade {
  from {opacity:0}
  15%, 85% {opacity:1}
	99% {height:auto;opacity:0}
	100% {height:0}
}

/* for safari */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) {
	@media {
		.main h3.title a {padding-top:0.75em}
		.main .tab {top:1.0277777777em}
		.list-music.list-main .info {padding-top:0.5625em}
		.recent-music .tab li:before {top:0.6666666666em}
		.recent-music .tab a {line-height:3em}
		.recommend .title {padding-top:0.7083333333em}
		.recommend .list-tile .date:before {left:-0.0606060606em}
		.recommend .list-tag .btn-tag {line-height:2.5em}
		.magazine-category .title {line-height:2.6875em}
		.magazine-category .btn-fold span:before {margin-top:-0.2916666666em}
		.magazine-category .list-category li {line-height:3.142857142857em}
		.magazine .hd {padding-top:0.70833333333em}
		.magazine .view-template .hd {padding-top:1.5208333333em}
		.magazine .list-5 .date:before {left:0.3em}
		.magazine .list-7 .icon-border, .magazine .view-6 .icon-border {margin-top:0.2em}
		.magazine-view .artists .btn-fold:before {top:0.36888888888em}
		.footer-magazine a:before{margin-top: -0.9375rem}
		.footer-magazine .balloon .txt {padding-top:0.90476190476em;padding-bottom:1.0238095238em}
		.detail-title .detail .btn-like {padding-top:0.1875em}
		.detail-title .detail .btn-share {padding-top:0.076923076923em}
		.detail-info .detail .title {padding-top:0.8235294117647em}
		.detail-info .detail .info {padding-top:1.230769230769em}
		.detail-info .desc dt {padding-top:1.690476190476em}
		.detail-title .detail.detail-song .title {padding-top:0.9019607843137255em;padding-bottom:0.588235294117647em}
		.detail-title .detail.detail-movie .title {padding-top:0.9019607843137255em;padding-bottom:0.588235294117647em}
		.detail-title .detail.detail-song .btns {padding-top:1.16666666666em}
		.detail-title .detail.detail-movie .btns {padding-top:1.16666666666em}
		.detail-title .detail .title.middle {margin-top:0.9375em}
		.detail-info .dj-info {padding-top:0.6875em;padding-bottom:0.66667em}
		.login-wrap .btn-fold:before {top:0.7083333333em}
		.login-wrap .notice {padding:1.1111111111em 1em 0.77777777777em 4.0277777777em}
		.login-wrap .login-error .find {padding-top:0.125em}
		.login-wrap .login-error .sub-title {padding-top:1.1666666666em}
		.member .sub-title {padding:0.8958333333em 0.75em 0.5833333333em}
		.member .list.arrow.full.pd-left li {padding-top:1.095238095238em}
		.member .list-join-agree .btn-more {top:-0.05555555555em}
		.member .list.full .has-btn .btn {line-height:2.7142857142857em}
		.member .list.full.pd-left.find-result li {padding-top:0.857142857em}
		.join-step li {line-height:3.1190476190476em}
		.join-step li:before {margin-top:-0.4791666666em}
		.member .txt {padding-top:0.153846153846em;padding-bottom:0.79487179487179em}
		.member .btn-large.multiple {padding-top:0.6041666666em}
		.member .complete {padding-top:1.22916666666em}
		.member .complete .date {padding-top:0.5em}
		.giftcard .sub-title {padding-top:1.2564102564em}
		.download .sub-title {padding-top:1.102564102564em;padding-bottom:0.8461538461538em}
		.product-giga .list-product .title {padding-bottom:0.2619047619em}
		.product-giga .list-product .blt-desc {margin-bottom:0.3333333333em}
		.payment .list.charge-method li {padding-top:0.9047619047619em}
		.pay .product-wrap h2 {padding-top:0.79629629629em}
		.pay .product-wrap.pay-best h2 {padding-top:1.185185185185em}
		.pay .product .item dd .price strong {margin-top:-0.095238095238em}
		.pay .product .item .desc, .pay .product .item .icon-drm {line-height:1.9}
		.pay .product .item dd .btn-payment, .pay .product .item dd .btn-gift {line-height:2.2em}
		.pay .tb-payment-info th {padding-top:0.969696969696em}
		.pay .tb-payment-info td {padding-top:0.1515151515em}
		.popup .notice-info .list.blt li:before {top:0.3333333333em}
		.pay .product .item .icon-new2{padding:0 0.59259259259259em 0.04166666666em 0.59259259259259em}
  }
}

@media screen and (max-width: 359px) {
	.payment .re-msg {padding:2.5555555556em 1.38888888889em}
	.magazine-view .artists ul {height:6.1em}
	.login-wrap .keyboard {height:6.5555555555em}
	.pay .product .sub-title{font-size:0.87rem}
	.pay .pay-kt .product .item.item-large dd .orig-price {width:30%}
	.pay .product .item dt {padding:0.57142857142857em 0 0.642857142857em 0.75em;font-size:0.750em}
	.pay .product.multi .item dt {width:34%;border-right-width:1px}
	.pay .product.multi .item dd .price {width:45%}
	.pay .product.multi .item dd .orig-price {width:30%}
	.pay .pay-best .product.ht-large .item dt {width:37% !important}
	.pay .pay-dc .product .item dt {width:41%}
	.pay .pay-dc .product .item dd .price {width:50%}
	.pay .pay-dc .product .item dd .orig-price {width:24%}
	.pay .pay-lg .product.ht-large .item dt {width:37% !important}
	.pay .pay-lg .product.ht-large .item dd .orig-price {width:41%}
	.pay .pay-lg .product.ht-large .item dd .price {width:38%}
	.pay .pay-kt .product .item dt {width:35%}
	.pay .pay-kt .product .item dd .price {width:43%}
	.pay .pay-kt .product .item dd .orig-price {width:26%}
	.pay .pay-gift .product .item dt {width:41%}
	.pay .pay-gift .product .item dd .price {width:49%}
	.product-giga .list-product .item {font-size:0.98rem}
	.product-giga .list-product .col-2 .price {font-size:0.75rem}
	.product-giga .list-product .won {font-size:0.75rem}
	.product-giga .list-product .text-large {font-size:1rem}
	.product-year .product-list .price-info .price {font-size:0.98rem}
	.pay .pay-kt .product .item.narrow dd .price {width:35%}
	.pay .pay-best .pad .product .wide dd .price {width:55%}
	.pay .pay-best .pad .product .wide dd .price.text-red {width:40%}
	.payment .list-select .gift-logitec + .radio + label,
	.payment .list-select .gift-pt + .radio + label,
	.payment .list-select .gift-carr + .radio + label {width:54.5%; font-size:0.70rem}
	.payment .list-select .gift-superga + .radio + label {width:54.5%}
}


body.back{overflow:hidden; position:fixed; height:100vh; height:100%; width:100%}
body.back .magazine{position:fixed;width:100%;}

/*190708 해지방어*/
@font-face {font-family: 'Spoqa Han Sans'; font-weight:700; src: local("Spoqa Han Sans Bold"), url("/resources/font/SpoqaHanSansBold.woff2") format("woff2"), url("/resources/font/SpoqaHanSansBold.woff") format("woff"), url("/resources/font/SpoqaHanSansBold.ttf") format("truetype"); }
@font-face { font-family: 'Spoqa Han Sans'; font-weight: 400; src: local("Spoqa Han Sans Regular"), url("/resources/font/SpoqaHanSansRegular.woff2") format("woff2"), url("/resources/font/SpoqaHanSansRegular.woff") format("woff"), url("/resources/font/SpoqaHanSansRegular.ttf") format("truetype"); }

.popup.pop-defence *{font-family: 'Spoqa Han Sans'; }
.popup.pop-defence{padding:0 1.250em; overflow:visible;}
.popup.pop-defence .pop-wrap{width:100%;border-radius:0.625em;background:#ffffff;box-shadow: 1px 5px 10px 5px rgba(0,0,0,0.1);}
.pop-defence h3{font-size:1.188em; line-height:3.500em; text-align:center; font-weight:bold;}
.popup.pop-defence .pop-ft.col-2 .btn-pop:first-child{border-right:none;}
.popup.pop-defence .pop-ft.col-2 .btn-pop:last-child{color:#4fbada}
.pop-defence .pop-ft{background:none; border-color:#ededed; margin:0 1.104em;}
.pop-defence .btn-pop{background:none; font-size:0.875rem;line-height:3.5em;font-weight:700}
.pop-defence .pop-contents{padding:0 1.104em;font-size:0.875rem; max-height:26.905em; overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#7e868c}
.pop-defence .pop-contents::-webkit-scrollbar {width: 8px;height: 8px;border: 3px solid #fff}
.pop-defence .pop-contents::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block;height: 1px;background: #efefef}
.pop-defence .pop-contents::-webkit-scrollbar-track {background: #efefef}
.pop-defence .pop-contents::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0,0,0,.2)}
.pop-defence .defence_txt{text-align:center;padding-bottom:1.143em; letter-spacing:-0.05rem}
.pop-defence .defence_txt strong{font-weight:normal; display:block; color:#2e3037}
.pop-defence .defence_txt.d_img01{position:relative; padding-bottom:11.6em;}
.pop-defence .defence_txt.d_img01:after{content:""; background:url('//image.genie.co.kr/imageg/mobile_web/payment/defence_img.png') no-repeat 0 6em; background-size:13.714em 17.024em; width:13.714em; height:17.024em; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.pop-defence .defence_txt.d_img02{position:relative; padding-bottom:6.024em;}
.pop-defence .defence_txt.d_img02:after{content:""; background:url('//image.genie.co.kr/imageg/mobile_web/payment/defence_img.png') no-repeat 0 bottom; background-size:13.714em 17.024em; width:4.2em; height:5.5em; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}

/* MR해지방어 */
.pop-defence .defence_txt.d_img03{position:relative; padding-bottom:11rem;}
.pop-defence .defence_txt.d_img03:after{content:""; background:url('//image.genie.co.kr/imageg/mobile_web/payment/defence_gift.png') no-repeat 0 0; background-size:22.875rem 16.583rem; width:10.5rem; height:10.729rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.pop-defence .defence_txt.d_img04{position:relative; padding-bottom:11.250rem;}
.pop-defence .defence_txt.d_img04:after{content:""; background:url('//image.genie.co.kr/imageg/mobile_web/payment/defence_gift.png') no-repeat -11.729rem 1.2rem; background-size:22.875rem 16.583rem; width:11.167rem; height:11.188rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.pop-defence .gift_choice{border-radius:0.4rem; border:1px solid #e6e6e6; padding:0.833rem 0.75rem; margin-bottom:0.5rem; position:relative;}
.pop-defence .gift_choice h5{color:#000; font-weight:700;margin-bottom: 1.250rem;}
.pop-defence .gift_choice .txt{position:absolute; right:0.75rem; top:0.833rem; padding:0;}
.pop-defence .gift_choice ul{text-align: center}
.pop-defence .gift_choice ul li{display:inline-block; width:48%;}
.pop-defence .gift_choice ul li div{width:6.354rem; height:5.833rem; margin:0 auto; background: url(//image.genie.co.kr/imageg/mobile_web/payment/defence_gift.png) no-repeat; background-size: 22.875rem 16.583rem;}
.pop-defence .gift_choice ul li .sbucks{background-position:0 -11.375rem}
.pop-defence .gift_choice ul li .elevn{background-position:-6.3rem -11.375rem}
.pop-defence .gift_choice ul li span{display:block; padding-bottom:1.6rem;font-size:0.750rem; line-height:0.9rem; color:#2e3037}
.pop-defence .gift_choice ul li .radio + label:before{bottom:0; top:auto; left:50%; transform:translateX(-50%);}
.pop-defence .gift_choice ul li .radio + label{padding-left:0}

.pop-defence .defence_stxt{text-align:center;padding:1.389em 0; font-size:0.857em}
.pop-defence .myarea{border:0.048em solid #e6e6e6; padding:0 0.833em; border-radius:0.357em}
.pop-defence .myarea h4{color:#2e3037; text-align:left; line-height:2.786em}
.pop-defence .mt{margin-top:0.595em}

.pop-defence .defence_txt.secret_gift{position:relative; padding-bottom:9.833em;}
.pop-defence .defence_txt.secret_gift:after{content:""; background:url('//image.genie.co.kr/imageg/web/payment/secret_gift.jpg') no-repeat 0 bottom; background-size:9.125em 12.750em; width:9.125em; height:7.792em; position:absolute; left:50%; bottom:1.2em; transform:translateX(-50%);}
.pop-defence .defence_txt .gift_txt{display:block; font-size:0.750rem; line-height:1rem; padding-top:0.5rem}
.pop-defence .btn-blue{color:#4fbada}

/* 190130 제3자동의 */
.pop-contents .note{text-align:left; color:#63717d;padding-top:0.6em; display:block;}
.pop-contents .box_dl {margin-top:4px}
.pop-contents .box_dl h4{text-align:center; font-weight:normal; border-radius:5px 5px 0 0; border: 1px solid #e6e6e6; border-bottom:none; padding:0.5em 0; background:#f7f9fc}
.pop-contents .box_dl dl {border:1px solid #e6e6e6; border-bottom:none;padding:0.5em; font-size:0.85em}
.pop-contents .box_dl dl:after{content:"";display:block;clear:both}
.pop-contents .box_dl dl dt {width:30%;display:inline-block;color:#333333; text-align:left;vertical-align:middle;line-height:1.4em}
.pop-contents .box_dl dl dd {width:68%;display:inline-block;color:#63717d; line-height:1.4em;vertical-align:middle;}
.pop-contents .box_dl dl.last {border-bottom:1px solid #e6e6e6;border-radius:0 0 5px 5px}
.pop-contents .box_dl.agree dl{padding: 11px 20px;}
.pop-contents .box_dl.agree dl dt{width:100%; color:#63717d; position:relative}
.pop-contents .box_dl.agree dl dt:after{content:""; position:absolute; top:6px;left:-7px;width:2px;height:2px;border-radius:2px;background:#929292;}
.pop-contents .box_dl.agree dl dd{width:100%; color:#27282d}
.pop-contents.mtb-scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch; max-height:430px}
.pop-contents.mtb-scroll::-webkit-scrollbar {width: 8px;height: 8px;border: 3px solid #fff}
.pop-contents.mtb-scroll::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block;height: 1px;background: #efefef}
.pop-contents.mtb-scroll::-webkit-scrollbar-track {background: #efefef}
.pop-contents.mtb-scroll::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0,0,0,.2)}
@media (max-width: 320px) {
	.pop-contents.mtb-scroll{height:350px}
}

/*스페셜이용권_전면레이어*/
.special_popLayer{position:absolute; left:0%; top:0%; width:100%; height:100%; z-index:501}
.special_popLayer .back{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;-ms-filter: alpha(opacity=50); filter: alpha(opacity=50); opacity:0.3; -moz-opacity:0.3;}
.special_layer{width:17.500em; height:24.625em; position:fixed; left:50%; top:50%; transform:translateX(-50%); margin:-12.3em auto 0; background:#ffffff; }
.special_popLayer .popup{display:block; background:none}
.special_layer img{width:100%}
.special_layer .btns {color:#27282d; background: #ffffff; position:absolute;left:0;right:0;bottom:0;width:100%;padding-top:15.6%;display:block;overflow:hidden;z-index:999}
.special_layer .btns span{position:absolute;top:0.75em;}
.special_layer .btns .btn-close {display:block;position:absolute;top:0;right:0;width:18.75%;height:100%;font-size:0.938em;text-align:center;font-weight:bold;border-left:1px solid #c8ccd0; line-height:3em; margin:0; text-indent:0}
.special_layer .chkbox {display:inline-block;position:absolute;left:-9999px;opacity:0}
.special_layer .chkbox + label {display:inline-block;position:relative;font-size:0.813em; color: #2e3037; padding-left:2.8em}
.special_layer .chkbox + label:before {content:'';display:block;position:absolute;top:0.45em;left:0.85em;width:1.125em;height:1.125em ;margin-top:-0.52em;background:url('//image.genie.co.kr/imageg/mobile_web/common/blt_checkbox.png') no-repeat 0 0; background-size: 300% 100%;}
.special_layer .chkbox:checked + label:before {background-position:100% 0}
.special_popLayer .pop-defence .btn-pop{color:#4fbada}
.special_popLayer .pop-defence{top:50%; transform:translateY(-50%);}

/* 탈퇴철회 */
.member .cancel_txt{font-size:0.938rem; padding:1.250em 1.042em; margin-bottom:0.6rem; border-bottom:1px solid #e5e9ec; line-height:1.2rem}

/*2020년 02월 상품개편*/
.pay .product .item.google.an dt strong{height:100%; display:table-cell; vertical-align:middle}
.payment .discount-graph .graph-6 {background: url('//image.genie.co.kr/imageg/mobile/payment/discount_graph_r6.png') no-repeat 0 0;background-size: contain;}
.payment .discount-graph .graph-7 {background: url('//image.genie.co.kr/imageg/mobile/payment/discount_graph_r7.png') no-repeat 0 0;background-size: contain;}
.payment .discount-graph .graph-shinhan {background: url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_shinhan.png') no-repeat 0 0;background-size: contain;}

/*IBK결제*/
.pay .product-wrap.pay-ibk {background-color:#005394;padding-bottom:0.58333333333em;font-weight:bold;color:#ffffff;     margin-bottom: 0.125em;}
.pay .product-wrap.pay-ibk h2 span {display:block;margin-top:0.4em;font-size:0.625rem;font-weight:normal;}
.pay .product-wrap.pay-ibk .btn-go{position:absolute;left:0; top:0;width:100%;height:100%;text-indent:-9999px}
.payment .discount-graph .graph-ibk {background: url('//image.genie.co.kr/imageg/mobile_web/payment/discount_graph_ibk.png') no-repeat 0 0;background-size: contain;}
.ibk img{width:100%}
.ibk .ir{position:absolute; font-size:0; line-height:0; height:0;}
.ibk_contents{position:relative; }
.ibk_contents .buy{position:absolute; left:50%; transform:translateX(-50%); bottom:36.3%; width:55%; height:8%; font-size:0; }
.ibk_contents .sns{position:absolute; left:50%; bottom:4.7%; width:59%; text-align: center; height:7%; transform:translateX(-50%);}
.ibk_contents .sns li{float:left; width:23%; height:100%; margin:0 1%;}
.ibk_contents .sns li a{display:block; font-size:0; width:100%; height:100%}
.ibk .ibk_note{background:#e4ecef; padding:1.458rem 0.938rem 2rem;font-family: 'Spoqa Han Sans';}
.ibk .ibk_note h4{color:#666666; font-size:0.938rem; padding-bottom:0.7rem; font-weight:700; letter-spacing:-0.05rem;}
.ibk .ibk_note li{font-size:0.688rem; color:#666666; line-height:1.2rem; padding-left:0.5rem; position:relative}
.ibk .ibk_note li:after{content:""; position:absolute; left:0.1rem; top:0.5rem; width:0.146rem; height:0.146rem; background:#b6bdbf; border-radius:50%}
.product_upgrade{padding:3em 0 15.3125em;max-width:720px;margin:0 auto; }
.webview .product_upgrade{padding:0}

/*데이터세이프*/
.ir{height:0; line-height:0; font-size:0; position:absolute; }
.data_safe{padding:3em 0 13.7em;max-width:720px;margin:0 auto; }
.data_safe .top{padding-top:169.027%; background: url(//image.genie.co.kr/imageg/mobile_web/payment/safe_top.png) no-repeat 0 0;background-size: 100% auto; position:relative;}
.data_safe .top a{position:absolute; left:50%; bottom:0; width:82.638%; height:9.8%;transform: translate(-50%, 0); font-size:0;}
.data_safe .detail{padding-top:80.416%; background: url(//image.genie.co.kr/imageg/mobile_web/payment/safe_intro_new.png) no-repeat 0 0;background-size: 100% auto; position:relative;}
.data_safe .howto li{padding-top:104.305%; background: url(//image.genie.co.kr/imageg/mobile_web/payment/safe_step01.png) no-repeat 0 0; background-size: 100% auto; font-size:0; height:0}
.data_safe .howto li:nth-child(2){padding-top:84.72%; background: url(//image.genie.co.kr/imageg/mobile_web/payment/safe_step02.png) no-repeat 0 0; background-size: 100% auto;}
.data_safe .howto li:nth-child(3){padding-top:84.72%; background: url(//image.genie.co.kr/imageg/mobile_web/payment/safe_step03.png) no-repeat 0 0; background-size: 100% auto;}
.data_safe .howto li:nth-child(4){padding-top:103.61%; background: url(//image.genie.co.kr/imageg/mobile_web/payment/safe_step04.png) no-repeat 0 0; background-size: 100% auto;}
.data_safe .note{padding-top:92.916%; background: url(//image.genie.co.kr/imageg/mobile_web/payment/safe_note_new.gif) no-repeat 0 0; background-size: 100% auto; font-size:0; height:0}

.payment .discount-graph .graph-musinsa {background: url('//image.genie.co.kr/imageg/mobile_web/payment/graph_musinsa.gif') no-repeat 0 0;background-size: contain;}

/*임직원상품 */
.product_employees{padding:3em 0 13.7em;max-width:720px;margin:0 auto;}
.payment .discount-graph .graph-employees {background: url('//image.genie.co.kr/imageg/mobile_web/payment/graph_employees.gif') no-repeat 0 0;background-size: contain;}
.product_employees img{width:100%}
.product_employees .contents{position:relative;}
.product_employees .contents a{position:absolute; left:10.2%; top:32.5%; width:80%; height:15%; text-indent:-9999em}
.product_employees .caution{padding:0;}

/* bc카드 */
.payment .discount-graph .graph-bc{background: url('//image.genie.co.kr/imageg/mobile_web/payment/graph_bccard.gif') no-repeat 0 0;background-size: contain;}

/* 모비케이 */
.payment .discount-graph .graph-mk{background: url('//image.genie.co.kr/imageg/mobile_web/payment/graph_mk.gif') no-repeat 0 0;background-size: contain;}

/* 페이코 */
.list li.payco em{display:inline-block; text-indent:-9999em; width:3.708rem; height:0.833rem; background: url('//image.genie.co.kr/imageg/web/payment/ico_payco.png') no-repeat 0 -2.688rem; background-size:3.542rem; vertical-align:-0.15rem}
.list li.payco .txt_payco{color:#ff5b62; font-size:0.750rem; padding-left:0.4rem; vertical-align:0.05rem}
.popup .pop-contents .pay_red{color:#ff5b62;}

/* 커넥티드카 */
.payment .discount-graph .graph-hcar{background: url('//image.genie.co.kr/imageg/mobile_web/payment/graph_hcar.gif') no-repeat 0 0;background-size: contain;}

/* 201217 상품 종료처리 */
.pay .pay-gift .product.end_sale .item,
.pay .pay-gift .product.end_sale .item .price,
.pay .pay-gift .product.end_sale .item .price strong{color:#bcbcbc; text-decoration: line-through; }
.pay .pay-gift .product.end_sale .item .price strong{padding-right:0}
.pay .pay-gift .product.end_sale .end_btn{font-size:0.875rem; color:#bcbcbc; width:5rem; height:1.875rem; line-height:1.9rem; background:#eeeeef; text-align:center; border-radius: 2px; display:inline-block; }

/* 현대카드 m포인트 */
.payment .discount-graph .graph-hyundai-mpoing{background: url(//image.genie.co.kr/imageg/mobile_web/payment/graph-hyundai-mpoing.png) no-repeat 0 0; background-size: contain;text-indent: -9999px;overflow: hidden}

/*씨티카드*/
.pay .product-wrap.citibank {background-color:#163262;}
.payment .discount-graph .graph-halfyear{background: url(//image.genie.co.kr/imageg/mobile_web/payment/graph-halfyear.png) no-repeat 0 0; background-size: contain;}

.citicard .citi_title{padding-top:122%;background: url('//image.genie.co.kr/imageg/mobile_web/payment/citi_title.png') no-repeat; background-size:100% auto}
.citicard .citi_contents{position:relative; padding-top:158.6%;background: url('//image.genie.co.kr/imageg/mobile_web/payment/citi_content.png') no-repeat; background-size:100% auto }
.citicard .citi_contents p{font-size:0; line-height:0; height:0}
.citicard .citi_contents .buy{position:absolute; left:50%; transform:translateX(-50%); top:46.5%; width:90.6%; height:10%; }
.citicard .citi_contents .sns{position:absolute; left:50%; bottom:6.1%; width:82.53%; height:10.8%;text-align: center; transform:translateX(-50%);}
.citicard .citi_contents .sns li{float:left; width:20.5%; height:100%; margin-left:5.4%}
.citicard .citi_contents .sns li:first-child{margin-left:0}
.citicard .citi_contents .sns li a{display:block; font-size:0; width:100%; height:100%;}
.citicard .citi_info{position:relative; padding-top:159.46%;background: url('//image.genie.co.kr/imageg/mobile_web/payment/citi_info.png') no-repeat; background-size:100% auto }
.citicard .citi_info .info{font-family:'NotoSans';position:absolute; left:0; top:0; padding:22% 5% 0 6.8%; color:#fff; font-size:3.1vw}
.citicard .citi_info .info li{position:relative;line-height:5vw; padding:0 0 1vw 3.7333vw;letter-spacing:-0.2vw; color:rgba(255, 255, 255, 0.6)}
.citicard .citi_info .info li:after{content:"-";position:absolute; left:0.6vw; top:-0.3vw;}
.citicard .citi_info .info li:nth-child( -n + 3 ){color:rgba(255, 255, 255, 1)}
@media screen and (min-width: 768px){
	.citicard .citi_info .info{padding-top:18%}
	.citicard .citi_info .info li{font-size:2.3vw; line-height:4vw; }
}

/*밀리의 서재*/
.pay .product-wrap.promotion_millie {background-color:#163262;}

.promotion_millie .millie_title{padding-top:117.3611111111%;background: url('//image.genie.co.kr/imageg/mobile_web/payment/millie_title.jpg') center 0 no-repeat; background-size:auto 100%}
.promotion_millie .millie_contents{position:relative; padding-top:261.5277777778%;background: url('//image.genie.co.kr/imageg/mobile_web/payment/millie_content_211220.jpg') no-repeat; background-size:100% auto }
.promotion_millie .millie_contents .buy {width: 27%;height: 8%;background:red;opacity: 0;position: absolute;top:11%;right:10%;text-indent: -999px;overflow: hidden;}
.promotion_millie .btn_buy_genie {display:block;height:0;padding-top:16.6666666667%;background:#a451f7 url('//image.genie.co.kr/imageg/mobile_web/payment/millie_btn01.png') no-repeat; background-size:100% auto;text-indent: -999px;overflow: hidden;}
.promotion_millie .btn_buy_millie {display:block;height:0;padding-top:16.6666666667%;background:#ffeb60 url('//image.genie.co.kr/imageg/mobile_web/payment/millie_btn02_211220.png') no-repeat; background-size:100% auto;text-indent: -999px;overflow: hidden;}
.promotion_millie .millie_info {display:block;height:0;padding-top:185.622222%;background:#ffeb60 url('//image.genie.co.kr/imageg/mobile_web/payment/millie_notice_211220.jpg') no-repeat; background-size:100% auto;text-indent: -999px;overflow: hidden;}

.millie-popup {position:fixed;top:3rem;left:50%;bottom:0;width:100%;background:rgba(0,0,0,0.5);z-index:1000;overflow:visible;transform: translateX(-50%);max-width: 720px;display: flex;flex-direction: column;justify-content: center;padding: 0;font-family: inherit;}
.millie-popup .popup-wrap {overflow-x:hidden;overflow-y:auto;max-height:100%;border-radius:0.875rem;-webkit-overflow-scrolling:touch;background:#ffffff;box-shadow:1px 5px 10px 5px rgba(0,0,0,0.1);width: 37.5rem;margin:0 auto;position: relative;}
.millie-popup .popup-header {font-size:1.75rem;line-height:5.3125rem;height:5.3125rem;font-weight:700;color:#fff;background: #9411f0;padding:0 0 0 3.0625rem;}
.millie-popup .popup-close {width: 5.3125rem;height: 5.3125rem;display: block;position: absolute;top:0;right: 0.5625rem;background: url('//image.genie.co.kr/imageg/mobile_web/payment/millie_ly_close.png') 0 0 no-repeat;background-size:contain;text-indent: -999px;overflow: hidden;border:0;}
.millie-popup .popup-content {position:relative;font-size:0.833rem;line-height:1.2rem;max-height:100%;overflow:auto;padding:3.75rem 3.3125rem 0 3.3125rem;color:#000;}
.millie-popup .message-area {text-align: center;font-size: 1.625rem;}
.millie-popup .message-box {margin: 0 auto;border-radius:0.625rem;background-color: #eeeef5;line-height:3.3125rem;height: 10.125rem;padding-top:1.625rem;}
.millie-popup .message-box h4 {font-size:1.5rem;}
.millie-popup .message-box .number {font-size:2.875rem;font-weight: 700;}
.millie-popup .message-area p {color:#3b3b3b;line-height:2.625rem;padding:2.0625rem 0 1.75rem 0;}
.millie-popup .message-area p strong{color:#9411f0;font-weight:400}
.millie-popup .popup-content .line {padding:2.375rem 0;border-top:dashed 1px #ccccd3;color:#27282d;}
.millie-popup .popup-content .list {padding:0;border:0;font-size:1.5rem;line-height:2.25rem;color: #627079;}
.millie-popup .popup-content .list li {position:relative;padding:0 0 0 0.875rem;word-break:keep-all;}
.millie-popup .popup-content .list li:before {content:'';display:block;position:absolute;top:0.8125rem;left:0;width:0.1875rem;height:0.1875rem;background:#858585;border-radius:50%;}
.millie-popup .popup-footer {border-top:0.0625rem solid #eeeef5;text-align:center;z-index:20;font-size: 0;}
.millie-popup .popup-footer .btn-pop {color:#0096FF;display:inline-block;width:50%;font-size:1.625rem;line-height:5.3125rem;font-weight:700;vertical-align:top;color:#000;font-weight:400;background: #fff;}
.millie-popup .popup-footer .btn-pop.confirm{color:#9411f0;font-weight: 700;}

@media screen and (max-width:720px){
	.millie-popup .popup-wrap {border-radius:1.9444444444vw;width:83.3333333333vw}
	.millie-popup .popup-header {font-size:3.8888888889vw;height:11.8055555556vw;line-height:11.8055555556vw;padding-left:6.8055555556vw;}
	.millie-popup .popup-close {width: 11.8055555556vw;height: 11.8055555556vw;right: 1.25vw;}
	.millie-popup .popup-content {padding:8.3333333333vw 7.3611111111vw 0 7.3611111111vw;}
	.millie-popup .message-area {font-size:3.6111111111vw;}
	.millie-popup .message-box {border-radius:1.3888888889vw;line-height:7.3611111111vw;height: 22.5vw;padding-top:3.6111111111vw;}
	.millie-popup .message-box h4 {font-size:3.3333333333vw;}
	.millie-popup .message-box .number {font-size:6.3888888889vw;}
	.millie-popup .message-area p {line-height: 5.8333333333vw;padding:4.5833333333vw 0 3.8888888889vw 0;}
	.millie-popup .popup-content .line {padding:5.2777777778vw 0;}
	.millie-popup .popup-content .list {font-size:3.3333333333vw;line-height: 5vw;}
	.millie-popup .popup-content .list li {padding-left: 1.9444444444vw}
	.millie-popup .popup-content .list li:before {width: 0.4166666667vw;height: 0.4166666667vw;top:1.8055555556vw;}
	.millie-popup .popup-footer {border-top-width:0.1388888889vw}
	.millie-popup .popup-footer .btn-pop {font-size: 3.6111111111vw;line-height:11.8055555556vw;}
}

/*차이카드*/
.payment .discount-graph .graph-chai{background: url(//image.genie.co.kr/imageg/mobile_web/payment/graph-chai_n.png) no-repeat 0 0; background-size: contain;}
.payment .discount-graph .graph-chai02{background: url(//image.genie.co.kr/imageg/mobile_web/payment/graph-chai02_n.png) no-repeat 0 0; background-size: contain;}
.chai .chai_title{padding-top:143.8%;background: url('//image.genie.co.kr/imageg/mobile_web/payment/chai_title.png') no-repeat; background-size:100% auto}
.chai .chai_contents{background:#141417}
.chai_contents .howoto{position:relative; padding-top:168.8%;background: url('//image.genie.co.kr/imageg/mobile_web/payment/chai_howto_n.png') no-repeat; background-size:100% auto}
.chai_contents .howoto ul{ font-size:0; line-height:0;}
.chai_contents .howoto .btn_go{position:absolute; left:50%; top:36.2%; transform:translateX(-50%); width:40.972%; height:5.16%;}
.chai_contents .choice_tab{width:86.2%; margin:0 auto; font-size:0; line-height:0;}
.chai_contents .choice_tab ul:after{content:""; display:block; clear:both}
.chai_contents .choice_tab li{position:relative;float:left; width:50%; padding-top:72.7%; }
.chai_contents .choice_tab li a{position:absolute; left:0; top:0; width:100%; height:100%}
.chai_contents .choice_tab li.n01{background: url('//image.genie.co.kr/imageg/mobile_web/payment/chai_tab01_n.png') 0 0 no-repeat; background-size:200% 100%;}
.chai_contents .choice_tab li.n01.on{background-position:100% 100%}
.chai_contents .choice_tab li.n02{background: url('//image.genie.co.kr/imageg/mobile_web/payment/chai_tab02_n.png') 100% 0 no-repeat; background-size:200% 100%;}
.chai_contents .choice_tab li.n02.on{background-position:0 0}
.btnbox{position:relative;width:100%; padding-top:17.916%;}
.btn_area{position:fixed; left:0; top:90% !important; width:100%; height:10%; }
.btn_area.mp a{background-position:0 0}
.btn_area a {font-size:0; line-height:0; position:absolute;display:block;width:100%;background: url('//image.genie.co.kr/imageg/mobile_web/payment/chai_btn.png') 100% 100% no-repeat; background-size:100% 200%;height:100%}
.btn_area.on {position: static; margin-top:-17.916%;}

.chai_info{background:#edeff4; padding:25% 5.4% 8%;font-family:'NotoSans';}
.chai_info h4{color:#272727; font-size:3.8889vw; font-weight:700; padding-bottom:0.85rem}
.chai_info li{position:relative;line-height:5vw; padding:0 0 1vw 3vw;letter-spacing:-0.2vw; font-size:3.0556vw; color:#9f9f9f}
.chai_info li:after{content:"·";position:absolute; left:0.6vw;top:-0.3vw;}
.chai_info li a{color:#9f9f9f}
@media (orientation: landscape) {
	.btn_area{width:96%; left:2%; height:34%; top:66% !important;}
}

/*지니캐시 모바일*/
.payment.cash_payment input {-webkit-appearance:none;-webkit-border-radius: 0;}
.payment.cash_payment {padding:3.5rem 0 14.0625em;font-size:1rem; background:#fff;font-family: 'NotoSans';position:relative;}
.payment.cash_payment h2 {position:relative;line-height:1.1rem;padding:0;font-size:0.8125rem;font-family: 'NotoSans';color:#8a8a8d;font-weight: bold;}
.payment.cash_payment .list.col-2 {border:none;}
.payment.cash_payment .list.col-2 label {font-size: 0.9375rem;line-height: 1.35em;}
.payment.cash_payment .list.col-2 li {padding: 0.8889rem 0;}
.payment.cash_payment .list.col-2 li:nth-of-type(2n) {padding-left:1.25rem;}
.payment.cash_payment .list.col-2 li:last-child {padding-bottom:0.625rem;}
.payment.cash_payment .list {border:none;}
.payment.cash_payment .ipt-direct input {background-color:#fafafa;border:none;border-radius: 10px;height: auto;padding:0.8125rem 1rem;}
.payment.cash_payment .ipt-direct input::placeholder {color:#bcbcbc;font-size:0.9375rem;}
.payment.cash_payment .list.full.pd-left.bg-white.charge-method {padding-top:2.625rem;padding-left: 1.25rem;padding-right: 1.25rem;}
.payment.cash_payment .list.full.pd-left.bg-white.charge-method label {font-size: 0.9375rem;line-height:1.25rem;}
.payment.cash_payment .list.full.pd-left.bg-white.charge-method::after {content:"";display:table;clear: both;}
.payment.cash_payment .desc {display:block;padding: 0 1.2em 0 2.4rem;line-height:1.6666666666em;font-size:0.75rem;    color: #8a8a8d !important;}
.payment.cash_payment .list .ipt-direct {display:block;top:50%;left:7.3333333333em;right:0;margin-top:1.125rem;}
.payment.cash_payment .btn-wrap {font-size:1rem;width:100%; margin-top:2.5rem;}
.payment.cash_payment .btn-wrap.col-2 .btn {width:100%;background-color:#539bed;}
.payment.cash_payment .btn-wrap.col-2 .btn:last-child {float:right;height: 3.375rem;line-height: 3.375rem;border-radius: 0;}
.payment.cash_payment .circle2px {width: 2px;height:2px;border-radius: 2px;display:inline-block;margin: 0 .35rem .2rem;background-color:#8a8a8d;}
.payment.cash_payment .cash-balance {padding:1.875rem 1.25em 2.625rem;line-height:1.4rem;font-family: 'NotoSans'}
.payment.cash_payment .cash-balance dt {display:block;width:100%;text-align:center;font-size:0.8125rem;padding-bottom:0.25rem;}
.payment.cash_payment .cash-balance dd {display:block;width:100%;font-size:1.063rem;text-align:center;font-weight: bold;color: #539bed !important;}
.payment.cash_payment .list.charge-method li {padding-top: 0.8889rem;width:50%;float:left;border:none;}
.payment.cash_payment .list.charge-method li:nth-of-type(2) {padding-left:1.25rem;}
.payment.cash_payment .btn-wrap {padding:0;font-size:1rem}


.payment.cash_payment .mo_kt_number_input {padding: 0 1.25rem}
.payment.cash_payment .mo_kt_number_input::after {content:"";display: table;clear:both;}
.payment.cash_payment .mo_kt_number_input li{float:left;width: 31.28%;margin-right: 3%;height: 2.75rem;}
.payment.cash_payment .mo_kt_number_input li:last-child {margin-right:0;}
.payment.cash_payment .mo_kt_number_input li input {height:100%;border: none;background-color: #fafafa;border-radius: 10px;text-align: center;}
.payment.cash_payment .mo_kt_number_input li input::placeholder {color:#bcbcbc;}
.payment.cash_payment .mo_kt_number_input h2 {padding-bottom: 0.6875rem;}
.payment.cash_payment .kt_search {padding:0 1.25rem;}
.payment.cash_payment .kt_search input {width: 100%;padding: 0.8125rem 0;background-color: #fafafa;border-radius: 10px;margin-top:0.625rem;font-size: 0.9375rem;line-height: 1.4rem;}
.cash_payment .btn.btn-large.btn-blue.disabled {background-color: #eeeeef;color:#bcbcbc;}
.payment.cash_payment .kt_search tr { display: block; float: left; }
.payment.cash_payment .kt_search th { font-size:0.9375rem; }
.payment.cash_payment .kt_search th,.kt_search td { display: block; }
.payment.cash_payment .kt_search table {width: 100%;background-color: #fafafa;padding: 1.111rem 1rem;margin-top: 1.875rem;border-radius: 10px;}
.payment.cash_payment .kt_search table tr {width:50%;padding:1.25rem 1.125rem 1.25rem 1.125rem;}
.payment.cash_payment .kt_search table td {margin-bottom: 0.5625rem;font-size:0.8125rem;line-height: 1.2rem;}
.payment.cash_payment .kt_search table tr:nth-of-type(1) td {color:#8a8a8d}
.payment.cash_payment .kt_search table tr:nth-of-type(1) td:last-child {margin-bottom:0;}
.payment.cash_payment .kt_search .nopadding {padding:0 1.125rem 1.25rem;}
.payment.cash_payment .kt_search table tr:nth-of-type(2) td {text-align: right;font-weight:bold; font-size: 0.9375rem;}
.payment.cash_payment .kt_search table tr:nth-of-type(2) td:last-child {margin-bottom:0;}
.payment.cash_payment .kt_search input.active {background-color: #539bed;color:#fff;}
.payment.cash_payment .btn.btn-large.btn-blue.active {background-color:#539bed;}
.payment.cash_payment .kt_search p {color:#8a8a8d;padding-left: 1rem;margin-top: 0.375rem;font-size:0.75rem; line-height: 1.125rem; }
.payment.cash_payment .kt_search > div {border-radius: 10px;padding:1.25rem 1.125rem 1.25rem;background-color:#fafafa;color:#8a8a8d;font-size: 0.8125rem; margin-top: 1.875rem;}
.payment.cash_payment .kt_search > div .bold {font-weight:bold;    padding-bottom: 0.875rem;display:block;color:#000;font-size: 0.9375rem;}
.payment.cash_payment .kt_search > div .bold.paddingnone {padding:0;}
.payment.cash_payment .kt_search thead tr {width: 100%;text-align: left;font-weight: bold;    padding: 1.25rem 1.125rem 0.75rem;}

/*180423 지니홈 멀티음악감상*/
.popup.multi .pop-wrap{width:100%; text-align:center;letter-spacing:-0.021em}
.popup.multi .pop-wrap h3{color:#0096FF; font-size:1.542em; padding:0.3em 0;}
.popup.multi .pop-wrap .pop-contents{padding:0 1.042em}
.popup.multi .pop-wrap .tit{background:#0096FF; color:#ffffff; font-size:0.833em; line-height:1.863em; height:1.763em;display:inline-block; border-radius: 0.925em; padding:0 1.042em; margin-top:1.875em}
.popup.multi .pop-wrap p{font-size:0.917em; line-height:1.4em; padding-bottom:0.771em}
.popup.multi .pop-wrap dl{text-align:left; border-top:0.063em solid #e5e9ec; padding:0.938em 0 0 0.417em; margin-top:1.2em}
.popup.multi .pop-wrap dt{color:#27282d; padding-bottom:0.4em}
.popup.multi .pop-wrap dd{font-size:0.875em; color:#63717d; line-height:1.18em; padding:0.554em 0 0 0.708em; position:relative}
.popup.multi .pop-wrap dd:after{content:'';display:block;position:absolute;top:0.75em;left:0.1458333333em;width:0.125em;height:0.125em;font-size:1rem;background:url('//image.genie.co.kr/imageg/mobile_web/common/icon_dot.png') no-repeat 0 0;background-size:100% 100%}
.popup.multi .pop-wrap .btn_ok{width:100%; background:#0096FF; color:#ffffff;line-height:3.125em; border-radius:0.208em; margin:1.125em 0 0.625em}
.popup.multi .checkbox.checkbox-text-small + label{font-size:100%; padding-left:1.7em}
@media screen and (max-width: 320px){
.popup.multi .pop-wrap .pop-contents{padding: 0 0.8em;}
.popup.multi .pop-wrap h3{font-size:1.292em}
.popup.multi .pop-wrap p{font-size:0.792em; letter-spacing: -0.021em}
.popup.multi .pop-wrap dd{font-size:0.765em;}
}

/* 180502 이용권 */
.buy_list{text-align: center; padding:1.833em 0}
.buy_list li{font-size:0.867em; line-height: 1.2em; }
.buy_list li .dot{color:#8c8c8c; }
.buy_list li:first-child{margin-bottom:1.5em}
.buy_list li span{color:#0eb6e5;}

/* 180502 이용권 */
.info_dm .pop-wrap{width:19em}

/* 201019 위치기반서비스 메뉴추가 */
.sp-top{margin-top: 0.8em}
@media screen and (min-width: 560px){
	.footer .menu li:nth-child(3):before{display: block}
	.footer .menu li:last-child a{padding-top: 0.25rem}
}

/* 신한카드 */
.sinhancard {max-width:750px; margin:0 auto;}
.sinhancard .hidden {posirion:absolute; text-indent: -9999px;}
.sinhancard .sinhan_title {background-image: url("//image.genie.co.kr/imageg/mobile_web/payment/sinhan_title.png");width:100%;background-size: 100%;background-repeat: no-repeat;background-position: center;padding-top:200%;position: relative;}
.sinhancard img {width:100%}
.sinhancard_content {text-align: center;position: relative;width: 100%;}
.sinhancard .sinhan_title button {position:absolute;bottom:6%;left:0;display: block;width: 100%;padding:0;background-color: transparent;}
.sinhancard .sinhan_title button img {width:80%;vertical-align: middle;}
.sinhancard .sinhan_contents {background-image: url("//image.genie.co.kr/imageg/mobile_web/payment/sinhan_content.png");width:100%;background-size: 100%;background-repeat: no-repeat;background-position: center;padding-top:96%;position: relative;}
.sinhancard .sinhan_contents > a {background-image: url(//image.genie.co.kr/imageg/mobile_web/payment/sinhan_arrow.png);background-size: 100%;background-repeat: no-repeat;text-indent: -9999px;position: absolute;width: 30%;top: 33%;left: 9.7%;padding-top:1%;}
.sinhancard_content_2 {position:relative;z-index: 1;overflow: hidden;}
.sinhancard_content_2 a {position: absolute;font-size:0.26rem;bottom:32%;left:0;width: 100%;padding-left: 10%;}
.sinhancard_content_2 a img {width:30%;vertical-align: middle;}
.sinhancard .sinhan_contents {position: relative;}
.sinhancard .sinhan_contents ul {width:85%;margin:0 auto;display: flex;position: absolute;top: 72%;left: 50%;transform: translate(-50%);}
.sinhancard .sinhan_contents ul li {position:relative;width:24%;margin-right:4%;background-size: 100%;background-repeat: no-repeat;background-position: center;padding-top:24%;}
.sinhancard .sinhan_contents ul li:nth-of-type(1) {background-image: url("//image.genie.co.kr/imageg/mobile_web/payment/sinhan_icon_facebook.png");}
.sinhancard .sinhan_contents ul li:nth-of-type(2) {background-image: url("//image.genie.co.kr/imageg/mobile_web/payment/sinhan_icon_twitter.png");}
.sinhancard .sinhan_contents ul li:nth-of-type(3) {background-image: url("//image.genie.co.kr/imageg/mobile_web/payment/sinhan_icon_kakao.png");}
.sinhancard .sinhan_contents ul li:nth-of-type(4) {background-image: url("//image.genie.co.kr/imageg/mobile_web/payment/sinhan_icon_clip.png");}
.sinhancard .sinhan_contents ul li:last-child {margin-right:0;}
.sinhancard .sinhan_contents ul li a {text-indent: -9999px;height: 100%;position: absolute;width: 100%;top: 0;}
.sinhancard .sinhan_info {width:85%;margin:0 auto;padding:10vw 0 60vw;}
.sinhancard .sinhan_info h3 {font-family: 'NotoSans';color:#282828;font-size:4vw;padding:0;padding-bottom: 5vw;font-weight:bold;}
.sinhancard .sinhan_info ul li {font-family: 'NotoSans';font-size: 3vw;line-height:5vw;padding-bottom: 2.5vw;color: #585858;position:relative;width:90%;margin:0 auto;}
.sinhancard .sinhan_info ul li::before {content: "";width: 20px;height:20px;background-image: url("//image.genie.co.kr/imageg/mobile_web/payment/sinhan_bullet.png");background-size: 80%;background-repeat: no-repeat;display: inline-block;position: absolute;top:0;left:-23px;}
.sinhancard .sinhan_info ul:nth-of-type(2) li:last-child {width:100%;}
.sinhancard .sinhan_info ul:nth-of-type(2) li:last-child::before {display: none;}
.sinhancard .sinhan_info ul li.bold {color:#000;}
.sinhancard .sinhan_info ul li.line-height {line-height:1.6;}
.sinhancard .sinhan_info ul li span.bold {color:#000;}

.connectedcar_contents {
	background-image: url(//image.genie.co.kr/imageg/mobile_web/payment/connectedcar_bg.jpg);
	padding-top: 190%;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
.connectedcar_contents ul {
	position: absolute;
	top:80%;
	display:flex;
	justify-content: center;
	width:100%;
}
.connectedcar_contents ul li {
	width:34.724%;
	margin: 0 6.25%;
}
.connectedcar_contents ul li a {
	display:block;
	padding-top: 36%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.connectedcar_contents ul li:nth-of-type(1) a  {
	background-image: url(//image.genie.co.kr/imageg/mobile_web/payment/benz_button_1.png);
}
.connectedcar_contents ul li:nth-of-type(2) a  {
	background-image: url(//image.genie.co.kr/imageg/mobile_web/payment/benz_button_2.png);
}
.connectedcar_contents ul li a img {
	width:100%;
}