@charset "utf-8";

/*
	Title : Melon Web 4.x UI Common Template
	Create Date : 2017.05
	Author : mTechCrew 
*/

/*
	0. Layout
	0. Icon
	0. GNB
	0. Footer
	0. ...
*/
#conts {position: relative; z-index: 10; display: inline-block; display: block; width: 1008px; min-height: 800px; padding: 29px 0 88px; zoom: 1; font-family: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "Apple Gothic", sans-serif;}
#conts:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
* html #conts {height: 1%;} /* Hides from IE-mac */
#conts h1, #conts h2, #conts h3, #conts h4, #conts h5, #conts h6, #conts p, #conts td, #conts a {letter-spacing: -1px;}


/*
	1. heading Title
*/
/* UX-1149 */
.page_header {position: relative; margin-bottom: 8px; overflow: hidden;}
/* //UX-1149 */
.page_header:after {content: ''; display: block; clear: both;}
.page_header.bline {padding-bottom: 7px; border-bottom: 1px solid #d9d9d9;}
.page_header .title {float: left; color: #2f2f2f; font-family: "맑은 고딕", "Malgun Gothic",sans-serif; vertical-align: middle;}
.page_header h2.title {height: 40px; line-height: 40px; font-size: 26px;}
.page_header h3.title {height: 36px; line-height: 36px; font-size: 24px;}
.page_header h4.title {height: 32px; line-height: 32px; font-size: 22px;}
.page_header h5.title {height: 28px; line-height: 28px; font-size: 20px;}
.page_header h6.title {height: 24px; line-height: 24px; font-size: 18px;}
.page_header .title .sum {color: #767676;}
.page_header .paragraphs {clear: both;}
.page_header .tooltip {position: relative; float: left; margin-left: 6px;}
.page_header .tooltip .layer_popup {display: none;}
.page_header .tooltip .desc {height: 38px; line-height: 38px; padding: 0 42px 0 16px; color: #969696; white-space: nowrap;}
.page_header .tooltip .tit {padding: 10px 42px 0 16px; color: #2f2f2f; font-size: 14px;}
.page_header .tooltip .list {padding: 0 42px 10px 16px;}
.page_header .tooltip .list li {margin-top: 11px; color: #969696; white-space: nowrap;}
.page_header .tooltip .button_icons.tooltip {position: absolute; top: 10px;}
.page_header .tooltip .button_icons.guide {position: absolute; top: 7px;}
.page_header .tooltip .button_icons.close {display: none; position: absolute; top: 15px; right: 19px; }
.page_header .tooltip .d_open {border: 1px solid #e5e5e5; background-color: #fff;}
.page_header .tooltip .d_open .button_icons.close {display: block;}
.page_header .arrow_r {position: absolute; top: 5px; right: 0;}
/* //UX-1028 */


/*****************************************************
	2. Button & Icon Set
*****************************************************/
button span,
button i {position: relative;}
.button_rbox {height: 30px; line-height: 28px; padding: 0 16px; border: 1px solid #b2b2b2; border-radius: 100px; color: #606060; font-size: 12px; visibility: visible; overflow: hidden;}
.button_rbox.small {height: 26px; line-height: 24px; padding: 0 10px;}
.button_rbox.large {height: 34px; line-height: 32px; font-size: 13px;}
.button_rbox.xlarge {height: 36px; line-height: 34px; font-size: 14px;}
.button_rbox.xxlarge {height: 38px; line-height: 36px; padding: 0 30px; color: #333; font-size: 14px;}
.button_rbox.disabled {border-color: #d9d9d9; color: #c3c3c3;}
.button_rbox .button_icons {position: relative; top: 2px; margin-right: 4px; vertical-align: baseline;}
.button_rbox .cnt {position: relative; top: -1px;}
.button_rbox .eng {position: relative; top: 1px;}

/* Button icon */
/* MELONUIT-1518 */
.button_icons {display: inline-block; background-image: url(//cdnimg.melon.co.kr/resource/image/web/common/button_icons_sprite_20200521.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle;}
.button_icons.shuffle {width: 13px; height: 11px; background-position: -203px 0;top:1px;}
/* //MELONUIT-1518 */

.button_icons.play {width: 16px; height: 28px; background-position: 0 -30px;}
.button_icons.scrap {width: 19px; height: 28px; background-position: -45px -30px;}
.button_icons.download {width: 21px; height: 24px; background-position: -98px -30px;}
.button_icons.download.type02 {width: 15px; height: 13px; background-position: -34px 0;}
.button_icons.download.type03 {width: 19px; height: 16px; background-position: -76px 0;}
.button_icons.download.type03.disabled {background-position: -96px 0;}
.button_icons.download.type04 {width: 23px; height: 18px; background-position: -157px 0;}
.button_icons.flac {width: 21px; height: 28px; background-position: -249px -30px;}
.button_icons.video {width: 24px; height: 28px; background-position: -152px -30px;}
.button_icons.bell {width: 18px; height: 28px; background-position: -206px -30px;}
.button_icons.play.type02 {width: 11px; height: 13px; background-position: 0 0;}
.button_icons.play.type03 {width: 26px; height: 34px; background-position: -371px -30px;}
.button_icons.play.type04 {width: 56px; height: 74px; background-position: -521px 0;}
/* UX-UX-960 : 20171220 */
.button_icons.play.type04.disabled {background-position: -620px 0;}
.button_icons.play.type05 {width: 33px; height: 43px; background-position: -581px 0;}
.button_icons.play.type05.disabled {background-position: -581px -45px;}
/* //UX-UX-960 : 20171220 */
.button_icons.type02.scrap {width: 11px; height: 13px; background-position: -17px 0;}

.button_icons.type02.gift {width: 13px; height: 13px; background-position: -56px 0;}

.button_icons.disabled {background-position-y: -58px;}
.button_icons.type02.disabled {background-position-y: -14px;}
.disabled .button_icons.type02 {background-position-y: -14px;}

.button_icons.type03 {height: 15px;}
.button_icons.type03.song_info {width: 12px; background-position: -286px -30px;}


.button_icons.etc.recom {width: 51px; height: 41px; background-position: -311px -30px;}
.button_icons.etc.more_down {width: 10px; height: 6px; background-position: -286px -58px;}
.button_icons.etc.more_down.type02 {width: 11px; height: 6px; background-position: -286px -48px;}
.button_icons.etc.tooltip {width: 24px; height: 24px; background-position: -458px -31px;}
.button_icons.etc.close {width: 11px; height: 11px; background-position: -484px -31px;}
.button_icons.etc.arrow_d {width: 14px; height: 8px; background-position: -284px -71px;}
.button_icons.etc.refresh {width: 17px; height: 17px; background-position: -425px -30px;}
/* UX-1028 */
.button_icons.etc.guide {width: 20px; height: 20px; background-position: -403px -9px;}
/* //UX-1028 */
.button_icons.arrow_link {width: 6px; height: 9px; background-position: -478px -58px;}
.button_icons.arrow_link02 {width: 6px; height: 11px; background-position: -478px -75px;}
.button_icons.arrow_link03 {width: 8px; height: 15px; background-position: -490px -58px;}
.button_icons.arrow_link04 {width: 6px; height: 11px; background-position: -491px -75px;}
.button_icons.search {width: 16px; height: 16px; background-position: -499px -30px;}


.button_icons.gift.type03 {width: 17px; height: 16px; background-position: -118px 0;}
.button_icons.gift.type03.disabled {background-position: -137px 0;}
.button_icons.scrap.type03 {width: 11px; height: 11px; background-position: -74px -17px;}
.button_icons.scrap.type03.disabled {background-position: -17px -15px;}

/* UX-551 : 20170925 */
.button_icons.album {width: 17px; height: 17px; background-position: -183px 0;}
/* //UX-551 : 20170925 */

/* Bullet */
/* UX-1521 */
.bullet_icons {display: inline-block; height: 15px; background-image: url(//cdnimg.melon.co.kr/resource/image/web/common/bullet_icons_sprite_20180820.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle;}
/* //UX-1521 */
.bullet_icons.title {width: 35px; background-position: 0 0;}
.bullet_icons.free {width: 31px; background-position: -39px 0;}
.bullet_icons.free.large {width: 42px; height: 24px; background-position: -56px -123px;}
.bullet_icons.live {width: 29px; background-position: -74px 0;}
.bullet_icons.hot {width: 29px; background-position: -107px 0;}
.bullet_icons.hold {width: 15px; background-position: -143px 0;}
.bullet_icons.hold.large {width: 24px; height: 24px; background-position: -28px -123px;}
.bullet_icons.age_19 {width: 15px; background-position: -164px 0;}
.bullet_icons.age_19.large {width: 24px; height: 24px; background-position: 0 -123px;}
.bullet_icons.orign {width: 20px; background-position: -185px -1px;}
.bullet_icons.rank_static {width: 14px; height: 10px; background-position: 0 -15px;}
.bullet_icons.rank_up {width: 8px; height: 10px; background-position: -16px -15px;}
.bullet_icons.rank_down {width: 8px; height: 10px; background-position: -27px -15px;}
.bullet_icons.rank_new {width: 27px; height: 10px; background-position: -39px -15px;}
.bullet_icons.cnt_view {width: 16px; height: 11px; background-position: -105px -27px;}
.bullet_icons.cnt_view.type02 {width: 20px; height: 14px; background-position: -138px -58px;}
.bullet_icons.ageAll {width: 24px; height: 24px; background-position: 0 -27px;}
.bullet_icons.age12 {width: 24px; height: 24px; background-position: -25px -27px;}
.bullet_icons.age15 {width: 24px; height: 24px; background-position: -50px -27px;}
.bullet_icons.age19 {width: 24px; height: 24px; background-position: -75px -27px;}
.bullet_icons.djbest {width: 32px; height: 32px; background-position: -127px -20px;}
.bullet_icons.djtype01 {width: 21px; height: 21px; background-position: -162px -16px;}
.bullet_icons.djtype02 {width: 21px; height: 21px; background-position: -184px -16px;}
.bullet_icons.djtype03 {width: 21px; height: 21px; background-position: -162px -38px;}
.bullet_icons.djtype04 {width: 21px; height: 21px; background-position: -184px -38px;}
.bullet_icons.dot {width: 5px; height: 5px; background-position: -6px -54px;}
.bullet_icons.dot.on {background-position: 0 -54px;}
.bullet_icons.new {width: 6px; height: 6px; background-position: -158px -86px;}
.bullet_icons.like {width: 14px; height: 11px; background-position: -69px -15px;}
.bullet_icons.like.on {background-position: -85px -15px;}
.bullet_icons.like.disabled {background-position: -101px -15px;}
.bullet_icons.like.type02 {width: 20px; height: 16px; background-position: 0 -60px;}
.bullet_icons.like.type02.on {background-position: -21px -60px;}
.bullet_icons.like.type02.disabled {background-position: -42px -60px;}
.bullet_icons.like.type03 {width: 25px; height: 20px; background-position: 0 -77px;}
.bullet_icons.like.type03.on {background-position: -26px -77px;}
.bullet_icons.like.type03.disabled {background-position: -52px -77px;}
.bullet_icons.star {width: 69px; height: 11px; line-height: 11px; background-image: url(//cdnimg.melon.co.kr/resource/image/web/common/bullet_icons_star.png);}
.bullet_icons.star .progress {display: inline-block; height: 11px; line-height: 11px; background: url(//cdnimg.melon.co.kr/resource/image/web/common/bullet_icons_star.png) no-repeat 0 -11px;;}
.bullet_icons.follower {width: 11px; height: 11px; background-position: -100px -41px;}
.bullet_icons.play_song {width: 11px; height: 13px; background-position: -114px -41px;}
.bullet_icons.sns {width: 18px; height: 18px;}
.bullet_icons.sns.frend {background-position: -78px -58px;}
.bullet_icons.sns.facebook {background-position: -97px -58px;}
.bullet_icons.sns.twitter {background-position: -116px -58px;}
.bullet_icons.sns.type02 {width: 23px; height: 23px;}
.bullet_icons.sns.frend.type02 {background-position: -78px -77px;}
.bullet_icons.sns.facebook.type02 {background-position: -103px -77px;}
.bullet_icons.sns.twitter.type02 {background-position: -128px -77px;}
.bullet_icons.fan {width: 20px; height: 18px; background-position: -162px -61px;}
.bullet_icons.fan.on {width: 20px; height: 18px; background-position: -184px -61px;}
.bullet_icons.dj.power {width: 52px; height: 19px; background-position: 0 -102px;}
.bullet_icons.dj.pro {width: 47px; height: 19px; background-position: -53px -102px;}
.bullet_icons.dj.normal {width: 28px; height: 19px; background-position: -101px -102px;}
.bullet_icons.frend_add {width: 21px; height: 21px; background-position: -130px -102px;}
.bullet_icons.frend_add.on {background-position: -152px -102px;}
.bullet_icons.chart_i {width: 14px; height: 15px; background-position: -174px -82px;}
/* UX-1521 */
.bullet_icons.cmt {width: 21px; height: 19px; background-position: -101px -125px;}
.bullet_icons.new2 {width: 14px; height: 14px; background-position: -129px -125px;}
/* //UX-1521 */


/* etc like */
.button_etc.like {height: 14px; visibility: visible; overflow: hidden;}
/* UX-1521 */
.button_etc.like .odd_span {display: inline-block; position: relative; top: 1px; width: 14px; height: 12px; background: url(//cdnimg.melon.co.kr/resource/image/web/common/bullet_icons_sprite_20180820.png) no-repeat -69px -15px; vertical-align: top; line-height: 0; font-size: 0; overflow: hidden;}
/* //UX-1521 */
.button_etc.like .cnt {color: #888; line-height: 14px; font-size: 12px; letter-spacing: 0; vertical-align: top;}
.button_etc.like.on .odd_span {background-position: -85px -15px;}
.button_etc.like.disabled .odd_span {background-position: -101px -15px;}
.button_etc.like.disabled .cnt {color: #c3c3c3;}

.button_etc.like.type02 {height: 17px;}
.button_etc.like.type02 .odd_span {width: 20px; height: 17px; background-position: 0 -60px;}
/* UX-951 : 20171122 */
.button_etc.like.type02 .cnt {margin-left: 4px; line-height: 18px; color: #575757; font-size: 18px;}
/* //UX-951 : 20171122 */
.button_etc.like.type02.on .odd_span {background-position: -21px -60px;}
.button_etc.like.type02.disabled .odd_span {background-position: -42px -60px;}
.button_etc.like.type02.disabled .cnt {color: #c3c3c3;}

.button_etc.like.type03 {height: 22px;}
.button_etc.like.type03 .odd_span {width: 25px; height: 20px; background-position: 0 -77px;}
.button_etc.like.type03 .cnt {line-height: 22px; color: #575757; font-size: 20px;}
.button_etc.like.type03.on .odd_span {background-position: -26px -77px;}
.button_etc.like.type03.disabled .odd_span {background-position: -42px -77px;}
.button_etc.like.type03.disabled .cnt {color: #c3c3c3;}

/*****************************************************
	3. Common
*****************************************************/
/* 버튼 그룹 */
.wrap_btn_tb {}
.wrap_btn_tb {*zoom: 1;}
.wrap_btn_tb:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.wrap_btn_tb.top {margin-bottom: 10px;}
.wrap_btn_tb .button_rbox {float: left; padding: 0 9px; margin-left: 10px;}
.wrap_btn_tb .button_rbox:first-child {margin-left: 0;}
.wrap_btn_tb .sorting {float: right; margin-top: 9px;}


.page .wrap_btn .page_prev,
.page .wrap_btn .page_next {float: left; margin-right: 0;}
.page .wrap_btn .page_prev {margin-right: -1px;}
.page_prev,
.page_next {position: relative; width: 23px; height: 23px; border: 1px solid #ccc;}
.page_prev .odd_span,
	/* UX-1028 */
.page_next .odd_span {position: absolute; top: 50%; left: 50%; width: 7px; height: 11px; margin: -6px 0 0 -3px; background: url(//cdnimg.melon.co.kr/resource/image/web/common/button_icons_sprite_20200521.png) no-repeat -459px 0; font-size: 0; line-height: 0;}/* // MELONUIT-1518 */
/* //UX-1028 */
.page_next .odd_span {background-position: -469px 0;}
.page_prev.disabled .odd_span {background-position: -459px -14px;}
.page_next.disabled .odd_span {background-position: -469px -14px;}


/* 이미지 border */
.image_typeAll {display:block; position:relative; font-size:0; line-height:0;}
.image_typeAll .bg_album_frame {position: absolute; top: 0; left: 0; bottom:0; right: 0; border: 1px solid #e5e5e5; border: 1px solid rgba(0,0,0,0.1);}

/* 말줄임 */
.ellipsis {display:inline-block; padding-right: 1px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; overflow:hidden;}
.ellipsis {*position:relative; *display:inline;}

/* Tag List */
.tag_list {display: inline-block; line-height: 0; font-size: 0;}
.tag_list .tag_item {display: inline-block; height: 28px; line-height: 30px; padding: 0 15px; border: 1px solid #c8c8c8; border-radius: 100px; color: #767676; font-size: 12px; font-family: "돋움", Dotum, Arial, sans-serif; letter-spacing: -1px; box-sizing: content-box; text-decoration: none;}
.tag_list .tag_item span {position: relative; top: 1px;}
.tag_list .tag_item {margin-right: 6px;}
.tag_list .tag_item:last-child {margin-right: 0;}
.tag_list .tag_item:hover,
.tag_list .tag_item.mhover {border-color: #b2b2b2; color: #606060;}
.tag_list.type02 .tag_item {height: 34px; line-height: 36px; font-size: 13px; font-family: "맑은 고딕", "Malgun Gothic";}
.tag_list.type02 .tag_item:hover,
.tag_list.type02 .tag_item:mhover {color: #333;}
.tag_list.type02 .tag_item span {position: relative; top: -2px;}
.tag_list.type02 .tag_item {margin-right: 14px;}
.tag_list.type03 .tag_item {height: 24px; line-height: 26px; padding: 0 9px;}

.tag_list.tag_box {padding: 20px; border: 1px solid #e4e4e4; background-color: #fafafa;}
.tag_list.tag_box .tag_item {border-color: #e9e9e9; background-color: #fff; color: #888; box-sizing: content-box;}
.tag_list.tag_box .tag_item {margin-right: 10px;}
.tag_list.tag_box .tag_item .button_icons {width: 12px; margin-right: 4px;}
.tag_list.tag_box .tag_item.selected {border-color: #00cd3c; background-color: #00cd3c; color: #fff;}
.tag_list.tag_box .tag_item.selected .button_icons.type02.scrap {width: 12px; background-position: -373px -71px;}

/* Paging */
.paging {margin-top: 68px; font-size: 0; line-height: 0; text-align: center;}
/* UX-1028 */
.paging .prev,
.paging .next {display: inline-block; position: relative; top: -1px; width: 37px; height: 12px; background-image: url(//cdnimg.melon.co.kr/resource/image/web/common/button_icons_sprite_20200521.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle;}/* // MELONUIT-1518 */
/* //UX-1028 */
.paging .prev {background-position: -404px -50px;}
.paging .next {background-position: -404px -66px;}
.paging .page_num {display: inline-block; margin: 0 16px; vertical-align: middle;}
.paging .page_num a {display: inline-block; padding-bottom: 3px; border-bottom: 2px solid #fff; line-height: 16px; min-width: 14px; margin: 0 10px; color: #606060; font-size: 14px; vertical-align: middle;}
.paging .page_num a:hover {border-bottom: 2px solid #00cd3c; text-decoration: none;}
.paging .page_num strong {display: inline-block; margin: 0 11px; line-height: 16px; min-width: 14px; padding-bottom: 3px; border-bottom: 2px solid #00cd3c; color: #00b423; font-size: 14px; font-weight: normal; vertical-align: middle;}

.paging.chart_page {}
.paging.chart_page .page_num a {line-height: 22px; padding-bottom: 0; border-bottom: 0; color: #2f2f2f; font-size: 18px;}
.paging.chart_page .page_num a:hover {border-bottom: 0;}
.paging.chart_page .page_num strong {line-height: 22px; padding-bottom: 0; border-bottom: 0; color: #00b523; font-size: 18px; font-weight: normal;}
.paging.chart_page .bar {display: inline-block; position: relative; top: 3px; width: 1px; height: 17px; background-color: #e5e5e5; vertical-align: middle;}

.paging_nav {display: inline-block; line-height: 0; font-size: 0;}
.paging_nav a {display: inline-block; width: 10px; height: 10px; margin-left: 4px; border: 1px solid #b4b4b4; border-radius: 10px;}
.paging_nav .on a {border-color: #515151;}
.paging_nav .nav {display: inline-block;}

/* Sorting */
.sorting {display: inline-block; line-height: 0; font-size: 0;}
.sorting a {display: inline-block; text-decoration: none;}
.sorting.type01 a {position: relative; line-height: 14px; padding-left: 11px; margin-left: 10px; color: #606060; font-size: 12px;}
.sorting.type01 .first {margin-left: 0;}
.sorting.type01 .bullet_icons {position: absolute; top: 50%; left: 0; margin-top: -2px;}
.sorting.type01 .on {color: #00b423;}

.sorting.type02 {padding-left: 1px;}
.sorting.type02 a {line-height: 30px; width: 88px; height: 32px; margin-left: -1px; border: 1px solid #e5e5e5; color: #606060; font-size: 13px; text-align: center;}
.sorting.type02 .on {position: relative; border: 1px solid #00cd3c; color: #00b423; z-index: 1;}

/* 달력 */
.calendar_prid {position: relative; min-height: 34px; text-align: center; z-index: 9;}
.calendar_prid .yyyymmdd {line-height: 34px; color: #575757; font-size: 26px; vertical-align: middle; font-family: 'Nunito', sans-serif;}
.calendar_prid .hhmm {padding-left: 5px; color: #00b523; font-size: 26px; vertical-align: middle; font-family: 'Nunito', sans-serif;}
.calendar_prid .year {}
.calendar_prid .month {}
.calendar_prid .day {}
.calendar_prid .hour {}
.calendar_prid .minute {}
.calendar_prid .time_layer {position: relative; display: inline; vertical-align: middle;}
.calendar_prid .time_layer .l_popup {top: 30px; right: 15px;}
.calendar_prid .time_layer .box_scroll {border: 1px solid #e5e5e5; width: 82px; height: 205px; padding-top: 10px; padding-bottom: 10px; background-color: #fff;}
.calendar_prid .time_layer .time_list .time  {padding: 5px 0; line-height: 30px; color: #575757; font-size: 16px;}
.calendar_prid .time_layer .time_list .disabled .time {color: #c0c0c0;}
.calendar_prid .time_layer .rank_update  {display:block;position:absolute;left:-30px;top:-30px;width:76px;height:25px;background:url(//cdnimg.melon.co.kr/resource/image/web/chart/bg_time_update.png) no-repeat 0 0;font-size:0;line-height:0;}
.calendar_prid .time_layer .l_calendar {top: 30px !important; right: 0 !important; left: auto !important; outline: 0;}
/* calendar */
.time_layer .l_calendar {position:absolute; z-index:5;}
.time_layer .l_calendar .cntt {width:271px; background-color:#fff; border:1px solid #e5e5e5; overflow:hidden;}
.time_layer .l_calendar .btn_close {display: none;}
.time_layer .l_calendar .shadow {display: none;}

/* UX-1028 */
.time_layer .l_calendar .btn_round.small.pre span.even_span,
.time_layer .l_calendar .btn_round.small.next span.even_span {width: 6px; height: 9px; line-height: 1; background-image: url(//cdnimg.melon.co.kr/resource/image/web/common/button_icons_sprite_20200521.png);}/* // MELONUIT-1518 */
/* //UX-1028 */
.time_layer .l_calendar .btn_round.small.pre span.even_span,
.time_layer .l_calendar .btn_round.small.pre.mhover span.even_span,
.time_layer .l_calendar .btn_round.small.pre:focus span.even_span,
.time_layer .l_calendar .btn_round.small.pre.mactive span.even_span {background-position: -458px -58px;}
.time_layer .l_calendar .btn_round.small.pre.disabled span.even_span {background-position: -458px -68px;}

.time_layer .l_calendar .btn_round.small.next span.even_span,
.time_layer .l_calendar .btn_round.small.next.mhover span.even_span,
.time_layer .l_calendar .btn_round.small.next:focus span.even_span,
.time_layer .l_calendar .btn_round.small.next.mactive span.even_span {background-position: -467px -58px;}
.time_layer .l_calendar .btn_round.small.next.disabled span.even_span {background-position: -467px -68px;}

.time_layer .l_calendar dt {display:block; position:relative; padding: 21px 0 20px; border-bottom: 0; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif; color:#2f2f2f; font-size: 16px; line-height:19px; text-align: center;}
.time_layer .l_calendar dt {*zoom:1;}
.time_layer .l_calendar dt .date {margin:0 14px; vertical-align:middle;}
.time_layer .l_calendar .info {padding:16px 0; border-top: 0; background-color:#f7f7f7; text-align:center;}
.time_layer .l_calendar .info p {font-size:11px; line-height:1.4em;}
.time_layer .l_calendar .info a.btn_text03 {margin-top:4px; font-weight:bold;}
.time_layer .l_calendar .info a.btn_text03:hover span {color:#7cb710;}
.time_layer .l_calendar .info .link {color: #606060; font-size: 13px;}
.time_layer .l_calendar .info .link .button_icons {margin-left: 6px;}
.time_layer .l_calendar .month_calendar {padding-bottom:20px}
.time_layer .l_calendar .month_calendar ul {width:256px; margin:0 auto;}
.time_layer .l_calendar .month_calendar ul {*zoom:1;} /* ie7 */
.time_layer .l_calendar .month_calendar ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.time_layer .l_calendar .month_calendar li {float:left; width:64px; height:32px; margin-top:8px; text-align:center;}
.time_layer .l_calendar .month_calendar .btn span {width:56px; height:32px; background: none; font-size:15px; line-height:30px; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif;}
.time_layer .l_calendar .month_calendar .btn.mhover span,
.time_layer .l_calendar .month_calendar .btn:focus span {background: #e5e5e5;}
.time_layer .l_calendar .month_calendar .btn.mactive span {background: #e5e5e5; color: #606060;}
.time_layer .l_calendar .month_calendar .btn.on span {background: #f2f2f2; color: #606060; cursor:default; display:inline-block;}
.time_layer .l_calendar .month_calendar .btn.disabled span {background: none; color: #b4b4b4;}

.time_layer .l_calendar .week_calendar {background: none;}
.time_layer .l_calendar .week_calendar table {width:700px; margin-bottom:20px; margin-left:-438px; border-spacing:0;}
.time_layer .l_calendar .week_calendar table th,
.time_layer .l_calendar table td {text-align:center; vertical-align:middle;}
.time_layer .l_calendar .week_calendar table thead th {height:30px; padding-bottom:8px; color:#b4b4b4; font-weight:bold; font-size:13px; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif;}
.time_layer .l_calendar .week_calendar table thead #week07 {color:#ea6661;}
.time_layer .l_calendar table tbody th,
.time_layer .l_calendar table tbody td {height:24px; padding: 3px 0; color:#606060; font-size:14px; line-height:1.2em; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif;}
.time_layer .l_calendar table tbody th {font-size: 1px; }
.time_layer .l_calendar .week_calendar table tbody tr td {cursor:pointer;}
.time_layer .l_calendar .week_calendar table tbody tr.mhover td,
.time_layer .l_calendar .week_calendar table tbody tr.mfocus td {background: #e5e5e5;}
.time_layer .l_calendar .week_calendar table tbody tr.mhover td.first,
.time_layer .l_calendar .week_calendar table tbody tr.mfocus td.first {background: #e5e5e5;}
.time_layer .l_calendar .week_calendar table tbody tr.mhover td.end,
.time_layer .l_calendar .week_calendar table tbody tr.mfocus td.end {background: #e5e5e5;}
.time_layer .l_calendar .week_calendar table tbody tr.mactive td {background: #e5e5e5; color: #606060;}
.time_layer .l_calendar .week_calendar table tbody tr.mactive td.first {background: #e5e5e5;}
.time_layer .l_calendar .week_calendar table tbody tr.mactive td.end {background: #e5e5e5;}
.time_layer .l_calendar .week_calendar table tbody tr.end td {background:none; color:#b4b4b4; cursor:default;}
.time_layer .l_calendar .week_calendar table tbody tr.on td {background: #f2f2f2; color:#606060; cursor:default;}
.time_layer .l_calendar .week_calendar table tbody tr.on td.first {background: #f2f2f2; cursor:default;}
.time_layer .l_calendar .week_calendar table tbody tr.on td.end {background: #f2f2f2; cursor:default;}


/* Select Box */
/* MELON-2768 */
.select_type05 .select_box {display: inline-block; position: relative; height: 23px; padding-left: 14px; background: url(//cdnimg.melon.co.kr/resource/image/web/common/bg_selectbox_type05.png) no-repeat right 0; color: #575757; font-size:16px; outline: none;}
/* //MELON-2768 */
.select_type05 .select_box .sel_r {display:inline-block; height: 23px; padding-right: 31px; color:#575757; font-size: 16px; cursor:pointer; overflow: hidden; vertical-align: middle;}
.select_type05 .select_open {display:block; position:absolute; top: 22px; left:0; width: 100%; z-index: 5;}
.select_type05 .select_open ul {position: relative; max-height: 294px; padding: 5px 0; border: 1px solid #ccc; margin: 0; background-color: #fff; overflow-y: auto; z-index: 5;}
.select_type05 .select_open li { padding: 3px 0; line-height: 34px; font-size:16px;}
.select_type05 .select_open li a {display: block; padding-left: 13px; color:#575757; font-size:16px;}

/*****************************************************
	3. Tab
*****************************************************/
/* TabMenu 01 */
.wrap_tabmenu01 {position: relative; background-color: #fcfcfc;}
.wrap_tabmenu01 ul {position: relative; width: 1008px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.wrap_tabmenu01 ul {*zoom: 1;}
.wrap_tabmenu01 ul:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.wrap_tabmenu01 ul li {float:left; background-color: #fcfcfc;}
.wrap_tabmenu01 ul li.first_child {margin-left: -1px;}
.wrap_tabmenu01 ul li.first_child a,
.wrap_tabmenu01 ul li.first_child.on a {border-left: 1px solid #fff;}
.wrap_tabmenu01 ul li.last_child a,
.wrap_tabmenu01 ul li.last_child.on a {border-right: 0;}
.wrap_tabmenu01 .link_tab {display: block; position: relative; width: 192px; min-height: 16px; line-height: 1.4; padding: 12px 4px 16px; border-left: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc; background-color: #fcfcfc; color: #575757; font-size: 14px; text-align: center; text-decoration: none;}
.wrap_tabmenu01 .link_tab .wrap_vertical {display: inline-block; width: 0; height: 38px; visibility: hidden; vertical-align :middle;}
.wrap_tabmenu01 .link_tab .cntt {display: inline-block; vertical-align: middle;}
.wrap_tabmenu01 .link_tab span.cntt {*cursor:pointer;} /* ie7 */
.wrap_tabmenu01 span.link_tab span.cntt {*cursor:auto;}/* ie7 */
.wrap_tabmenu01 a.link_tab:hover .cntt {text-decoration:underline;}
.wrap_tabmenu01 .wrap_tab_cntt {display:none;}
.wrap_tabmenu01 ul li.on .link_tab {z-index:3; width:192px; margin-bottom:-1px; border-bottom: 1px solid #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background-color:#fff; color: #00b423; font-weight:bold;}
.wrap_tabmenu01 ul li.on .wrap_tab_cntt {display:block;}
.wrap_tabmenu01 ul.line {background:#f7f7f7 url(//cdnimg.melon.co.kr/resource/image/web/common/line_wrap_tab03.png) no-repeat right 0;}
.wrap_tabmenu01 .btn_text.arrow_r {position:absolute; right:17px; top:50%; margin-top:-9px;}

/* UX-951 : 20171122 */
/* UX-UX-1025 */
.wrap_tabmenu01.type02 .link_tab {width: 494px;}
.wrap_tabmenu01.type03 .link_tab {width: 326px;}
.wrap_tabmenu01.type04 .link_tab {width: 242px;}
.wrap_tabmenu01.type02 ul li.on .link_tab {width: 495px;}
.wrap_tabmenu01.type03 ul li.on .link_tab {width: 327px;}
.wrap_tabmenu01.type04 ul li.on .link_tab {width: 244px;}
/* //UX-UX-1025 */
/* //UX-951 : 20171122 */
.wrap_tabmenu01.type02 ul li.last_child.on a,
.wrap_tabmenu01.type03 ul li.last_child.on a {border-right: 1px solid #e5e5e5;}
.wrap_tabmenu01.type06 .link_tab {width: 158px;}
.wrap_tabmenu01.type06 ul li.on .link_tab {width: 160px;}
.wrap_tabmenu01.type07 .link_tab {width: 134px;}
.wrap_tabmenu01.type07 ul li.on .link_tab {width: 136px;}
.wrap_tabmenu01.type08 .link_tab {width: 116px;}
.wrap_tabmenu01.type08 ul li.on .link_tab {width: 118px;}
.wrap_tabmenu01.type09 .link_tab {width: 102px;}
.wrap_tabmenu01.type09 ul li.on .link_tab {width: 104px;}
.wrap_tabmenu01.type10 .link_tab {width: 91px;}
.wrap_tabmenu01.type10 ul li.on .link_tab {width: 91px;}

/* .TabMenu 02 */
.wrap_tabmenu02 {position: relative; background-color: #fcfcfc;}
.wrap_tabmenu02 ul {position: relative; width: 1008px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.wrap_tabmenu02 ul {*zoom: 1;}
.wrap_tabmenu02 ul:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.wrap_tabmenu02 ul li {float:left; background-color: #fff;}
.wrap_tabmenu02 ul li.last_child a {width: 194px; border-right: 1px solid #e3e3e3;}
.wrap_tabmenu02 .link_tab {display: block; width: 192px; position: relative; min-height: 16px; line-height: 1.4; padding: 12px 4px 16px; border-left: 1px solid #e3e3e3; color: #575757; font-size: 14px; text-align: center; text-decoration: none;}
.wrap_tabmenu02 .link_tab .cntt {display: inline-block; vertical-align: middle;}
.wrap_tabmenu02 ul li.on .link_tab {background-color: #f7f7f7; font-weight: bold;}

/* UX-951 : 20171122 */
/* 삭제
.wrap_tabmenu02.type02 ul,
.wrap_tabmenu02.type03 ul {border-right: 1px solid #e3e3e3;}
*/
.wrap_tabmenu02.type02 .link_tab {width: 495px;}
.wrap_tabmenu02.type02 ul li.on .link_tab {width: 494px;}
.wrap_tabmenu02.type03 .link_tab {width: 327px;}
.wrap_tabmenu02.type03 ul li.on .link_tab {width: 326px;}
/* //UX-951 : 20171122 */
.wrap_tabmenu02.type04 .link_tab {width: 243px;}
.wrap_tabmenu02.type04 ul li.on .link_tab {width: 242px;}
.wrap_tabmenu02.type06 .link_tab {width: 159px;}
.wrap_tabmenu02.type06 ul li.on .link_tab {width: 158px;}
.wrap_tabmenu02.type07 .link_tab {width: 135px;}
.wrap_tabmenu02.type07 ul li.on .link_tab {width: 134px;}
.wrap_tabmenu02.type08 .link_tab {width: 117px;}
.wrap_tabmenu02.type08 ul li.on .link_tab {width: 116px;}
.wrap_tabmenu02.type09 .link_tab {width: 103px;}
.wrap_tabmenu02.type09 ul li.on .link_tab {width: 102px;}
.wrap_tabmenu02.type10 .link_tab {width: 92px;}
.wrap_tabmenu02.type10 ul li.on .link_tab {width: 89px;}

/* .TabMenu 03 */
.wrap_tabmenu03 {position: relative; background-color: #fcfcfc;}
.wrap_tabmenu03 ul {position: relative; width: 1008px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.wrap_tabmenu03 ul {*zoom: 1;}
.wrap_tabmenu03 ul:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.wrap_tabmenu03 ul li {float:left; background-color: #fafafa;}
.wrap_tabmenu03 ul li.last_child a {width: 194px; border-right: 1px solid #e3e3e3;}
.wrap_tabmenu03 .link_tab {display: block; width: 192px; position: relative; min-height: 16px; line-height: 1.4; padding: 12px 4px 16px; border-left: 1px solid #e3e3e3; color: #575757; font-size: 14px; text-align: center; text-decoration: none;}
.wrap_tabmenu03 .link_tab .cntt {display: inline-block; vertical-align: middle;}
.wrap_tabmenu03 ul li.on .link_tab {z-index: 3; margin-bottom: -1px; border-bottom: 1px solid #fff; background-color: #fff; font-weight: bold;}

.wrap_tabmenu03.type02 .link_tab {width: 494px;}
.wrap_tabmenu03.type02 ul li.on .link_tab {width: 495px;}
.wrap_tabmenu03.type03 .link_tab {width: 326px;}
.wrap_tabmenu03.type03 ul li.on .link_tab {width: 328px;}
.wrap_tabmenu03.type04 .link_tab {width: 243px;}
.wrap_tabmenu03.type04 ul li.on .link_tab {width: 242px;}

/* TabMenu Sub 2Depth */
.wrap_tabmenu_sub {position: relative;}
.wrap_tabmenu_sub ul {position: relative; width: 1008px; padding: 11px 0 9px; border-bottom: 1px solid #e3e3e3;}
.wrap_tabmenu_sub ul {*zoom: 1;}
.wrap_tabmenu_sub ul:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.wrap_tabmenu_sub ul li {float:left; background-color: #fff;}
.wrap_tabmenu_sub .link_tab {display: block; width: 132px; padding: 5px 0 5px 36px; color: #888; font-size: 13px; text-decoration: none;}
.wrap_tabmenu_sub .link_tab .cntt {display: inline-block; padding-bottom: 3px; border-bottom: 1px solid #fff; vertical-align: middle;}
.wrap_tabmenu_sub ul li.on .link_tab {color: #00b523;}
.wrap_tabmenu_sub ul li.on .link_tab .cntt {border-bottom: 1px solid #00cd3c;}

.wrap_tabmenu_sub dl {padding: 13px 0 15px; border-bottom: 1px solid #e3e3e3;}
.wrap_tabmenu_sub dl {*zoom: 1;}
.wrap_tabmenu_sub dl:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.wrap_tabmenu_sub dl dt {clear: both; float: left; width: 166px; line-height: 23px; padding: 10px 0 6px 36px; color: #575757; font-size: 13px;}
.wrap_tabmenu_sub dl dd {margin-left: 202px;}
.wrap_tabmenu_sub dl dd ul {width: auto; padding: 12px 0 4px; border-bottom: 0;}
.wrap_tabmenu_sub dl dd ul li.first_child .link_tab {margin-left: 0;}
.wrap_tabmenu_sub dl dd .link_tab {width: auto; padding: 0; margin-left: 35px;}

.wrap_tabmenu_sub.type02 {}
.wrap_tabmenu_sub.type02 ul {width: 1006px; padding: 27px 0 26px; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}
.wrap_tabmenu_sub.type02 .link_tab {width: 107px; padding: 9px 0 9px 36px;}

.wrap_tabmenu_sub.etc {}
.wrap_tabmenu_sub.etc ul {width: 934px; padding: 25px 36px; border: 1px solid #e3e3e3; background-color: #fafafa;}
.wrap_tabmenu_sub.etc ul li {background-color: #fafafa;}
.wrap_tabmenu_sub.etc .link_tab {width: 150px; padding: 9px 0 9px 36px; color: #575757; font-size: 14px;}

/* MELONUIT-1518 */
.wrap_tabmenu_sub.type03 dl {border:1px solid #e5e5e5; background-color: #fcfcfc;}
.wrap_tabmenu_sub.type03 ul li {float:left; background-color: #fcfcfc;}
/* // MELONUIT-1518 */

/*****************************************************
	4. List Set / Song, Album, Movie
*****************************************************/

.wrap_atist {position: relative; display: inline-block; vertical-align: middle; z-index: 999;}
.wrap_atist {*display:inline; *zoom:1;} /* ie7 */
.wrap_atist .atist_view {display: none; position: absolute; top: 23px; right: -5px; padding: 12px 15px; border: 1px solid #e5e5e5; background-color: #fff;}
.wrap_atist .atist_view .ellipsis {width: 100px; color: #969696; font-size: 12px;}

/* Song List */
.service_list_song {}
.service_list_song th,
.service_list_song td {text-align: left; vertical-align: middle;}
.service_list_song th {height: 48px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #606060; font-size: 13px; font-family: "돋움", Dotum, Arial, sans-serif;}
.service_list_song td  {height: 84px; border-bottom: 1px solid #f2f2f2;}
.service_list_song th .wrap {padding-top: 2px;}
.service_list_song .input_check {margin: 0;}
.service_list_song .t_center {text-align: center;}
.service_list_song .t_right {text-align: right;}
.service_list_song .pd_l_12 {padding-left: 12px;}
/* UX-1449 */
.service_list_song .pd_l_18 {padding-left: 18px;}
.service_list_song .ma_l_18 {margin-left: 18px !important;}
.service_list_song .pd_l_30 {padding-left: 30px;}
/* //UX-1449 */
.service_list_song .rank {display: inline-block; width: 32px; padding: 0 18px 0 12px;}
.service_list_song .ellipsis {max-width: 95%;}
.service_list_song .ellipsis.rank01 {max-width: 240px;}
.service_list_song .ellipsis.rank01 a {color: #333; font-size: 14px;}
.service_list_song .ellipsis.rank01 .disabled {color: #b4b4b4; font-size: 14px;}
.service_list_song .ellipsis.rank02 {max-width: 220px;}
.service_list_song .ellipsis.rank02 a {color: #969696; font-size: 12px;}
.service_list_song .ellipsis.rank02 .disabled {color: #b4b4b4; font-size: 12px;}
.service_list_song .ellipsis.rank03 a {color: #969696; font-size: 14px;}
.service_list_song .ellipsis.rank03 .disabled {color: #b4b4b4; font-size: 14px;}
.service_list_song .ellipsis.rank03 {max-width: 170px;}
.service_list_song td .rank {display: inline-block; padding-top: 5px; color: #333; font-size: 18px; font-family: 'Nunito', sans-serif;}
.service_list_song td .rank.disabled {color: #b4b4b4;}
.service_list_song .song_info {margin-left: 12px;}
.service_list_song .wrap_song_info {display: inline-block; width: 100%; margin-left: 12px; vertical-align: middle;}
.service_list_song .wrap_song_info .bullet_icons {position: relative; top: -1px;}
/* UX-960 */
.service_list_song .wrap_song_info a {letter-spacing: 0 !important; font-size: 14px;}
/* //UX-960 */
.service_list_song .button_etc.like {margin-left: 18px;}
.service_list_song .rank_wrap span {font-family: 'Nunito', sans-serif;}
.service_list_song .rank_wrap .up {color: #f0780a; font-size: 15px; vertical-align: middle;}
.service_list_song .rank_wrap .down {color: #8cbefa; font-size: 15px; vertical-align: middle;}

.service_list_song.type02 .ellipsis.rank01 {max-width: 200px;}
.service_list_song.type02 .ellipsis.rank02 {max-width: 180px;}

.service_list_song .album_recommend_area {position: relative; z-index: 1;}
.service_list_song .album_layer_popup {position: absolute; top: 0; left: 0; padding: 9px 0 0; background: url(//cdnimg.melon.co.kr/resource/image/web/common/bg_border_top.png) no-repeat 0 0; z-index: 12;}
.service_list_song .album_layer_popup .album_layer_cnt {padding-bottom: 9px; background: url(//cdnimg.melon.co.kr/resource/image/web/common/bg_border_bottom.png) no-repeat 0 bottom;}
.service_list_song .album_layer_popup .layer_cnt_album {padding: 4px 25px 8px 41px; border: 2px solid #3dacac; border-width: 0 2px; background: #fff;}
.service_list_song .album_layer_popup .layer_cnt_album p {width: 280px; font-family: "맑은 고딕"; font-size: 14px; color: #454545; line-height: 22px; text-align: left;}
.service_list_song .album_layer_popup .btn_close {position: absolute; top: 13px; left: 12px;}
.service_list_song .album_layer_popup .btn_close .odd_span {width: 14px; height: 13px; background: url(//cdnimg.melon.co.kr/resource/image/web/common/btn_album_close.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -9999px;}

.service_list_song .cd td,
.service_list_song .title td {height: 60px;}
.service_list_song .cd td {border-bottom: 1px solid #7fe69d;}
.service_list_song .title .wrap.left {padding-left: 35px; color: #2f2f2f; font-size: 14px; letter-spacing: 0;}
.service_list_song .title.dep .wrap.left {color: #7d7d7d;}
/* UX-1521 */
.service_list_song .title .wrap.left .ico_cmpsr {position: relative; top: -2px; width: 15px; height: 17px; background: url(//cdnimg.melon.co.kr/resource/image/web/common/bullet_icons_sprite_20180820.png) no-repeat -176px -102px;}
/* //UX-1521 */
.service_list_song .cd .wrap.left {padding-left: 18px; color: #00b523; font-size: 15px; letter-spacing: 0;}
.service_list_song table .button_icons.download {position: relative; top: -2px;}
.service_list_song .wrap_atist {z-index: auto;}

/* MELONUIT-1518 순위없는리스트타입 */
.service_list_song.no_rank .wrap .input_check {margin-right:23px;}
.service_list_song.no_rank .bullet_icons.rank_new{left: 2px;}/* // MELONUIT-1518 20200610 */
.service_list_song.type02.no_rank .ellipsis.rank01 {max-width: 300px;}
.service_list_song.type02.no_rank .ellipsis.rank02 {max-width: 280px;}
/* // MELONUIT-1518 순위없는리스트타입 */

/* Album List */
.service_list_album {}
.service_list_album > ul {margin: -30px 0 0 -50px;}
.service_list_album > ul {*zoom: 1;}
.service_list_album > ul:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.service_list_album > ul > li {float: left; width: 479px; margin: 30px 0 0 50px;}
.service_list_album .thumb {position: relative; float: left; width: 180px; height: 180px; overflow: hidden;}
.service_list_album .thumb .image_typeAll {position: absolute;top: 0;top: 0;left: 0;right: 0;bottom: 0; width: 180px; height: 180px; -webkit-transform: translate(50%,50%);-ms-transform: translate(50%,50%);transform: translate(50%,50%);}
.service_list_album .thumb .image_typeAll img {position: absolute;top: 0;top: 0;left: 0;right: 0;bottom: 0; min-height: 100%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); vertical-align: top;}
.service_list_album .thumb .image_typeAll .bg_album_frame {-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 1px solid #e5e5e5;}
.service_list_album .thumb .image_typeAll.multi {position: static; -webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);}
.service_list_album .thumb .image_typeAll.multi img {position: static; min-width: auto; min-height: auto; -webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);}
.service_list_album .thumb .image_typeAll.multi .bg_album_frame {-webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);}
.service_list_album .thumb .bullet_icons {position: absolute; top: 12px; left: 12px;}
.service_list_album .entry {float: left; width: 252px; height: 139px; padding: 19px 23px 20px; margin-left: -1px; border: 1px solid #e5e5e5;}
.service_list_album .info {margin-bottom: 10px;}
.service_list_album .info .vdo_name {display: block; margin-bottom: 2px; color: #575757; font-size: 14px;}
.service_list_album .info .album_name {display: block; line-height: 21px; margin-bottom: 6px; color: #333; font-size: 16px;}
.service_list_album .info .ellipsis.artist {max-width: 230px; font-size: 12px; color: #00b423;}
.service_list_album .info .artist_name {color: #00b423; font-size: 12px;}
.service_list_album .meta {line-height: 1; margin-bottom: 14px;}
.service_list_album .meta .reg_date {display: inline-block; position: relative; top: -1px; color: #767676; font-size: 13px; vertical-align: top;}
.service_list_album .meta .button_etc {vertical-align: top;}
.service_list_album .meta .tot_song {display: inline-block; color: #767676; font-size: 12px; vertical-align: top;}
.service_list_album .meta .bar {display: inline-block; position: relative; top: 2px; height: 10px; line-height: 14px; margin: 0 4px; border-left: 1px solid #eaeaea; vertical-align: top;}
.service_list_album .meta .view {display: inline-block; color: #777; font-size: 13px;  vertical-align: top;}
.service_list_album .meta .view .cnt_view {position: relative; top: 2px; vertical-align: top;}
.service_list_album .meta .view .cnt {display: inline-block; margin-left: 4px; font-size: 13px; vertical-align: top;}

.service_list_album .wrap_rank {float: left; width: 72px; height: 172px; padding-top: 8px; text-align: center;}
.service_list_album .wrap_rank .num {display: block; line-height: 1; margin-bottom: 11px; color: #333; font-size: 32px; font-family: 'Nunito', sans-serif;}
.service_list_album .wrap_rank .rank_wrap span {font-family: 'Nunito', sans-serif;}
.service_list_album .wrap_rank .rank_wrap .up {color: #f0780a; font-size: 15px; vertical-align: middle;}
.service_list_album .wrap_rank .rank_wrap .down {color: #8cbefa; font-size: 15px; vertical-align: middle;}

.service_list_album.type02 .entry {width: 208px; height: 174px; padding: 6px 20px 0 0; border: 0;}
.service_list_album.type02 .info .ellipsis.artist {max-width: 185px;}

.service_list_album.type03 {}
.service_list_album.type03 > ul {margin-left: -10px;}
.service_list_album.type03 > ul > li {position: relative; width: 219px; margin: 30px 0 0 10px;}
.service_list_album.type03 .thumb {position: relative; float: none; width: 219px; height: 219px;}
.service_list_album.type03 .thumb .image_typeAll {width: 219px; height: 219px;}
.service_list_album.type03 .thumb .button_icons {position: absolute; top: 20px; right: 20px;}
.service_list_album.type03 .entry {position: absolute; bottom: 0; float: none; width: 100%; height: auto; padding: 0; margin-left: 0; border: none; background-color: rgba(0,0,0,.4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000 );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000 )";
	zoom: 1;
}
.service_list_album.type03 .info {padding: 8px 10px 7px; margin-bottom: 0;}
.service_list_album.type03 .info .album_name {margin-bottom: 4px; color: #fff;}
.service_list_album.type03 .info .ellipsis.artist {max-width: 180px; color: #fff; font-size: 13px; font-family: "돋움", Dotum;}
.service_list_album.type03 .info .artist_name {color: #fff; font-size: 13px; font-family: "돋움", Dotum;}

.service_list_album.type04 .info .ellipsis.artist .bullet_icons.dj {position: relative; top: -1px;}
.service_list_album.type04 .info .artist_name {font-size: 14px;}


/* Video List */
.service_list_video {}
.service_list_video > ul {margin: -20px 0 0 -86px;}
.service_list_video > ul {*zoom: 1;}
.service_list_video > ul:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.service_list_video > ul > li {float: left; width: 461px; margin: 20px 0 0 86px;}
.service_list_video .thumb {float: left; width: 204px; height: 120px;}
.service_list_video .thumb .bullet_icons {position: absolute; top: 10px; left: 10px;}
/* MELON-2767 */
.service_list_video .thumb .time {display: inline-block; position: absolute; bottom: 10px; right: 10px; width: 43px; height: 15px; line-height: 1; padding-top: 5px; color: #fff; font-size: 12px; font-family: '돋움', Dotum; background: transparent; background-color: rgba(0,0,0,.5); text-align: center; letter-spacing: 0;}
.service_list_video .thumb .time {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 )";
	zoom: 1;
}
/* //MELON-2767 */
.service_list_video .entry {float: left; width: 217px; height: 120px; padding: 0 20px; margin-left: -1px;}
.service_list_video .info {margin-bottom: 7px;}
.service_list_video .info .album_name {display: block; line-height: 20px; margin-bottom: 6px; color: #333; font-size: 14px;
	white-space: normal; max-height: 40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.service_list_video .info .ellipsis.artist {max-width: 120px; font-size: 12px; color: #00b423;}
.service_list_video .info .artist_name {color: #00b423; font-size: 12px;}
/* QA-2174 */
.service_list_video .info .reg_date {display: inline-block; line-height: 18px; margin-left: 13px; color: #767676; font-size: 13px; vertical-align: middle;}
/* //QA-2174 */
.service_list_video .meta {line-height: 1;}
.service_list_video .meta .view {display: inline-block; color: #777; font-size: 13px;  vertical-align: top;}
.service_list_video .meta .view .cnt_view {position: relative; top: 2px; vertical-align: top;}
.service_list_video .meta .view .cnt {display: inline-block; margin-left: 4px; font-size: 13px; vertical-align: top;}
.service_list_video .meta .bar {display: inline-block; position: relative; top: 2px; height: 10px; line-height: 14px; margin: 0 4px; border-left: 1px solid #eaeaea; vertical-align: top;}

.service_list_video .wrap_rank {float: left; width: 71px; height: 110px; padding-top: 2px; text-align: center;}
.service_list_video .wrap_rank .num {display: block; line-height: 1; margin-bottom: 11px; color: #333; font-size: 32px; font-family: 'Nunito', sans-serif;}
.service_list_video .wrap_rank .rank_wrap span {font-family: 'Nunito', sans-serif;}
.service_list_video .wrap_rank .rank_wrap .up {color: #f0780a; font-size: 15px; vertical-align: middle;}
.service_list_video .wrap_rank .rank_wrap .down {color: #8cbefa; font-size: 15px; vertical-align: middle;}

.service_list_video.type02 .entry {width: 167px; padding: 0 20px 0 0; border: 0;}
.service_list_video.type02 .info .ellipsis.artist {max-width: 70px;}

.service_list_video.type03 > ul {margin: 0 0 0 -20px;}
.service_list_video.type03 > ul > li {width: 237px; margin: 0 0 0 20px;}
.service_list_video.type03 .thumb,
.service_list_video.type03 .entry {float: none;}
.service_list_video.type03 .thumb {width: 237px; height: 139px;}
.service_list_video.type03 .entry {width: auto; height: auto; padding: 8px 0 0;}
.service_list_video.type03 .info .album_name {display: block; white-space: nowrap; font-size: 16px;}
.service_list_video.type03 .info .ellipsis.artist {max-width: 210px; font-size: 14px;}
.service_list_video.type03 .info .ellipsis.artist .artist_name {font-size: 14px;}

/* Play List */
.service_list_play {position: relative;}
.service_list_play > ul {margin: -20px 0 0 -21px;}
.service_list_play > ul {*zoom: 1;}
.service_list_play > ul:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.service_list_play > ul > li {float: left; width: 236px; margin: 20px 0 0 21px;}
.service_list_play .thumb {position: relative; width: 236px; height: 236px; overflow: hidden;}
.service_list_play .thumb .image_typeAll {position: absolute;top: 0;top: 0;left: 0;right: 0;bottom: 0; width: 236px; height: 236px; -webkit-transform: translate(50%,50%);-ms-transform: translate(50%,50%);transform: translate(50%,50%);}
.service_list_play .thumb .image_typeAll img {position: absolute;top: 0;top: 0;left: 0;right: 0;bottom: 0; min-height: 100%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.service_list_play .thumb .image_typeAll .bg_album_frame {-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.service_list_play .thumb .image_typeAll.multi {position: static; -webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);}
.service_list_play .thumb .image_typeAll.multi img {position: static; min-width: auto; min-height: auto; -webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);}
.service_list_play .thumb .image_typeAll.multi .bg_album_frame {-webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);}
.service_list_play .thumb .bullet_icons {position: absolute; top: 12px; left: 12px;}
.service_list_play .entry {position: relative; padding: 26px 20px 64px; border: 1px solid #e5e5e5; border-top: 0;}
.service_list_play .info {position: relative; margin-bottom: 10px;}
.service_list_play .info .dj_name {display: block; position: absolute; top: -50px; right: 0; width: 44px; height: 44px; border: 1px solid #e5e5e5; border-radius: 46px;}
.service_list_play .info .dj_name img {border-radius: 46px;}
.service_list_play .info .dj_name .bullet_icons {position: absolute; top: -2px; right: -2px;}
.service_list_play .info .album_name {line-height: 22px; margin-bottom: 10px; color: #333; font-size: 16px;
	white-space: normal; height: 44px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.service_list_play .info .album_name .new {position: relative; top: 6px; vertical-align: top;}
.service_list_play .info .artist_name {color: #00b423; font-size: 14px;}
.service_list_play .info .ellipsis.artist_name {width: 100%;}
.service_list_play .meta {line-height: 1;}
.service_list_play .meta .button_etc {vertical-align: top;}
.service_list_play .meta .tot_song {display: inline-block; color: #767676; font-size: 12px; vertical-align: top;}
.service_list_play .meta .bar {display: inline-block; position: relative; top: 2px; height: 10px; line-height: 14px; margin: 0 4px; border-left: 1px solid #eaeaea; vertical-align: top;}
.service_list_play .tag_list {position: absolute; bottom: 20px;}
.service_list_play .tag_list .tag_item {max-width: 62px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; overflow:hidden;}

.service_list_play.type02 .entry {padding: 16px 20px 64px;}
.service_list_play.type02 .album_name {margin-bottom: 0;}

.service_list_play .paging_nav {position: absolute; top: 0; right: 0;}
.service_list_play .sorting {position: absolute; top: -10px; right: 0;}

/* 아티스트 리스트 공통 */
.list_person li {float: left; width: 252px;}
.list_person .thumb {float: left; width: 60px; height: 60px;}
.list_person .thumb img {width: 60px; height: 60px; border-radius: 100px;}
.list_person .thumb .bg_album_frame {border-radius: 100px;}
.list_person .entry {float: left; width: 136px; padding-top: 9px; margin-left: 16px;}
.list_person .entry .ellipsis {width: 100%; color: #01b425;}
.list_person .entry .artist_name {color: #01b425; font-size: 14px;}
.list_person .entry .artist_name .bullet_icons.dj {position: relative;vertical-align:top;} /* MELONUIT-208 20190212 아이콘 잘림현상수정 */
.list_person .entry .type {color: #767676; font-size: 12px;}
.list_person .entry .have_list { margin-left: 7px; color: #767676; font-size: 12px;}
.list_person .entry .have_list .text {font-size: 13px;}

/* Developer Guide Line */
/*
h2, h3, h4, h5, h6 {background-color: #ffd6f3;}

code {font-size: 14px; background-color: #eee;}
*/