@charset "utf-8";
/* CSS Document */

/* common */

* {
	margin:0;
	padding:0;
	}

body{
	font-style:normal;
	font-size:11px;
	font-family:"돋움", "Arial", "Tahoma", "MS Sans Serif", sans-serif;
	color:#ffffff;
	line-height:18px;
	background:#8b8c90;
	}

a {text-decoration:none;}
a:link, a:visited { color:#ffffff;}
a:hover, a:active { color:#ffffff;}

ul {list-style:none;}

table.tr		{border-collapse:collapse;}
img				{border:0px; vertical-align:top;}
input 			{background:#707275; border:none; height:18px;}
frameset		{border:none;}
/*margin*/
.mg_t40 {margin-top:40px !important;}

.mg_b5 {margin-bottom:5px !important;}
.mg_b10 {margin-bottom:10px !important;}
.mg_b15 {margin-bottom:15px !important;}
.mg_b20 {margin-bottom:20px !important;}
.mg_b25 {margin-bottom:25px !important;}
.mg_b30 {margin-bottom:30px !important;}
.mg_b35 {margin-bottom:35px !important;}
.mg_b40 {margin-bottom:40px !important;}
/*container*/
#container {margin-left:45px; border-left:1px solid #ffffff; clear:both; height:850px;}
/*footer*/
#footer {padding:15px 0 60px 10px;}
ul.foot_list {overflow:hidden; width:100%;}
ul.foot_list li {float:left; background:url(../../images/common/footer/logo_bar.gif) right top no-repeat; padding:0 10px 0 5px;}
ul.foot_list li.last {background:none;}

/*main*/
#main {overflow:hidden; width:100%; border-bottom:1px solid #ffffff;}
.hot_release {float:left; width:428px;}
.poster {float:left;}
.music_vi {float:left; height:172px; width:272px;}
dl.release {float:left; width:156px; height:172px;}
dl.release dt {background:url(../../images/common/open_back.gif) left top repeat-x; border-bottom:1px solid #ffffff; padding:6px 0 0 8px; height:38px;}
dl.release dd {overflow:hidden; width:156px;}
ul.video_list {overflow:hidden; margin:36px 0 0 0; width:100%;}
ul.video_list li {float:left; padding:0 0 0 5px;}
ul.video_list li.btn_go {padding-top:18px;}
dl.notice {overflow:hidden;width:100%; border-top:1px solid #ffffff;}
dl.notice dt.title {background:url(../../images/common/open_back.gif) left top repeat-x; border-bottom:1px solid #ffffff; padding:0 0 0 15px; margin-bottom:15px; height:40px;}
dl.notice dd {float:left; padding-left:15px; width:100%;}
dl.notice dd p {float:left; width:20px; margin-right:10px; font-size:12px;}
dl.notice dd span {float:left; font-size:12px;}

/*top_menu*/
#top_menu {}
.top_utility {overflow:hidden; background:url(../../images/top_menu/top_back.gif) right top repeat-x; height:46px; width:100%;}
.top_img {float:left;}
ul.utility {float:left; padding:0 0 12px 0;}
ul.utility li {float:left; background:url(../../images/bellet/line_ffffff_1_1.gif) right top repeat-y; }
ul.utility li a {display:block; font-size:0; line-height:0;  padding:9px 12px 0;}
ul.utility li img {vertical-align:top;}
ul.utility li.email {margin:0 0 0 270px; background:url(../../images/bellet/line_ffffff_1_1.gif) left top repeat-y;}
ul.utility li.email img {font-size:0; line-height:0; padding:9px 12px 0;}
ul.utility li.none {background:none; padding:5px 0 0 0;}
ul.utility li.none input {width:150px;}
ul.utility li.none a {font-size:0; line-height:0; padding:1px 0 0 0; #padding:2px 0 0 0; margin-left:10px;}
/*list*/
.top_content {position:relative; overflow:hidden; width:100%;}
.menu_list {overflow:hidden; height:44px; background:url(../../images/top_menu/menu_back.gif) left top repeat-x; border-bottom:1px solid #ffffff; width:100%;}
p.menu_na {float:left; background:#8b8c90; text-align:center; border-right:1px solid #ffffff; width:45px; height:44px; padding:15px 0 0 0;}
ul.menu_list {float:left; padding-left:5px; width:500px;}
ul.menu_list li {float:left; padding:3px 10px 0 10px; #padding:0 10px 0 10px; _padding:3px 10px 0 10px; margin-right:2px; background:url(../../images/top_menu/menu_right.gif) right top no-repeat;}
ul.menu_list li.line_end {background:none;}
.open_menu {overflow:hidden; width:100%; background:url(../../images/top_menu/open_back.gif) left top repeat-x; border-bottom:1px solid #ffffff;}
p.op_me {float:left; background:#5d5e62; text-align:center; border-right:1px solid #ffffff; width:45px; height:44px;}
ul.open_list {float:left; padding-left:5px;}
ul.open_list li {float:left; padding:0 10px 0 10px; #padding:0 10px 0 10px; _padding:0 10px 0 10px; background:url(../../images/top_menu/menu_right.gif) right top no-repeat;}
ul.open_list li.small {padding-top:5px; #padding-top:3px; _padding-top:5px;}

/*album*/
#content {position:relative; width:98.7%; padding:0 0 80px 15px;  clear:both;/*border-bottom:1px solid #ffffff;*/}
/*title*/
ul.title_list {overflow:hidden; width:100%;height:60px ; margin-bottom:-30px ; }
ul.title_list li {position:relative; float:left; }
ul.title_list li img {vertical-align:top;}
ul.title_list li dl {position:absolute; left:0px; top:22px; display:none; overflow:hidden; width:800px; height:60px ; padding:5px 0; z-index:100;}
ul.title_list li dl dd {float:left; padding-right:5px; background:#8b8c90;}
ul.title_list li dl dd img {display:block; vertical-align:top;}
ul.title_list li.block dl {position:absolute; left:0px; top:25px; display:block; overflow:hidden; width:800px; padding:5px 0; z-index:100;}

/*sub_title*/
ul.sub_title {overflow:hidden; width:100%;margin-top:18px; padding-top:40px;}
ul.sub_title li {float:left; background:url(../../images/sub_title_back.gif) right 3px no-repeat; padding:0 10px 2px 10px;}
ul.sub_title li.first {padding-left:0;}

div.title_album {width:970px; margin-top:45px; overflow:hidden ; }
div.title_album div.first {float:left; padding-right:20px; width:270px; background:url(../../images/bg_2x2.gif) right top repeat-y;}
div.title_album div.first .img{position:relative ; top:-5px ;  }
div.title_album div.end {float:left; padding-left:40px; }

div.title_album div.first ul.img {margin:20px 0 17px 0;}
div.title_album div.first ul.homepage {font-weight:bold; padding-bottom:10px;}

div.title_album div ul.sub_title {overflow:hidden; width:100%;  padding-top:0px;}
div.title_album div ul.sub_title li {float:left; background:url(../../images/sub_title_back.gif) right 3px no-repeat;}
div.title_album div ul.sub_title li.first {padding-left:10px;}


/*sub_comtent*/
.alb_dl {overflow:hidden; width:100%; margin-top:20px;}
dl.album_ind {float:left; width:320px; padding-bottom:5px;}
dl.album_ind dt {float:left; margin-right:10px;}
dl.album_ind dt img {border:2px solid #707175; height:74px;}
dl.album_ind dd {float:left; margin-top:18px; }
dl.album_ind dd p {line-height:130%; }
.numbering {width:945px; margin-top:20px; text-align:center;}
.numbering a.click {font-weight:bold;}
.numbering a img {margin-top:6px; #margin-top:3px;}


.alb_dl2 {overflow:hidden; width:640px; margin-top:10px;}
dl.album_ind2 {float:left; width:320px; padding-bottom:5px;}
dl.album_ind2 dt {float:left; margin-right:10px;}
dl.album_ind2 dt img {border:2px solid #707175; height:74px;}
dl.album_ind2 dd {float:left; margin-top:18px; width:228px;}
dl.album_ind2 dd p {line-height:130%; width:228px;}
.numbering2 {width:640px; margin-top:20px; text-align:center;}
.numbering2 a.click {font-weight:bold;}
.numbering2 a img {margin-top:6px; #margin-top:3px;}


/* 레이어 */
p.layer {position:absolute; left:517px; top:0px; z-index:1000;}

.png24 { tmp:expression(setPng24(this)); }