@charset "utf-8";

/* layout */
#wrap-0 {width:100%}
#wrap-body {position:relative;width:940px;margin:0 auto}
#wrap-body.aside {background:transparent url('//image.genie.co.kr/imageg/web/common/aside_line.gif') repeat-y 100% 0}
#wrap-body.aside:after {content:'';clear:both;display:block;height:0}
#wrap-body.aside, {display:inline-block}
#body-aside {position:relative;float:right;width:208px;padding:48px 1px 20px;background:url('//image.genie.co.kr/imageg/web/common/aside_top.gif') repeat-x 0 -8px}
.aside #body-content {position:relative;float:left;width:710px}

#wrap-body.lnb {background:transparent url('//image.genie.co.kr/imageg/web/common/aside_line.gif') repeat-y 0 0}
#wrap-body.lnb:after {content:'';clear:both;display:block;height:0}
#wrap-body.lnb, {display:inline-block}
#body-lnb {float:left;width:208px;padding:20px 1px 50px;background:url('//image.genie.co.kr/imageg/web/common/lnb_top.gif') repeat-x 0 0}
.lnb #body-content {float:right;width:710px;padding-bottom:50px}
.footer {width:100%}
#body-content {position:relative;padding-bottom:50px}

.top-title-line {height:28px;position:relative;padding:20px 0 0}
.top-title-line h2 {display:inline;vertical-align:bottom}
.top-title-line p {display:inline;margin-left:6px;vertical-align:bottom}

/* gnb */
#wrap-head {position:relative;width:100%;margin-bottom:14px;border-bottom:1px solid #d2d2d2;z-index:100}
#wrap-head .hd-top {width:940px;margin:0 auto;padding:6px 0 4px}
#wrap-head .hd-top .payment-wrap {float:left;width:50%;padding-top:4px}
#wrap-head .hd-top a {display:inline-block;position:relative;padding:0 4px}
#wrap-head .hd-top a:hover {text-decoration:underline}
#wrap-head .hd-top .payment-wrap a:before {content:'';display:block;position:absolute;top:3px;left:-4px;width:1px;height:11px;background-color:#d2d2d2}
#wrap-head .hd-top .btn-purchase {padding-left:26px;margin-left:0}
#wrap-head .hd-top .payment-wrap .btn-purchase:before {content:'';display:block;position:absolute;top:1px;left:2px;width:18px;height:14px;background:url('//image.genie.co.kr/imageg/web/blt/hd_5.0.png') no-repeat 0 0;}
#wrap-head .hd-top .btn-app {margin-right:4px;padding-left:25px}
#wrap-head .hd-top .btn-app:before {content:'';display:block;position:absolute;top:-1px;left:0;width:20px;height:20px;background:url('//image.genie.co.kr/imageg/web/blt/logo.png') no-repeat 0 0}
.is-ie #wrap-head .hd-top .btn-app:before {top:-2px}
#wrap-head .hd-top .btn-player {padding:3px 25px 3px 22px;border:1px solid #ccc;border-radius:13px}
.is-ie #wrap-head .hd-top .btn-player {padding:4px 25px 2px 22px}
#wrap-head .hd-top .btn-player:after {content:'';display:block;position:absolute;top:7px;right:8px;width:10px;height:10px;background:url('//image.genie.co.kr/imageg/web/blt/hd.png') no-repeat -23px -3px}
#wrap-head .hd-top a.btn-pc,
.is-ie #wrap-head .hd-top .btn-pc{margin-left:4px; }
#wrap-head .hd-top .btn-web {border-color:#0eb6e6;background-color:#0eb6e6;color:#fff}
#wrap-head .hd-top .btn-web:after {background-position:-35px -3px}
#wrap-head .hd-top .new{display:block;position:absolute;top:9px;left:11px;width:6px;height:6px;background:url('//image.genie.co.kr/imageg/web/blt/hd_180920.png') no-repeat -29px -34px;text-indent:-999px;overflow:hidden}

#wrap-head .search-wrap {position:relative;width:805px;height:85px;margin:0 auto;padding:0 0 0 135px}
#wrap-head .search-wrap .logo {display:block;position:absolute;top:16px;left:-5px;width:120px;height:56px}
#wrap-head .search-wrap .logo a {display:block;width:100%;height:100%;background:url('//image.genie.co.kr/imageg/web/common/logo_genie_5.0.png') no-repeat 5px 4px; background-size:121px 50px; line-height:0;text-indent:-9999px}
#wrap-head .hd-search {position:relative;width:366px;border-bottom:2px solid #0096FF; padding-top: 18px;}
#wrap-head .hd-search .hide {display:block}
#wrap-head .hd-search .ipt-search{float:left;width:318px;height:36px; border:0;font:14px 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif,'Segoe UI Symbol'}
#wrap-head .hd-search .btn-submit {float:right;position:relative;width:43px;height:36px;border:0;line-height:0;background:url('//image.genie.co.kr/imageg/web/blt/hd_5.0.png') no-repeat -42px 5px;text-indent:-9999px}
#wrap-head .auto_complete {display:none;position:absolute;top:58px;left:0;width:100%;background-color:#fff;z-index:5}
/*.is-ie #wrap-head .auto_complete {top:39px}*/
@-moz-document url-prefix() {
	#wrap-head .auto_complete {top:40px}
}
#wrap-head .search-recommend {position:relative;padding-top:45px;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;line-height:2}
#wrap-head .search-recommend ol, #wrap-head .search-recommend li {list-style:none}
#wrap-head .search-recommend button {display:inline-block;border:0;background:none transparent}
#wrap-head .search-recommend .tab {display:block;overflow:hidden;position:absolute;top:0;left:0;width:181px;height:34px;border-top:0;border-bottom:1px solid #d2d2d2;font-weight:normal;line-height:36px;background-color:#f9f9f9;text-align:center}
#wrap-head .search-recommend .tab button {color:#969697}
#wrap-head .search-recommend .recent .tab {left:181px;width:182px;border-left:1px solid #d2d2d2}
#wrap-head .search-recommend .active .tab {border-bottom-color:#fff;background-color:#fff}
#wrap-head .search-recommend .active .tab button {color:#444}
#wrap-head .search-recommend .list {display:none}
#wrap-head .search-recommend .active .list {display:block}
#wrap-head .search-recommend a:hover, #wrap-head .search-recommend a:focus, #wrap-head .search-recommend .hover a {background-color:#eef1f4}
#wrap-head .search-recommend .btns {padding:39px 13px 16px}
#wrap-head .search-recommend .btns button {float:left}
#wrap-head .search-recommend .btns button:last-child {float:right}
.lt-ie9 #wrap-head .search-recommend .popular .btns button, .lt-ie9 #wrap-head .search-recommend .recent .btns .close {float:right}
#wrap-head .search-recommend .popular li {position:relative;counter-increment:custom}
#wrap-head .search-recommend .popular li:before {content:counter(custom) '';position:absolute;top:0;left:19px}
#wrap-head .search-recommend .popular li:first-child {counter-reset:custom}
#wrap-head .search-recommend .popular a {display:block;width:100%;height:100%;padding-left:40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-right:45px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#wrap-head .search-recommend .recent li {position:relative}
#wrap-head .search-recommend .recent a {display:block;width:100%; line-height:24px; height:20px; padding:0 50px 0 19px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis;
	word-break: break-all; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#wrap-head .search-recommend .recent .date {position:absolute;top:0;right:20px;font-size:11px;line-height:24px;color:#969697}
#wrap-head .search-recommend .recent .no-data {display:block;padding-top:40px;text-align:center}

#wrap-head .search-recommend .popular .rank {position:absolute; right:10px; top:0; font-size:11px; min-width:25px; text-align:center}
#wrap-head .search-recommend .popular .rank-up {display:inline-block;position:relative;padding-left:11px;color:#f43939;font-weight:normal}
#wrap-head .search-recommend .popular .rank-up:before {content:'';display:block;position:absolute;top:50%;left:0;width:8px;height:6px;margin-top:-3px;background:url('//image.genie.co.kr/imageg/web/blt/list_180122.png') no-repeat -138px -111px}
#wrap-head .search-recommend .popular .rank-down {display:inline-block;position:relative;padding-left:11px;color:#609acf;font-weight:normal}
#wrap-head .search-recommend .popular .rank-down:before {content:'';display:block;position:absolute;top:50%;left:0;width:8px;height:6px;margin-top:-3px;background:url('//image.genie.co.kr/imageg/web/blt/list_180122.png') no-repeat -151px -111px}
.is-ie #wrap-head .search-recommend .popular .rank-up:before, .is-ie #wrap-head .search-recommend .popular .rank-down:before {margin-top:-4px}
#wrap-head .search-recommend .popular .rank-none {display:inline-block;vertical-align:middle}
#wrap-head .search-recommend .popular .rank-new {color:#0096FF; font-weight:bold}

#wrap-head .search-result {display:none;position:relative;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
#wrap-head .search-result .title {display:block;height:26px;padding-left:15px;border-top:1px solid #d2d2d2;background-color:#eef1f4}
#wrap-head .search-result .title a {display:inline-block;overflow:hidden;position:relative;height:100%;padding-right:17px;line-height:28px;color:#444}
#wrap-head .search-result .title a:before {content:'>';display:block;position:absolute;top:0;right:4px;font-weight:normal}
#wrap-head .search-result .list-tag {padding:12px 0 11px 15px}
#wrap-head .search-result .list-tag li {display:inline-block}
.lt-ie9 #wrap-head .search-result .list-tag li {display:inline}
#wrap-head .search-result .list-tag a {display:inline-block;overflow:hidden;height:24px;margin:0 2px 0 3px;padding:0 12px 0 8px;border:1px solid #d2d2d2;border-radius:13px;line-height:25px}
.lt-ie9 #wrap-head .search-result .list-tag a {display:inline;padding:5px 12px 5px 8px}
#wrap-head .search-result .list-basic {display:block;padding:5px 0}
#wrap-head .search-result .list-basic li {display:block;padding:5px 15px}
#wrap-head .search-result .list-basic a {display:block;position:relative;width:100%;height:100%;padding:3px 5px 0 49px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis; }
#wrap-head .search-result .list-basic :hover span, #wrap-head .search-result .btn-tag:hover, #wrap-head .search-result .list-basic .hover span, #wrap-head .search-result .hover .btn-tag {text-decoration:underline}
#wrap-head .search-result .list-basic .cover {overflow:hidden;position:absolute;top:0;left:0;width:40px;height:40px}
#wrap-head .search-result .list-basic.list-artist .cover {border-radius:50%}
#wrap-head .search-result .list-basic .cover .mask {display:block;position:absolute;top:0;left:0;width:38px;height:38px;border:1px solid #000;opacity:0.1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)';filter:alpha(opacity=10)}
#wrap-head .search-result .list-basic.list-artist .cover .mask {border-radius:50%}
#wrap-head .search-result .list-basic .cover img {width:100%}
#wrap-head .search-result .list-basic .track, #wrap-head .search-result .list-basic.list-artist .artist {display:block;padding-bottom:1px;font-weight:bold;color:#0096FF}
#wrap-head .search-result .list-basic .artist {display:block}

#wrap-head .gnb {position:relative;width:940px;margin:0 auto}
#wrap-head .gnb .menu {display:block}
#wrap-head .gnb .menu > li {float:left;position:relative}
#wrap-head .gnb .gnb-menu {display:block;position:relative;padding:0 27px 14px 0;color:#27282d;height: 24px;font-size:18px;font-family: "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;font-weight:700}
#wrap-head .gnb .current .gnb-menu {color:#0096FF}
#wrap-head .gnb .current .sub_menu {display:block;opacity:1;filter:alpha(opacity=100)}
#wrap-head .sub_menu {display:none;position:absolute;top:36px;left:0}
#wrap-head .sub_menu .bd {position:relative;padding:5px 0 4px;border:1px solid #a6afb6;border-top:3px solid #0096FF;border-radius:0 0 4px 4px;background-color:#fff;z-index:1;zoom:1}
#wrap-head .sub_menu .bd a {display:block;padding:5px 16px 3px;color:#27282d;white-space:nowrap}
#wrap-head .sub_menu .bd a:hover, #wrap-head .sub_menu .bd a:focus {background-color:#f7f7f7}

#wrap-head .gnb-my {position:absolute;bottom:8px;right:0}
.lt-ie9 #wrap-head .gnb-my {padding-right:39px}
#wrap-head .gnb-my .toggle-button-box {position:initial;border:0;border-radius:0;vertical-align:baseline}
.lt-ie9 #wrap-head .gnb-my .toggle-button-box {display:inline}
#wrap-head .gnb-my .toggle-button-box.login-box {margin-bottom:5px}
#wrap-head .gnb-my .btn {position:relative;padding:0 18px 0 5px;border:0;font-size:14px;background:none transparent;color:#444;letter-spacing:0}
#wrap-head .gnb-my .btn:before {content:'';display:block;position:absolute;top:8px;right:5px;width:10px;height:6px;background:url('//image.genie.co.kr/imageg/web/blt/hd.png') -15px -19px}
#wrap-head .gnb-my .select-button .btn:before {background-position:0 -19px}
#wrap-head .gnb-my .toggle-button-box:first-child .btn {margin-right:7px}
#wrap-head .gnb-my .toggle-button-box .btn:after {content:'';display:block;position:absolute;left:-6px;top:6px;width:1px;height:12px;background-color:#d2d2d2}
#wrap-head .gnb-my .toggle-button-box:first-child .btn:after {display:none}
#wrap-head .gnb-my .btn .icon {display:inline-block;width:14px;height:14px;margin:5px 6px 0 0;font-size:0;line-height:0;background:url('//image.genie.co.kr/imageg/web/blt/login_200407.png') no-repeat 0 -33px;text-indent:-9999px;vertical-align:top}
#wrap-head .gnb-my .btn .icon-fb {background-position:-19px -33px}
#wrap-head .gnb-my .btn .icon-twitter {background-position:-38px -33px}
#wrap-head .gnb-my .btn .icon-naver {background-position:-100px -32px}
#wrap-head .gnb-my .btn .icon-apple {background-position:-119px -32px}
#wrap-head .gnb-my .nickname {max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;vertical-align: top;}
#wrap-head .gnb-my .select-button .list {top:37px;left:auto;right:0;width:306px;padding:0;border:1px solid #d2d2d2;border-radius:0;white-space:normal}
.is-ie #wrap-head .gnb-my .select-button .list {top:36px}
.is-ie #wrap-head .gnb-my login-box.select-button .list {top:35px}
.is-ie.lt-ie9 #wrap-head .gnb-my .select-button .list {top:22px}
#wrap-head .gnb-my .toggle-button-box a {/*padding:0;*/font-size:12px}
#wrap-head .gnb-my .toggle-button-box a:hover, #wrap-head .gnb-my .toggle-button-box a:focus {background:transparent none;color:#444}
#wrap-head .login-form {position:relative;padding:20px 19px 6px;border-bottom:1px solid #d2d2d2}
#wrap-head .login-form .ipt-wrap {position:relative}
#wrap-head .login-form .hide {display:block}
#wrap-head .login-form .ipt-basic {width:169px;height:37px;padding:0 9px;border:1px solid #d2d2d2;font-size:11px;}
#wrap-head .login-form .ipt-basic.no-border {border-bottom:0}
.lt-ie10 #wrap-head .login-form .placeholder {line-height:37px !important}
#wrap-head .login-form .btn-submit {position:absolute;top:20px;right:19px;width:80px;height:77px;border:1px solid #0096FF;font-size:12px;background-color:#0096FF;color:#fff;font-weight:bold}
#wrap-head .login-form .chk-wrap {padding:13px 0 12px}
#wrap-head .login-form .chk-wrap label {display:inline-block;margin-left:5px}
#wrap-head .login-form .lyr-caution {display:none;position:absolute;top:20px;left:19px;width:266px;height:63px;padding-top:12px;border:1px solid #d2d2d2;font-size:12px;line-height:16px;background-color:#fff;text-align:center}
#wrap-head .login-form .lyr-caution:before {content:'';display:block;position:absolute;bottom:-11px;left:15px;width:20px;height:11px;background:url('//image.genie.co.kr/imageg/web/blt/login.png') no-repeat -74px -62px}
#wrap-head .login-form .lyr-caution.active {display:block}
#wrap-head .login-form .lyr-caution .btn-help {display:inline-block;position:absolute;bottom:6px;left:10px;height:auto;padding:0;font-size:11px;line-height:1.5;color:#969697}
#wrap-head .login-form .lyr-caution .btn-close {display:inline-block;clear:both;position:absolute;bottom:8px;right:14px;margin:0;padding:0 0 0 13px;border:0;font-size:11px;background:transparent none;color:#969697}
#wrap-head .login-form .lyr-caution .btn-close:before {content:'';display:block;position:absolute;top:2px;left:0;width:9px;height:9px;background:url('//image.genie.co.kr/imageg/web/blt/login.png') no-repeat -85px -33px}
#wrap-head .login-form .btn-login {display:block;height:37px;margin-bottom:8px;padding-top:11px;border:1px solid #0096FF;background-color:#0096FF;color:#fff;text-align:center}
#wrap-head .login-form .btn-login:hover, #wrap-head .login-form .btn-login:focus {background-color:#0096FF !important;color:#fff !important}
#wrap-head .login-form .btn-login .txt {display:inline-block;position:relative;padding:0 0 0 52px;font-size:14px;font-weight:bold}
#wrap-head .login-form .btn-login .txt:before {content:'';display:block;position:absolute;top:1px;left:0;width:50px;height:25px;background:url('//image.genie.co.kr/imageg/web/blt/login_201222.png') no-repeat 0 -50px;background-size: 94px 73px}
#wrap-head .login-form .btns a {display:inline-block;float:right;padding:0}
#wrap-head .login-form .btns a:first-child {float:left}
#wrap-head .login-form .find-account {float: left}
#wrap-head .login-form .find-account a {float:none;position: relative}
#wrap-head .login-form .find-account a:first-child {padding-right: 7px;margin-right: 7px;}
#wrap-head .login-form .find-account a:first-child:after { content:'';display:block;position:absolute;top:8px;right:0; width: 1px;height: 9px;background-color: #444444;}
#wrap-head .list-login {padding:20px 19px 0}
#wrap-head .list-login a {display:block;overflow:hidden;position:relative;height:38px;margin-bottom:6px;padding:0 0 0 48px;border:1px solid #d2d2d2;border-radius:2px;line-height:41px}
#wrap-head .list-login a:before {content:'';display:block;position:absolute;top:5px;left:5px;width:28px;height:28px;background:url('//image.genie.co.kr/imageg/web/blt/login_200407.png') no-repeat 0 0}
#wrap-head .list-login .btn-fb:before {background-position:-33px 0}
#wrap-head .list-login .btn-twitter:before {background-position:-66px 0}
#wrap-head .list-login .btn-apple:before {background-position:-133px 0}
#wrap-head .gnb-my .cash-info {padding:0 14px 0 13px;font-size:12px;line-height:36px;border-bottom:1px solid #d2d2d2;background-color:#eef1f4}
#wrap-head .gnb-my .cash-info dt {display:block;width:50%;float:left;height:36px}
#wrap-head .gnb-my .cash-info dd {display:block;width:50%;float:right;height:36px;text-align:right}
#wrap-head .gnb-my .cash-info .btn-charge {display:inline-block;overflow:hidden;height:22px;margin:6px 0 0 3px;padding:0 7px 0 6px;border:1px solid #a6afb6;border-radius:3px;line-height:23px;font-weight:normal;background-color:#fff;vertical-align:top}
.is-ie #wrap-head .gnb-my .cash-info .btn-charge {line-height:24px}
#wrap-head .gnb-my .cash-info .btn-charge:hover, #wrap-head .gnb-my .cash-info .btn-charge:focus {border-color:#27282d;background:#fff}
#wrap-head .gnb-my .title-info {display:block;position:relative;height:36px;margin-bottom:10px;padding:0 3px;font-size:12px;background-color:#eef1f4}
#wrap-head .gnb-my .title-info a {display:inline-block;overflow:hidden;position:relative;height:100%;padding-right:17px;line-height:36px;color:#444}
#wrap-head .gnb-my .title-info a:before {content:'>';display:block;position:absolute;top:0;right:4px;font-weight:normal}
#wrap-head .gnb-my .title-info .total {position:absolute;top:11px;right:14px;color:#8b8b8b;font-weight:normal}
#wrap-head .gnb-my .info {padding-bottom:9px;font-size:12px;border-bottom:1px solid #d2d2d2;background-color:#fff}
#wrap-head .gnb-my .info li {display:block;padding:5px 14px;line-height:1.3333333333;word-break:break-all}
#wrap-head .gnb-my .info.col-2 li {position:relative;padding-right:65px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#wrap-head .gnb-my .info.col-2.info-listen li {padding-right:110px}
#wrap-head .gnb-my .info li .remaining {display:block;color:#8b8b8b}
#wrap-head .gnb-my .info.col-2.info-listen a {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wrap-head .gnb-my .info.col-2 li .desc {position:absolute;top:50%;right:16px;width:45px;margin-top:-8px;color:#8b8b8b;text-align:right}
#wrap-head .gnb-my .info.col-2.info-listen li .desc {width:85px}
#wrap-head .gnb-my .info a {display:inline-block;height:auto;padding:0;line-height:1.3333333333;color:#444}
#wrap-head .gnb-my .info .icon-type {display:inline-block;overflow:hidden;height:14px;margin-right:1px;padding:0 1px 0 2px;border:1px solid #969697;border-radius:2px;font-size:11px;color:#969697;line-height:15px;vertical-align:top}
#wrap-head .gnb-my .no-data {display:block;padding:6px 14px 15px;border-bottom:1px solid #d2d2d2;font-size:12px}
#wrap-head .gnb-my .no-data + .info {margin-top:-6px}
#wrap-head .gnb-my .no-data .guide {display:block;padding-top:12px;color:#8b8b8b}
#wrap-head .gnb-my .no-data {display:block;padding:6px 14px 15px;border-bottom:1px solid #d2d2d2;font-size:12px}
#wrap-head .gnb-my .loading {display:block;padding:40px 0 51px;border-bottom:1px solid #d2d2d2;text-align:center}
#wrap-head .gnb-my .more-btns {padding:8px 0 5px 9px}
#wrap-head .gnb-my .more-btns a {display:inline-block;position:relative;padding:0 4px;font-size:12px;color:#444}
#wrap-head .gnb-my .more-btns a:before {content:'|';display:block;position:absolute;top:0;left:-6px;color:#d2d2d2;font-weight:normal}
#wrap-head .gnb-my .more-btns a:first-child:before, #wrap-head .gnb-my .more-btns .btn-logout:before {display:none}
#wrap-head .gnb-my .more-btns .btn-logout {float:right;margin-right:11px}
#wrap-head .list .btn-close {display:inline-block;float:right;margin:12px 13px 16px 0;border:0;background:none transparent;}
#wrap-head .btn-profile {display:inline-block;overflow:hidden;position:relative;width:30px;height:30px;margin:-1px 4px 0 1px;border-radius:50%;vertical-align:top}
.lt-ie9 #wrap-head .btn-profile {display:block;position:absolute;top:0;right:0}
#wrap-head .btn-profile:before {content:'';display:block;position:absolute;top:0;left:0;width:28px;height:28px;border:1px solid #e5e5e5;opacity:0.1;filter:alpha(opacity=10)}
#wrap-head .btn-profile img {display:block;width:100%;height:100%}

#wrap-head.gnb-mini{border-bottom:1px solid #d9d9d9;background-color:#303a53;background-image:none}
#wrap-head.gnb-mini .head-top {position:relative;width:800px;height:53px;margin:0 auto}
#wrap-head.gnb-mini .head-top .logo {position:absolute;top:11px;left:0}
#wrap-head.gnb-mini .head-top .logo img {width:68px;height:28px}
#wrap-head.gnb-mini .head-top .service {position:absolute;top:17px;left:75px}
#wrap-head.gnb-mini .head-search {top:14px;left:163px;height:23px;background-color:#fff}
#wrap-head.gnb-mini .head-search .fd {font-size:12px;padding:2px 10px 1px;height:20px;line-height:20px}
#wrap-head.gnb-mini .head-search .sm {top:-4px;background:none}
#wrap-head.gnb-mini .mini_gnb {top:22px;right:0;position:absolute}
#wrap-head.gnb-mini .mini_gnb .menu li {margin-left:8px;float:left;padding-left:9px;background:url('//image.genie.co.kr/imageg/web/common/bu_gnb_mini.gif') 0 1px no-repeat}
#wrap-head.gnb-mini .mini_gnb .menu li .gnb-menu {background-image:url('//image.genie.co.kr/imageg/web/common/gnb_mini.png');background-repeat:no-repeat;display:block;font: 0px/0 a;height:11px}
#wrap-head.gnb-mini .mini_gnb .menu li:first-child {background:none}
#wrap-head.gnb-mini .mini_gnb .member-1 {width:38px;background-position:0 0}
#wrap-head.gnb-mini .mini_gnb .current .member-1,
#wrap-head.gnb-mini .mini_gnb .member-1:hover {background-position:0 -11px}
#wrap-head.gnb-mini .mini_gnb .member-2 {width:51px;background-position:-54px 0}
#wrap-head.gnb-mini .mini_gnb .current .member-2,
#wrap-head.gnb-mini .mini_gnb .member-2:hover {background-position:-54px -11px}
#wrap-head.gnb-mini .mini_gnb .member-3 {width:59px;background-position:-122px 0}
#wrap-head.gnb-mini .mini_gnb .current .member-3,
#wrap-head.gnb-mini .mini_gnb .member-3:hover {background-position:-122px -11px}
#wrap-head.gnb-mini .mini_gnb .member-4 {width:29px;background-position:-201px 0}
#wrap-head.gnb-mini .mini_gnb .current .member-4,
#wrap-head.gnb-mini .mini_gnb .member-4:hover {background-position:-201px -11px}
#wrap-head.gnb-mini .head-search .auto_complete {top:24px}

.top_banner_area{font-size:14px;line-height:0;letter-spacing:-.25px;color:#fff;background-color: #444444;font-family:Malgun Gothic, AppleGotihc, 돋움, Dotum, 굴림, Gulim, Helvetica, Arial, sans-serif;}
.top_banner_area .notice strong {font-size: 18px;font-weight: 400;letter-spacing: -0.9px;text-align: center;display: block}
.top_banner_area .notice > span{font-size: 12px;font-weight: normal;letter-spacing: -0.3px}
.top_banner_area .notice > span:before{display:inline-block;content:"";vertical-align: middle;background:url(http://image.genie.co.kr/imageg/web/common/gnb_top_banner_bullet.png) 0 0 no-repeat;width:14px;height:14px;margin:0 8px 0 0;position: relative;top:-1px;}
.top_banner_content{height:100px;position:relative;width:940px;margin:0 auto;line-height: 27px;text-align: center;padding-top: 22px;box-sizing: border-box;}
.top_banner_content a{font-size: 12px;font-weight: bold;letter-spacing: -0.6px;text-align: left;color: #ffe9ac;padding-left: 3px}

.bread-sc {position:absolute;top:24px;right:1px;color:#989898;font-size:11px}
.bread-sc strong {font-weight:bold;color:#444}

/* aside */
.bn-208-71 {display:block;border-bottom:1px solid #dedede}
.bn-208-71 img {width:208px;height:71px;display:block}

#body-aside h3,.rnt-cate h3 {height:14px;line-height:0;vertical-align:top}
#body-aside .info, .rnt-cate .info {display:inline-block;width:12px;height:12px;background:url("//image.genie.co.kr/imageg/web/btn/music_info.png") 0 0 no-repeat;font-size:0;line-height:0}
#body-aside .info:hover, .rnt-cate .info:hover {background-position:0 100%}
.aside_select, .aside_keyword, .aside_genre, .aside_hot_mv, .aside_hot_tv, .aside_album, .aside_coming, .aside_tv, .aside_chart {padding-top:14px;padding-left:14px;padding-right:14px}
.aside_select, .aside_keyword, .aside_realtime, .aside_genre, .aside_hot_mv, .aside_genre, .aside_hot_tv, .aside_album, .aside_coming, .aside_tv {padding-top:14px;padding-left:14px;padding-right:14px}
.aside_sns, .aside_mv, .aside_artist {padding-top:19px;padding-left:19px;padding-right:19px}
.aside_select {padding-bottom:11px;border-bottom:1px solid #dedede;background-color:#fff}
.aside_select ul {padding-top:5px}
.aside_select ul li {margin-top:7px}
.aside_select ul li .thumb {display:block}
.aside_select ul li .thumb img {width:180px;height:70px}
.aside_select ul li .title {display:inline-block;max-width:100%;max-height:34px;margin-top:7px;color:#4e4e4e;font-weight:bold;overflow:hidden;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}
.aside_select ul li .title:hover {text-decoration:underline}
.aside_select ul li .tag {display:block;max-height:34px;padding-top:2px;font-size:11px;overflow:hidden}
.aside_select ul li .tag span {display:inline-block;height:12px;margin-top:-2px;padding:2px 2px 0;border:1px solid #ddd;border-radius:3px;background-color:#fff;color:#999;font-weight:normal;line-height:11px;letter-spacing:-1px;vertical-align:middle}
.aside_select ul li .tag a {color:#4e4e4e;white-space:nowrap}
.aside_select ul li .tag a:hover {text-decoration:underline}
.aside_keyword {position:relative;padding-bottom:10px;border-bottom:1px solid #dedede}
.aside_keyword ul {padding-top:8px}
.aside_keyword ul li {line-height:21px}
.aside_keyword ul li span {display:inline-block;min-width:10px;height:11px;margin-top:5px;padding-right:1px;border:1px solid #afafaf;background-color:#b7b7b7;color:#fff;font-family:Tahoma;font-size:10px;font-weight:bold;line-height:10px;letter-spacing:-2px;text-align:center;vertical-align:top}
.aside_keyword ul li.rank_1 span,.aside_keyword ul li.rank_2 span,.aside_keyword ul li.rank_3 span {border:1px solid #65c4cd;background-color:#6aced8}
.aside_keyword ul li a {display:inline-block;max-width:158px;margin-left:5px;color:#4f4f4f;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_keyword ul li a:hover {text-decoration:underline}
.aside_realtime {padding-bottom:10px;border-bottom:1px solid #dedede}
.aside_realtime ul {padding-top:8px}
.aside_realtime ul li {line-height:21px; position:relative;}
.aside_realtime ul li em {display:inline-block;width:10px;height:11px;margin-top:5px;padding-right:1px;border:1px solid #afafaf;background-color:#b7b7b7;color:#fff;font-family:Tahoma;font-size:10px;font-weight:bold;font-style:normal;line-height:10px;letter-spacing:-2px;text-align:center;vertical-align:top}
.aside_realtime ul li.rank_1 em,.aside_realtime ul li.rank_2 em,.aside_realtime ul li.rank_3 em {border:1px solid #65c4cd;background-color:#6aced8}
.aside_realtime ul li a {display:inline-block;width:116px;margin-left:5px;color:#4f4f4f;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_realtime ul li a:hover {text-decoration:underline}

.aside_realtime .rank{display:block;position:absolute;right:0;top:0;font-size:11px; text-align:center; min-width:25px}
.aside_realtime .rank-up {display:inline-block;position:relative;padding-left:11px;color:#f43939;font-weight:normal}
.aside_realtime .rank-up:before {content:'';display:block;position:absolute;top:50%;left:0;width:8px;height:6px;margin-top:-3px;background:url('//image.genie.co.kr/imageg/web/blt/list_180122.png') no-repeat -138px -111px}
.aside_realtime .rank-down {display:inline-block;position:relative;padding-left:11px;color:#609acf;font-weight:normal}
.aside_realtime .rank-down:before {content:'';display:block;position:absolute;top:50%;left:0;width:8px;height:6px;margin-top:-3px;background:url('//image.genie.co.kr/imageg/web/blt/list_180122.png') no-repeat -151px -111px}
.is-ie .aside_realtime .rank-up:before, .is-ie .aside_realtime .rank-down:before {margin-top:-4px}
.aside_realtime .rank-none {display:inline-block;vertical-align:middle}
.aside_realtime .rank-new {color:#0096FF; font-weight:bold;}

.aside_genre {position:relative;padding-bottom:15px;border-bottom:1px solid #dedede;background-color:#fff}
.aside_genre h3 {padding-bottom:5px;background:url("//image.genie.co.kr/imageg/web/common/line_aside.gif") 0 100% no-repeat}
.aside_genre .btn-slid {position:absolute;top:3px;right:12px}
.aside_genre .btn-slid a {font-size:0;line-height:0;display:inline-block;width:9px;height:9px;margin:0 3px;background-image:url('//image.genie.co.kr/imageg/web/main/roll_page.png')}
.aside_genre .btn-slid a.current {background-position:100% 0}
.aside_genre .rol-wp {position:relative;width:180px;margin-top:6px;overflow:hidden}
.aside_genre .rol-wp ul {position:relative}
.aside_genre .rol-wp ul:after {content:'';clear:both;display:block;height:0}
.aside_genre .rol-wp ul, {display:inline-block}
.aside_genre .rol-wp ul li {float:left;width:180px;height:143px}
.aside_genre .rol-wp ul li strong {display:block;padding-bottom:3px;color:#0096FF;font-weight:bold}
.aside_genre .rol-wp ul li div{margin-bottom:10px}
.aside_genre .rol-wp ul li div .album {display:inline-block;border:1px solid #dbdbdb;vertical-align:top}
.aside_genre .rol-wp ul li div .album img {width:54px;height:54px}
.aside_genre .rol-wp ul li div .music {display:inline-block;width:110px;margin-left:6px;vertical-align:top}
.aside_genre .rol-wp ul li div .music .title {display:block;margin-top:1px;color:#4e4e4e;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_genre .rol-wp ul li div .music .title:hover {text-decoration:underline}
.aside_genre .rol-wp ul li div .music .artist {display:block;margin-top:-2px;color:#4e4e4e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_genre .rol-wp ul li div .music .artist:hover {text-decoration:underline}
.aside_genre .rol-wp ul li div .music .song {display:block;margin-top:3px;padding-left:14px;background:url("//image.genie.co.kr/imageg/web/blt/total_song.gif") 0 3px no-repeat;color:#999}
.aside_hot_mv {padding-bottom:11px;border-bottom:1px solid #dedede;background-color:#fff}
.aside_hot_mv ul {padding-top:13px}
.aside_hot_mv ul li {margin-top:11px}
.aside_hot_mv ul li:first-child {margin-top:0}
.aside_hot_mv ul li .album {display:block;position:relative;margin-bottom:7px;border:1px solid #dbdbdb}
.aside_hot_mv ul li .album img {width:178px;height:100px}
.aside_hot_mv ul li .album .caption {position:absolute;right:0;bottom:0;left:0;height:24px;padding:0 6px 0 10px;background-color:rgba(0, 0, 0, 0.4);color:#FFFFFF;font-family:Tahoma,sans-serif;font-size:10px;font-weight:bold;line-height:24px}
.aside_hot_mv ul li .album .caption a {display:block;position:absolute;top:5px;right:10px;width:14px;height:14px;background-image:url("//image.genie.co.kr/imageg/web/btn/mv_play.png");font-size:0;line-height:0}
.aside_hot_mv ul li .info {margin-top:3px;vertical-align:top}
.aside_hot_mv ul li .music {display:inline-block;position:relative;max-width:138px;margin-left:5px;vertical-align:top}
.aside_hot_mv ul li .music .title {display:block;color:#444;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_hot_mv ul li .music .title:hover {text-decoration:underline}
.aside_hot_mv ul li .music .holdback {display:block;position:absolute;top:0;right:-21px;width:17px;height:16px;background-image:url("//image.genie.co.kr/imageg/web/blt/list_icons_r1.png");background-position:0 -30px;font-size:0;line-height:0;vertical-align:middle;overflow:hidden}
.aside_hot_mv ul li .music .artist {display:block;color:#999;font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_hot_mv ul li .music .artist:hover {text-decoration:underline}
.aside_hot_tv {padding-bottom:11px;border-bottom:1px solid #dedede;background-color:#fff}
.aside_hot_tv ul {padding-top:13px}
.aside_hot_tv ul li {margin-top:11px}
.aside_hot_tv ul li:first-child {margin-top:0}
.aside_hot_tv ul li .album {display:block;position:relative;margin-bottom:7px;border:1px solid #dbdbdb}
.aside_hot_tv ul li .album img {width:178px;height:100px}
.aside_hot_tv ul li .album .duration{position: absolute;top: 85px;right: 3px;padding: 0 5px;display: inline-block;font: normal 11px/14px Arial, Verdana, Sans-serif;color: #fff}
.aside_hot_tv li .duration {background:transparent url('//image.genie.co.kr/imageg/web/common/black_70a.png') repeat 0 0}
:root *> .aside_hot_tv li .duration {background:none; background-color:rgba(0,0,0,.7)}
.aside_hot_tv ul li .detail {margin-top:3px;vertical-align:top}
.aside_hot_tv ul li .summary {display:inline-block;position:relative;max-width:138px;margin-left:5px;vertical-align:top}
.aside_hot_tv ul li .summary .title {display:block;color:#444;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_hot_tv ul li .summary .title:hover {text-decoration:underline}
.aside_hot_tv ul li .summary .artist {display:block;color:#999;font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_hot_tv ul li .summary .artist:hover {text-decoration:underline}
.aside_hot_tv .detail{display:inline-block;width:14px;height:14px;background:url("//image.genie.co.kr/imageg/web/blt/ico_tvlist.png") 0 0 no-repeat;font-size:0;line-height:0}
.aside_hot_tv .detail:hover{background-position:0 100%}
.aside_album {padding-bottom:15px;border-bottom:1px solid #dedede;background-color:#fff}
.aside_album h3 {padding-bottom:10px}
.aside_album ul {margin-top:3px}
.aside_album ul li:first-child {margin-bottom:10px}
.aside_album ul li .album {display:inline-block;border:1px solid #dbdbdb;vertical-align:top}
.aside_album ul li .album img {width:54px;height:54px}
.aside_album ul li .music {display:inline-block;width:110px;margin-left:6px;vertical-align:top}
.aside_album ul li .music .title {display:inline-block;max-width:100%;vertical-align:middle;margin-top:1px;color:#4e4e4e;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_album ul li .music .title:hover {text-decoration:underline}
.aside_album ul li .music .artist {display:block;margin-top:-2px;color:#4e4e4e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_album ul li .music .artist:hover {text-decoration:underline}
.aside_album ul li .music .song {display:block;margin-top:3px;padding-left:14px;background:url("//image.genie.co.kr/imageg/web/blt/total_song.gif") 0 3px no-repeat;color:#999}
.aside_coming {padding-bottom:11px;border-bottom:1px solid #dedede}
.aside_coming ul {padding-top:8px}
.aside_coming ul li {position:relative;margin-top:2px}
.aside_coming ul li strong {display:inline-block;width:26px;height:12px;margin-top:2px;padding-top:2px;color:#fff;font-size:11px;font-weight:normal;line-height:11px;text-align:center;vertical-align:top}
.aside_coming ul li strong.coming_1 {background-color:#8fd6dc}
.aside_coming ul li strong.coming_2 {background-color:#90bfdd}
.aside_coming ul li strong.coming_3 {background-color:#abd373}
.aside_coming ul li a {display:inline-block;max-width:87px;margin-left:3px;color:#4e4e4e;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_coming ul li a:hover {text-decoration:underline}
.aside_coming ul li span {position:absolute;top:0;right:0;color:#999}
.aside_event {position:relative;margin:-1px -1px 0 -1px;background-color:#fff}
.aside_event h3 {display:none}
.aside_event .btn-slid {position:absolute;left:10px;bottom:12px;z-index:20}
.aside_event .btn-slid a {font-size:0;line-height:0;display:inline-block;width:9px;height:9px;margin:0 3px;background-image:url('//image.genie.co.kr/imageg/web/main/roll_page.png')}
.aside_event .btn-slid a.current {background-position:100% 0}
.aside_event .rol-wp {position:relative;width:210px;overflow:hidden}
.aside_event .rol-wp ul {position:relative}
.aside_event .rol-wp ul:after {content:'';clear:both;display:block;height:0}
.aside_event .rol-wp ul, {display:inline-block}
.aside_event .rol-wp li {float:left;width:210px;height:200px}
.aside_event .rol-wp li img {display:block;width:210px;height:200px}
.aside_event .rol-wp ul li a {position:relative;display:block}
.aside_event .rol-wp ul li a:after {position:absolute;top:0;left:0;width:210px;height:200px;background:url('//image.genie.co.kr/imageg/web/common/line_aside_event.png') 0 0 no-repeat;content:""}

.aside_tv {padding-bottom:11px;border-bottom:1px solid #dedede;background-color:#fff}
.aside_tv ul {padding-top:6px}
.aside_tv ul li {margin-top:4px;padding-left:8px;background:url("//image.genie.co.kr/imageg/web/blt/dot_999.gif") 0 8px no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_tv ul li a:hover {text-decoration:underline}
.aside_tv ul li strong a {color:#6bced4}
.aside_sns {padding-bottom:19px;border-bottom:1px solid #dedede}
.aside-zone .aside_sns {padding-top:0;border-bottom:0 none}
.aside-zone .aside_sns div {padding-top:25px}
.aside_sns ul {padding-top:13px}
.aside_sns ul li {margin-top:7px}
.aside_sns ul li:first-child {margin-top:0}
.aside_sns ul li .thumb {display:inline-block;border:1px solid #dbdbdb;vertical-align:middle;margin-right:5px}
.aside_sns ul li .thumb img {width:39px;height:39px}
.aside_sns ul li .icon {display:inline-block;vertical-align:middle}
.aside_sns ul li .title {display:inline-block;max-width:132px;color:#444;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_sns ul li .title:hover {text-decoration:underline}
.aside_sns div {padding:33px 0 32px;text-align:center}
.aside_sns div p {margin:0 0 5px;color:#999}
.aside_sns div a {border:1px solid #CCCCCC;border-radius:3px 3px 3px 3px;color:#666666;display:inline-block;font-size:11px;height:22px;line-height:22px;padding:0 8px 0 4px;vertical-align:middle}
.aside_sns div a:focus, .aside_sns div a:hover {background-color:#FBFBFB;border-color:#9F9F9F}
.aside_sns div a i {background:url("//image.genie.co.kr/imageg/web/btn/sns_1.png") no-repeat scroll 0 -44px transparent;display:inline-block;height:22px;vertical-align:middle;width:22px}
.aside_sns div a:focus i,.aside_sns div a:hover i {background-position:-22px -44px}
.aside_mv {padding-bottom:16px;border-bottom:1px solid #dedede}
.aside_mv ul {padding-top:13px}
.aside_mv ul li {margin-top:11px}
.aside_mv ul li:first-child {margin-top:0}
.aside_mv ul li .album {display:block;position:relative;margin-bottom:12px;border:1px solid #dbdbdb}
.aside_mv ul li .album img {width:198px;height:111px}
.aside_mv ul li .album .caption {position:absolute;right:0;bottom:0;left:0;height:24px;padding:0 6px 0 10px;background-color:rgba(0, 0, 0, 0.4);color:#FFFFFF;font-family:Tahoma,sans-serif;font-size:10px;font-weight:bold;line-height:24px}
.aside_mv ul li .album .caption a {display:block;position:absolute;top:5px;right:10px;width:14px;height:14px;background-image:url("//image.genie.co.kr/imageg/web/btn/mv_play.png");font-size:0;line-height:0}
.aside_mv ul li .info {margin-top:3px;vertical-align:top}
.aside_mv ul li .music {display:inline-block;position:relative;max-width:158px;margin-left:5px;vertical-align:top}
.aside_mv ul li .music .title {display:block;color:#444;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_mv ul li .music .title:hover {text-decoration:underline}
.aside_mv ul li .music .title .icon-box {display:inline-block;margin:1px 4px 0 0;font-size:11px;vertical-align:top;color:#8b8b8b;font-weight:normal;overflow:hidden;height:14px;padding:0 1px 0 2px;border:1px solid #8b8b8b;border-radius:2px;background:none transparent;line-height:15px;text-indent:0}
.is-ie .aside_mv ul li .music .title .icon-box{line-height:17px}
.aside_mv ul li .music .holdback {display:block;position:absolute;top:0;right:-21px;width:17px;height:16px;background-image:url("//image.genie.co.kr/imageg/web/blt/list_icons_r1.png");background-position:0 -30px;font-size:0;line-height:0;vertical-align:middle;overflow:hidden}
.aside_mv ul li .music .artist {display:block;color:#999;font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_mv ul li .music .artist:hover {text-decoration:underline}
.aside_artist {padding-bottom:19px}
.aside_artist div {margin-top:13px}
.aside_artist div .album {display:inline-block;border:1px solid #dbdbdb;vertical-align:middle}
.aside_artist div .album img {width:54px;height:54px}
.aside_artist div .artist {display:inline-block;width:135px;margin-left:5px;color:#65c4cd;font-weight:bold;vertical-align:middle}
.aside_artist ul {padding-top:4px}
.aside_artist ul li {margin-top:3px;padding-bottom:3px;background:url("//image.genie.co.kr/imageg/web/common/line_aside.gif") 0 100% no-repeat}
.aside_artist ul li .number {display:inline-block;color:#b7b7b7;font-family:Arial;font-weight:bold;vertical-align:top}
.aside_artist ul li .info {display:inline-block;margin:3px 0 0 8px;vertical-align:top}
.aside_artist ul li .title {display:inline-block;max-width:162px;margin-left:3px;color:#4f4f4f;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_artist ul li .title:hover {text-decoration:underline}

.aside_chart {position:relative;padding-bottom:10px;border-bottom:1px solid #dedede;background:#fff}
.aside_chart .date {position:absolute;right:12px;top:14px;font-size:11px;color:#999;line-height:13px}
.aside_chart ul {padding-top:8px}
.aside_chart ul li {line-height:21px}
.aside_chart ul li span {display:inline-block;min-width:10px;height:11px;margin-top:5px;padding-right:1px;border:1px solid #afafaf;background-color:#b7b7b7;color:#fff;font-family:Tahoma;font-size:10px;font-weight:bold;line-height:10px;letter-spacing:-2px;text-align:center;vertical-align:top}
.aside_chart ul li.rank_1 span,.aside_chart ul li.rank_2 span,.aside_chart ul li.rank_3 span {border:1px solid #65c4cd;background-color:#6aced8}
.aside_chart ul li a {display:inline-block;max-width:158px;margin-left:5px;color:#4f4f4f;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_chart ul li a:hover {text-decoration:underline}

.aside_like {padding:14px 0 15px 14px;border-bottom:1px solid #dedede}
.aside_like ul {margin-top:15px;overflow:hidden}
.aside_like ul li {float:left;width:84px;margin:0 10px 15px 0}
.aside_like ul li .album {height:82px}
.aside_like ul li .album img {border:1px solid #dedede}
.aside_like ul li p {padding:9px 0 0 2px}
.aside_like ul li p span {display:inline-block;width:80px;line-height:1.1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_like ul li p .artist a {font-size:11px;color:#999}
.aside_like ul li p span a:hover {text-decoration:underline}
.aside_like ul li p .like {display:inline-block;padding-left:15px;font-weight:bold;color:#999;background:url('//image.genie.co.kr/imageg/web/sns/like.gif') no-repeat}

.aside_hotbanner {margin-top:-1px;margin-left:-1px}
.aside_magazine {padding:13px 0 0 0}
.aside_magazine .head {width:180px;margin:0 auto}
.aside_magazine .head:after {content:'clearFix';display:block;visibility:hidden;clear:both;font-size:0;line-height:0}
.aside_magazine .head h2 {float:left}
.aside_magazine .head .magazine-roll-navi {float:right;margin:3px 0 0 0;font-size:0;line-height:0}
.aside_magazine .head .roll-nav, {display:inline}
.aside_magazine .head .roll-nav a {position:relative;display:inline-block;width:13px;height:13px;border:none;font-size:0;line-height:0;overflow:hidden}
.aside_magazine .head .roll-nav .prev,
.aside_magazine .head .roll-nav .next {background-image:url('//image.genie.co.kr/imageg/web/magazine/arrow02.png');background-repeat:no-repeat}
.aside_magazine .head .roll-nav .prev {border-radius:0;background-position:0 0px}
.aside_magazine .head .roll-nav .prev:hover {background-position:0 -13px;cursor:pointer}
.aside_magazine .head .roll-nav .next {margin:0 0 0 2px;border-radius:0;background-position:-15px -0px}
.aside_magazine .head .roll-nav .next:hover {background-position:-15px -13px;cursor:pointer}
.aside_magazine .body {overflow:hidden;height:325px;border-bottom:1px solid #dedede}
.aside_magazine .body li {display:inline-block;width:180px;height:34px;padding:15px 14px;border-top:1px solid #dedede}
.aside_magazine .body li:first-child {border:none}
.aside_magazine .body li span.num {display:block;float:left;min-width:10px;height:11px;margin:11px 10px 0 0;padding-right:1px;border:1px solid #afafaf;background-color:#b7b7b7;color:#fff;font-family:Tahoma;font-size:10px;font-weight:bold;line-height:10px;letter-spacing:-2px;text-align:center;vertical-align:top}
.aside_magazine .body li.rank span.num {border:1px solid #65c4cd;background-color:#6aced8}
.aside_magazine .body li .thumb {position:relative;float:left;width:50px;height:34px}
.aside_magazine .body li .thumb .bg {display:block;position:absolute;top:0;left:0;width:50px;height:34px;background:url('//image.genie.co.kr/imageg/web/magazine/aside_bg.png') no-repeat 0 0}
.aside_magazine .body li .multiline {float:left;width:97px;height:40px;margin:2px 0 0 9px;font-size:11px;line-height:16px;color:#4e4e4e}
.aside_magazine .body li a {display:inline-block;height:100%}
.aside_magazine .body li a:hover p {text-decoration:underline}

.aside_edm {padding:0 0 15px 0;background:#fff;border-bottom:1px solid #dedede}
.aside_edm .head {width:180px;height:15px;margin:0 auto;padding:15px 0 0 0}
.aside_edm .head:after {content:'clearFix';display:block;visibility:hidden;clear:both;font-size:0;line-height:0}
.aside_edm .head h2 {float:left}
.aside_edm .head h2 img {float:left}
.aside_edm .head .edm-roll-navi {float:right;margin:1px 0 0 0;font-size:0;line-height:0}
.aside_edm .head .roll-nav, {display:inline}
.aside_edm .head .roll-nav a {position:relative;display:inline-block;width:13px;height:13px;border:none;font-size:0;line-height:0;overflow:hidden}
.aside_edm .head .roll-nav .prev,
.aside_edm .head .roll-nav .next {background-image:url('//image.genie.co.kr/imageg/web/magazine/arrow02.png');background-repeat:no-repeat}
.aside_edm .head .roll-nav .prev {border-radius:0;background-position:0 0px}
.aside_edm .head .roll-nav .prev:hover {background-position:0 -13px;cursor:pointer}
.aside_edm .head .roll-nav .next {margin:0 0 0 2px;border-radius:0;background-position:-15px -0px}
.aside_edm .head .roll-nav .next:hover {background-position:-15px -13px;cursor:pointer}
.aside_edm .body {width:180px;height:264px;margin:0 auto;overflow:hidden}
.aside_edm .body ul li {margin-top:10px}
.aside_edm .body ul li .album {display:inline-block;border:1px solid #dbdbdb;vertical-align:top}
.aside_edm .body ul li .album img {width:54px;height:54px}
.aside_edm .body ul li .music {display:inline-block;width:110px;margin-left:6px;vertical-align:top}
.aside_edm .body ul li .music .title {display:inline-block;max-width:100%;vertical-align:middle;margin-top:1px;color:#4e4e4e;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_edm .body ul li .music .title:hover {text-decoration:underline}
.aside_edm .body ul li .music .artist {display:block;margin-top:-2px;color:#4e4e4e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.aside_edm .body ul li .music .artist:hover {text-decoration:underline}
.aside_edm .body ul li .music .song {display:block;margin-top:3px;padding-left:14px;background:url("//image.genie.co.kr/imageg/web/blt/total_song.gif") 0 3px no-repeat;color:#999}

.aside_theme {padding:13px 0 0 0}
.aside_theme .head {width:180px;margin:0 auto}
.aside_theme .head:after {content:'clearFix';display:block;visibility:hidden;clear:both;font-size:0;line-height:0}
.aside_theme .head h2 {float:left}
.aside_theme .head .theme-roll-navi {float:right;margin:3px 0 0 0;font-size:0;line-height:0}
.aside_theme .head .roll-nav, {display:inline}
.aside_theme .head .roll-nav a {position:relative;display:inline-block;width:13px;height:13px;border:none;font-size:0;line-height:0;overflow:hidden}
.aside_theme .head .roll-nav .prev,
.aside_theme .head .roll-nav .next {background-image:url('//image.genie.co.kr/imageg/web/magazine/arrow02.png');background-repeat:no-repeat}
.aside_theme .head .roll-nav .prev {border-radius:0;background-position:0 0px}
.aside_theme .head .roll-nav .prev:hover {background-position:0 -13px;cursor:pointer}
.aside_theme .head .roll-nav .next {margin:0 0 0 2px;border-radius:0;background-position:-15px -0px}
.aside_theme .head .roll-nav .next:hover {background-position:-15px -13px;cursor:pointer}
.aside_theme .body {overflow:hidden;height:404px;border-bottom:1px solid #dedede}
.aside_theme .body li {display:inline-block;width:180px;height:55px;padding:15px 14px 10px 14px;border-top:1px solid #dedede}
.aside_theme .body li:first-child {border:none}
.aside_theme .body li span.num {display:block;float:left;min-width:10px;height:11px;margin:0 10px 0 0;padding-right:1px;border:1px solid #afafaf;background-color:#b7b7b7;color:#fff;font-family:Tahoma;font-size:10px;font-weight:bold;line-height:10px;letter-spacing:-2px;text-align:center;vertical-align:top}
.aside_theme .body li.rank span.num {border:1px solid #65c4cd;background-color:#6aced8}
.aside_theme .body li .thumb {position:relative;float:left;width:50px;height:34px}
.aside_theme .body li .thumb .bg {display:block;position:absolute;top:0;left:0;width:50px;height:50px;background:url('//image.genie.co.kr/imageg/web/generation/aside_bg.png') no-repeat 0 0}
.aside_theme .body li .multiline {float:left;width:97px;height:55px;margin:0 0 0 8px;font-size:12px;line-height:18px;color:#4e4e4e}
.aside_theme .body li a {display:inline-block;height:100%}
.aside_theme .body li a:hover p {text-decoration:underline}

.aside_generation_keyword {padding:12px 0 6px 0;border-bottom:1px solid #dedede}
.aside_generation_keyword .head {position:relative;width:182px;margin:0 auto}
.aside_generation_keyword .head:after {content:'clearFix';display:block;visibility:hidden;clear:both;font-size:0;line-height:0}
.aside_generation_keyword .head h2 {float:left}
.aside_generation_keyword .head a {position:absolute;top:2px;right:0;padding:0 9px 0 0;background:url('//image.genie.co.kr/imageg/web/blt/more_1.gif') no-repeat 100% 3px;font-size:11px;color:#999}
.aside_generation_keyword .body ul {width:180px;margin:0 auto;margin-top:12px}
.aside_generation_keyword .body ul li {position:relative;padding:0 0 6px 22px}
.aside_generation_keyword .body ul li a {font-size:12px;color:#4e4e4e;line-height:12px}
.aside_generation_keyword .body ul li a span {display:block;position:absolute;top:2px;left:0;width:6px;height:6px;padding:2px;background:#b7b7b7 url('//image.genie.co.kr/imageg/web/blt/ico_open.png') no-repeat 2px 2px;border:1px solid #afafaf;font-size:0;line-height:0}
.aside_generation_keyword .body ul li .detail {padding:6px 0 7px 2px}
.aside_generation_keyword .body ul li .detail a {padding:0 0 0 9px;background:url("//image.genie.co.kr/imageg/web/blt/dot_999.gif") no-repeat 0 5px;font-size:12px;line-height:20px;color:#4e4e4e}
.aside_generation_keyword .body ul li .detail.hidden {display:none}
.aside_generation_keyword .body ul li.visible a {font-weight:bold}
.aside_generation_keyword .body ul li.visible a span {background-color:#6aced8;background-position:2px -21px;border:1px solid #65c4cd}
.aside_generation_keyword .body ul li.visible .detail a {font-weight:normal}

/* lnb */
.lnb-wrap .lnb {background-color:#fff}
.lnb-wrap ul li {border-bottom:1px solid #e8e8e8}
.lnb-wrap ul li a.dp-1 {display:block;height:28px;padding:15px 0 0 15px;background:url('//image.genie.co.kr/imageg/web/common/lnb_arrow_open.gif') no-repeat 92% 50%}
.lnb-wrap ul li.open a.dp-1 {background:url('//image.genie.co.kr/imageg/web/common/lnb_arrow.gif') no-repeat 92% 50%}
.lnb-wrap ul li.open a.dp-1.dp-1-etc {background:url('//image.genie.co.kr/imageg/web/common/lnb_arrow2.gif') no-repeat 92% 50%}
.lnb-wrap ul li a.dp-1 span{display:block;height:13px;background-repeat:no-repeat;font-size:0;line-height:0}
.lnb-wrap ul li a.dp-1 span.lnb-1{background-image:url('//image.genie.co.kr/imageg/web/my/txt_lnb_1_r1.png')}
.lnb-wrap ul li a.dp-1 span.lnb-2{background-image:url('//image.genie.co.kr/imageg/web/my/txt_lnb_2_r1.png')}
.lnb-wrap ul li a.dp-1 span.lnb-3{height:14px;background-image:url('//image.genie.co.kr/imageg/web/my/txt_lnb_3_r1.png')}
.lnb-wrap ul li a.dp-1 span.lnb-4{background-image:url('//image.genie.co.kr/imageg/web/my/txt_lnb_4.png')}
.lnb-wrap ul li a.dp-1 span.lnb-5{background-image:url('//image.genie.co.kr/imageg/web/my/txt_lnb_5_r1.png')}
.lnb-wrap ul li a.dp-1 span.lnb-6{background-image:url('//image.genie.co.kr/imageg/web/my/txt_lnb_6.png')}
.lnb-wrap ul li a.dp-1 span.lnb-7{background-image:url('//image.genie.co.kr/imageg/web/my/txt_lnb_7.png')}
.lnb-wrap ul li a.dp-1 i {display:none}
.lnb-wrap ul li a.dp-1 img {vertical-align:top}
.lnb-wrap ul li ul {display:none;margin:-5px 0 0 25px;padding-bottom:9px}
.lnb-wrap ul li ul.album {margin:-7px 0 0 25px;padding-bottom:11px}
.lnb-wrap ul li ul li {position:relative;margin-top:2px;padding-left:10px;border-bottom:0 none;background:url('//image.genie.co.kr/imageg/web/blt/dot_999.gif') no-repeat 0 7px;color:#999}
.lnb-wrap ul li .wrap-myfolder {position:relative;display:none;padding:11px 0 0 0;overflow:hidden;background-color:#f9f9f9;border-top:1px solid #dedede}
.lnb-wrap ul li .wrap-myfolder > .def-btn {margin-left:146px;height:15px;line-height:16.8px;padding:2px 7px 1px;letter-spacing:-0.6px}
.lnb-wrap ul li .wrap-myfolder .roll-nav, {display:inline}
.lnb-wrap ul li .wrap-myfolder .roll-nav a {position:relative;display:block;float:left;width:13px;height:13px;border:none;font-size:0;line-height:0;overflow:hidden;vertical-align:top}
.lnb-wrap ul li .wrap-myfolder .roll-nav .prev,
.lnb-wrap ul li .wrap-myfolder .roll-nav .next {background-image:url('//image.genie.co.kr/imageg/web/magazine/arrow02.png');background-repeat:no-repeat}
.lnb-wrap ul li .wrap-myfolder .roll-nav .prev {border-radius:0;background-position:0 0px}
.lnb-wrap ul li .wrap-myfolder .roll-nav .prev:hover {background-position:0 -13px;cursor:pointer}
.lnb-wrap ul li .wrap-myfolder .roll-nav .next {margin:0 0 0 2px;border-radius:0;background-position:-15px -0px}
.lnb-wrap ul li .wrap-myfolder .roll-nav .next:hover {background-position:-15px -13px;cursor:pointer}
.lnb-wrap ul li .wrap-myfolder .myfolder-roll-navi {position:absolute;top:14px;left:14px}
.lnb-wrap ul li .wrap-myfolder .myfolder-roll-navi span {height:13px;font-size:11px;line-height:16px;vertical-align:top;float:left}
.is-ie .lnb-wrap ul li .wrap-myfolder .myfolder-roll-navi span {line-height:17px}
@media screen and (-moz-images-in-menus:0) {
	.lnb-wrap ul li .wrap-myfolder .myfolder-roll-navi span {line-height:15px}
}
.lnb-wrap ul li .wrap-myfolder .myfolder-roll-navi .current {font-weight:bold}
.lnb-wrap ul li .wrap-myfolder .myfolder-roll-navi .total {margin-right:7px}
.lnb-wrap ul li .wrap-myfolder .wrap {padding-top:8px;padding-bottom:0;max-height:671px;overflow:hidden}
.lnb-wrap ul li .wrap-myfolder ul {margin:0 0 0 17px;padding-bottom:11px}
.lnb-wrap ul li .wrap-myfolder ul li {background:url('//image.genie.co.kr/imageg/web/my/icon_album.png') no-repeat 0 50%;padding-left:21px;margin-top:3px;color:#4e4e4e}
.lnb-wrap ul li ul {display:none;margin:-5px 0 0 25px;padding-bottom:9px}
.lnb-wrap ul li ul li ul {margin:1px 0 0 -35px;padding-bottom:0}
.lnb-wrap ul li ul li ul li {margin-top:0;padding:2px 0 2px 53px;border-bottom:0 none;background:url('//image.genie.co.kr/imageg/web/my/icon_file.png') 36px 6px no-repeat}
.lnb-wrap ul li ul li ul li i {display:inline-block;width:9px;height:9px;margin-left:3px;background:url("//image.genie.co.kr/imageg/web/my/icon_star_lnb.png") 0 0 no-repeat}
.lnb-wrap ul li ul li a:hover {text-decoration:underline}
/*.lnb-wrap li.current a span{background-position:0 -13px}*/
.lnb-wrap li.current a span.lnb-3{background-position:0 -14px}
.lnb-wrap ul li ul li.current a {color:#1ebed0;font-weight:bold}
.lnb-wrap ul li ul li.current ul li a {color:#444;font-weight:normal}
.lnb-wrap ul li ul li ul li.current {background-color:#e4f9fa}
.lnb-wrap ul li.open ul {display:block}
.lnb-wrap ul li.open ul a {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px;vertical-align:middle}
.lnb-wrap ul li.open .wrap-myfolder ul a {max-width:150px}
.lnb-wrap ul li.open .dp-1 i {background-position:0 0}
.lnb-wrap .my-folder {max-height:510px}
.lnb-wrap ul li.open .wrap-myfolder {display:block}

/* layer-badge */
.layer-badge {width:386px}
.layer-badge .inner {padding:16px 24px 21px;text-align:left}
.layer-badge .inner h4 {color:#444;font-size:14px;font-weight:bold}
.layer-badge .inner div {color:#999;text-align:center}
.layer-badge .inner div.badge {margin-top:4px}
.layer-badge .inner div.title {margin-top:10px;font-size:22px;font-weight:bold;font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔 고딕', dotum, sans-serif;line-height:1em;color:#f68074}
.layer-badge .inner div.date {margin-top:6px}
.layer-badge .inner p {margin-top:13px;color:#444;text-align:center}
#badge_tost {position:fixed;bottom:0;left:50%;margin-left:237px;background-color:#fff;z-index:110}
#badge_tost .badge_tost {padding:40px 10px 30px}
#badge_tost .badge_tost p {text-align:center;line-height:20px}
#badge_tost .badge_tost p strong {display:block}

/* footer */
.footer {position:relative;height:300px;border-top:1px solid #d2d2d2}
.footer .ft-head {position:relative;width:100%;height:40px;border-bottom:1px solid #969697}
.footer .ft-info {position:relative;width:940px;margin:0 auto}
.footer .notice {position:absolute;top:10px;left:50%;margin-left:-470px}
.is-ie .footer .notice {top:11px}
.footer .notice h3 {display:inline-block;float:left;padding-top:2px}
.footer .notice .scrollable {float:left;width:225px; margin:0 10px 0 17px;overflow:hidden;}
.footer .notice .scrollable > * {top:0;vertical-align:top}
.footer .notice .scrollable a {display:inline-block;height:14px;margin-top:2px; white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis; }
.footer .notice .scrollable a:hover {text-decoration:underline}
.footer .notice .btns {float:left;margin:0}
.footer .notice .btns a {display:block;float:left;width:19px;height:19px;border:1px solid #ccc;font-size:0;line-height:0;background:url('//image.genie.co.kr/imageg/web/blt/ft.png') 0 -40px}
.footer .notice .btns a.prev.null {background-position:-40px -40px}
.footer .notice .btns a.next {margin-left:-1px;background-position:-20px -40px}
.footer .notice .btns a.next.null {background-position:-60px -40px}
.footer .menu {display:block;position:absolute;top:11px;left:50%;width:320px;margin-left:138px;text-align:right}
.is-ie .footer .menu {top:13px}
.footer .menu li {display:inline-block;padding:0 6px}
.footer .link-wrap {float:left;width:816px;padding:32px 0 0}
.footer .link-wrap li {display:inline-block;position:relative;padding-right:11px}
.footer .link-wrap li:before {content:'|';display:block;position:absolute;top:0;left:-12px;color:#d2d2d2}
.footer .link-wrap li:first-child:before {display:none}
.footer .sns {float:right;padding:26px 11px 17px 0;font-size: 0;text-align:right}
.is-ie .footer .sns {padding-top:27px}
.footer .sns dt {display:inline-block;margin-right:2px}
.footer .sns dd {display:inline-block}
.footer .sns a {display:inline-block;width:34px;height:34px;margin:-3px 0 0 3px;font-size:0;line-height:0;background:url('//image.genie.co.kr/imageg/web/blt/ft.png') no-repeat 0 0;text-indent:-9999px;vertical-align:top}
.is-ie .footer .sns a {margin-top:-6px}
.footer .sns .btn-blog {background-position:-39px 0}
.footer .sns .btn-fb {background-position:-78px 0}
.footer .info-company {position:relative;padding:0 0 22px 129px;font-size:11px;line-height:20px;color:#969697}
.footer .info-company .logo-company {display:block;position:absolute;top:10px;left:0;width:101px;height:19px;font-size:0;line-height:0;background:url('//image.genie.co.kr/imageg/web/common/logo_company.png') no-repeat 0 0;text-indent:-9999px}
.footer .info-company dt {display:inline-block}
.footer .info-company dd {display:inline-block;position:relative;padding-right:11px}
.footer .info-company dd:before {content:'|';position:absolute;top:0;right:0}
.footer .info-company dd:last-child:before {display:none}
.footer .list-emblem {width:940px;margin:0 auto;padding-bottom:19px}
.footer .list-emblem li {display:inline-block;padding:0 14px 10px 0}

.footer-mini {position:relative;border-top:1px solid #ddd;background-color:#f9f9f9;color:#9d9d9d;font-size:11px}
.footer-mini .copyright {width:940px;margin:0 auto;text-align:center;padding:17px 0 15px}
.footer-mini address {font-style:normal;padding-top:8px}
.footer-mini a {display:inline-block;color:#6c6c6c;font-size:11px;font-weight:bold;padding:0 5px 0 4px}

.footer.mini{height:90px;border-top:none;text-align:center}
.footer.mini .link-wrap{float:none !important;margin:0 auto}
.footer.mini .info-company{width:600px;margin:25px auto}
.footer.mini .info-company .logo-company{position:absolute;top:0;left:155px;width:101px;height:19px;}

/* comment */
.comment-title {margin:30px 0 13px}
.comment-title .note {font-size:11px;color:#999;position:absolute;top:4px;right:0;text-align:right}
.page-comment {margin:0 0 50px}
.page-comment .input-area {padding:19px 19px 12px;;border:1px solid #e3e3e3;background-color:#fdfdfd}
.page-comment .input-area:after {content:'';clear:both;display:block;height:0}
.page-comment .input-area, {display:inline-block}
.page-comment .input-area .field {position:relative;min-height:62px;padding-right:110px}
.page-comment .input-area .field textarea {width:100%;height:50px;margin:0;padding:5px 10px;border:1px solid #e3e3e3;background-color:#fff}
.page-comment .input-area .field .ph-textarea {padding:6px 11px}
.page-comment .input-area .commit {position:absolute;top:0;right:0;width:78px;height:62px;font-weight:bold;color:#fff;text-align:center;border:1px solid #0096FF;background-color:#0096FF;border-radius:2px}
.page-comment .string {float:right;margin:10px 90px 0 0;font-size:11px;color:#999}
.page-comment .string em {font-style:normal;font-weight:bold;color:#444}
.page-comment .page-nav {margin:20px 0 0}
.page-comment .commnt-list .cmt-wrap {position:relative;padding:20px 0 10px 20px;overflow:hidden;border-bottom:1px solid #dedede}
.page-comment .commnt-list .cmt-wrap .reply {margin:0 0 0 45px;padding:10px 0 0 0;background:url('//image.genie.co.kr/imageg/web/common/dot_line_1.gif') repeat-x 0 0}
.page-comment .commnt-list .cmt-wrap .reply-field + .reply {background:none}
.page-comment .commnt-list .cmt-wrap .reply .reply-text {margin-left:0;padding-left:15px;background:url('//image.genie.co.kr/imageg/web/blt/reply.png') no-repeat 0 5px}
.page-comment .commnt-list .cmt-wrap .prof-img {float:left}
.page-comment .commnt-list .cmt-wrap .prof-img img {width:39px;height:39px;border:1px solid #dedede}
.page-comment .commnt-list .cmt-wrap .reply-text {position:relative;margin-left:60px;padding-bottom:10px}
.page-comment .commnt-list .cmt-wrap .reply-text img {margin-right:5px}
.page-comment .commnt-list .cmt-wrap .reply-text p {word-break:keep-all;word-wrap: break-word;margin-top:6px;padding-right:100px}
.page-comment .commnt-list .cmt-wrap .reply-text .btn-like {font-size:11px;color:#f68074;font-weight:bold;line-height:11px}
.page-comment .commnt-list .cmt-wrap .reply-text .btn-like a {position:relative;top:-2px;display:inline-block;width:13px;height:11px;margin-right:5px;background:url('//image.genie.co.kr/imageg/web/btn/like.png') no-repeat 0 0;font-size:0;line-height:0;vertical-align:middle}
.page-comment .commnt-list .cmt-wrap .reply-text .btn-like a:hover {background-position:0 -13px}
.page-comment .commnt-list .cmt-wrap .reply-text .btn-like.checked a {background-position:0 -13px}
.page-comment .commnt-list .btn-area {position:absolute;right:15px;top:22px;width:73px;text-align:left}
.page-comment .commnt-list .btn-area button {margin-left:5px}
.page-comment .commnt-list .btn-area button:first-child {margin-left:0}
.page-comment .commnt-list .btn-area .btn-reply {display:inline-block;padding:3px 4px 2px;*padding:3px 3px 2px;border:1px solid #ddd;border-radius:2px;background-color:#fff;line-height:12px;font-size:11px;color:#999;text-align:center}
.page-comment .commnt-list .btn-area .btn-reply:focus,
.page-comment .commnt-list .btn-area .btn-reply:hover {border:1px solid #9f9f9f}
.page-comment .commnt-list .reply-field {position:relative;min-height:62px;margin-top:10px;padding-right:110px}
.page-comment .commnt-list .reply-field textarea {width:100%;height:50px;margin:0;padding:5px 10px;border:1px solid #e0e0e0;background-color:#fff}
.page-comment .commnt-list .reply-field .ph-textarea {padding:6px 11px}
.page-comment .commnt-list .reply-field .commit {position:absolute;top:0;right:0;width:78px;height:62px;font-weight:bold;color:#fff;text-align:center;border:1px solid #0096FF;background-color:#0096FF;border-radius:2px}

.banner_bomb {position:absolute;z-index:98}
.banner_bomb.v1 {top:101px;left:539px}
.banner_bomb.v2 {top:34px;left:504px}

/* etc */
.multiline {word-break:break-all;overflow:hidden;white-space:normal}

.magazin_area{margin:0 auto; width:710px;}

/* playlist 모듈 */
.wrap_md_playlist{}
.wrap_md_playlist h3{margin:0 0 13px 0;font-size: 16px;font-family: 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif,'Segoe UI Symbol';}
.wrap_md_playlist .mixin_title{border-top:solid 2px #656565;margin:-6px 0 0 0;padding:18px 0 0 0;    position: relative;}
.wrap_md_playlist .mixin_title .toolbar{position: absolute;height:auto!important;padding:0;border:0;background:none;top: 18px;right:0}
.wrap_md_playlist .mixin_title .toolbar .btns{padding:0}
.wrap_md_playlist .mixin_title h3{margin-bottom:8px}

.md_playlist{overflow:hidden}
.md_playlist > li {position:relative;margin-top:20px;overflow:hidden;border-bottom:solid 1px #eef1f4;padding:0 0 16px 0}
.md_playlist > li:first-child {padding-top:16px;margin:0}
.md_playlist li .item_cover {float:left;position:relative}
.md_playlist li .item_cover .cover {position:relative;display:block;background-color:#8fc5ce;width: 128px;height: 128px;}
.md_playlist li .item_cover .cover img {width:100%;height:100%;display:block}
.md_playlist li .item_cover .cover .mask {position:absolute;top:0;left:0;width:100%;height:100%;border: 1px solid rgba(0, 0, 0, 0.1);box-sizing:border-box;}
.md_playlist li .item_cover .cover .public{display: inline-block;text-align:center;color: #ffffff;font-family: Dotum;font-size: 11px;font-weight: 400;width: 35px;height: 18px;border-radius: 9px;line-height:19px;border: 1px solid #ffffff;background-color: rgba(0,0,0,0.2);position: absolute;top:10px;left:10px;z-index: 10;box-sizing: border-box}
.md_playlist li .item_cover .play_all {position:absolute;bottom:10px;right:10px;width:25px;height:25px;display:block;overflow:hidden;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/web/recom/btn_allplay_r1.png') no-repeat;background-size: 100% 100%}
.md_playlist li .item_cover .play_all:hover{background-image:url('//image.genie.co.kr/imageg/web/recom/btn_allplay_r1_hover.png')}

.md_playlist li .item_info {position:relative;overflow:hidden;height:128px;padding:2px 0 0 17px;box-sizing:border-box;line-height:22px}
.md_playlist li .item_info .title {display:block;font-weight:bold;font-size:16px;overflow:hidden}
.md_playlist li .item_info .title a {display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;color: #27282d;font-size: 16px;font-weight: bold;line-height: 24px;}
.md_playlist li .item_info .tag {padding:4px 0 2px 0;height:18px;overflow:hidden}
.md_playlist li .item_info .tag a {margin-left:10px;display:inline-block;vertical-align:top;color: #8c8c8c;font-size: 12px;font-weight: 400;}
.md_playlist li .item_info .tag a:first-child {margin-left:0}
.md_playlist li .item_info .artist{color: #27282d;font-family: Dotum;font-size: 12px;font-weight: 400;line-height: 24px;padding-top:3px;padding-bottom:48px}

.md_playlist li .status {position:absolute;bottom:13px;left:17px;right:0;height:18px;font-size:12px}
.md_playlist li .status li {position:relative;display:block;padding-left:18px;float:left;margin-left:12px;color:#999999}
.md_playlist li .status li:first-child {margin-left:0;/*width:45px;*/padding-right:10px}
.md_playlist li .status li.date{margin:0;background: url(//image.genie.co.kr/imageg/web/blt/dv_line.gif) no-repeat 0 50%;padding-left: 12px;}
.md_playlist li .status .num .icon {position:absolute;top:1px;left:0;width:15px;height:18px;display:block;overflow:hidden;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/web/recom/icon_recom.png') no-repeat;background-position:0 -54px}
.md_playlist li .status .like {min-width: 15px;width:auto!important;}
.md_playlist li .status .like .icon {position: absolute;top: 1px;left: 0;width: 15px;height: 18px;display: block;overflow: hidden;text-indent: -9999px;background: url(//image.genie.co.kr/imageg/web/recom/icon_recom.png) no-repeat;background-position: 0 -18px;}
.md_playlist li .status .time {position:absolute;text-align:right;right:25px;bottom:12px;font-size:12px;color:#999999;line-height:18px}
.md_playlist li .status .favorite{position:absolute;bottom:0;right:1px;margin:0;padding:0}
.md_playlist li .status .favorite button{border:0;padding:0;margin:0;display:block;width:40px;height:40px;background:url("//image.genie.co.kr/imageg/web/common/spr_favorite.png") 0 0 no-repeat;overflow: hidden;text-indent:-999px}
.md_playlist li .status .favorite button.active{background-position: right 0;}
.md_playlist li .category{color: #0096ff;font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;font-size: 12px;font-weight: bold;float:left;padding-right:10px}
.md_playlist li .item_recent_tag{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align:center;}
.md_playlist li .item_recent_tag .category{display:none}
.md_playlist li .item_recent_tag .item_recent_tag--mid{min-height:128px}
.md_playlist li .item_recent_tag .tags ul{padding:20px 0;display:inline-block;vertical-align: middle;}
.md_playlist li .item_recent_tag .tags li{display:inline-block;padding:0 12px}
.md_playlist li .item_recent_tag .tags li a,
.md_playlist li .item_recent_tag .tags li span{color: #27282d;font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;font-size: 16px;font-weight: bold;}
.md_playlist li .item_recent_tag .view_all{display:inline-block;width: 138px;height: 40px;border-radius: 20px;border: 1px solid rgba(153, 153, 153, 0.5);background-color: #ffffff;color: #27282d;font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;font-size: 12px;line-height: 41px;}
.md_playlist li .item_recent_tag .view_all:hover{border: 1px solid rgba(39, 40, 45, 0.5);}

.md_playlist_nodata{height:200px;line-height:200px;text-align: center;}
.md_playlist_nodata span{color: #27282d;font-family: Dotum;font-size: 16px;font-weight: bold;}

.md_playlist--score li .item_cover .best{background:url("//image.genie.co.kr/imageg/web/recom/label_best.png") 0 0 no-repeat;width: 34px;height: 44px;position:absolute;top:0;left:0;z-index:10;text-indent:-999px;overflow:hidden}
.md_playlist--score li .item_info{padding-left:62px}
.md_playlist--score li .item_info .title em{color: #27282d;font-family: Verdana;font-size: 16px;font-weight: 700;font-style: normal;position:absolute;left:24px;top: 3px}
.md_playlist--score li .status{left:62px}

.md_playlist--block{width:726px;margin:0 -8px}
.md_playlist--block > li {border-bottom:0;padding:0;width: 226px;min-height:394px;float:left;margin:0 8px 30px 8px;font-size:0}
.tit-box .md_playlist--block > li{height:394px}
.md_playlist--block > li:first-child {margin:0 8px;padding-top:0}
.md_playlist--block li .item_cover .cover {width: 226px;height: 226px;}
.md_playlist--block li .item_cover .play_all{width:36px;height:36px}
.md_playlist--block li .item_info{border: 1px solid #e5e5e5;border-top:0;height:168px;padding:18px 15px 0 15px}
.recom-wrap .md_playlist--block li .item_info{height:189px}
.md_playlist--block li .item_info .title a{overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height:48px;word-wrap: break-word;word-break: break-all;}
.md_playlist--block li .status{bottom:20px}
.md_playlist--block li .status .favoriitem_recent_tagte{bottom:-10px;right:2px}
.md_playlist--block li .category{color: #0096FF;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif,'Segoe UI Symbol';font-size: 12px;font-weight: bold;    position: relative;top: -3px;padding:0 0 4px 0;display:block;float:none}
.md_playlist--block li .item_recent_tag {width:226px;min-height:415px;border: 1px solid #e5e5e5;display:table;vertical-align: middle}
.md_playlist--block li .item_recent_tag .category{top:0;padding:0}
.md_playlist--block li .item_recent_tag .tags,
.md_playlist--block li .item_recent_tag .tags:after{min-height:104px}
.md_playlist--block li .item_recent_tag .tags:after{content:'';width:1px;height:100%;vertical-align: middle;display: inline-block}
.md_playlist--block li .item_recent_tag .tags li{display:block;padding:4px 0}
.md_playlist--block li .item_recent_tag .item_recent_tag--mid{display: table-cell;}

.wrap_md_playlist.music-list-wrap{padding:7px 0}
.wrap_md_playlist .toolbar .btn{padding-left:6px}
.wrap_md_playlist .toolbar > .btn:before{display:none}
.wrap_md_playlist .toolbar .btn.create{background-color:#0eb6e6;border-color:#0eb6e6;color:#fff;padding:0 6px 0 26px}
.wrap_md_playlist .toolbar .btn.create:before{display:block;background:url("//image.genie.co.kr/imageg/web/common/toolbar_plus-white.png") 0 2px no-repeat}
.wrap_md_playlist .toolbar .btns:before{display:none}
.wrap_md_playlist .toolbar .toggle-button-box .btn,
.wrap_md_playlist .toolbar .toggle-button-box .list{width:93px}

/* album-thumb__type4 */
.album-thumb__type4 {display:block;position:relative;width:202px;height:202px;box-sizing: border-box;margin: -1px}
.album-thumb__type4 .public{display: inline-block;text-align:center;color: #ffffff;font-family: Dotum;font-size: 11px;font-weight: 400;width: 35px;height: 18px;border-radius: 9px;line-height:19px;border: 1px solid #ffffff;background-color: rgba(0,0,0,0.2);position: absolute;top:10px;left:10px;z-index: 10;box-sizing: border-box}
.album-thumb__type4 ul{overflow:hidden}
.album-thumb__type4 li{width:99px;height:99px;margin:1px;position:relative}
.album-thumb__type4 li.odd{float:left}
.album-thumb__type4 li:nth-child(odd){float:left}
.album-thumb__type4 li.even{float:right}
.album-thumb__type4 li:nth-child(even){float:right}
.album-thumb__type4 li:after{content:'';width:100%;height:100%;display:block;border: 1px solid rgba(0, 0, 0, 0.1);position: absolute;box-sizing: border-box;top: 0;}
.album-thumb__type4 li img{width:100%;height:100%}

/* playlist-info */
.playlist-info {margin:0 0 7px;border-top:solid 2px #656565;padding-top:20px}
.tab-1.my-like + .playlist-info{border:0;padding-top:0}
.playlist-info:after {content:''; clear:both; display:block; height:0;}
.playlist-info .covers {float:left; width:210px; margin-right:22px;}
.playlist-info .info {overflow:hidden}
.playlist-info .info__title {font-size:24px; line-height:32px; margin:4px 0 7px 0; font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔 고딕', dotum, sans-serif; color:#333; letter-spacing:-1px;word-wrap: break-word;word-break: break-word}
.playlist-info .info__title--sub{padding:0 0 7px 0}
.playlist-info .info__data {padding:0 20px 0 3px;clear:both;}
/*.playlist-info .info__data li {line-height:16px; margin:0 0 8px;}*/
.playlist-info .info__data dl{overflow:hidden;font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔 고딕', dotum, sans-serif;font-size: 12px;font-weight: 400;}
.playlist-info .info__data dt,
.playlist-info .info__data dd{line-height: 18px;padding-top:6px}
.playlist-info .info__data dt {min-width:77px;float:left;color: #8b8b8b;}
.playlist-info .info__data dd {overflow:hidden;color: #27282d;}
.playlist-info .info__data dd.tags a{display: inline-block;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right: 3px;}
.playlist-info .info__data dd.tags .custom{color: #0eb6e6;}
.playlist-info .info__data + .sns-like {margin:20px 0 0;}
.playlist-info .info__buttons {padding:16px 0 0 0;overflow:hidden}