@charset 'utf-8';

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address, em, img,
strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, footer, header, hgroup, menu, nav, section,
audio, video {
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:middle;background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
body {min-width:320px;-webkit-text-size-adjust:100%}
body.block {position:fixed;overflow:hidden}
nav, ul {list-style:none}
a, button {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
html {position:relative;min-height:100%;background-color:#f8f8f8}
#wrap {width:100%;/*max-width:720px;*/}
#container {width:100%;margin:0 auto}
#content {width:100%;height:100%;margin:0 auto}
.fframe {width:100%}
.fframe body {height:100%}
.fframe #wrap {height:100%;background-color:#f8f8f8}
.fframe #container {position:absolute;top:41px;bottom:30px}
.fframe #container.container_share {bottom:70px}
.fframe footer {position:fixed;-webkit-backface-visibility:hidden;bottom:0}
.fframe #controller {position:absolute;bottom:0}
.fframe #share_warp {position:absolute;top:0;bottom:102px;height:auto}
.fframe #album_warp {position:absolute;top:0;bottom:0;height:auto}
.fframe .banner {position:fixed;-webkit-backface-visibility:hidden;bottom:30px;padding:0}
header {width:100%;height:40px;border-bottom:1px solid #29c0d1;text-align:center;background-color:#ffffff}
header .logo {position:absolute;top:9px;left:10px;display:block;width:58px;height:24px}
header .logo img {height:100%;vertical-align:top}
header .logo_center {position:relative;display:block;height:100%}
header .logo_center > a {display:inline-block;height:100%}
header .logo_center > a > img {height:100%;vertical-align:top}
header .line_title {display:inline-block;font-size:16px;height:40px;overflow:hidden;line-height:42px;color:#29c0d1;font-weight:bold}
header .btn_down {position:absolute;right:0;top:0;width:47px;height:41px;overflow:hidden;font-size:0;text-indent:-9999px;overflow:hidden;background:url('//image.genie.co.kr/imageg/app/m/btn_down.png') no-repeat;color:transparent;background-size:auto 100%;background-position:0 0}
header .btn_down:active {background-position:100% 0}
#content {position:relative}
#share_warp {position:relative;width:100%;height:313px;overflow:hidden}
#share_warp.on .wrap_list {display:none}
#share_warp .wrap_player {display:none}
#share_warp.on .wrap_player {display:block}
#share_warp .share_bg {position:absolute;top:-30px;right:-30px;left:-30px;bottom:-30px;text-align:center}
#share_warp .share_bg img {display:inline-block;width:auto;height:100%;-webkit-filter:blur(2px);opacity:0.2}
#share_warp .song_info {position:relative;padding:0 50px 0 10px;height:70px;overflow:hidden}
#share_warp .song_info .title {font-size:18px;font-weight:bold;height:28px;line-height:28px;padding-top:14px;color:#333333;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#share_warp .song_info .artist {font-size:12px;color:#666666;max-width:100%;line-height:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#share_warp .song_info .btn_switch {position:absolute;right:0;top:0;width:50px;height:70px;padding:0;border:0 none;margin:0;background:transparent}
#share_warp .song_info .btn_switch .switch_play {position:absolute;top:18px;left:8px;width:34px;height:34px}
#share_warp .song_info .btn_switch.on .switch_play {display:none}
#share_warp .song_info .btn_switch.on .switch_list {display:block}
#share_warp .song_info .btn_switch .switch_play .icon_loding {width: 34px;height: 34px;position: absolute;top: 0;left: 0;background: url('//image.genie.co.kr/imageg/app/m/icon_loding_5.0.png') no-repeat;background-size: auto 100%;opacity: 1;-webkit-transition: opacity 0.6s ease-in-out 0s;transition: opacity 0.6s ease-in-out 0s}
#share_warp .song_info .btn_switch:active .switch_play .icon_loding {opacity:0}
#share_warp .song_info .btn_switch .switch_play.on .icon_loding {
    -webkit-animation: loding_on 3s infinite reverse linear;
    -moz-animation: loding_on 3s infinite reverse linear;
    -o-animation: loding_on 3s infinite reverse linear;
    animation: loding_on 3s infinite reverse linear;
}
#share_warp .song_info .btn_switch .switch_play .icon_loding_on {width: 34px;height: 34px;position: absolute;top: 0;left: 0;background: url('//image.genie.co.kr/imageg/app/m/icon_loding_on_5.0.png') no-repeat;background-size: auto 100%;opacity: 0;-webkit-transition: opacity 0.6s ease-in-out 0s;transition: opacity 0.6s ease-in-out 0s}
#share_warp .song_info .btn_switch:active .switch_play .icon_loding_on {opacity:1}
#share_warp .song_info .btn_switch .switch_play.on .icon_loding_on {
    -webkit-animation: loding_on 3s infinite reverse linear;
    animation: loding_on 3s infinite reverse linear;
}
@-webkit-keyframes loding_on {
	from { -webkit-transform:rotate(0);transform:rotate(0)}
    to { -webkit-transform:rotate(2turn);transform:rotate(2turn)}
}
@keyframes loding_on {
	from { -webkit-transform:rotate(0);transform:rotate(0)}
    to { -webkit-transform:rotate(2turn);transform:rotate(2turn)}
}

#share_warp .song_info .btn_switch .switch_play .play {position: absolute;left: 14px;top: 11px;width: 10px;height: 12px;background: url('//image.genie.co.kr/imageg/app/m/icon_play_5.0.png') no-repeat;background-size: auto 100%}
#share_warp .song_info .btn_switch .switch_list {position: absolute;top: 20px;left: 10px;width: 30px;height: 30px;display: none}
#share_warp .song_info .btn_switch .switch_list .icon_switch_list {position: absolute;top: 0;left: 0;width: 30px;height: 30px;background: url('//image.genie.co.kr/imageg/app/m/icon_switch_list.png') no-repeat;background-size: auto 100%;opacity: 1; /*transition: opacity 0.3s ease-in-out 0s;*/}
#share_warp .song_info .btn_switch .switch_list .icon_switch_list_on {position: absolute;top: 0;left: 0;width: 30px;height: 30px;background: url('//image.genie.co.kr/imageg/app/m/icon_switch_list_on_5.0.png') no-repeat;background-size: auto 100%;opacity: 0; /*transition: opacity 0.3s ease-in-out 0s;*/}
#share_warp .song_info .btn_switch .switch_list:active .icon_switch_list {opacity: 0}
#share_warp .song_info .btn_switch .switch_list:active .icon_switch_list_on {opacity: 1}
#share_warp .wrap_list {position: absolute;top: 70px;bottom: 0;width: 100%;border-top: 1px solid rgba(0, 0, 0, 0.1)}
#share_warp .wrap_list .play_list li > a {position: relative;display: block;height: 48px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);overflow: hidden;text-decoration: none}
#share_warp .wrap_list .play_list li > a.play_focus {background-color: #e5f7f9}
#share_warp .wrap_list .play_list li > a:after {clear: both;content: "";display: block}
#share_warp .wrap_list .play_list li > a.play_focus .number {position: relative;color: transparent;text-indent: -9999px}
#share_warp .wrap_list .play_list li > a.play_focus .number:after {content: "";position: absolute;top: 16px;left: 9px;width: 15px;height: 18px;overflow: hidden;display: block;font: 0/0 a;background: url('//image.genie.co.kr/imageg/app/m/now_play_5.0.png') no-repeat;background-size: 15px 18px}
#share_warp .wrap_list .play_list li .number {float: left;width: 35px;text-align: center;line-height: 49px;font-size: 14px;color: #666666}
#share_warp .wrap_list .play_list li .album {float: left;width: 43px;padding: 2.5px 0}
#share_warp .wrap_list .play_list li .album .cover {position: relative;width: 43px;height: 43px;display: inline-block}
#share_warp .wrap_list .play_list li .album .cover img {width: 100%;height: 100%}
#share_warp .wrap_list .play_list li .album .cover:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;border: 1px solid rgba(0, 0, 0, 0.1);z-index: 2}
#share_warp .wrap_list .play_list li .music {float: left;width: 210px;height: 43px;padding: 2.5px 0 2.5px 10px}
#share_warp .wrap_list .play_list li .music .title {font-size: 14px;line-height: 22px;height: 22px;padding-top: 2px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
#share_warp .wrap_list .play_list li .music .title.icon_18 {position: relative;padding-left: 19px}
#share_warp .wrap_list .play_list li .music .title.icon_18:after {content: "";position: absolute;top: 5px;left: 1px;width: 15px;height: 15px;display: block;background: url('//image.genie.co.kr/imageg/app/m/icon_19.png') no-repeat;background-size: 15px 15px}
#share_warp .wrap_list .play_list li .music .artist {width: 100%;font-size: 10px;line-height: 14px;height: 14px;color: #666666;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
#share_warp .play_list li .time {position: absolute;top: 0;right: 0;bottom: 0;width: 32px;font-size: 9px;color: #999999;line-height: 49px}
#share_warp .scroll {position: relative;height: 100%;overflow: hidden}
#share_warp .wrap_player {position: absolute;top: 70px;bottom: 0;width: 100%;text-align: center}
#share_warp .wrap_player.on {border-top: 1px solid rgba(0, 0, 0, 0.1)}
#share_warp .wrap_player .album {position: relative;width: 230px;height: 230px;display: inline-block}
#share_warp .wrap_player.on .album {display: none}
#share_warp .wrap_player .lyric {position: relative;height: 100%;display: none}
#share_warp .wrap_player.on .lyric {display: block}
#share_warp .wrap_player.on .lyric p {font-size: 14px;line-height: 22px;color: #666666}
#share_warp .wrap_player.on .lyric p.this {color: #333333;font-weight: bold}
#share_warp .wrap_player.on .lyric p:first-child {padding-top: 17px}
#share_warp .wrap_player.on .lyric p:last-child {padding-bottom: 17px}
#share_warp .wrap_player .album:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;border: 1px solid rgba(0, 0, 0, 0.1);z-index: 2}
#share_warp .wrap_player .album > img {width: 100%;height: 100%}
#controller {position: relative;width: 100%;height: 102px;background-color: #fff}
#controller .progress-container {position: relative;width: 100%;height: 10px}
#controller .progress-container .time span {position: absolute;top: 1px;left: 5px;height: 10px;font-size: 9px;line-height: 100%;color: #fff;font-weight: normal;z-index: 11}
#controller .progress-container .time strong {position: absolute;top: 1px;right: 5px;height: 10px;font-size: 9px;line-height: 100%;color: #fff;font-weight: normal;z-index: 11}
#controller .progress-container .track {background-color: #9faeba;cursor: pointer;height: 10px;position: absolute;top: 0;width: 100%;z-index: 10}
#controller .progress-container .track .buffer {position: absolute;top: 0;left: 0;background-color: #fff;height: 10px;opacity: 0.2}
#controller .progress-container .track .progress {position: absolute;top: 0;left: 0;height: 10px;background-color: #0096ff}
#controller .share_count_warp {position: relative;text-align: center;height: 15px;line-height: 15px;padding-top: 5px}
#controller .share_count_warp .share_count {color: #1c2337;font-size: 10px}
#controller .share_count_warp .share_count strong {font-weight: bold;color: #0096ff;vertical-align: baseline}

#controller .control_warp {position:relative;width:93.75%;min-width:300px;height:72px;margin:0 auto}
#controller .control_warp .item1 {position: absolute;top: 17.5px;left: 0;width: 36px;height: 32px;display: block;text-indent: -9999px;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px}
#controller .control_warp .item1.on {background-position:0 -64px}
#controller .control_warp .item1.on_1 {background-position:0 -149px}
#controller .control_warp .item1.on_2 {background-position:-36px -149px}

#controller .control_warp button {padding:0;border:0 none;margin:0}
#controller .control_warp .prev {position: absolute;top: 18px;left: 17%;width: 36px;height: 32px;display: block;text-indent: -9999px;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px;background-position: 0 0}
#controller .control_warp .prev:active {background-position:-36px 0}
#controller .control_warp .pause {position: absolute;left: 50%;top: 5px;margin-left: -29px;width: 58px;height: 58px;display: block;text-indent: -9999px;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px;background-position: -72px 0}
#controller .control_warp .pause:active {background-position:-72px -58px}
#controller .control_warp .play {position: absolute;left: 50%;top: 5px;margin-left: -29px;width: 58px;height: 58px;display: block;text-indent: -9999px;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px;background-position: -130px 0}
#controller .control_warp .play:active {background-position:-130px -58px}
#controller .control_warp .next {position: absolute;top: 18px;right: 17%;width: 36px;height: 32px;display: block;text-indent: -9999px;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px;background-position: 0 -32px}
#controller .control_warp .next:active {background-position:-36px -32px}
#controller .control_warp .item2 {position: absolute;top: 17.5px;right: 0;width: 36px;height: 32px;display: block;text-indent: -9999px;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px;background-position: -36px -64px}
#controller .control_warp .item2.on {background-position:-36px -96px}
#controller .volume_warp {position:relative;margin:0 auto;width:59.375%;min-width:190px;height:37px}
#controller .volume_warp button {padding:0;border:0 none;margin:0}
#controller .volume_warp .unmute {position: absolute;left: -36px;top: 0;cursor: pointer;width: 36px;height: 21px;display: block;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px;background-position: 0 -128px;text-indent: -9999px}
#controller .volume_warp .unmute.on {background-position:-36px -128px}
#controller .volume_warp .volume-bar {position:absolute;top:9.5px;left:0;width:100%;min-width:190px;height:3px;display:block;background-color:#9faeba;border-radius:2px}
#controller .volume_warp .volume-bar .volume {position:absolute;left:0;height:3px;display:block;background-color:#1c2337;border-radius:2px}
#controller .volume_warp:hover .volume-bar .volume, #controller .volume_warp.active .volume-bar .volume {background-color: #0096ff}
#controller .volume_warp .volume-bar .volume .thumb {position: absolute;top: -9px;width: 22px;height: 22px;right: -11px;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px;background-position: -113px -118px}
#controller .volume_warp:hover .volume-bar .volume .thumb, #controller .volume_warp.active .volume-bar .volume .thumb {background-position:-166px -118px}
#controller .volume_warp .volume-max {position: absolute;right: -36px;top: 0;cursor: pointer;width: 36px;height: 21px;display: block;background: url('//image.genie.co.kr/imageg/app/m/controller_5.0.png') no-repeat;background-size: 320px 200px;background-position: -72px -128px;text-indent: -9999px}
#controller .volume_warp input[type=range] {-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:0;padding:0;margin:0;width:100%;min-width:190px;height:37px;opacity:0;cursor:pointer}
#controller .volume_warp input[type=range]::-webkit-slider-thumb {cursor:pointer}
#controller .volume_warp input[type=range]:focus {outline:none}
footer {width:100%;height:29px;border-top:1px solid #e5e5e5;background-color:#f7f7f7;text-align:center;line-height:29px;color:#999;font-size:10px}
footer.share_footer {width:100%;height:69px;border-top:1px solid #e5e5e5;background-color:#f7f7f7;text-align:center;line-height:29px;color:#999;font-size:10px}
footer.share_footer .btn-basic {margin:12px 0 0 0;width:95px;height:29px;line-height:29px;text-decoration:none}
#share_warp .layer_alert_warp {position:absolute;bottom:0;left:0;right:0}
#share_warp .layer_alert_warp .layer_alert {position:relative;z-index:3;width:300px;margin:0 auto 8px auto;background-color: rgba(28, 35, 55, 0.8)}
#share_warp .layer_alert_warp .layer_alert .alert_inner {padding:10px}
#share_warp .layer_alert_warp .layer_alert .alert_inner p {font-size:0.75em;line-height:1.417em;color:#fff;padding-right:12px;word-break:break-word}
#share_warp .layer_alert_warp .layer_alert .alert_inner p.mid {line-height:2.833em}
#share_warp .layer_alert_warp .layer_alert .alert_inner p em {color: #0096ff;font-style: normal;vertical-align: baseline}
#share_warp .layer_alert_warp .layer_alert .alert_inner .alert_btn_a {position:relative;width:100%;height:34px;margin-top:7px}
#share_warp .layer_alert_warp .layer_alert .alert_inner .alert_btn_a .btn_cancel {position:absolute;top:0;left:0;width:135px;height:34px;text-align:center;text-decoration:none;line-height:34px;display:block;color:#fff;font-size:0.75em;font-weight:bold;border-radius:3px;background-color:#9faeba;box-sizing:border-box;border:1px solid #8f9eaa}
#share_warp .layer_alert_warp .layer_alert .alert_inner .alert_btn_a .btn_cancel:active {background-color:#7d91a0;border-color:#6b7e8d}
#share_warp .layer_alert_warp .layer_alert .alert_inner .alert_btn_a .btn_auth {position: absolute;top: 0;right: 0;width: 135px;height: 34px;text-align: center;text-decoration: none;line-height: 34px;display: block;color: #fff;font-size: 0.75em;font-weight: bold;border-radius: 3px;background-color: #0096ff;box-sizing: border-box}
#share_warp .layer_alert_warp .layer_alert .layer_alert_close {position: absolute;top: 8px;right: 7px;width: 16px;height: 16px;margin: 0;padding: 0;border: 0 none;color: transparent;text-indent: -9999px;cursor: pointer;background: url('//image.genie.co.kr/imageg/app/m/layer_alert_close.png') no-repeat;background-size: 32px 16px}
#share_warp .layer_alert_warp .layer_alert .layer_alert_close:active {background-position: -16px 0}
/* 페이스북 공유하기 가이드 */
.guide_share {height:100%;position:absolute;top:0%;left:0%;width:100%;display:none}
.guide_share img {position:fixed;display:block;top:0;left:0;width:100%}


.ani_layer {-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}
.ani_layer_step1 {display:block;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
.ani_layer_step2 {opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}
.ani_layer_step3 {opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
.ani_layer_step4 {display:none}
.etc .notice_tit {margin-bottom: 10px;padding:10px 0 0;text-align:center}
.etc .notice_tit img {width:33%}
.etc .notice_tit p {color:#333;font-size:1.25em;padding-top:17px;line-height:1.5em}
.etc .notice_tit p.desc {color:#666;font-size:1em;padding:0 0 18px 0;line-height:1.5em}
.etc .notice_txt_1 {border-top: 1px solid #0096ff;border-bottom: 1px solid #0096ff;padding: 6px 0}
.etc .notice_txt_1 li {position: relative;color: #0096ff;line-height: 1.5em;padding-left: 12px}
.etc .notice_txt_1 li:after {content: '';position: absolute;top: 7px;left: 5px;width: 2px;height: 2px;border-radius: 100%;display: block;background-color: #0096ff}
.etc .notice_txt_2 {text-align:center;padding-top:13px}
.etc .notice_txt_2 p {line-height:1.5em;color:#999999;font-size:0.833em}

*:focus {outline: none}
button::-moz-focus-inner {padding:0;border:0}
legend, caption {visibility:hidden;height:0;font:0/0 a}
table {border-collapse:collapse;border-spacing:0}
.radio {position:absolute;top:0;left:-9999px;width:0;height:0}
.lb_radio {position:absolute;top:0;left:0;line-height:40px;background:url('//image.genie.co.kr/imageg/app/m/radio.png') no-repeat 5px 8px;background-size:23px auto;padding-left:41px;cursor:pointer;vertical-align:top}
.lb_radio.on, .radio:checked + .lb_radio {background-position:5px -38px}
.checkbox {position:absolute;top:0;left:-9999px;width:0;height:0}
.lb_checkbox {position: absolute;top: 0;left: 0;line-height: 21px;background: url('//image.genie.co.kr/imageg/app/m/checkbox_5.0.png') no-repeat 0 0;background-size: 21px auto;padding-left: 28px;cursor: pointer;vertical-align: top}
.lb_checkbox.on, .checkbox:checked + .lb_checkbox {background-position:0 -41px;color:#333}
section {padding:10px 10px 50px;color:#666;font-size:12px}
section a {color:#666;text-decoration:none}
h3 {height:34px;font-size:12px;line-height:37px;color:#333;background-color:#e5f7f9;border-bottom:1px solid #ddeff1;padding-left:11px;font-weight:normal}
h3.hide {display:none}
h4 {font-size:12px;color:#333;padding:24px 0 0 0}

.text {width:100%;height:34px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;padding:0 10px;border-radius:2px;color:#333;-webkit-appearance:none}
.text:focus, .text.on, .text.small:focus {border-color: #0096ff}
.text::-webkit-input-placeholder {line-height:1.5}
.btns {margin-top:13px;padding-top:10px;border-top:1px solid #ccc}
.btns.narrow {margin-top:0}
.btns.no-line {border:0;margin:0;padding:0}
.btns.no-line2 {border:0;margin:13px 0 0 0;padding:0}
.btns-half {padding-top:3px}
.btn-basic {display: inline-block;width: 100%;height: 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #0096ff;color: #fff;font-size: 1.1667em;line-height: 40px;text-align: center;border-radius: 2px;font-weight: bold}
.btn-basic:active {background-color: #0096ff}
.btn-basic.gray {border-color:#8f9eaa;background-color:#9faeba}
.btn-basic.gray:active {background-color:#7d91a0}
.btn-submit {display: inline-block;width: 100%;height: 50px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #0096ff;color: #fff;font-size: 1.25em;line-height: 49px;text-align: center;border-radius: 2px;font-weight: bold;-webkit-appearance: none;border: 0}
.btns-half:after {content: '';clear: both;display: block}
.btns-half .btn-basic {width: 48.3333%}
.btns-half .btn-basic:first-child {float: left}
.btns-half .btn-basic:last-child {float: right}

/* popup */
.layer-popup {display:none;position:fixed;top:50%;left:50%;width:96.875%;height:185px;margin:-92px 0 0 -48.4375%;background-color:#fff}
.layer-popup h4 {height: 39px;text-align: center;border-bottom: 1px solid #0096ff;font-size: 15px;line-height: 39px;color: #0096ff;padding: 0}
.layer-popup .contents {color:#333;font-size:12px;line-height:18px;text-align:center;padding:44px 10px}
.layer-popup .layer-btns:after {content:'';clear:both;display:block}
.layer-popup .layer-btns button {display:block;width:100%;height:40px;background-color:#f7f7f7;color:#666;font-size:12px;line-height:40px;border:0;border-top:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box}
.layer-popup .layer-btns button:active {background-color:#dde3e8;color:#333}
.layer-popup .layer-btns.half button {width:50%;float:left}
.layer-popup .layer-btns button.on {color: #0096ff}
.layer-popup .layer-btns button.on:active {color:#1a9cab}
.layer-popup .layer-btns.half button:first-child {border-right:1px solid #ccc}

/* find */
.find-type:after {content:'';clear:both;display:block}
.find-type li {width:48.3333%;height:110px;float:left;margin:0 0 10px 0;text-align:center;border:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;font-size:1em;line-height:1.25em;background-color:#fff}
.find-type li:nth-child(odd) {margin-right:1.6666%}
.find-type li:nth-child(even) {margin-left:1.6666%}
.find-type li span {display:block;width:100%;height:60px;background:url('//image.genie.co.kr/imageg/app/m/member/bullet.png') no-repeat 50% 0;background-size:auto 1100%;margin:7px 0}
.find-type li.email span {background-position:50% 10%}
.find-type li.auth span {background-position:50% 20%;margin-top:16px}
.find-type li.ipin span {background-position:50% 30%;margin-top:16px}
.find-type li.phone:active a span {background-position:50% 50%}
.find-type li.email:active a span {background-position:50% 60%}
.find-type li.auth:active a span {background-position:50% 70%}
.find-type li.ipin:active a span {background-position:50% 80%}
.find-type li:active {border: 1px solid #0096ff}
.find-type.twix {padding-top:10px}
.find-type.twix li {height:auto;display:block;width:auto;float:none}
.find-type.twix li > a {display:block;padding:2px 10px 10px 10px}
.find-type.twix li .btn-basic {margin-top:11px}
.find-type.twix li:nth-child(odd) {margin-right:0}
.find-type.twix li:nth-child(even) {margin-left:0}
.find-type.twix li span {display:block;width:100%;height:60px;background:url('//image.genie.co.kr/imageg/app/m/member/bullet_2.png') no-repeat 50% 0;background-size:auto 500%;margin:7px 0}
.find-type li.findpw span {background-position:50% 25%}
.find-type li.findid:active a span {background-position:50% 50%}
.find-type li.findpw:active a span {background-position:50% 75%}

.find-caution {padding:0 0 0 6px}
.find-caution.one {padding:3px 0 3px 6px}
.find-caution.line {border-top:1px solid #ccc}
.find-caution li {position:relative;margin:4px 0;font-size:10px;line-height:1.5em;color:#999;word-break: keep-all;}
.find-caution li:before {content:'·';position:absolute;top:0;left:-7px;font-size:1.5em}
.find-caution li a {color:#ff5a63}

.find {padding-top:13px}
.tb_form {width:100%}
.tb_form th {width:25%;text-align:left;font-weight:normal;vertical-align:top;padding-top:17px}
.tb_form td {width:75%;padding:7px 0}
.tb_form td .text.readonly {background-color:#e5e5e5}
.tb_form td .text.readonly:focus {border-color:#ccc}
.tb_form td p {font-size:10px;padding:6px 0 5px}
.tb_form td .small {display:inline-block;width:30%;height:34px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;padding:0 10px;border-radius:2px;color:#333;vertical-align:middle;font-size:12px}
.tb_form td .small select {width:100%;height:100%;line-height:32px;border:0;-webkit-appearance:none;background:url('//image.genie.co.kr/imageg/app/m/arrow.png') no-repeat 100% -14px;background-size:12px auto;font-size:12px}
.tb_form td .bar {display:inline-block;width:5%;height:34px;background:url('//image.genie.co.kr/imageg/app/m/member/bar.gif') no-repeat 50% 50%;background-size:6px auto;font-size:0;line-height:0;text-indent:-9999px}
.tb_form td .btn-basic {margin:10px 0;line-height:35px}
.tb_form td .blue {color: #0096ff}
.tb_form td .red {color:#ff5a63}
.tb_form td .gry {color:#999999}
.tb_form .ip_phone {font-size:0}

.find_list {padding-top:0}
.find_result li {position:relative;height:40px;line-height:40px;border-bottom:1px solid #e5e5e5;color:#333}
.find_result li p {position:absolute;top:0;right:5px;font-size:10px;color:#999}
.find_result li .certification{position:absolute;top:0;right:85px;font-size:10px;color:#5ebdcf}
.find_result li label span {color:#666;font-size:10px}

.no_result {text-align:center;padding:10px 0 0 0;border-bottom:1px solid #ccc}
.no_result img {width:33%}
.no_result p {color:#333;font-size:1.1667em;padding:17px 0}

.select_id {width: 100%;border: 1px solid #0096ff;background-color: #fff;padding: 15px 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-bottom: 10px}
.select_id:after {content:'';clear:both;display:block}
.select_id dt {width:28%;height:20px;line-height:20px;float:left;border-right:1px solid #e5e5e5;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box}
.select_id dd {position: relative;width: 72%;height: 20px;line-height: 20px;float: left;color: #0096ff;padding-left: 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.select_id dd p {position:absolute;top:0;right:0;color:#999;font-size:10px}

.find_complete {text-align:center;padding:10px 0 0 0;border-bottom:1px solid #ccc;margin-bottom:10px}
.find_complete img {width:33%}
.find_complete p {color:#333;font-size:1.25em;padding-top:17px}
.find_complete p.date {color:#999;font-size:10px;padding:5px 0 20px 0}
.find_complete p.desc {color:#666;font-size:1em;padding:6px 0 18px 0}

.pw_reissue li {position:relative;color:#333;line-height:1.5em;border-bottom:1px solid #e5e5e5;padding:10px 0 10px 5px}
.pw_reissue li:last-child {border-color:#ccc}
.pw_reissue li p {color:#666}
.pw_reissue li .btn-basic {position:absolute;top:10px;right:0;width:35%;height:34px;line-height:34px;font-size:1em}

/* login */
#wrap.login {background-color:#fff}
.login h1 {text-align:center}
.login h1 img {width:48.4375%;margin:9.0625% 0 6.5625%}
.login section {clear:both;padding:0 10px 60px 10px;background-color:#fff}
.login .btn_keyboard {display:block;float:right;margin-right:10px;height:16px;padding-right:18px;font-size:12px;line-height:14px;color:#666;text-align:right;background:url('//image.genie.co.kr/imageg/app/m/arrow.png') no-repeat 100% 5px;background-size:12px auto;border:0;margin-bottom:4px}
.login .btn_keyboard.active {background-position:100% -22px}
.login .keyboard {position:absolute;top:0;left:0;width:100%;text-align:center;display:none}
.login .keyboard.active {display:block}
.login .keyboard img {width:100%}
.login legend {clear:both}
.login .text {height:40px;margin:2px 0}
.login input::-webkit-input-placeholder {line-height:1.5 !important}
.login .check_wrap {position:relative;height:21px;margin:18px 0}
.find-info {margin:13px 0 15px;}
.find-info:after {content:'';clear:both;display:block}
.find-info li {width:50%;height:16px;line-height:16px;text-align:center;float:left;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box}
.find-info li:first-child {border-right:1px solid #ccc}
.find-info li a {display:block;width:100%;height:100%;font-size: 1em}
.find-info li a:active {color:#333}
.join-info {padding:10px 10px 20px;margin:0 -10px;border-bottom:1px solid #cccccc; line-height: 40px;color: #595959;}
.join-info:after {content:'';clear:both;display:block}
.join-info > a {display:inline-block;height:40px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;color:#333333;font-size:1em;}
.join-info > a:first-child {float:left}
.join-info .find-account {float: right}
.join-info .find-account a {float:none;position: relative;font-size: 1em;}
.join-info .find-account a:first-child {padding-right: 7px;margin-right: 7px;}
.join-info .find-account a:first-child:after { content:'';display:block;position:absolute;top:2px;right:0; width: 1px;height: 9px;background-color: #bebebe;}
.tit_out {color:#333;font-size:1.1667em;padding:15px 0 2px;font-weight:normal}
.btn-lgkakao {position:relative;display:block;width:100%;height:40px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;background:url('//image.genie.co.kr/imageg/app/m/member/login_sns_r1.png') #fff no-repeat 0 100%;background-size:40px auto;color:#333;font-size:1.1667em;line-height:39px;border-radius:2px;padding-left:47px;border:1px solid #dfca33;margin:5px 0}
.btn-lgkakao.on {background-color:#fdeb1d;color:#472001;font-weight:bold}
.btn-facebook {position:relative;display:block;width:100%;height:40px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;background:url('//image.genie.co.kr/imageg/app/m/member/login_sns_r1.png') #fff no-repeat 0 0;background-size:40px auto;color:#333;font-size:1.1667em;line-height:39px;border-radius:2px;padding-left:47px;border:1px solid #293f6f;margin:5px 0}
.btn-facebook.on {background-color:#37528d;color:#fff;font-weight:bold}
.btn-twitter {position:relative;display:block;width:100%;height:40px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;background:url('//image.genie.co.kr/imageg/app/m/member/login_sns_r1.png') #fff no-repeat 0 50%;background-size:40px auto;color:#333;font-size:1.1667em;line-height:39px;border-radius:2px;padding-left:47px;border:1px solid #1e8cbc;margin:5px 0}
.btn-twitter.on {background-color:#2ba8de;color:#fff;font-weight:bold}
.btn-out {position:absolute;top:9px;right:9px;width:21px;height:21px;background:url('//image.genie.co.kr/imageg/app/m/member/btn_out.png') no-repeat 0 0;background-size:21px auto;font-size:0;line-height:0;text-indent:-9999px}
.btn-out:active {background-position:0 -31px}

/* gift */
.gift_tab:after {content:'';clear:both;display:block}
.gift_tab li {width:50%;float:left;height:40px;font-size:14px;line-height:39px;background-color:#5f7384;text-align:center}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0)
{
   .gift_tab li {(;line-height:44px;)}
}
_::-webkit-full-page-media, _:future, :root .gift_tab li {line-height:44px}
.gift_tab li.on {background-color:#f8f8f8}
.gift_tab li a {color:#fff;font-weight:bold;text-decoration:none}
.gift_tab li.on a {color: #0096ff}
.gift .title {padding:9px 0 8px;color:#333}
.gift .gift_num {font-size:0}
.gift .text {font-size:12px}
.gift .text.small {width:22.5%;vertical-align:middle}
.gift .bar {display:inline-block;width:3.3333%;height:34px;background:url('//image.genie.co.kr/imageg/app/m/member/bar.gif') no-repeat 50% 50%;background-size:6px auto;font-size:0;line-height:0;text-indent:-9999px}
.gift .desc {color:#999;font-size:10px;line-height:15px;padding:7px 0}

.banner {width:100%;padding-top:25px}
.banner img {width:100%}

/* auth real name */
.auth_box {padding:7px 10px 6px;border:1px solid #e5e5e5;background-color:#fff;color:#333;font-size:12px;line-height:18px}
.auth_box .red {color:#ff5a63;vertical-align:baseline}
.auth_box .caution {position:relative;color:#666;padding:7px 0 0 14px}
.auth_box .caution:before {content:'※';position:absolute;top:7px;left:0}
.auth_name h4 {padding:19px 0 5px}
.auth_name .btn-basic {text-align:center}
.auth_name .btn-basic span {display:inline-block;height:38px;font-size:12px;line-height:38px;vertical-align:top}
.auth_name .btn-basic .ipin {background:url('//image.genie.co.kr/imageg/app/m/member/icon_auth.png') #9faeba no-repeat 0 8px;background-size:28px auto;padding-left:34px}
.auth_name .btn-basic .phone {background:url('//image.genie.co.kr/imageg/app/m/member/icon_auth.png') #9faeba no-repeat 0 -27px;background-size:28px auto;padding-left:25px}
.btn-basic.gray:active span {background-color:#7d91a0}
.auth_name .find-caution {border-top:1px solid #ccc;margin-top:20px;padding-top:3px}
.auth_name .find_complete {padding-bottom:17px}

.auth_name .title {padding: 19px 0 2px;color:#333}
.auth_name .title.line {border-top:1px solid #e6e6e6;margin-top:19px}
.auth_name .desc {color:#999;font-size:10px;line-height:15px;padding:0 0 7px 0}
.auth_name .desc .underline {text-decoration:underline}
#main_banner {position:absolute;bottom:40px;left:10px;right:10px;z-index:100}
#main_banner .banner_wrap  {position:relative;min-width:300px;max-width:660px;width:100%;margin:0 auto;overflow:hidden;background-color:#fff}
#main_banner .banner_wrap img {width:100%;height:auto}
#main_banner .check_wrap {position:relative;border-top:1px solid #e5e5e5;height:30px;overflow:hidden}
#main_banner .check_wrap .lb_checkbox {top:5px;left:5px;color:#333333;font-size:0.750em}
#main_banner .layer_close {position:absolute;top:0;right:0;width:30px;height:32px;margin:0;padding:0;border:0 none;background-color:transparent;text-indent:-9999px;cursor:pointer}
#main_banner .layer_close span {position:absolute;top:8px;right:7px;width:16px;height:16px;display:block;overflow:hidden;color:transparent;text-indent:-9999px;cursor:pointer;background:url('//image.genie.co.kr/imageg/app/m/layer_alert_close.png') no-repeat;background-size:32px 16px}
#main_banner .layer_close:active span {background-position:-16px 0}
.check_wrap.trimester {position:relative;height:21px;margin:18px 0}


#album_warp {position:relative;width:100%;height:382px;overflow:hidden}
#album_warp .album_bg {position:absolute;top:-30px;right:-30px;left:-30px;bottom:-30px;text-align:center}
#album_warp .album_bg img {display:inline-block;width:auto;height:100%;-webkit-filter:blur(2px);opacity:0.2}
#album_warp .album_info {position:relative;padding:0 10px 10px 132px;height:122px}
#album_warp .album_info .album {position:absolute;top:10px;left:10px;width:112px}
#album_warp .album_info .album > img {width:100%;height:auto}
#album_warp .album_info .album:after {position:absolute;top:0;left:0;right:0;bottom:0;content:'';width:100%;height:100%;border:1px solid rgba(0, 0, 0, 0.1);box-sizing:border-box}
#album_warp .album_info .title {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;font-size:18px;font-weight:bold;padding-top:8px;color:#333333}
#album_warp .album_info .artist {font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:#333333}
#album_warp .album_info .date {font-size:12px;color:#666666;display:inline-block;padding-top:8px}
#album_warp .album_info .btn_play_app {position:absolute;bottom:10px;right:10px;left:132px}
#album_warp .album_info .btn_play_app > a {color: #fff;width: 100%;text-align: center;display: block;height: 40px;width: 100%;border: 1px solid #11aebe;box-sizing: border-box;border-radius: 3px;background: #0096ff;line-height: 40px;text-decoration: none}


#album_warp .wrap_list {position:absolute;top:132px;bottom:0;width:100%;border-top:1px solid rgba(0, 0, 0, 0.1);background-color:#fff}
#album_warp .wrap_list .play_list li > a {position:relative;display:block;height:49px;border-bottom:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;text-decoration:none}
#album_warp .wrap_list .play_list li > a:after {clear:both;content:"";display:block}
#album_warp .wrap_list .play_list li .number {float:left;width:34px;text-align:center;line-height:49px;font-size:14px;color:#666666}
#album_warp .wrap_list .play_list li .music {float:left;max-width:230px;height:43px;padding:2.5px 0 2.5px 0}
#album_warp .wrap_list .play_list li .music .title {font-size:14px;line-height:22px;height:22px;padding-top:2px;color:#333333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#album_warp .wrap_list .play_list li .music .title.icon_18 {position:relative;padding-left:19px}
#album_warp .wrap_list .play_list li .music .title.icon_18:after {content:"";position:absolute;top:5px;left:1px;width:15px;height:15px;display:block;background:url('//image.genie.co.kr/imageg/app/m/icon_19.png') no-repeat;background-size:15px 15px}
#album_warp .wrap_list .play_list li .music .title.icon_title {position:relative;padding-left:37px}
#album_warp .wrap_list .play_list li .music .title.icon_title:after {content:"";position:absolute;top:5px;left:1px;width:33px;height:15px;display:block;background:url('//image.genie.co.kr/imageg/app/m/icon_title.png') no-repeat;background-size:33px 15px}
#album_warp .wrap_list .play_list li .music .artist {width:100%;font-size:10px;line-height:14px;height:14px;color:#666666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#album_warp .wrap_list .play_list li .ban_song .title, #album_warp .wrap_list .play_list li .ban_song .artist {color:#b2b2b2}
#album_warp .play_list li .icon_album_play {position:absolute;top:11.5px;right:11.5px;width:27px;height:27px;display:block;overflow:hidden;background:url('//image.genie.co.kr/imageg/app/m/icon_album_play.png') 50% 50% no-repeat;background-size:27px 27px}
#album_warp .scroll {position:relative;height:100%;overflow:hidden}
#artist_warp {position:relative;width:100%;overflow:hidden;background-color:#fff}
#artist_warp .artist_bg {position:absolute;top:-253px;right:0;left:0;text-align:center}
#artist_warp .artist_bg img {position:absolute;left:50%;margin-left:-320px;width:640px;height:auto;-webkit-filter:blur(2px);opacity:0.2}
#artist_warp .artist_info {position:relative;padding:0 11px 11px 132px;min-height:123px;overflow:hidden}
#artist_warp .artist_info .artist_img {position:absolute;top:11px;left:11px;width:112px}
#artist_warp .artist_info .artist_img > img {width:100%;height:auto}
#artist_warp .artist_info .album:after {position:absolute;top:0;left:0;right:0;bottom:0;content:'';width:100%;height:100%;border:1px solid rgba(0, 0, 0, 0.1);box-sizing:border-box}
#artist_warp .artist_info .info_warp {display:block;padding:18px 0 0 0}
#artist_warp .artist_info .info_warp .name {line-height:1.5;font-size:14px;color:#333333}
#artist_warp .artist_info .info_warp .list_detail {padding-top:4px}
#artist_warp .artist_info .info_warp .list_detail li {position:relative;line-height:1.5;font-size:10px;color:#333333;display:block;padding-left:48px}
#artist_warp .artist_info .info_warp .list_detail li span {position:absolute;top:0;left:0;color:#666666;display:inline-block;width:48px}
#artist_warp a {text-decoration:none;color:#333}
#artist_warp .list_head {position:relative;padding-top:14px;height:34px;background-color:#fff;border-bottom:1px solid rgba(0, 0, 0, 0.1)}
#artist_warp .list_head h3 {height:21px;font-size:14px;line-height:1.5;color:#333;background-color:transparent;border-bottom:0 none;padding-left:11px;font-weight:normal}
#artist_warp .list_head .btn_more_list {font-size:12px;text-decoration:none;color:#666666;line-height:1.5;position:absolute;top:16px;right:10px;height:19px;padding-right:12px;background:url('//image.genie.co.kr/imageg/app/m/btn_more_list.png') 100% 2px no-repeat;background-size:7px 12px}
#artist_warp .artist_song .play_list li > a {position:relative;display:block;height:48px;border-bottom:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;text-decoration:none;background-color:#fff;padding:0 40px 0 35px}
#artist_warp .artist_song .play_list li:last-child > a {border-bottom:1px solid rgba(0, 0, 0, 0.5)}
#artist_warp .artist_song .play_list li > a.play_focus {background-color:#e5f7f9}
#artist_warp .artist_song .play_list li > a:after {clear:both;content:"";display:block}
#artist_warp .artist_song .play_list li > a.play_focus .number {position:relative;color:transparent;text-indent:-9999px}
#artist_warp .artist_song .play_list li > a.play_focus .number:after {content: "";position: absolute;top: 16px;left: 9px;width: 15px;height: 18px;overflow: hidden;display: block;font: 0/0 a;background: url('//image.genie.co.kr/imageg/app/m/now_play_5.0.png') no-repeat;background-size: 15px 18px}
#artist_warp .artist_song .play_list li .number {position:absolute;width:35px;top:0;left:0;text-align:center;line-height:49px;font-size:14px;color:#666666}
#artist_warp .artist_song .play_list li .album {float:left;width:43px;padding:2.5px 0}
#artist_warp .artist_song .play_list li .album .cover {position:relative;width:43px;height:43px;display:inline-block}
#artist_warp .artist_song .play_list li .album .cover img {width:100%;height:100%}
#artist_warp .artist_song .play_list li .album .cover:after {content:"";position:absolute;top:0;left:0;bottom:0;right:0;display:block;border:1px solid rgba(0, 0, 0, 0.1);z-index:2}
#artist_warp .artist_song .play_list li .music {display:block;padding:0;line-height:49px}
#artist_warp .artist_song .play_list li .music .title {font-size:14px;color:#333333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#artist_warp .artist_song .play_list li .music .title.icon_18 {position:relative;padding-left:19px}
#artist_warp .artist_song .play_list li .music .title.icon_18:after {content:"";position:absolute;top:0;left:1px;width:15px;height:48px;display:block;background:url('//image.genie.co.kr/imageg/app/m/icon_19.png') 0 50% no-repeat;background-size:15px 15px}
#artist_warp .artist_song .play_list li .icon_album_play {position:absolute;top:11.5px;right:11.5px;width:27px;height:27px;display:block;overflow:hidden;background:url('//image.genie.co.kr/imageg/app/m/icon_album_play.png') 50% 50% no-repeat;background-size:27px 27px}
#artist_warp .artist_album .play_list {position:relative;padding:11px 7px 20px}
#artist_warp .artist_album .play_list:after {clear:both;content: "";display:block}
#artist_warp .artist_album .play_list li {position:relative;width:33.3333%;float:left;padding:0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#artist_warp .artist_album .play_list li > a {width:100%;display:inline-block;text-decoration:none}
#artist_warp .artist_album .play_list li .cover {position:relative;width:100%;height:auto;display:inline-block}
#artist_warp .artist_album .play_list li .cover > img {width:100%}
#artist_warp .artist_album .play_list li .cover .bg_cover {position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:1px solid rgba(0,0,0,0.1)}
#artist_warp .artist_album .play_list li .song_info {position:relative}
#artist_warp .artist_album .play_list li .song_info .date {display:block;width:auto;max-width:100%;font-size:10px;color:#b2b2b2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.5;padding-top:8px}
#artist_warp .artist_album .play_list li .song_info .title {display:block;width:auto;max-width:100%;font-size:14px;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.3}
#artist_warp .artist_album .play_list li .song_info .artist {display:block;width:auto;max-width:100%;font-size:10px;color:#666666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.5}
#artist_warp .artist_banner > a {width:100%;display:inline-block;text-decoration:none}
#artist_warp .artist_banner > a > img {width:100%;height:auto}

/* genie tv */
.hide {display:none}
.tv .btns {border:0;padding:17px 0 20px}
.tv .time {position:relative;color:#333;border-bottom:1px solid #ccc;padding:9px 0 8px 7px}
.tv .time:before {content:'·';position:absolute;top:7px;left:0;font-size:1.4em;color:#999}
.tv .find-caution {padding-top:1px}

/* 2015.03.10 present */
.red {color:#ff5a63}
.present .cover {height:81px;color:#333;padding:0 0 15px 30px;line-height:1.4166;margin:5px 0 17px;border-bottom:1px solid #ccc}
.present .cover.down {height:91px}
.present .cover img {width:102px;height:81px;float:left;padding-right:14px}
.present .cover.down img {width:91px;height:91px}
.present .cover .txt {padding:14px 0 0 0}
.present .cover.down .txt {padding:18px 0 0 0}
.present .cover em {font-style:normal;font-weight:bold;vertical-align:baseline}
.present .cover .red {display:block;font-size:10px;padding-top:4px}
.present .cover p {font-size:10px;padding-top:4px;color:#999}
.present .cover p .genie {display: inline-block;width: 27px;height: 12px;background: url('//image.genie.co.kr/imageg/app/m/gift/bullet_5.0.png') no-repeat -1px -82px;background-size: 30px auto;font-size: 0;line-height: 0;text-indent: -9999px;vertical-align: top;margin-top: 1px}
.present .tb_form th {padding-top:13px}
.present .tb_form td {padding-top:3px}
.present .desc {font-size:10px;line-height:1.5;color:#999}
.present .check_wrap {position:relative;height:21px;margin:7px 0 20px}
.present .find-caution {padding:13px 0 13px 6px;border-bottom:1px solid #ccc}
.present .txt-app {min-height: 39px;background: url('//image.genie.co.kr/imageg/app/m/gift/logo_5.0.png') no-repeat 0 0;background-size: 50px 50px;padding: 11px 0 0 60px;font-size: 10px;line-height: 1.5;margin: 20px 0 7px}
.present .txt-app em {font-style: normal;color: #0096ff;vertical-align: baseline}
.present .btn-olleh {display: inline-block;font-size: 10px;line-height: 1.5;background: url('//image.genie.co.kr/imageg/app/m/gift/bullet_5.0.png') #9faeba no-repeat 0 10px;background-size: 30px auto;text-align: left;padding: 4px 0 0 34px;vertical-align: top}
.present .btn-google {display: inline-block;font-size: 10px;line-height: 1.5;background: url('//image.genie.co.kr/imageg/app/m/gift/bullet_5.0.png') #9faeba no-repeat 0 -31px;background-size: 30px auto;text-align: left;padding: 4px 0 0 34px;vertical-align: top}
.present .btn-ios {display: inline-block;background: url('//image.genie.co.kr/imageg/app/m/gift/bullet_5.0.png') #9faeba no-repeat 0 -192px;background-size: 30px auto;text-align: left;padding: 0 0 0 31px;vertical-align: top;line-height: 38px}
.present h4.sub-title {color:#666;font-weight:normal;padding:2px 0 8px}
.present .txt-message {min-height:45px;border:1px solid #e6e6e6;background-color:#fff;color:#333;line-height:1.5;padding:7px 9px;margin-bottom:17px}
.present .song-list {border:1px solid #e6e6e6;background-color:#fff;line-height:50px;padding:0 10px;font-size:14px}
.present .song-list li {position:relative;border-top:1px solid #ccc}
.present .song-list li:first-child {border-top:0}
.present .song-list a {display: block;height: 50px;background: url('//image.genie.co.kr/imageg/app/m/gift/bullet_5.0.png') no-repeat 100% -100px;background-size: 30px auto}
.present .song-list a:active {background-position:100% -143px}
.present .song-list i {position:absolute;top:0;left:2px;display:inline-block;width:23px;font-style:normal}
.present .song-list .title {display:inline-block;width:62.5%;float:left;color:#333;padding:0 0 0 24px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.present .song-list .artist {width:37.5%;float:left;font-size:10px;;padding-right:33px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 2015-10-02 MGM */
/* invite */
.invite {position:relative;width:100%;max-width:640px;margin:0 auto;padding:0}
.invite .contents {position:relative;width:100%;padding-top:155.625%;background:url('//image.genie.co.kr/imageg/app/invite/invite_r1.png') no-repeat 50% 0;background-size:100% 100%}
.invite .contents dl {display:block;position:absolute;top:71.2%;left:10.78125%;font-size:22px}
.invite .contents dt {display:inline;color:#000;letter-spacing:-1px;font-weight:bold}
.invite .contents dd {display:inline;color:#333;font-size:0.954545em}
.invite .contents a {display:block;position:absolute;font-size:0;line-height:0;text-indent:-9999px}
.invite .contents .btn-kakao {top:58.6345%;left:10%;width:80%;height:10.04016%}
.invite .contents .btn-fb {top:61.94779%;left:10%;width:80%;height:10.04016%}
.invite .contents .btn-copy {top:73.94789%;right:10%;width:15%;height:6.3253%}

@media (max-width: 630px) {
	.invite .contents dl {font-size:20px}
}
@media (max-width: 619px) {
	.invite .contents dl {font-size:19px}
}
@media (max-width: 599px) {
	.invite .contents dl {font-size:18px}
}
@media (max-width: 559px) {
	.invite .contents dl {font-size:16px}
}
@media (max-width: 519px) {
	.invite .contents dl {font-size:15px}
}
@media (max-width: 439px) {
	.invite .contents dl {font-size:14px}
}
@media (max-width: 399px) {
	.invite .contents dl {font-size:13px}
}
@media (max-width: 359px) {
	.invite .contents dl {font-size:11px}
}

.invite.complete .contents {background:url('//image.genie.co.kr/imageg/app/invite/invite_complete.png') no-repeat 50% 0;background-size:100% 100%}
.invite.complete .contents dl {top:71.2%}
.invite.complete .contents .btn-copy {top:73.69477%}

.invite-receive {position:relative;width:100%;max-width:640px;margin:0 auto;padding:0}
.invite-receive .contents {position:relative;width:100%;padding-top:155.625%;background:url('//image.genie.co.kr/imageg/app/invite/receive_r1.png') no-repeat 50% 0;background-size:100% 100%}
.invite-receive .contents a {display:block;position:absolute;font-size:0;line-height:0;text-indent:-9999px}
.invite-receive .contents .btn-genie {top:56.8%;left:9%;width:85%;height:10%}
.invite-receive .contents .btn-kakao {top:51.004%;left:36.875%;width:26.25%;height:20.2811%}
.invite-receive .contents .btn-fb {top:51.004%;left:64.6875%;width:26.25%;height:20.2811%}
.invite-receive .contents .btn-login {top:76.1044%;left:64.6875%;width:26.25%;height:6.4257%}

.invite-receive-complete {position:relative;width:100%;max-width:640px;margin:0 auto;padding:0}
.invite-receive-complete .contents {position:relative;width:100%;padding-top:155.625%;background:url('//image.genie.co.kr/imageg/app/invite/receive_complete.png') no-repeat 50% 0;background-size:100% 100%}
.invite-receive-complete .contents .btn-start {display:block;position:absolute;top:70.8835%;left:10.15625%;width:79.6875%;height:10.0401%;font-size:0;line-height:0;text-indent:-9999px}

/* join */
.invite-join-complete {color:#2b323b;text-align:center;padding:18px 0 0 0;border-bottom:1px solid #dbdbdb;border-top:1px solid #fff;line-height:1.5}
.invite-join-complete h2 {font-size:18px;padding-top:19px}
.invite-join-complete p {color:#6d7278;font-size:14px;line-height:1.42857;padding:15px 0 38px}
.invite-join-complete p .blue {display:inline-block;vertical-align:baseline;color:#1dbed0}
.invite-join-complete:first-child {border-top:0}
.invite-join-complete:last-child {border-bottom:0}
.invite-join-complete a {width:87.5%}
.invite-join-complete .store {position:relative;width:89.0625%;margin:11px auto;max-width:570px;overflow:hidden}
.invite-join-complete .store li {position:relative;width:33.33333333%;padding-top:21.0526315%;float:left;margin:0 auto}
.invite-join-complete .store li a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;line-height:0;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/app/invite/store.png') no-repeat 0 0;background-size:300% auto}
.invite-join-complete .store li a.btn-olleh {background-position:50% 0}
.invite-join-complete .store li a.btn-ios {background-position:100% 0}
.invite-join-complete .txt {display:block;clear:both;padding:4px 0 20px 0}
.invite-join-complete .txt .red {display:inline-block;vertical-align:baseline;color:#e60013}

.hide {font-size:0;line-height:0;text-indent:-9999px;height:0;overflow:hidden}

/* popup */
.alert {position:relative;width:87.5%;z-index:100}
.alert h3 {height:32px;line-height:33px;background-color:#09b6e6;color:#fff;text-align:center;font-weight:bold;padding:0;border:0}
.alert p {font-size:14px;color:#282828;background-color:#fff;text-align:center;padding:26px 0 27px}
.alert .invite-sms {font-size:14px;color:#282828;background-color:#fff;text-align:center;padding:15px 0 16px;overflow:hidden}
.alert .invite-sms label {display:block;width:30.36%;float:left;text-align:right;padding-right:1.78%;line-height:28px}
.alert .invite-sms .tel-area {width:60.72%;float:left;overflow:hidden;padding-right:7.14%}
.alert .invite-sms .tel-area input {display:block;float:left;width:29.41%;height:27px;box-sizing:border-box;border:1px solid #d6d6d6;background-color:#ebebeb;color:#282828;font-size:14px;border-radius:0;-webkit-appearance:none}
.alert .invite-sms .tel-area span {display:block;width:5.885%;height:27px;float:left;background:url('//image.genie.co.kr/imageg/app/invite/bar_tel.png') no-repeat 50% 50%;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.alert .invite-sms .blue {clear:both;display:block;font-size:0.8em;color:#05b5e5;padding:8px 0 0 0}
.alert .ft {background-color:#fbfbfb;border-top:1px solid #bfbfbf}
.alert .ft.half {overflow:hidden}
.alert .ft a {display:block;width:100%;height:33px;line-height:34px;color:#282828;text-align:center;text-decoration:none;font-size:12px}
.alert .ft.half a {width:50%;box-sizing:border-box;float:left}
.alert .ft.half a:first-child {border-right:1px solid #bfbfbf}

/* btn */
.def-btn {
	display:inline-block;min-width:138px;height:33px;margin:0 3px;border-radius:2px;font-size:11px;font-weight:bold;line-height:33px;border:1px solid #c0c0c0;color:#6d7278;
	background:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:-o-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:-ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
}
.def-btn.btn-black {border:1px solid #333b43;background-color:#4a5059;color:#fff}
.def-btn.btn-black {
	background:-moz-linear-gradient(top, #686d74 0%, #4a5059 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#686d74), color-stop(100%,#4a5059));
	background:-webkit-linear-gradient(top, #686d74 0%,#4a5059 100%);
	background:-o-linear-gradient(top, #686d74 0%,#4a5059 100%);
	background:-ms-linear-gradient(top, #686d74 0%,#4a5059 100%);
	background:linear-gradient(to bottom, #686d74 0%,#4a5059 100%);
}

/* 2016.02.24 mgm */
.mgm {position:relative;width:100%;max-width:640px;margin:0 auto;padding:0}
.mgm .invite-before-15 {position:relative;width:100%;padding-top:146.25%;background:url('//image.genie.co.kr/imageg/app/invite/invite_before_15_r1.png') no-repeat 0 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px;margin-bottom:8.4375%}
.mgm h3 {height:0;font-size:0;line-height:0;text-indent:-9999px;border:0;background:transparent;padding:0}
.mgm .invite-before-15 a {display:block;position:absolute}
.mgm .invite-before-15 .btn-kakao {top:48.1837%;left:6.24%;width:46.875%;height:8.55%}
.mgm .invite-before-15 .sns a {top:84.30%;width:14.0625%;height:13.0342%}
.mgm .invite-before-15 .sns .btn-fb {left:6.25%}
.mgm .invite-before-15 .sns .btn-band {left:24.6875%}
.mgm .invite-before-15 .sns .btn-story {left:43.125%}
.mgm .invite-before-15 .sns .btn-friend {left:61.40625%}
.mgm .invite-before-15 .sns .btn-url {left:79.6875%}
.mgm .invite-after-15 {position:relative;width:100%;padding-top:155%;background:url('//image.genie.co.kr/imageg/app/invite/invite_after_15_r1.png') no-repeat 0 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px}
.mgm .invite-after-15 .sns a {display:block;position:absolute;top:79.4354%;width:14.0625%;height:12.0967%}
.mgm .invite-after-15 .sns .btn-kakao {top:67.3387%;left:24.6875%;width:50.78125%;height:9.07258%}
.mgm .invite-after-15 .sns .btn-fb {left:6.25%}
.mgm .invite-after-15 .sns .btn-band {left:24.6875%}
.mgm .invite-after-15 .sns .btn-story {left:43.125%}
.mgm .invite-after-15 .sns .btn-friend {left:61.40625%}
.mgm .invite-after-15 .sns .btn-url {left:79.6875%}
.mgm .caution {position:fixed;bottom:0;left:0;width:100%;font-size:0;line-height:0;text-indent:-9999px;z-index:21}
.mgm .caution .contents {width:100%;max-width:640px;margin:0 auto}
.mgm .caution .contents h3 {width:100%;height:auto;max-width:640px;margin:0 auto;padding-top:8.4375%;background:url('//image.genie.co.kr/imageg/app/invite/title_caution.png') no-repeat 0 0;background-size:100% 300%}
.mgm .caution .contents h3 a {display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.mgm .caution .contents ul {display:none;width:100%;padding-top:23.4375%;background:url('//image.genie.co.kr/imageg/app/invite/caution_before_15.png') no-repeat 0 0;background-size:100% 100%}
.mgm .caution .contents ul.caution-after {padding-top:17.1875%;;background:url('//image.genie.co.kr/imageg/app/invite/caution_after_15.png') no-repeat 0 0;background-size:100% 100%}
.mgm.on .caution .contents h3 {background-position:0 100%}
.mgm.on .caution .contents ul {display:block}
.mgm .invite-complete {position:relative;width:100%;padding-top:155%;background:url('//image.genie.co.kr/imageg/app/invite/invite_complete_r2.png') no-repeat 0 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px}
.mgm .invite-complete .sns a {display:block;position:absolute;top:84.375%;width:14.0625%;height:12.09677%}
.mgm .invite-complete .sns .btn-kakao {top:72.2782%;left:24.6875%;width:50.78125%;height:9.07258%}
.mgm .invite-complete .sns .btn-fb {left:6.25%}
.mgm .invite-complete .sns .btn-band {left:24.6875%}
.mgm .invite-complete .sns .btn-story {left:43.125%}
.mgm .invite-complete .sns .btn-friend {left:61.40625%}
.mgm .invite-complete .sns .btn-url {left:79.6875%}
.mgm .invite-receive {position:relative;width:100%;padding-top:134.6875%;background:url('//image.genie.co.kr/imageg/app/m/invite/receive_r2.png') no-repeat 0 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px}
.mgm .invite-receive .sns a {display:block;position:absolute;top:75.754%;width:25.78125%;height:20.3016%}
.mgm .invite-receive .sns .btn-genie {left:20.3125%}
.mgm .invite-receive .sns .btn-kakao {left:53.90625%}
.mgm .join-complete {position:relative;width:100%;padding-top:134.6875%;background:url('//image.genie.co.kr/imageg/app/m/join/mgm_pps_r1.png') no-repeat 0 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.mgm .join-complete .btn-go {display:block;position:absolute;bottom:9.0487%;left:23.4375%;width:53.125%;height:9.5127%}
.mgm .invite_cm {position:relative;width:100%;padding-top:134.84375%;background:url('//image.genie.co.kr/imageg/app/invite/invite_cm_r3.png') no-repeat 0 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px}
.mgm .invite_cm a {display:block;height:21%;position:absolute;top:75.3%;width:27%}
.mgm .invite_cm .btn-join-genie{left:5.7%}
.mgm .invite_cm .btn-join-kakao{left:36.6%}
.mgm .invite_cm .btn-join-facebook{left:67.3%}
.mgm .invite_free_cm {position:relative;width:100%;padding-top:134.84375%;background:url('//image.genie.co.kr/imageg/app/invite/invite_free_cm.png') no-repeat 0 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px}
.mgm .invite_free_cm a {display:block;height:21%;position:absolute;top:75.3%;width:27%}
.mgm .invite_free_cm .btn-join-genie{left:5.7%}
.mgm .invite_free_cm .btn-join-kakao{left:36.6%}
.mgm .invite_free_cm .btn-join-facebook{left:67.3%}

.mgm .webtoon-receive {position:relative;width:100%;padding-top:134.6875%;background:url('//image.genie.co.kr/imageg/app/m/invite/webtoon_r1.png') no-repeat 0 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px}
.mgm .webtoon-receive .sns a {display:block;position:absolute;top:75.754%;width:25.78125%;height:20.3016%}
.mgm .webtoon-receive .sns .btn-genie {left:20.3125%}
.mgm .webtoon-receive .sns .btn-kakao {left:53.90625%}

/* popup */
.popup_otv {position:relative;width:87.5%;max-width:560px;display:none}
/*.popup_otv .dim {display:block;position:absolute;top:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.75}*/
.popup_otv section {background-color:#fff;text-align:center;margin:0;padding:0;line-height:1.5;border-radius:5px;}
.popup_otv h3 {display:block;height:40px;background-color:#05b5e5;color:#fff;font-size:14px;line-height:40px;margin:0;padding:0;border-radius:5px 5px 0 0;}
.popup_otv p {font-size:12px;color:#454b54;padding:16px 0 18px}
.popup_otv p em.min{font-size:10px;color:#999;padding:6px 0 0;display:block;font-style:normal}
.popup_otv .btns {margin:0;padding:0;border-top:1px solid #e6e6e6;}
.popup_otv .btns a {display:block;width:100%;height:40px;color:#929292;font-size:14px;line-height:40px;}
.popup_otv .harf_btns {margin:0;padding:0;border-top:1px solid #e6e6e6;}
.popup_otv .harf_btns a {display:inline-block;width:50%;height:40px;color:#929292;font-size:14px;line-height:40px;}
.popup_otv .harf_btns a {box-sizing:border-box;}
.popup_otv .harf_btns a + a {border-left:1px solid #e6e6e6;}
.popup_otv .harf_btns a.blue {color:#05b5e5;}
.popup_otv.full {position:relative;width:100%;max-width:100%;display:none;}
.popup_otv.full section {position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;border:0 none;border-radius:0;background:#ffffff;border-radius:0;}