@charset "utf-8";
/* ------------------------------------------------------------
 * Name		: contents.css
 * Desc		:
 * Created	: 2013-02-12 by Suga
 * Updated	:
 ------------------------------------------------------------ */
/* 공통스타일 */
header h2{
	color:#972673;
	font-size:15px;
	height:22px;
	margin:5px 0; padding: 3px 0 0 33px;
	background: url(../images/ico_menu2.png) no-repeat 6px top;
	background-size: 25px 250px;
}
header h2.news{background-position: 6px 0}
header h2.album{background-position: 6px -25px}
header h2.vod{background-position: 6px -50px}
header h2.event{background-position: 6px -75px}
header h2.star{background-position: 6px -100px}
header h2.daliy{background-position: 6px -123px}
header h2.gallery{background-position: 6px -148px}
header h2.staffDiary{background-position: 6px -173px}
header h2.fanboard{background-position: 6px -200px}
header h2.fromstar{background-position: 6px -225px}
header h2.audition{background:url(../images/icon_mike_color.png) no-repeat 11px 3px;background-size: 13px 20px;}


/* 페이징 공통 */
.paging p{
	height:10px;
	text-align:right;
	font-size:10px;
	line-height:1em;
}
.showNum{
	font-size:1px;
	text-align: center;
}
.showNum span{
	width:11px; height:8px;
	display:inline-block;
	vertical-align:middle;
	background: url(../images/dot_paging.png) no-repeat right top;
	background-size: 22px 8px;
	text-indent:-9999px;
}
.showNum span.active{
	background-position:left top;
}
.showNum a{
	width:32px; height:20px;
	display:inline-block;
	vertical-align:middle;
	background: url(../images/arrow_paging.png) no-repeat left top;
	background-size: 65px 20px;
	text-indent:-9999px;
}
.showNum a.prev{
	margin: 0 15px 0 0;
	background-position:left top;
}
.showNum a.next{
	margin: 0 0 0 15px;
	background-position:right top
}

/* 더보기 공통 */
.moreBtn {
	display: block;
	margin: -10px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #caa7be;
	background:#f1e3ec;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6eff4), color-stop(70%,#edd9e6)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #f6eff4 0%,#edd9e6 70%); /* W3C */
	text-align: center;
	font-weight: bold;
	color: #972673;
}

/* 텍스트 버튼 공통 */
.uiBtn{
	float:right;
	height:22px;
	font-size:11px;
	color:#73215d;
	line-height:0;
	padding:0 9px 1px 9px;
	margin:0 0 0 5px ;
	border:1px solid #caa7be;
	border-radius: 5px 0 5px 0;
	background:#54545c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5eff3), color-stop(70%,#eddae7)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #f5eff3 0%,#eddae7 70%); /* W3C */
	box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(255,255,255,1) ;
}
.uiBtn.left{
	float:left !important;
	margin:0 ;
}

header .uiBtn{
	margin:-31px 10px 0 0;
}
.uiBtn2{
	display:inline-block;
	width:38px; height:22px;
	font-size:11px;
	color:#73215d;
	line-height:0;
	padding:0 ;
	margin:0 0 0 0 ;
	border:1px solid #caa7be;
	border-radius: 3px;
	background:#54545c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5eff3), color-stop(70%,#eddae7)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #f5eff3 0%,#eddae7 70%); /* W3C */
	box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0 rgba(255,255,255,1) ;
}
a.uiBtn2{
	line-height:1em;
	height:17px;
	padding-top:5px;
}


/* list type */
/* 텍스트 리스트 */
.txtList li{
	border-top: 1px solid #eae3e7;
}
.txtList li:first-child{border-top:none}
.txtList li a{
	display:block;
	padding: 10px ;
	line-height:1em;
	
	overflow:hidden;
}
.subBody .txtList li{min-height:46px}
.subBody .txtList li a{
	display:block;
	padding: 10px ;
}

.txtList li a strong
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:16px;
    max-width:100%;
}

.txtList li a span{
	display:block;
	font-size:11px;
	color:#adafb3;
	margin: 3px 0 0 0;
}
.txtList li a span em{
	color:#f487b2;
	font-weight:bold;
}

.txtList li.reply a{
	font-size:12px;
	padding: 9px 10px 10px 27px ;
	border-top:1px solid #fff;
	background:#f2f2f3 url(../images/arrow_reply.png) no-repeat 10px 10px;
	background-size:11px 11px;
}

.txtList .reply a span{margin:0 0 5px 0 }

.subCnt .imgList li a {
	text-indent:0;
}

.txtList li a:hover,
.txtList li a:active{
	color:#fff;
	background-color:#fe80b2;
}
.txtList li a:hover span,
.txtList li a:active span{
	color:#ffd5e6;
}
.txtList li a:hover span em,
.txtList li a:active span em{
	color:#fff;
}


/* 썸네일 리스트 */
.imgList li{
	height:49px;
	padding:5px 30px 5px 5px;
	position:relative;
	border-top: 1px solid #eae3e7;
	line-height:1.2em;
}
.imgList li:first-child{border-top:0}

.imgList .thum{
	float:left;
	width:49px; height:49px;
	margin: 0 10px 0 0;
	display:inline-block;
	vertical-align:middle;
}
.imgList .thum img{
	width:100%; height:100%
}

.imgList div{
	height:44px;
	padding: 9px 0 0 0;
}
.imgList div strong
{
    word-space:nowrap;
	display:block;
	overflow:hidden;
	margin: 0 0 2px 0;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.imgList div span{
	font-size:11px;
	color:#adafb3;
	display:block;
}
.imgList li a{
	width:100%; height:100%;
	display:block;
	position:absolute; left:0; top:0;
    text-indent: 0%;
    white-space: nowrap;
    overflow: hidden;
    color:transparent; 
}
.vod li{
	height:36px;
	padding-right:33px;
}
.vod li .thum{
	height:36px;
	position:relative;
}

.vod li .thum .vodIco{
	height:100%; width:100%;
	position:absolute;
	left:0; top:0;
	background: url(../images/btn_vod.png) no-repeat 32px 18px;
	background-size: 13px 13px;
    text-indent: 0%;
    white-space: nowrap;
    overflow: hidden;
    color:transparent; 
}
.vod li div{
	height:36px;
	padding-top:2px;
}

.event li .thum{
	width:72px; height:49px;
	position:relative;
}
.event li div{
	height:46px;
	padding-top:3px;
}
.event li div strong{
	height:30px;
	margin-bottom:0;
	line-height:1em;
	white-space:normal;
}


.artist li .thum {
	width: 49px;
}
.artist li div {
	height: 49px;
	padding-top: 0px;
}
.artist li div strong {
	line-height: 49px;
	padding-bottom: 0px;
}

.playList li {
	height:24px;
	padding:5px 30px 5px 5px;
	position:relative;
	border-top: 1px solid #eae3e7;
}
.playList li:first-child{border-top:0}
.playList .num {
	float:left;
	font-size:11px;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 26px;
	margin-right: 10px;
	background: url("../images/bg_numThum.png") no-repeat 0 0;
	background-size: cover;
	text-align: center;
	color: #972673;
}
.playList strong {
	display:block;
	height: 24px;
	line-height: 24px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.playList li a{
	width:100%; height:100%;
	display:block;
	position:absolute; left:0; top:0;
	text-indent:-9999px;
}

.dateList li {
	overflow: hidden;
	position: relative;
	min-height: 32px;
	padding: 10px;
	border-top: 1px solid #eae3e7;
}
.dateList li:first-child {
	border-top: none;
}
.dateList li time {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 50px;
	border-right: 1px solid #eae3e7;
}
.dateList li time sub {
	display: block;
}
.dateList li div {
	line-height: 140%;
	margin-top: -4px;
	padding-left: 62px;
	letter-spacing: -1px;
}
.dateList li div mark {
	display: inline;
	background: none;
	color: #f487b2;
}
.dateList li div span 
{
    font-size:0.85em;
    margin-left:5px;
}


.imgList li:hover,
.imgList li:active{
	color:#fff;
	background-color:#fe80b2;
}
.imgList li:hover span,
.imgList li:active span{
	color:#ffd5e6;
}



/* 댓글 */
.comment fieldset{
	padding:10px;
	border-top:1px solid #eae3e7;

}
.comment fieldset .comt{
	float:right;
	margin-top:-81px;
	height:81px;
}

.comment fieldset div{
	padding:3px;
	margin: 0 45px 0 0;
	border:1px solid #caa7be;
	border-radius:0
}
.comment fieldset div textarea{
	width:100%;	height:73px;
	text-align:left;
	font-size:12px;
	border:none;
}

.commentList {border-top:1px solid #eae3e7}
	.commentList li{
		font-size:12px;
		min-height:50px;
		padding: 9px 10px 10px 27px ;
		position: relative;
		border-top:1px solid #fff; border-bottom:1px solid #eae3e7;
		background:#f2f2f3 url(../images/arrow_reply.png) no-repeat 10px 10px;
		background-size:11px 11px;
	}
	.commentList li:last-child{border-bottom:none}
	.commentList li div{margin-right:45px}
	.commentList li div span{
		font-size:11px;
		color:#adafb3;
		display:block;
	}
	.commentList li div.btnArea{
		width:40px;
		margin:0; padding:0;
		position:absolute; right:9px; top:9px;
	}
	.commentList li div.btnArea .uiBtn2{
		margin-bottom:8px;
	}
	.commentList li.reply{
		padding:9px 10px 10px 47px;
		background-position:30px 10px;
	}

/* write/modify */
.write{padding:10px;}
.boardWrite div{
	padding:6px 4px;
	margin: 5px 0;
	border:1px solid #caa7be;
	border-radius:0
}
.boardWrite div textarea{
	width:100%;	height:250px;
	text-align:left;
	font-size:12px;
	border:none;
}
.boardWrite div input[type='text']{
	width:100%;	height:13px;
	line-height:1em;
	text-align:left;
	font-size:12px;
	border:none;
	padding:0 0 2px 0; margin:-3px 0 0 0 ;
}
.boardWrite p{
	display:block;
	font-size:11px;
	color:#adafb3;
}




/* main */
.mainVisual{
	margin-top: -51px;
	overflow:hidden;
	position:relative;
	background: url(../images/bg_main.jpg) repeat-x;
	background-size: 127px 300px;
	width:100%;	
}
.mainVisual .showRoom{
	padding: 41px 10px 10px;
	min-height:204px;
	overflow: hidden;
	text-align:center;	
	z-index:99;
}

.mainVisual .showRoom ul{
	margin:0 auto;
	text-align:center;
	overflow:hidden;	
}

.mainVisual .showRoom ul li
{
    display:none;
    float:left;
    position:absolute;
    top:0;
    left:0;
    width:100%;
	line-height:0;
	border:2px solid #fff;
	border-radius: 15px 0 15px 0;
	overflow: hidden;
	box-shadow:0px 2px 4px #d77da0;
	top:44px !important;
	left:-2px !important;
	transform:translate3d(0,0,0) scale3d(0.93, 0.93, 0.93);
	-webkit-transform:translate3d(0,0,0) scale3d(0.93, 0.93, 0.93);
	-webkit-backface-visibility: hidden;
}
.mainVisual .showRoom ul li a 
{
    outline:noen;
    border:none;
}
.mainVisual .showRoom ul li img
{
    float:left;
	width: 100%;
	border-radius: 13px 0 13px 0;
}

.mainVisual p{
	text-align:center;
	font-weight:bold;
	margin:0 10px 9px 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	word-wrap:break-word;
}
.mainVisual .showNum{
	margin: 0 0 12px 0;
}
.mainVisual button{
	width:28px; height: 44px;
	border:0;
	display:block;
	margin-top:-22px;
	position: absolute; top:50%;
	background: url(../images/arrow_top.png) no-repeat left top;
	background-size: 120px 44px;
    text-indent: 0%;
    white-space: nowrap;
    overflow: hidden;
    color:transparent; 
    outline:none;
}
.mainVisual button.prev{
	left:23px;
	z-index:100;
}
.mainVisual button.next{
	right:23px;
	background-position: right top;
	z-index:100;
}
.mainVisual .showRoom ul:after{content:''; clear:both; display:block;}

.listBox header{
	position: relative;
	border:1px solid #caa7be; border-width: 1px 0;
	background:#eddbe7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f4eef2), color-stop(100%,#eddbe7)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #f4eef2 0%,#eddbe7 100%); /* W3C */
	box-shadow:inset 0 3px 4px #fff;
}

.listBox header .more {
    display:block;
	width: 27px; height: 24px;
	position: absolute; right:10px; top:7px;
	background:url(../images/arrow_more.png) no-repeat left 0;
	background-size: 27px 50px;
    text-indent: 0%;
    white-space: nowrap;
    overflow: hidden;
    color:transparent; 
    line-height:24px;
}
.listBox header .more:active,
.listBox header .more:hover{
	background-position:left bottom;
}
.listBox header .base {
	width: 42px; height: 24px; line-height: 22px;
	display:block;
	position: absolute; right:10px; top:3px;
	background:url(../images/arrow_base.png) no-repeat left 0;
	background-size: 42px 50px;
	text-align: center;
	font-size: 12px;
	color: #73215d;
}
.listBox header .base:active,
.listBox header .base:hover{
	background-position:left bottom;
}
.listBox .mainVisual {
	margin: 10px;
}
.listBox .mainVisual {
	overflow: hidden;
	margin: 10px;
}
.listBox .mainVisual .showNum {
	margin-top: 10px;
	margin-bottom: 5px
}

.main .imgList, 
.artistView .imgList {
	padding:5px 0;
}
.main .imgList li,
.artistView .imgList li{
	border-top:0;
	padding:5px 10px;
	overflow:hidden;
}

.banner{
	border-top: 1px solid #eae3e7;
	padding:10px;

}
.banner img{
	width:100%;
	display:block;
	border:1px solid #eae3e7;
}


/* sub */
.subBody{
	background:#fff;
	border:1px solid #caa7be; border-width:1px 0;
}
.subBody.listBox header,
.subBody .listBox:first-child header{border-top:none}

.subCnt footer{
	overflow: hidden;
	min-height:29px;
	color:#b681a4;
	padding:10px;
	background:#f4eef2;
}

.subCnt footer .paging{
	margin:-5px 0 5px 0;
}

.subCnt header h2{
	font-size:16px;
	padding-bottom:2px;
}

.detail header {
	padding:10px;
}
.detail header h3{
	font-size:14px;
	line-height:1.2em;
}
.detail header span{
	display:block;
	font-size:11px;
	color:#adafb3;
	margin: 3px 0 0 0;
}
.detail header span em{
	color:#F487B2;
	font-weight:bold;
}

.viewNews{
	text-align: justify;
	padding:0 10px 10px;
}
.viewNews img{
	max-width:100%;
	display:block;
	margin:0 auto 10px auto;
}
.viewNews iframe 
{
    max-width:100%;
    display:block;
    margin:0 auto;
}
.viewNews embed, .viewNews object 
{
    max-width:100%;
    display:block;
    margin:0 auto;
}

.subCnt .vod li a span.vodIco{
	width:21px; height:21px;
	display:block;
	position:absolute; right:10px; top:50%;
	margin-top:-10px;
	text-indent:-9999px;
	background: url(../images/btn_vod.png) no-repeat right center;
	background-size: 21px 21px;
}
.subCnt .imgList li a span.moreIco{
	width:7px; height:10px;
	display:block;
	position:absolute; right:10px; top:50%;
	margin-top:-5px;
	text-indent:-9999px;
	background: url(../images/arrow_r1.png) no-repeat right center;
	background-size: 7px 10px;
}
.subCnt .imgList li:hover a span.moreIco,
.subCnt .imgList li:active a span.moreIco{
	background: url(../images/arrow_r1_active.png) no-repeat right center;
	background-size: 7px 10px;
}
.subCnt .playList li a span.musicIco {
	width:24px; height:24px;
	display:block;
	position:absolute; right:10px; top:5px;
	text-indent:-9999px;
	background: url(../images/btn_music.png) no-repeat right center;
	background-size: 20px 20px;
}

.subCnt .mainVisual .showRoom li {
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
}
.subCnt .mainVisual .showRoom li img {
	border-radius: 0px;
}

.artistView .imgList li {
	border: none;
}


/* album list */
.blackTitleBox {
	overflow: hidden;
	margin: 0 10px 10px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0px 2px 4px #d77da0;
}
.blackTitleBox > div {
	position: relative;
	height: 94px;
	padding:0 10px 0 112px;
	background: #48444c;
}
.blackTitleBox > div div{
	display: inline-block;
	vertical-align: middle;
	width:96%;
}

.blackTitleBox > div:before{
	content: "";
	display:inline-block;
	width:0; height: 90px;
	vertical-align: middle;
}

.blackTitleBox div h2 {
	height:auto;
	line-height:1em;
	margin: 0px;
	padding: 0px;
	background: none;
	color: #fff;
}
.blackTitleBox div h3 {
	font-size: 12px;
	color: #cba1c0;
}

.blackTitleBox div h3 a{
	font-size: 12px;
	color: #cba1c0;
}

.blackTitleBox div h2~h3,
.blackTitleBox div h3~h2 {
	margin-top: 5px;
}

.blackTitleBox div img {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 90px;
	height: 90px;
	border-top-left-radius: 12px;
}
.blackTitleBox dl {
	overflow: hidden;
	position: relative;
    padding: 0 10px;
}
.blackTitleBox dt {
	float:left;
	width: 130px;
	padding: 10px 0;
	font-size: 12px;
	height:15px;
}
.blackTitleBox dd {
	padding: 10px 0;
	padding-left: 140px;
	border-top: 1px solid #eae3e7;
	font-size: 12px;
    line-height:15px;
}
.blackTitleBox dt:first-child,
.blackTitleBox dt:first-child+dd {
	border-top: 0px;
}
.blackTitleBox.albumNew dt {
	width: 102px;
}
.blackTitleBox.albumNew dd {
	padding-left: 102px;
}


/* blackTitleMiniBox */
.blackTitleMiniBox {
	overflow: hidden;
	position: relative;
	height: 53px;
	margin: 0 10px 10px;
	border-top-left-radius: 13px;
	border-bottom-right-radius: 13px;
	background: #48444c;
	box-shadow: 0px 2px 4px #d77da0;
}
.blackTitleMiniBox h2 {
	display: inline-block;
	line-height: 53px;
	margin: 0px;
	margin-left: 22px;
	padding: 0px;
	background: none;
	color: #fff;
}
.blackTitleMiniBox img {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 49px;
	height: 49px;
}


/* directLink */
.directLink {
	overflow: hidden;
}
.directLink li {
	width: 50%;
	min-height: 36px;
}
.directLink li img {
	width: 100%;
}
.directLink li:nth-child(1),
.directLink li:nth-child(2) {
	margin-bottom: 1px;
}
.directLink li:nth-child(odd) {
	float: left;
	padding-right: 1px;
	width:49.5%;
}
.directLink li:nth-child(even) {
	float: right;
}
.directLink li a{
	display:block;
	border:1px solid #caa7be;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5eff3)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f5eff3 100%); /* W3C */
	box-shadow:inset 1px 1px 0 #fff, inset -1px 1px 0 #fff;
}
.directLink li a:hover,
.directLink li a:active{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfcbd8), color-stop(100%,#f4eef2)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #dfcbd8 0%,#f4eef2 100%); /* W3C */
}
.directLink li a span{
	margin:10px;
	height:13px;
	font-size:0;
	display:block;
	background:url(../images/txt_link.png) no-repeat left top, url(../images/arrow_r1.png) no-repeat right center;
	background-size:70px 88px, 7px 10px;
	text-indent:-20000px;
}
.directLink li a span.notice{background-position:left 0px, right center }
.directLink li a span.diary{background-position:left -15px, right center }
.directLink li a span.fanboard{background-position:left -30px, right center }
.directLink li a span.fromstar{background-position:left -45px, right center }
.directLink li a span.facebook{background-position:left -60px, right center }
.directLink li a span.twitter{background-position:left -75px, right center }




/* tab */
.tab {
	position: relative;
	height: 31px;
	box-shadow: none !important;
}
.tab ul {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 2px 0;
	box-sizing: border-box;
}
.tab li {
	position: relative;
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	text-align: center;
}
.tab li span {
	display: block;
}
.tab li a {
	display: block;
	color: #972673;
	cursor: pointer;
}
.tab li.active {
	padding-right: 8px;
	background: url("../images/bg_tabLine.png") no-repeat right 0px;
	background-size: 15px 30px;
}
.tab li.active span {
	padding-left: 8px;
	background: url("../images/bg_tabLine.png") no-repeat 0px 0px;
	background-size: 15px 30px;
}
.tab li.active a {
	padding: 0 10px;
	border-top: 1px solid #caa7be;
	background: #fff;
	background-size: 8px 10px;
}
.subBody.artistView .tab li.active a {
	background-image: url("../images/arrow_r1.png");
	background-repeat: no-repeat;
	background-position: 95% center;
}


/* datePage */
.datePage {
	position: relative;
	height: 32px;
	padding-top: 2px;
	background: #f4eef2;
	border-bottom: 1px solid #caa7be;
}
.datePage div {
	position: absolute;
	top: 0px;
	bottom: 5px;
	width: 32%;
}
.datePage div.prev {
	left: 0px;
	z-index:5;
}
.datePage div.next {
	right: 0px;
	z-index:5;
}
.datePage div a {
	position: absolute;
	bottom: 0px;
	width:32px; height:20px;
	display:inline-block;
	vertical-align: bottom;
	background: url(../images/arrow_paging.png) no-repeat left top;
	background-size: 65px 20px;
	text-indent:-9999px;
}
.datePage div.prev a {
	right: 15px;
	background-position:left top;
}
.datePage div.next a{
	left: 15px;
	background-position:right top
}
.datePage p {
	position: absolute;
	top: 6px;
	left: 0px;
	width: 100%;
	padding: 0 30%;
	box-sizing: border-box;
	text-align: center;
}
.datePage strong {
	display: block;
	padding-right: 8px;
	background: url("../images/bg_tabLine.png") no-repeat right 0px;
	background-size: 15px 35px;
}
.datePage span {
	display: block;
	padding-left: 8px;
	background: url("../images/bg_tabLine.png") no-repeat 0px 0px;
	background-size: 15px 35px;
}
.datePage time {
	padding: 6px 0;
	border-top: 1px solid #caa7be;
	background: #fff;
	line-height: 100%;
	font-size: 16px;
	color: #972673;
}


/* subTeaser */
.subTeaser {
	overflow: hidden;
	position: relative;
	margin: 0 10px 10px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: #000000;
}
.subTeaser aside {
	position: relative;
}
.subTeaser aside img {
	position: absolute;
	top: 10px;
	left: 15px;
	line-height: 100%;
	width: 40px;
	color: #cba1c0;
}
.subTeaser aside a {
	position: absolute;
	top: 10px;
	right: 10px;
	padding-right: 18px;
	background: url("../images/bg_skip.png") no-repeat right center;
	background-size: 12px 9px;
	line-height: 100%;
	color: #8d8d8d;
}
.subTeaser > header {
	margin-top: 36px;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
}
.subTeaser > header h2 {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	background: none;
	font-size: 18px;
	color: #fff;
}
.subTeaser > header h3 {
	font-size: 14px;
}
.subTeaser article header {
	border: none;
	background: none;
	box-shadow: none;
}
.subTeaser article header h2 {
	margin: 0px;
	background: url("../images/ico_menu3.png") no-repeat 6px top;
	background-size: 25px 50px;
	color: #f487b2;
}
.subTeaser .mainVisual {
	margin: 10px;
	background: none;
}
.subTeaser .showRoom ul li {
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
}
.subTeaser .showRoom ul li img {
	border: 2px solid #f085af;
	border-radius: 0px;
	box-sizing: border-box;
}
.subTeaser .showNum {
	margin-top: 10px;
	margin-bottom: 15px;
}
.subTeaser .images h2 {
	background-position: 6px 0px;
}
.subTeaser .musicVideos h2 {
	background-position: 6px -25px;
}
.subTeaser .musicVideos > div {
	position: relative;
	min-width: 280px;
	min-height: 158px;
	margin: 10px;
	margin-bottom: 5px;
}
.subTeaser .musicVideos > div img {
	width: 100%;
	height: auto;
	border: 2px solid #f085af;
}
.subTeaser .musicVideos > div a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
}
.subTeaser .musicVideos > div a img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 55px;
	height: 55px;
	margin-top: -27px;
	margin-left: -27px;
	border: none;
}
.subTeaser .musicVideos .imgList {
	overflow: hidden;
	margin-bottom: 5px;
}
.subTeaser .musicVideos .imgList li {
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
}
.subTeaser .musicVideos .imgList li:last-child:hover,
.subTeaser .musicVideos .imgList li:last-child:active {
	border-bottom-right-radius: 10px;
}
.subTeaser .musicVideos .imgList div strong {
	color: #fff;
}


/* 아티스트 갤러리 */
.catchMe  header h3{
	text-align:center;
	margin: 5px 0 10px 0;
}
.catchMe ul{overflow:hidden; padding: 0 0 10px 5px}
.catchMe ul li{
	height:55px;
	margin:12px;
	float:left;
	background: url(../images/bg_album.png) no-repeat;
	background-size: 55px 55px;
}
.catchMe ul li img{
	width:49px; height:49px;
	border:1px solid #d3ced2;
	margin:2px 0 0 2px;
	transform: rotate(5deg);
	-webkit-transform: rotate(5deg); /* Safari and Chrome */
}



/*  login */
#wrap.login{
	background:#f396be url(../images/bg_login.jpg) repeat-x;
	background-size: 196px 382px;
}

.login .loginContainer{
	margin:0 10px 30px 10px ;
	border-radius:15px 0 15px 0;
	box-shadow: 0 2px 4px #d77da0;
	background:#494950;
}
.login .loginContainer header h2{
	height:auto;
	font-size:0;
	background:none;
	text-align:center;
	padding:8px 0 8px 0;
	margin:0;
}
.login .loginContainer header h2 img{
	width:154px;
}

.login .loginContainer article{
	padding:25px 10px;
	background:#fff;
}
.loginBox{
	border-radius: 0 15px 0 0;

}
.loginBox fieldset{
	position:relative;
	font-size:12px;
}
.loginBox fieldset .uiBtn{
	width:75px; height:49px;
	font-weight:bold;
	position:absolute; right:0; top:0;
}
.loginBox fieldset .text{
	width:100%; height:19px;
	font-size:12px;
	padding:0 2px;
	border:1px solid #caa7be;
	border-radius:0;
}
.loginBox fieldset p{margin-right:86px}
.loginBox fieldset p.email{margin-bottom:7px}
.loginBox fieldset p.save{
	line-height:1em;
	margin:15px 0 10px;
}
.loginBox fieldset p.save .checkbox{
	width:22px; height:22px;
	display:inline-block;
	vertical-align:top;
	margin:-5px 5px 0 0 ;
	background: url(../images/input_checkbox.png) repeat-x right top;
	background-size: 45px 22px;
}
.loginBox fieldset p.save .checkbox.active{
	background-position:left top;
}

.loginBox fieldset p.save .checkbox input{
	background:transparent;
	border:none;
	display:none;
}
.loginBox .btnArea{
	text-align:center;
}
.loginBox .btnArea .uiBtn2{
	width: auto; padding-left:10px; padding-right:10px;
}

.login .loginContainer .snsLogin{
	padding-top:10px !important;
	margin:0;
	border-top:1px solid #eae3e7;
	border-radius: 0 0 15px 0;
	
}

.login #message {margin-bottom:3px;font-size:12px;color:#972673;}

.snsLogin h4{
	color:#972673;
	margin-bottom:7px;
}


/* error */
#wrap.error{background:#fff !important; padding-top:40px !important; padding-bottom:40px !important; line-height:16px;}
.error section{padding:0 10px; text-align:center; font-size:12px;}
.error section .msgBox .ico{
	width:55px; height:50px;
	display:inline-block;
	margin-bottom:20px;
	background:url(../images/ico_error.png) left top;
	background-size:165px 50px;
}
.error section .msgBox .ico.err1{background-position:0 0}
.error section .msgBox .ico.err2{background-position:-55px 0}
.error section .msgBox .ico.err3{background-position:-110px 0}
.error section .msgBox h2{padding:0; margin:15px 0 0 0; color:#f487b2; font-size:18px; font-weight:normal}
.error section .msgBox p{padding:17px 0}
.error .btnArea .uiBtn2{width:auto; padding-left:5px; padding-right:5px; margin:0 2px}

.error .timebox{border:1px solid #eae3e7; border-width:1px 0; padding:18px 0}
.error .timebox time{color:#f487b2; }
.error .att p{padding-top:20px;}
.error .att a{color:#f487b2}

.showMore {height:60px;position:relative; line-height:60px; background-color:#efefef; display:none;}
.showMore p {height:60px; text-align:center; }
.showMore p img {margin-right:5px; vertical-align:middle;}
.showMore span {position:absolute; top:5px; right:5px; font-size:0.75em;}

.noData {text-align:center; padding:10px;}

#swipe-showroom {background: url(../images/bg_main.jpg) repeat-x; background-size: 127px 300px; position: relative; margin:10px; /*overflow:hidden;*/ padding: 0  10px;}
#swipe-showroom .swipe-content {position:relative; width:100%; padding:0 0 0 0;min-height:207px;}
#swipe-showroom .swipe-content ul{width:100%;margin:0 auto;text-align:center}
#swipe-showroom .swipe-content li {width:100%;line-height:0; list-style:none;}
#swipe-showroom .swipe-content img {width:100%; height:auto; float:left;}
#swipe-showroom button {
	width:28px; height: 44px;
	border:0;
	display:block;
	margin-top:-22px;
	position: absolute; top:50%;
	background: url(../images/arrow_top.png) no-repeat left top;
	background-size: 60px 44px;
	text-indent:-9999px;
}
#swipe-showroom button.prev {
    left: 17px;
    z-index: 100;
}

#swipe-showroom  button.next {
    background-position: right top;
    right: 17px;
    z-index: 100;
}


#swipe-thumbs {height:52px; position:relative;margin: 10px 20px 0; padding:0 25px; }
#swipe-thumbs.hidden {display:none;}
#swipe-thumbs button {position:absolute;}

#swipe-thumbs  button {
	position: absolute; top: 0; right: 0px;
	width: 20px; height: 52px;
	border: none;
	background: url(../images/arrow_nail.png) no-repeat -20px 13px;
	background-size: 40px 25px;
	text-indent: -9999px;
}
#swipe-thumbs button.prev {
	left: 0px; right: auto;
	background-position: 0  13px;
}

#showcut {/*background: url(../images/bg_main.jpg) repeat-x; background-size: 127px 300px;*/ position: relative; margin:10px; overflow:hidden; height:auto;}
#showcut .imgView {float:left;width:100%; height:250px;	border-top-left-radius: 13px; border-bottom-right-radius: 13px;}
#showcut .imgView img {width:100%; height:auto; float:left;border-top-left-radius: 13px; border-bottom-right-radius: 13px;}
#showcut button {
	width:56px; height: 88px;
	border:0;
	display:block;
	margin-top:-44px;
	position: absolute; top:50%;
	background: url(../images/arrow_top.png) no-repeat 14px 22px;
	background-size: 120px 44px;
	text-indent:-9999px;
}
#showcut button.prev {
    left: 0px;
    z-index: 100;
}

#showcut  button.next {
    background-position: -76px 14px;
    right: 0px;
    z-index: 100;
}
#transparent {background-color:rgba(0,0,0,0.3); display:none; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;border-top-left-radius: 13px; border-bottom-right-radius: 13px; }
#transparent span {position:absolute; top:50%; left:50%; color:#fff; font-size:0.75em; margin-left:-26px; margin-top:-6px;}
.galleryInfo {background-color:rgba(0,0,0,0.7); display:block; position:absolute; left:0; right:0; bottom:0; border-bottom-right-radius: 13px;}
.galleryInfo img {position:absolute; top:50%; left:50%; }
.galleryInfo .galleryTitle {color:#fff; font-weight:bold; float:left; padding:10px;}
.galleryInfo .galleryPage {color:#fff; float:right; font-size:0.75em; line-height:14px; padding:13px 10px 10px;}
.versionList {margin: 10px;}
.versionList h3 {float:left; font-size:12px; margin-right:10px; height:23px; line-height:23px;}
.versionList .selectversion{ display:block;height: 23px; line-height: 23px; overflow: hidden;background: url('/images/select-arrow.png') no-repeat right #fff; border:1px solid #EDEDED;  padding-left:5px;}    
.versionList .selectversion select {background: transparent;width: 100%; font-size: 14px; font-weight:bold; border: 0;border-radius: 0;height: 23px;-webkit-appearance: none;}
/*
.galleryList {height:52px; padding:25px 0;}
.galleryList li {height:48px; width:58px; float:left; margin-right:2px; opacity: 0.8; border:2px solid #eae3e7;}
.galleryList li:last-child {margin-right:0;}
.galleryList li a {display:block; height:48px; width:58px; background-color: rgb(170, 170, 170); float:left;}
.galleryList li.hover {opacity: 1; border:2px solid #fe80b2;}
.galleryList li a img{display:block; height:48px; width:58px;}
*/
.galleryList {padding: 5px 10px; overflow:hidden; margin:0 auto; min-width:300px;}
.galleryList li {width:93px; height:93px; float:left; border:1px solid #eae3e7; margin: 2px 3px 3px 2px;}
.galleryList li a {float:left;}
.galleryList img {width:93px; height:93px;}
  #swipe-showroom .swipe-content ul li {
    -webkit-transform: none;
  }


/* audition */
.bn_audition{width:100%;}
.bn_audition a{display:block;width:100%}
.bn_audition img{width:100%;height:auto;vertical-align:top}
.audition_list{margin-top:28px;border-top:1px solid #eae3e7}
.audition_list li{border-bottom:1px solid #eae3e7}
.audition_list li a{padding:20px 15px 17px 10px;margin-right:10px;display:block;background: url(../images/arrow_r1.png) no-repeat right center;background-size: 7px 10px;}
.audition_list li h4{margin-bottom:13px;font-size:14px;color:#000}
.audition_list li p{font-size:12px;line-height:18px;color:#696969}
.audtion_subtit{padding:18px 0 18px 10px;font-size:16px;color:#000}
.apply_form{width:100%;border-top:1px solid #eae3e7;border-collapse:collapse;table-layout:fixed}
.apply_form th,.apply_form td{height:35px;border-bottom:1px solid #eae3e7}
.apply_form th{font-size:13px;padding-left:10px;width:120px;color:#000;text-align:left}
.apply_form td{font-size:13px;padding-left:10px;color:#adafb3}
.apply_form input[type=text],.apply_form input[type=number]{padding:5px 2px;height:24px;border:1px solid #eae3e7;box-sizing:border-box;color:#adafb3}
.apply_form td label:first-child{margin-right:15px}
.btn_file{display:inline-block;position:relative;vertical-align:middle;margin-bottom:5px}
.btn_file input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
.txtGroup01{display:inline-block;vertical-align:middle;font-size:11px}
.audition_privacy{padding:10px;font-size:13px;line-height: 20px}
.audition_privacy .txtArea{padding:12px;height:65px;color:#a9a9a9;border:1px solid #e3e3e3;box-sizing:border-box;overflow-y:scroll}
.audition_privacy .agree{padding:11px 10px 0 10px;color:#696969}
.audition_privacy .agree>div:first-child{margin-bottom:10px}
.audition_privacy .agree .fm label{margin-right:15px}
.audition_privacy .agree .fm label input{margin-right:5px}
.audition_btn_sec{margin-top:20px;text-align:center}
.audition_btn_sec .uiBtn{float:none}
.ErrorPlace {display: none;color: #73215D !important;font-weight: bold;text-align: center;padding: 15px 10px;margin: 5px 0;cursor: pointer;margin:0 10px;line-height:20px}
.ErrorThis{color:#73215D !important}
.insertedFile span{display:block;margin-bottom:10px;color:#000;font-weight:bold}
.insertedFile span a{margin-left:5px;color:#f00;font-weight:bold;}
.audition_dp{padding:60px 0 30px;text-align:center;border-top:1px solid #eae3e7}
.audition_dp img{vertical-align:top}
.audition_dp p{margin-top:8px;font-weight:500;font-size:14px;color:#73215D;line-height:20px}