@charset "utf-8";

.sub_content		{position:relative; width:100%; height:auto; margin:0 ; padding:0 ; z-index:3 }




/* calender */
.calender h3		{width:21%; margin-left:5%}
.calender ul		{width:100%; margin:0 ; padding:0;}
.calender li			{width:90%; margin:0 auto}
.calender .ca01	{width:60%; margin-bottom:5%;}
.calender .ca02 	{margin:3% 5% 20% 5%}
.calender .ca02 li	{width:40%; float:left}

/* calender_detail */
.calender_detail h3			{width:21%; margin-left:5%}
.calender_detail ul			{width:100%; margin:0 ; padding:0 0 3% 0;}
.calender_detail li			{width:90%; margin:0 auto}
.calender_detail .ca01		{width:30%; margin-bottom:5%;}
.calender_detail .ca02		{width:100%; height:auto; margin:0 auto; }
.calender_detail .ca02 li	{width:90%;padding:3% 0 }
.calender_detail .ca02 .btn			{width:90%; margin:0 auto;}

/* 아티스트 공연 정보 */
.information h3		{width:80%; margin-left:8%}
.information .in01	{width:50%; margin:0; padding-left:8%; }
.information ul		{margin:0; padding:2% 0 5% 8%;}
.information .in02	{width:21%;margin:0; padding-bottom:2%;}
.information .in03	{width:90%;margin:0; }

/* 검색 */
.search				{width:100%}
.search p			{width:80%; margin:0 auto; padding:5% 0 0 0}
.search h3			{width:38%;margin:0; padding:5% 0 0 10%}
.search ul			{width:100%;margin:0 auto; padding:3% 0 5% 0 ; border-bottom:1px solid #ff9b43 ;}
.search .se01		{width:80%; margin::0 auto; padding-left:10%}
.search .se02		{width:80%; margin::0 auto; }
.search .se02	 li	{padding-bottom:5%}

/* 로그인 */
.login					{position:relative; width:100%;  height:auto; background:url("/mobile/img/content/login.jpg") no-repeat;  background-size:100%;}
.login 	p				{width:10%;  margin:0 ;padding:0; float:right;}
.login	 ul				{width:98%; margin:0 0 0 2%; padding:35% 0 110% 0;}
.login	 li				{width:35%; float:left; padding:40% 0 0 10%}

/* 회원가입 */
.join					{width:100%;  height:525px; background:url("/mobile/img/content/join.jpg") no-repeat;  background-size:100%;}
.join	p				{width:10%;  margin:0 ;padding:0; float:right;}
.join	 ul				{width:60%; margin:0 0 0 23%; padding:48% 0 10% 0;}
.join	 li				{width:55%; padding:0 5% 50% 18%}

.join_01					{width:100%;  height:525px; background:url("/mobile/img/content/join_user.jpg") no-repeat;  background-size:100%;}
.join_01	p				{width:10%;  margin:0 ;padding:0; float:right;}
.join_01	 ul				{width:80%; margin:0 0 0 8%; padding:95% 0 5% 0;}
.join_01	 li				{width:40%; float:left; padding:0 0 0 10%}

.join_02					{width:100%;  height:580px; background:url("/mobile/img/content/join_artist.jpg") no-repeat;  background-size:100%;}
.join_02	p				{width:10%;  margin:0 ;padding:0; float:right;}
.join_02	 ul				{width:80%; margin:0 0 0 8%; padding:145% 0 15% 0;}
.join_02	 li				{width:40%; float:left; padding:0 0 0 10%}

.join_03					{width:100%;  height:590px; background:url("/mobile/img/content/rule.jpg") no-repeat;  background-size:100%;}
.join_03	p				{width:10%;  margin:0 ;padding:0; float:right;}
.join_03	 ul				{width:80%; margin:0 0 0 8%; padding:150% 0 5% 0;}
.join_03	 li				{width:40%; float:left; padding:0 0 0 10%}

/*  약관 */
.rule_01					{width:100%;  height:100%; background:url("/mobile/img/common/bg.jpg") repeat-y;  background-size:100%;}
.rule_01	p				{width:10%;  margin:0 ;padding:0; float:right;}

.rule_01	h3				{width:95%; margin:0 ;padding:10% 0 3% 5%;color:#fff; font-size:20px ;font-family:'Nanum Gothic', sans-serif; border-bottom:1px solid #000;}
.rule_01 .person		{width:90%; margin:0; padding:5% 0 0 4%; color:#fff}

/* 즐겨찾기 */
.bookmark 				{width:100%; background:#343434;  background-size:100%;}
.bookmark 	p			{width:10%;  margin:0 ;padding:0; float:right;}
.bookmark ul			{width:100%; margin: 0 ;padding:0; }

/* 아티스트 */
.artist						{width:100%;height:auto; background:url("/mobile/img/content/bg_01.gif") no-repeat;  background-size:100%; }
.artist  p					{width:10%;  margin:2.3% 0 0 0 ;padding:0 5% 0 0; float:right;}
.artist	 ul					{width:100%;  margin: 0 ;padding:0; }


/* 커뮤니티 */
.cummu			{width:100%; height:auto; margin:0; padding:0 0 0 0;}
.cummu	 ul		{width:100%; margin:0; padding:0 0 0 0.5%;}
.cummu li		{width:18%; float:left; padding:0 1.5% 0 1.5%; border-right:1px solid #343434}
.cummu .cu01		{width:13%; float:left;  padding:0 2% 0 2%; }
.cummu .cu02		{width:18%; float:left;  padding:0 1.5% 0 1.5%; ;  border:none}

.cummu01 ul			{ margin:0; padding:10% 0 0 0}
.cummu01 li			{width:49%; float:left; padding:0 0.5% 5% 0.5% }
.cummu01 img		{width:100%;}
.cummu01 .btn		{width:80%; margin:0 auto; padding:15% 0 10% 0}


.team				{width:100% ;  margin:0; padding:15% 0 0 0}
.team ul				{width:95% ; margin: 0 ;padding:0 0 0 2%;}

/* 회원가입완료 */
.complete ul			{width:100% ;  margin:0; padding:0}