@charset "utf-8";
/* ------------------------------------------------------------
 * Name		: basic.css
 * Desc		:
 * Created	: 2013-02-12 by Suga
 * Updated	:
 ------------------------------------------------------------ */
* {
/* No background, just iOS:*/
-webkit-tap-highlight-color: transparent;
/* No background iOS + Android:  */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,nav,menu,section,article,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button{font-size:14px; font-family: 나눔고딕, NanumGothic, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 굴림, Gulim, Helvetica, sans-serif;}
body{font-size:14px; color:#000; word-wrap:break-word; word-break:break-all;}
textarea,input[type=text],input[type=button],input[type=submit],select, button {vertical-align: middle; -webkit-appearance: none}
input{vertical-align:middle}
img,fieldset{border: none;}
ul,ol, menu, li{list-style:none;}
a{color:#000; text-decoration:none;}
em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;text-indent:-9999px;}
/*a{-webkit-tap-highlight-color: rgba(0,0,0,0)}*/

/* IE 정의 */
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,
eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,
progress,section,time,video{display:block}


/* layout */
#wrap{
	width:100%;
	padding: 51px 0 0 0;
	position:relative;
	background: url(../images/bg_body.jpg) repeat-x;
	background-size: 127px 91px;	
}

/* layout */
#wrap.non_header{
	width:100%;
	padding: 51px 0 0 0;
	position:relative;
	background: url(../images/bg_body.jpg) repeat-x;
	background-size: 127px 91px;	
}


/* header */
#uiHeader{
	height:56px; width:100%;
	text-align:center;
	position:absolute; left:0; top:0;
	background:url(../images/bg_top_bar.png) repeat-x left top;
	background-size: 2px 56px;
	z-index: 110; 
}

#uiNonHeader
{
	margin:7px 0 0 0;
}
	#uiHeader h1 img{
		width:117px;
		margin:7px 0 0 0;
	}
	#uiHeader .btnBack{
		width:27px; height:23px;
		display:block;
		position:absolute; left:5px; top:8px;
		background:url(../images/btn_top.png) no-repeat left top;
		background-size: 42px 125px;
		text-indent:-9999px;
	}
	
	#uiHeader .btnBack:active,
	#uiHeader .btnBack:hover{background-position:left -25px}
	
	#uiHeader .btnMenu{
		width:41px; height:33px;
		display:block;
		position:absolute; right:3px; top:4px;
		background:url(../images/btn_top.png) no-repeat left -50px;
		background-size: 42px 125px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color:transparent; 
	}
	#uiHeader .btnMenu.active,
	#uiHeader .btnMenu:active{background-position:left -85px}
	/*#uiHeader .btnMenu:hover{background-position:left -85px}*/

#uiHeader #gnb{
	width:100%;
	position:absolute; left:0; top:41px;
	display: none;
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
}

	#uiHeader #gnb li{
		text-align: left;
		height:37px; 
		padding:12px 0;
		border-bottom:1px solid #616067;
		background:#494950;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#494950), color-stop(100%,#5a5a60)); /* Chrome,Safari4+ */
		background: linear-gradient(to bottom, #494950 70%,#5a5a60 100%); /* W3C */
	}
	#uiHeader #gnb li a{
		font-size: 15px;
		color: #b3b3b5; 
		display: block;
		height:15px;
		padding: 9px 0 9px 50px;
		background: url(../images/ico_menu.png) no-repeat; 
		background-size: 30px 580px;
	}
	#uiHeader #gnb li:active, #uiHeader #gnb li:hover{
		color: #fff; 
		background:#fe80b2;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#fe80b2), color-stop(100%,#fe8cb9)); /* Chrome,Safari4+ */
		background: linear-gradient(to bottom, #fe80b2 70%,#fe8cb9 100%); /* W3C */
	}
	#uiHeader #gnb li a.news{background-position: 15px -10px}
	#uiHeader #gnb li a.album{background-position: 15px -68px}
	#uiHeader #gnb li a.vod{background-position: 15px -126px}
	#uiHeader #gnb li a.event{background-position: 15px -184px}
	#uiHeader #gnb li a.artist{background-position: 15px -242px}
    #uiHeader #gnb li a.audition{background: url(../images/icon_mike.png) no-repeat 19px 4px;background-size: 17px 28px;}
	
	#uiHeader #gnb li:active a,#uiHeader #gnb li:hover a{color:#fff}
	#uiHeader #gnb li:active a.news, 
	#uiHeader #gnb li:hover a.news{background-position: 15px -300px}
	#uiHeader #gnb li:active a.album,
	#uiHeader #gnb li:hover a.album{background-position: 15px -358px}
	#uiHeader #gnb li:active a.vod,
	#uiHeader #gnb li:hover a.vod{background-position: 15px -416px}
	#uiHeader #gnb li:active a.event,
	#uiHeader #gnb li:hover a.event{background-position: 15px -474px}
	#uiHeader #gnb li:active a.artist,
	#uiHeader #gnb li:hover a.artist{background-position: 15px -532px}
	
	
	
/* content */
#content{padding: 0 0 0 0}



/* footer */
#uiFooter{
	text-align:center;
	padding:15px 0; 
	background:#494950;
}
	#uiFooter menu{
		margin:12px 0;
		font-size:11px;
		line-height:100%;
	}
	#uiFooter menu li{
		color:#b6b6b6;
		padding:0 1px 0 5px;
		background:url(../images/bar_footer.png) no-repeat left center;
		background-size: 1px 8px;
		display:inline-block;
	}
	#uiFooter menu li:first-child{background:none; padding-left:0}
	#uiFooter menu li a{color:#a4a4a5}
	#uiFooter p.copyright{
		color:#7c7c7f; 
		font-size:9px;
	}
	
#uiFooter .btn
{
	line-height:0;
	padding:0 3px 1px 0;
	border:1px solid #3c3b3b; 
	border-radius: 3px;
	background:#54545c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72727c), color-stop(100%,#54545c)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #72727c 0%,#54545c 100%); /* W3C */
	box-shadow: 0 1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(255,255,255,0.3) ;
}
#uiFooter .btn button{
	height:20px;
	padding:3px 3px 2px 7px; 
	margin-top:-3px; 
	border:none;
	background:none; 
	font-size:11px;
	font-family: 나눔고딕, NanumGothic, '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 굴림, Gulim, Helvetica, sans-serif;
}
#uiFooter .btn .type1{color:#fff;}
#uiFooter .btn .type2{color:#b6b6b6; border-left:1px solid #3c3b3b}
#uiFooter .btn .type2:first-child{border-left:none}
#uiFooter .btn .type2.active{color:#fff}