/* icon & button */
.ico_title{display:none;margin-left:5px;width:21px;height:11px;background:url("//image.soribada.com/image/mobile/ico_mo_t2_title.png") no-repeat center center}
.ico_adult{display:none;margin-right:5px;width:14px;height:14px;background:url("//image.soribada.com/image/mobile/ico_mo_t1_adut.png") no-repeat center center}
.ico_adultForSong{display:inline-block;margin-right:3px;width:14px;height:14px;background:url("//image.soribada.com/image/mobile/ico_mo_t3_adut.png") no-repeat center center;*display:inline;zoom:1}
 
.btn_search{display:inline-block;width:35px;height:34px;background:url("//image.soribada.com/image/mobile/img_mo_t2_serh.png") no-repeat center center;*display:inline;zoom:1}
.btn-song-play{display:inline-block;width:27px;height:27px;background:url("//image.soribada.com/image/mobile/btn_mo_t1_play.png") no-repeat center center;*display:inline;zoom:1}
.btn-song-pause{display:inline-block;width:27px;height:27px;background:url("//image.soribada.com/image/mobile/btn_mo_t1_stop.png") no-repeat center center;*display:inline;zoom:1}
.btn_viewAlbum{display:none;width:45px;height:45px;background:url("//image.soribada.com/image/mobile/btn_mo_t1_albm.png") no-repeat center center}
.btn_viewPado{display:none;width:45px;height:45px;background:url("http://image.soribada.com/image/v25/common/icon_pado.png") no-repeat center center}
.padoDim{background:url("http://image.soribada.com/image/v25/common/icon_pado_off.png") no-repeat center center}
.btn_more{display:inline-block;width:19px;height:18px;background:url("//image.soribada.com/image/mobile/btn_mo_t6_all.png") no-repeat center center;*display:inline;zoom:1}
.btn_moreList{display:inline-block;width:19px;height:18px;background:url("//image.soribada.com/image/mobile/btn_mo_t5_all.png") no-repeat center center;*display:inline;zoom:1}
.btn_runApp{ margin-right: 10px; width: 90px;    vertical-align: middle;}
.btn_closeItem-img{width: 10px;vertical-align: middle;}
.btn_closeItem {display: inline-block; height: 26px;}

/* run app */
.runAppItem{position:relative;display:block;width:100%;padding:10px 0 8px 0;background:#F6F6F6}
.runAppItem .desc{display:inline-block;font-size:10px;font-weight:bold;color:#707070;line-height:1.4;*display:inline;zoom:1}
.runAppItem .txt_blue{color:#676767}
.runAppItem .Item-img{width: 10px;vertical-align: middle;}
.runAppItem .btn_closeItem {display: inline-block; height: 26px;}

/* more button */
.buttonUtils{display:block;font-size:0;box-shadow:0 1px 0 #fff inset;    margin: 0 10px;position: relative;}
.buttonUtils .title{padding:10px;font-size:11px;font-weight:bold;color:#878787}
.buttonUtils .btn_moreItem{width: 100%; padding: 12px 0;}
.buttonUtils .btn_top{padding: 8px 0; width: 13%; position: absolute; right: 4px; top: 0px;}
.buttonUtils .btn_top .btn-top-img{width: 46px;}
.btn_moreItem .more-img { width: 10px; margin-bottom: 1px; margin-left: 3px; }

/* title */
.titleStyle02{position:relative;background-color:#c9d9e6}
.titleStyle02 .title{display:block;padding:16px 10px;font-size:12px;font-weight:bold;color:#404040}
.titleStyle02 .count{color:#037ae2}
.titleStyle02 .btn_moreList{position:absolute;right:0;top:13px}

/* common list's util style */
.listTitle{font-size:14px;font-weight:bold;color:#3D3D3D;;line-height:1.2}
.listSubinfo{font-size: 12px; color: #9B9B9B;line-height:1.4}
.infos{display:inline-block;zoom:1}
.number{display:none;width:25px;font-size:16px;font-weight:bold;color:#676767;text-align:center;vertical-align:middle}

.listChanges{display:none;text-align:center;font-size:11px;color:#666666;line-height:1;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.listNoChange{width:24px;height:9px;background:url("//image.soribada.com/image/mobile/blt_mo_t1_stay.png") no-repeat center center}
.listGoDown{width:14px;padding-left:10px;background:url("//image.soribada.com/image/mobile/blt_mo_t1_down.png") no-repeat 10% 3px}
.listGoUp{width:14px;padding-left:10px;background:url("//image.soribada.com/image/mobile/blt_mo_t1_up.png") no-repeat 10% 3px;font-size:11px}
.listNewChange{width:26px;font-size:8px;font-weight:bold;color:#FE6914}

.hasAdultOnly .ico_adult, .songTitleOnly .ico_title{display:inline-block;*display:inline;zoom:1}

/* song list */
.songListStyle li{position:relative}
.songListStyle .listItem{position:relative;display:block;padding:6px 38px 6px 50px;height:34px;border-bottom:1px solid #e1e1e1;cursor:pointer}
.songListStyle .fixedSection{position:absolute;left:11px;top:10px}
.songListStyle .runAppItem .desc{margin-left:20px}
.songListStyle .btn_runApp{     margin-right: 10px; width: 90px;    vertical-align: middle;}
.songListStyle .btn_viewAlbum{display:inline-block;position:absolute;right:0px;top:0px;*display:inline;zoom:1}
.songListStyle .btn_viewPado{display:inline-block;position:absolute;right:0px;top:0px;*display:inline;zoom:1}
.songListStyle .dimSong{position:absolute;top:0;display:inline-block;width:100%;height:45px;background-color:#fff;filter:Alpha(opacity=60);opacity:0.6;*display:inline;zoom:1}

.songListInChart .listItem{padding-left:104px;background:#f8f8f8;    }

.songListInRecommend .listItem{padding-left:75px}
.songListInRecommend .listChanges{display:inline-block;*display:inline;zoom:1}

.songListInAlbum .listItem{padding-left:90px;padding-right:5px}
.songListInAlbum .trackNum{display:inline-block;width:40px;*display:inline;zoom:1}
.songListInAlbum .btn_viewAlbum{display:none}

.songListInChart .rankNum, .songListInChart .listChanges{display:inline-block;*display:inline;zoom:1}
.songListInPromotion .rankNum {display:inline-block;*display:inline;zoom:1}
.songListInPromotion .listItem{padding:6px 38px 6px 85px;}

/* artist list */
.artistListStyle .listItem{position:relative;display:block;padding:14px 20px 14px 10px;height:16px;}
.artistListStyle .listTitle{display:inline-block;font-size:13px;font-weight:bold;color:#404040;line-height:1.3}
.artistListStyle .image{display:none}
.artistListStyle .btn_more{position:absolute;right:12px;top:15px}

.artistListForChart .listItem{padding:18px 20px 14px 104px;height:19px;}
.artistListForChart .number{display:inline-block;position:absolute;left:8px;top:17px;width:35px;*display:inline;zoom:1}
.artistListForChart .image{display:inline-block;position:absolute;left:50px;top:6px;border:1px solid #aeaeae;font-size:0;*display:inline;zoom:1}
.artistListForChart .btn_more{top:18px}
.artistListForChart li:first-child .listItem{height:18px;padding-top:21px}
.artistListForChart li:first-child .number{top:20px}
.artistListForChart li:first-child .image{top:10px}
.artistListForChart li:first-child .btn_more{top:20px}

.artistListForChart .artist-list {
    margin: 0 10px;
}
.artistListForChart .artist-list:after{
    border-bottom: 1px solid #E4E4E4;
    content: '';
    display: block;
}
.commonListStyle .main-chart-list:last-child:after,
.artistListForChart .artist-list:last-child:after{
    border-bottom: 0;
}



/* album list */
.album-list {
    margin: 0 10px;
}
.albumListInNewRelease .album-list:after {
    border-bottom: 1px solid #E4E4E4;
    content: '';
    display: block;
    margin-bottom: 4px;
}
.albumListInNewRelease .album-list:last-child:after{
    border-bottom: 1px solid #E4E4E4;
    margin-left: -10px;
    width: calc(100% + 20px);
}
.albumListStyle .listItem{    
    position: relative;
    display: block;
    height: 38px;
    padding: 5px 20px 3px 52px;}
.albumListStyle .image{position:absolute;left:0px;top:3px;border:1px solid #aeaeae;font-size:0}
.albumListStyle .btn_more{position:absolute;top:13px;right:12px}

#SongItemTemplate .chart-list-wrapper--title {
    line-height: 1;
}
.chart-list-wrapper--title-text {
    vertical-align: middle;
    color: #3D3D3D;
    height: 28px;
    line-height: 2;
    font-size: 15px;
}
.chart-list-wrapper--title-text.list {
    vertical-align: middle;
    color: #3D3D3D;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
}

.songListStyle {
    margin-top: 5px;
}
/* main chart */
.main-chart-con .chart-list-wrapper {
    height: 55px;
}
.chart-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: 45px;
}
.main-chart-list {
    margin: 0 10px;
}
.main-chart-list:after {
    border-bottom: 1px solid #E4E4E4;
    content: '';
    margin-bottom: 3px;
    margin-top: 2px;
    display: block;
}
.album-list:after {
    border-bottom: 1px solid #E4E4E4;
    content: '';
    margin: 3px 0;
    display: block;
}
.album-list:last-child:after { 
    margin-bottom: 0px;
    border-bottom: 0px solid #E4E4E4;
}
.main-chart-con .main-chart-list:after {
    margin: 5px 0;
}
.main-chart-list:last-child:after { 
    border-bottom: 1px solid #E4E4E4;
    margin-left: -10px;
    width: calc(100% + 20px);
}
.chart-list-wrapper > div {
    white-space: nowrap;
}
.main-muvi-more,
.main-chart-more {
    margin: 12px 10px 10px 10px;
}
.chart-list-wrapper--jacket {
    width: 55px;
}
.chart-list-wrapper--jacket.list {
    width: 36px;
}
.chart-list-wrapper--jacket.list .chart-list-wrapper--jacket-img {
    width: 100%;
    margin-top: 3px;
    border: 1px solid #e0e0e0;
}
.main-chart-con .chart-list-wrapper--rank {
    height: 56px;
    line-height: 56px;
}
.chart-list-wrapper--rank {
    width: 50px;
    color: #676767;
    font-weight: bold;
    height: 100%;
    text-align: center;
    line-height: 54px;
}
.chart-list-wrapper--rank.list{
    line-height: 45px;
    height: 45px;
}
.chart-list-wrapper--title.list {
    line-height: 45px;
    height: 45px;
}
.chart-list-wrapper--rank.empty{
    line-height: 45px;
    width: 17px;
}
.commonListStyle  .chart-list-wrapper--rank.empty{
    width: 50px;
}
.chart-list-wrapper--title {
    font-weight: bold;
    font-size: 14px;
    zoom: 1;
    width: 55%;
    height: 56px;
}
.chart-list-wrapper--title-wrapper {
    line-height: 100%;
    height: 44%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 3%;
}
.chart-list-wrapper--title-wrapper.list {
    margin-top: 2%;
}
.chart-list-wrapper--artist {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    color: #9B9B9B;
    height: 28px;
    line-height: 1.2;
    zoom: 1;
    font-weight: normal;
}
.chart-list-wrapper--artist.list {
    height: 18px;
}
.chart-list-wrapper--btn {
    width: 41px;
    float: right;
    right: 2px;
    top: 0;
    position: absolute;
    height: 56px;
}
.chart-list-wrapper--btn.list{
    height: 43px;
}
.chart-list-wrapper--btn.play {
    background: url(http://image.soribada.com/image/feed/msoribada/btn_all_play.png) no-repeat;
    background-size: 100%;
    background-position: center;
}
.chart-list-wrapper--btn.pause {
    background: url(http://image.soribada.com/image/feed/msoribada/btn_all_pause.png) no-repeat;
    background-size: 100%;
    background-position: center;
}
.chart-list-wrapper--play-img {
    width: 40px;
    vertical-align: middle;
}
.chart-list-wrapper--nineteen {
    width: 13px;
    vertical-align: middle;
    display: none;
}
.hasAdultOnly .chart-list-wrapper--nineteen {
    display: inline-block;
}
/* main album */
.main-album-more {
    margin: 12px 10px 10px 10px;
}
.main-title {
    color: #3d3d3d;
    font-weight: bold;
    font-size: 14px;
}
.main-more-img {height: 10px; }
.album-wrapper {
    width: 31.3%;
    margin-bottom: 10px;
}
.album-wrapper--image {
    position: relative;
}
.album-wrapper--jacket {
    width: 100%;
    border: 1px solid #d0d0d0;
}
.album-wrapper--listItem{position:relative;display:block;
    width: 100%;
    height: 100%;}
.album-wrapper--play {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 33%;
}
.album-wrapper--title {
    font-size: 12px;
    font-weight: bold;
    color: #3D3D3D;
    line-height: 1.2;
    margin-top: 5px;
}
.album-wrapper--Arist {
    font-size: 12px;
    color: #9B9B9B;
    line-height: 1.4;
}

/* 뮤직비디오 */
.musicvideo-main-con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 10px;
}
.musicvideo-main-item-wrapper {
    width: 48.5%;
    margin-bottom: 10px;
}
.musicvideo-main-item-wrapper--jacket {
    position: relative;
    display: inline-flex;
    width: 100%;
}
.musicvideo-main-item-wrapper--jacket-image {
    border: 1px solid #d0d0d0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.musicvideo-main-item-wrapper--jacket-time {
    position: absolute;
    right: 1px;
    bottom: 1px;
    color: white;
    font-size: 10px;
    width: 34px;
    text-align: center;
    line-height: 17px;
}
.musicvideo-main-item-wrapper--title {
    font-size: 12px;
    font-weight: bold;
    color: #3D3D3D;
    line-height: 1.2;
    margin-top: 5px;
    width: auto;
}
.musicvideo-main-item-wrapper--arist {
    font-size: 12px;
    color: #9B9B9B;
    line-height: 1.4;
    display: block;
}
.music_item_des .adult {
    width: 13px;
    vertical-align: middle;
    display: none;
}
.music_item_des .adult.limit18 {
    display: inline-block;
}
.muvi-list-item {
    margin: 0 10px;
}
.muvi-list-item-con {
    display: flex;
}
.muvi-list-item:after {
    border-bottom: 1px solid #E4E4E4;
    content: '';
    margin-bottom: 5px;
    margin-top: 4px;
    display: block;
}
.muvi-list-item:last-child:after {
    margin-left: -10px;
    width: calc(100% + 20px);
}
.musicvideo-image-con {
    width: 112px;
    position: relative;
}
.musicvideo-image-con .time {
    position: absolute;
    right: 0;
    bottom: 1px;
    color: white;
    font-size: 10px;
    width: 35px;
    text-align: center;
    line-height: 18px;
}
.musicvideo-main-item-wrapper--jacket .time-background,
.musicvideo-image-con .time-background {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 34px;
    height: 19px;
    background: #3d3d3d;
    opacity: 0.6;
}
.musicvideo-image {
    width: 100%;
    height: 100%;
}
.musicvideo-des {
    font-weight: bold;
    font-size: 14px;
    zoom: 1;
    width: calc(100% - 150px);
    margin-left: 15px;
    white-space: nowrap;
}
.musicvideo-des-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    color: #3D3D3D;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
}
.musicvideo-des-artist {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    color: #9B9B9B;
    height: 28px;
    line-height: 1.2;
    zoom: 1;
    font-weight: normal;
}
.musicvideo-title-con .adult {
    width: 13px;
    vertical-align: middle;
    display: none;
}
.musicvideo-title-con .adult.limit18 {
    display: inline-block;
}
.musicvideo-title-con {
    margin-top: 16px;
}

/* common list */
.commonListStyle .listItem{border-bottom:none}
/* .commonListStyle li:nth-child(odd) .listItem{background-color:#f0f0f0} */

/* infobox */
.infoList li{position:relative;padding-left:56px;height:23px;line-height:1.2;border-bottom:1px solid #d5d5d5;}
.infoList li:first-child{border-top:1px solid #d5d5d5}
.infoList li:nth-child(even){background-color:#f0f0f0}
.infoList .infoSubject{position:absolute;left:5px;top:5px;font-size:11px;color:#596874}
.infoList .infoDetail{display:block;font-size:11px;color:#404040}
.infoList .infoDetail a{vertical-align:top}

.infoBoxForAritst{position:relative;padding:20px 11px 0 11px;height:143px;background-color:#f8f8f8}
.infoBoxForAritst .name{padding-left:20px;background:url("//image.soribada.com/image/mobile/ico_mo_t1_arti.png") no-repeat left 50%;font-size:16px;font-weight:bold;line-height:1.2;color:#363636}
.infoBoxForAritst .textLimit100{display:inline-block;color:#363636}
.infoBoxForAritst .image{display:inline-block;position:absolute;left:11px;top:47px;border:1px solid #d5d5d5;font-size:0px;*display:inline;zoom:1}
.infoBoxForAritst .infoList{margin:8px 0 0 104px}

.infoBoxForAlbum{position:relative;padding:20px 13px 0 13px;height:160px;background-color:#f8f8f8}
.infoBoxForAlbum .name{padding-left:20px;background:url("//image.soribada.com/image/mobile/ico_mo_t1_albm.png") no-repeat left 50%;font-weight:bold;font-size:16px;line-height:1.2;color:#363636}
.infoBoxForAlbum .textLimit100{display:inline-block;color:#363636}
.infoBoxForAlbum .image{display:inline-block;position:absolute;left:13px;top:46px;padding:1px 0 0 13px;width:108px;height:108px;background:url("//image.soribada.com/image/mobile/img_mo_t3_albm.png") no-repeat left top;font-size:0px;*display:inline;zoom:1}
.infoBoxForAlbum .infoList{margin:8px 0 0 128px}

.albumNotice{padding:10px;font-weight:bold;font-size:12px;text-align:center;line-height:1.6}

/* search result */
.nullMsg{display: inline-block; font-size: 13px; color: #404040; width: 100%; text-align: center; padding: 13px 0; background: white;}

/* song page */
.dimAlbum{display:none;position:absolute;right:4px;top:2px;padding-top:70px;width:202px;height:132px;background-color:#fff;filter:Alpha(opacity=80);opacity:0.8}
.dimAlbum .msg{font-size:11px;font-weight:bold;line-height:1.5;color:#000;vertical-align:middle}

.dimSong{display:none;position:absolute;left:0;top:60px;width:100%;height:100%;background-color:#fff;filter:Alpha(opacity=70);opacity:0.7;text-align:center}
.dimSong .msg{font-size:16px;font-weight:bold;color:#000;vertical-align:middle;line-height:20}
	
.buttonForSong.play{display:inline-block;width:60px;height:60px;background:url("//image.soribada.com/image/mobile/btn_mo_t3_play.png") no-repeat center center;*display:inline;zoom:1}
.buttonForSong.stop{display:inline-block;width:60px;height:60px;background:url("//image.soribada.com/image/mobile/btn_mo_t3_paus.png") no-repeat center center;*display:inline;zoom:1}

.songDetailSection{position:relative;text-align:center}
.songDetailSection .songTitle{display:block;margin-top:18px;font-size:15px;font-weight:bold;color:#037ae2;line-height:1.3}
.songDetailSection .songSubinfo{display:block;margin-top:10px;display:block;font-size:11px;line-height:1.2;color:#999}
.songDetailSection .albumImg{position:relative;display:inline-block;margin-top:14px;padding:5px 0 0 12px;width:210px;height:203px;background:url("//image.soribada.com/image/mobile/img_mo_t4_albm.png") no-repeat left top;*display:inline;zoom:1;font-size:0}
.songDetailSection .buttonForSong{position:absolute;margin-left:-25px;margin-top:-30px;left:50%;top:50%;}
.songDetailSection .runAppItem{position:fixed;left:0;bottom:0}
.songDetailSection .runAppItem .desc{margin-right:5px;font-size:12px}

.invalidSong{height:100%}
.invalidSong .dimSong, .songOnlyAdult .dimAlbum{display:block}

/* song player */
.player{position:relative;display:block;margin:6px auto;width:222px;height:20px}
.player .progressbg{display:block;width:222px;height:5px;background-color:#EBEBEB}
.player .progress{position:absolute;top:0px;display:block;width:0px;height:5px;background-color:#037AE2}
.player .time{position:absolute;display:inline-block;top:10px;font-size:12px;color:#037AE2}
.player .curtime{left:0px}
.player .endtime{right:0px}

/* 레티나 대응 */
@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2){
	.ico_title{background:url("//image.soribada.com/image/mobile/ico_mo_t1_title.png") no-repeat center center;background-size:21px 8px}
	.ico_adult{background:url("//image.soribada.com/image/mobile/ico_mo_t2_adut.png") no-repeat center center;background-size:12px 12px}
	.ico_adultForSong{background:url("//image.soribada.com/image/mobile/ico_mo_t4_adut.png") no-repeat center center;background-size:14px 14px}
	
	.btn_search{background:url("//image.soribada.com/image/mobile/img_mo_t1_serh.png") no-repeat center center;background-size:18px 17px}
	.btn-song-play{background:url("//image.soribada.com/image/mobile/btn_mo_play.png") no-repeat center center;background-size:27px 27px}
	.btn-song-pause{background:url("//image.soribada.com/image/mobile/btn_mo_stop.png") no-repeat center center;background-size:27px 27px}
	.btn_viewAlbum{background:url("//image.soribada.com/image/mobile/btn_mo_albm.png") no-repeat center center;background-size:22px 22px}
	.btn_viewPado{background:url("//image.soribada.com/image/v25/common/icon_pado.png") no-repeat center center;background-size:22px 22px}
	.padoDim{background:url("http://image.soribada.com/image/v25/common/icon_pado_off.png") no-repeat center center;background-size:22px 22px}
    .btn_more{background:url("//image.soribada.com/image/mobile/btn_mo_t2_all.png") no-repeat right top;background-size:8px 17px}
	.btn_moreList{background:url("//image.soribada.com/image/mobile/btn_mo_t1_all.png") no-repeat left top;background-size:8px 17px}
	/* .btn_runApp{background:url("//image.soribada.com/image/feed/msoribada/btn_app.png") no-repeat left top;background-size:50%} */
    .btn_closeItem-img{width: 10px;vertical-align: middle;}
    .btn_closeItem {display: inline-block; height: 26px;}
	
	.listNoChange{background:url("//image.soribada.com/image/mobile/blt_mo_stay.png") no-repeat center center;background-size:7px auto}
	.listGoDown{background:url("//image.soribada.com/image/mobile/blt_mo_down.png") no-repeat 10% 3px;background-size:7px auto}
	.listGoUp{background:url("//image.soribada.com/image/mobile/blt_mo_up.png") no-repeat 10% 3px;background-size:7px auto}
	
	.infoBoxForAritst .name{background:url("//image.soribada.com/image/mobile/ico_mo_arti.png") no-repeat left 50%;background-size:14px auto}
	.infoBoxForAlbum .name{background:url("//image.soribada.com/image/mobile/ico_mo_albm.png") no-repeat left 50%;background-size:14px auto}
	.infoBoxForAlbum .image{padding-left:9px;background:url("//image.soribada.com/image/mobile/img_mo_t2_albm.png") no-repeat left top;background-size:117px 110px}
	
	.buttonForSong.play{background:url("//image.soribada.com/image/mobile/btn_mo_t4_play.png") no-repeat center center;background-size:60px 60px}
	.buttonForSong.stop{background:url("//image.soribada.com/image/mobile/btn_mo_t4_paus.png") no-repeat center center;background-size:60px 60px}
}

#mp3player {
    visibility: hidden !important;
}

/* 프로모션 이벤트 페이지 */
#eventContent .wrap-promoption .wrap-image,
#eventContent .wrap-promoption .wrap-allbtn {
    position: relative;
    top: 0;
    left:0;
}
#eventContent .wrap-promoption .wrap-allbtn {
    margin: 10px 0;
}
#eventContent .wrap-promoption .wrap-image img,
#eventContent .wrap-promoption .wrap-allbtn img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
#eventContent .wrap-promoption .wrap-image button {
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
}
#eventContent .wrap-promoption .wrap-image .btn_apply {
    top: 89.8%;
    left: 50%;
    width: 77%;
    height: 7%;
    margin-left: -38.5%;
}
#eventContent .wrap-promoption .wrap-image .btn-facebook {
    top: 2.4%;
    left: 76%;
    width: 9%;
    height: 5.5%;
}
#eventContent .wrap-promoption .wrap-image .btn-kakao {
    top: 2.4%;
    left: 86.8%;
    width: 9%;
    height: 5.5%;
}
#eventContent .wrap-promoption .wrap-image .link-kanu-radio {
    position: absolute;
    top: 57.6%;
    left: 0;
    width: 100%;
    height: 21.2%;
    text-indent: -9999px;
    overflow: hidden;
}
#eventContent .wrap-promoption .wrap-allbtn .btn-allsong {
    position: absolute;
    top: 20%;
    left: 11.5%;
    width: 30.8%;
    height: 60%;
    text-indent: -9999px;
    overflow: hidden;
}
#eventContent .wrap-promoption .wrap-allbtn .notice-appinfo {
    position: absolute;
    top: 8%;
    left: 48%;
    color: #596874;
    font-size: 12px;
    padding-right: 2%;
    line-height: 18px;
    text-indent: -10px;
}
@media all and (max-width:380px) {
    #eventContent .wrap-promoption .wrap-allbtn .notice-appinfo {
        font-size: 11px;
        line-height: 16px;
    }
}
@media all and (min-width:560px) {
    #eventContent .wrap-promoption .wrap-allbtn .notice-appinfo {
        top: 30%;
    }
}
#eventContent .wrap-promoption .wrap-allbtn .bg-white {
    position: absolute;
    top: 0;
    left: 45%;
    right: 0;
    height: 100%;
    background: #fff;
}
#eventContent .wrap-promoption .songListInPromotion {
    border-top: 1px solid #e1e1e1;
}
#eventContent .wrap-promoption .wrap-notice {
    padding: 20px 20px 0;
}
#eventContent .wrap-promoption .wrap-notice li {
    font-size: 12px;
    color: #454545;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 10px;
    line-height: 18px;
    background: url('//image.soribada.com/image/mypage/20131217_sale/m_bl.png') no-repeat 0 6px;
}
#eventContent .wrap-promoption .wrap-bnrimg .btn_ticket {
    display: block;
    width: 100%;
}
#eventContent .wrap-promoption .wrap-bnrimg img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
#eventContent .wrap-promoption .wrap-share {
    padding: 10px 20px;
    background: #e6e6e6;
}
#eventContent .wrap-promoption .wrap-share {
    overflow: hidden;
}
#eventContent .wrap-promoption .wrap-share .txt-share {
    color: #6f6f6f;
    font-size: 12px;
    text-align: center;
}
#eventContent .wrap-promoption .wrap-share .btns-share {
    text-align: center;
    padding-top: 10px;
}
#eventContent .wrap-promoption .wrap-share .btn-share {
    width: 130px;
    height: 29px;
    text-indent: -9999px;
    overflow: hidden;
}
#eventContent .wrap-promoption .wrap-share .btn-facebook {
    background: url('//image.soribada.com/image/mypage/20140326_kanu/btn_m_fb.png') no-repeat 0 0;
    background-size: 100% auto;
}
#eventContent .wrap-promoption .wrap-share .btn-twitter {
    background: url('//image.soribada.com/image/mypage/20140326_kanu/btn_m_tw.png') no-repeat 0 0;
    background-size: 100% auto;
}
#eventContent .wrap-radio .link-kanu-radio {
    display: block;
}
#eventContent .wrap-radio .link-kanu-radio img {
    width : 100%;
    height: auto;
    vertical-align: top;
}
#eventContent .promotion2181 .wrap-image .btn-share {
    position: absolute;
    top: 8.6%;
    width: 6%;
    height: 7.3%;
    overflow: hidden;
    text-indent: -9999px;
}
#eventContent .promotion2181 .wrap-image .btn-facebook {
    left: 83.7%;
}
#eventContent .promotion2181 .wrap-image .btn-kakao {
    left: 90.9%;
}

/* interactive Icon / Menu&Close */
.menuSection .nav-icon {
outline: none;
width: 26px;
position: relative;
margin: 7px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.menuSection .nav-icon span{
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #ffffff;
border-radius: 9px;
opacity: 1;
left: 0;
padding: 0;
margin: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.menuSection .nav-icon span:nth-child(1) {
top: 0px;
}

.menuSection .nav-icon span:nth-child(2),.menuSection .nav-icon span:nth-child(3) {
top: 10px;
}

.menuSection.menuLayer .nav-icon {
    z-index: 999;
    margin: 7px;
    height: 100%;
}
.menuSection.menuLayer .nav-icon span:nth-child(2),.menuSection.menuLayer .nav-icon span:nth-child(3) {
background: #0559a5;
}

.menuSection .nav-icon span:nth-child(4) {
top: 20px;
}

.menuSection.menuLayer .nav-icon span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}

.menuSection.menuLayer .nav-icon span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
    width: 20px;
}

.menuSection.menuLayer .nav-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
    width: 20px;
}

.menuSection.menuLayer .nav-icon span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}

/* search & close icon */
.icon-area {
    width: 40px;
    height: 35px;
}
.icon-area--left {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 35px;
}
.icon-area--right {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 35px;
}
.icon-area--right50 {
    position: absolute;
    top: 0;
    right: 50px;
    width: 30px;
    height: 35px;
}
.search-icon {
    background:url('//image.soribada.com/image/mobile/v2/btn_serch_p.png') no-repeat center center;
    background-size:25px 25px;
    width: 100%;
    height: 100%;
}
.search-close-icon {
    width: 20px;
    height: 35px;
}
#searchClose{
    display: none;
}
.input-area {
    background: #ffffff;
    border-radius: 16px;
    height: 35px;
}
.input-area .inputText_hide {
    height: 35px;
    width: 90%;
}

.search {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    width: 0%;
}

.searchBoxShow .search {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    width: 100%;
}

.inputText_hide {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    margin-left: 0;
}

.searchBoxShow .inputText_hide {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    margin-left: 10px;
}

.icon-area--left {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    width: 0;
}

.searchBoxShow .icon-area--left {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    width: 40px;
}