/*common*/

*{margin:0; padding:0;}
li{list-style:none;}
.clearfix::before, .clearfix::after{content:""; display:block; clear:both;}
#wrap{width:100%;}
/*common*/

/*header*/
#logo{float:left; 
	height: 44px;
	margin-top:43px;}
#logo img{width:120px;}

header{width:100%;
		height:130px;
		background-color:#fff;
		position:fixed;
		z-index:1;}
#header_inner_wrap{width:1200px;
				   margin:0 auto;}


#nav_wrap{width:470px;
		margin:0 auto;}

nav li{float:left;
		margin-left:38px;
		line-height:130px;
		display:block;}
nav li:nth-child(1){margin-left:0px;}
nav li a{padding-bottom:10px;
		 border-bottom:3px solid rgba(0,0,0,0);} 
.nav_open{color:#8132c7;
		  padding-bottom:10px;
		  border-bottom:3px solid #8132c7;
		 transition:0.5s;}

#links{float:right;
		line-height:130px;}
#links span .link_open{color:#8132c7;
					   font-weight:600;}

.clearfix::after{content:""; display:block; clear:both;}

/*header*/

#contents_wrap{width:100%;}
/**/
#top_main{width:100%;
			height:20px;
			background:url("../img/sub_top_img01.png");
			background-position:center;
			background-size:cover;
			background-repeat:no-repeat;
			overflow:hidden;}
#title_wrap{width:850px;
			height:220px;
			text-align:center;
			margin:0 auto;
			padding-top:140px;}

#group_wrap{margin-top:30px;}
.group_wrap_each{width:100px;
				float:left;
				margin-left:50px;}
#group_wrap > div:nth-child(1){margin-left:0;}
.group_title span{text-align:center;
				  line-height:30px;}
.group_member{width:78px;
			  margin:0 auto;}
/**/
#top_main,#profile_wrap,footer{position:relative;
								top:130px;}

#profile_contents_wrap{width:534px;
					   margin-top:100px;
					   margin-left:70px;
					   margin-bottom:42px;
					   float:left;}
#profile_info span{display:block;}
#profile_contents_wrap > div{margin-top:50px;}
#profile_contents_wrap > div:nth-child(1){margin-top:0;}
#profile_pic{width:50%;
			 height:1136px;
			 background-image:url("../img/sub_profile_left.png");
			 background-size:125%;
			 background-position:center top;
			 float:left;}
#profile_debut > div{margin-top:25px;}
#profile_debut > div div{line-height:25px;}

#profile_social > div span{width:20px;
						height:20px;
						background-size:contain;
						display:inline-block;
						margin-left:10px;
						margin-top:25px;}
#profile_social > div a:nth-child(1) span{margin-left:0;}

#facebook{background-image:url("../img/icon_facebook_bnw.svg");}
#insta{background-image:url("../img/icon_instagram_bnw.svg");}
#twitter{background-image:url("../img/icon_twitter_bnw.svg");}
#naver{background-image:url("../img/icon_navertv_bnw.png");}

#facebook:hover{background-image:url("../img/icon_facebook_color.svg");}
#insta:hover{background-image:url("../img/icon_instagram_color.svg");}
#twitter:hover{background-image:url("../img/icon_twitter_color.svg");}
#naver:hover{background-image:url("../img/icon_navertv_color.png");}

#profile_prize{width:534px;
				border-bottom:1px solid #d0d0d0;}
#profile_prize > div{margin-top:25px;}
#profile_prize > div a{font-size:16px;}
#profile_prize > div a span{display:inline-block;
							margin-left:15px;}
#profile_prize > div a:nth-child(1) span{margin-left:0;}
.prize_btn_open{border-bottom:3px solid #8132c7;}
#profile_prize > div a .prize_btn_open{color:#8132c7;}
#profile_prize ul{margin-top:25px;
				  margin-bottom:42px;
				  display:none;}
#profile_prize .prize_contents_open{display:block;}
#profile_prize li{line-height:24px;}
#profile_prize ul:nth-child(1){background-color:red;}
#profile_prize ul:nth-child(2){background-color:blue;}

#profile_gallery div{width:150px;
				 height:150px;
				 background-position:center top;
				 background-size:cover;
				 float:left;
				 margin-left:42px;}
#profile_gallery a:nth-child(1) div{background-image:url("../img/news_pic01.jpg");
								  margin-left:0;}
#profile_gallery a:nth-child(2) div{background-image:url("../img/news_pic08.jpg");}
#profile_gallery a:nth-child(3) div{background-image:url("../img/sub_l04_clr.jpg");}

/*modal*/
#modal_btn{width:22px;
		   height:70px;
		   position:absolute;
		   top:50px;
		   margin-left:512px;}
#modal_btn a{display:block;
			background-size:cover;}
#modal_btn a:nth-child(1){width:100%;
							height:22px;
							background-image:url("../img/album_grey.png");}
#modal_btn a:nth-child(2){width:100%;
							height:20px;
							margin-top:8px;
							background-image:url("../img/gallery_grey.png");}
#modal_btn a:nth-child(3){width:100%;
							height:20px;
							margin-top:10px;
							background-image:url("../img/heart_grey.png");}
#modal_btn a:nth-child(1):hover{background-image:url("../img/album_purple.png");}
#modal_btn a:nth-child(2):hover{background-image:url("../img/gallery_purple.png");}
#modal_btn a:nth-child(3):hover{background-image:url("../img/heart_purple.png");}

#modal_back,#modal_wrap{position:absolute;}
#modal{width:100%;position:fixed;
	   display:none;
	   top:0;
	   z-index:1;}
#modal_back{width:100%;
			background:rgba(0,0,0,0.85);
			top:0;}
#modal_wrap{width:981px;
			height:560px;
			background-image:url("../img/modal_img.jpg");
			background-position:center;
			left:50%;
			margin-top:150px;
			margin-left:-490px;}
#modal_left,#modal_right{margin-top:30px;
						 margin-left:30px;
						 float:left;}
#modal_left{width:330px;
			border-right:1px solid rgba(255,255,255,0.2);}
#modal_title{width:200px;
			 margin-top:30px;}
#modal_pic{width:300px;
		   height:315px;
		   background-image:url("../img/sub_profile_left.png");
		   background-size:cover;
		   background-position:center;}
#modal_icon{margin-top:50px;}
#modal_icon div{height:20px;
				background-size:cover;
				float:left;
				margin-right:10px;}
#modal_icon a:nth-child(1) div{width:20px;
							   background-image:url("../img/album.png");}
#modal_icon a:nth-child(2) div{width:22px;
							   background-image:url("../img/gallery.png");}
#modal_icon a:nth-child(3) div{width:21px;
							   background-image:url("../img/heart.png");}



#mv_wrap{width:560px;
	height:315px;
	background-color:black;}
#modal_right{width:560px;}

#mv_title{display:block;
		  margin-top:30px;}
#modal_right p{
			   margin-top:30px;
			   display:block;
			   display:-webkit-box;
			   max-width:560px;
			   max-height:80px;
			   -webkit-line-clamp:4;
			   -webkit-box-orient:vertical;
			   overflow:hidden;
			   text-overflow:ellipsis;}



}
#close_btn{z-index:1;}
#close_btn a img{width:24px;
		height:24px;
		margin-top:30px;
		margin-left:30px;
		-webkit-transition:-webkit-transform .25s, opacity .25s;
        -moz-transition:-moz-transform .25s, opacity .25s;
        transition: transform .25s, opacity .25s;
		opacity:.25;
	}
#close_btn a img:hover{
					-webkit-transform: rotate(270deg);
					-moz-transform: rotate(270deg);
					transform: rotate(270deg);
					opacity:1;
					}
/*modal*/

/**/

/*footer*/
footer{width:100%;
		height:180px;
		background-color:#0d0019;
		text-align:center;
		margin:0 auto;}
footer img{width:120px;
			height:44px;
			margin-top:48px;}
footer span{display:block;
			margin-top:5px;}
/*footer*/