@charset "UTF-8";

@import url(default.css);

/*************************** ̵*********************************/

/************* index *************/
body#main_bg {background:url(../img/main/index_bg.gif) left top repeat-x;}
#main {width:1000px; margin:0 auto 24px; border-right:1px solid #464646;}
/* mail */
ul.letter {position:absolute; left:745px; top:43px; index:2;}
ul.letter li.txt {margin-top:12px;}

/* mail_open */
.mail_open {position:absolute; left:732px; top:35px; width:268px; index:1; padding:13px 10px 60px 8px; background: url(../img/main/mail_open.jpg) left top no-repeat;}
.mail_open .mail_tit {float:left;}
.mail_open p.mail_close {float:right; padding-right:25px;}

ul.letter_open {float:left; width:250px; margin-top:14px; #margin-top:10px;}
ul.letter_open li {margin-bottom:5px; #margin-bottom:3px;}
ul.letter_open li input.name { width:110px; background:#212424; border:none; padding:4px 3px; }
ul.letter_open li select {width:150px;}

.mail_ttl {}

ul.news {position:absolute; left:749px; top:476px; width:240px; index:2;}
ul.news li {margin-top:5px;}

ul.issue {position:absolute; left:749px; top:532px; width:230px; index:3;}
ul.issue li {margin-top:11px;}
ul.issue li dl.issue_li {overflow:hidden; zoom:1;}
ul.issue li dl dt {float:left; border:1px solid #cfd7da;}
ul.issue li dl dt img {vertical-align:top;}
ul.issue li dl dd {margin-left:85px;}

/* footer */
ul.footer {overflow:hidden; padding:10px 0 10px 83px; zoom:1; background:url(../img/main/footer_bg.jpg) left bottom no-repeat;}
ul.footer li {float:left; padding-left:5px;}
ul.footer li.bot_logo { margin-right:8px;}


/* footer_main */
ul.footer_main {
	overflow:hidden;
	padding:0 0 0 83px;
	zoom:1;
	background:url(../img/main/footer_bg.jpg) left bottom no-repeat;
}
ul.footer_main li {
	float:left;
	padding:4px 0 4px 0;
}
ul.footer_main li.bot_logo { margin-right:8px;}

/************* sub_layout *************/

	
.main_top {
	width:100%;
    #width:100%; 														
	height:33px;
	text-align:right;
	margin-left:-9px;
	padding:7px 0 0 0;
	/*border:1px solid #FF3300;
	border-right:1px solid #464646;*/
	background:url(../img/sub/sub_top_img.jpg) center top no-repeat;
}

.main_player {position:absolute; left:730px; top:0px; padding:7px 0 0 0; z-index:500;}
body#body_all {width:100%;}
.all_cont {overflow:hidden; width:1000px; margin:0 auto 24px; border-right:1px solid #464646;}
#container {width:1000px; background:#2a2a2a url(../img/sub/left_moddle_bg.jpg) left top repeat-y;}
.fla_bg {width:1000px; background:url(../img/sub/top_imgbg.gif) right top no-repeat;}
.left_con {
	position:absolute;
	left:50;
	top:104px;
	width:164px;
	background:url(../img/sub/left_top_bg.jpg) left top no-repeat;
	z-index:1;
}
.right_con {
	width:837px;
	padding-bottom:30px;
	margin-left:164px;
	background:url(../img/sub/content_bg.jpg) left top no-repeat;
	min-height:650px;
	_height:650px;
}
.disco {background:url(../img/sub/content_bg02.jpg) left top no-repeat !important;}
.left_bottom_bg {background:url(../img/sub/left_bottom_bg.jpg) left bottom no-repeat;}
.tit_right {float:right; margin:15px 31px 0 0; display:inline; font-size:12px;}

h1 {padding:50px 0 0 66px;}
h2 {padding:23px 0 0 71px;}

/* footer */
ul.sub_footer {overflow:hidden; padding:11px 0 10px 83px; zoom:1; background:url(../img/sub/sub_footer_bg.jpg) left bottom no-repeat;}
ul.sub_footer li {float:left; padding-left:5px;}
ul.sub_footer li.bot_logo {margin-right:8px;}

.quick_top {position:absolute; left:134px; top:400px; index:2; padding-bottom:5px;}

.cont {width:756px; margin:0 auto;}

/************* discography *************/
.top_cont {width:696px; margin:0 auto; overflow:hidden; zoom:1;}

/*   ޴ */
ul.disco_topbtn {float:right; margin-top:20px;}
ul.disco_topbtn li {float:left; padding:0 12px; background:url(../img/sub/btnttl_ba.gif) 100% 53% no-repeat;}
ul.disco_topbtn li.end {padding:0 0 0 12px; background:none;}

/*  ٹ̹ */
dl.album_img {float:left; width:318px;}
dl.album_img dt img {margin-top:25px; border:5px solid #363636;}
dl.album_img dd {font-family:dotum; color:#FFFFFF; font-size:12px; margin:0 auto; width:300px;}

dl.album_img dd.tit {padding:10px 5px 3px 6px; font-family:dotum; color:#cbbd21; font-size:12px; font-weight:bold;}
dl.album_img dd .ttl {float:left; font-family:dotum; color:#FFFFFF; font-size:12px;}
dl.album_img dd p {margin-left:50px; background:#0000ff;}

/*  Ʈ  */
ul.track_li {margin:35px 0 0 5px; width:371px; float:left; line-height:0;}
ul.track_li li {overflow:hidden; padding:8px 0 5px; #padding:5px 0; line-height:0; border-bottom:1px solid #393939; zoom:1;}
ul.track_li li .tit {padding-left:20px; float:left; font-size:11px;}
ul.track_li li .title {font-weight:bold; color:#FFFFFF;}
ul.track_li li p {padding-right:10px; float:right;}

/* ϴ  */
.bottom_cont {width:732px; margin:0 auto;}

/* ϴ box style */
.bottom_cont .discobox_middle { margin-top:27px; min-height:155px; background:url(../img/common/boxstyle/disco_middle.gif) left top repeat-y; overflow:hidden;}
.bottom_cont .discobox_top { min-height:155px;background:url(../img/common/boxstyle/disco_top.gif) left top no-repeat;}
.bottom_cont .discobox_bottom {overflow:hidden;  min-height:155px; background:url(../img/common/boxstyle/disco_bottom.gif) left bottom no-repeat; zoom:1;}
.ttl_album {padding:20px 0 6px 15px; margin:0 10px; border-bottom:1px solid #404040;}

/* ϴ box style :  */
ul.album_name {float:left; font-size:12px; color:#a3a3a3; padding-bottom:30px; margin-top:20px;}
ul.album_name li {padding:0 0 2px 10px; margin-left:60px; font-size:12px;  background:url(../img/bul/bul_yellow.gif) 0 40% no-repeat;} 
ul.album_name li a {text-decoration:none; color:#a3a3a3;}

/* ϴ box style :  ̹ */
ul.small_img {float:right; display:inline; margin-right:33px; }
ul.small_img li {float:left; display:inline; margin-left:12px; margin-top:18px; padding:5px; background:url(../img/sub/disco_img_bg.gif) left top no-repeat;}
ul.small_img li img {vertical-align:top;}

.small_img {float:right; display:inline; margin-right:33px; }
.small_img span {float:left; display:inline; margin-left:12px; margin-top:18px; padding:5px; background:url(../img/sub/disco_img_bg.gif) left top no-repeat;}
.small_img span img {vertical-align:top;}

/************* profile *************/
.profile {background:url(../img/sub/content_bg3.jpg) left top no-repeat;}
.pro_ie {
	overflow:hidden;
	margin:15px 20px 80px 30px;
	zoom:1;
}
dl.pro_dl {
	float:left;
	width:696px;
}
dl.posi {margin-left:30px;}
dl.pro_dl dt {background:url(../img/bul_red_cir.gif) 5px 6px no-repeat; border-top:1px solid #373737; border-bottom:1px solid #373737; padding:4px 0 4px 20px; margin:0 0 10px 0;}
dl.pro_dl dd {padding-left:20px;}

/************* Schedule *************/
.profile {background:url(../img/sub/content_bg3.jpg) left top no-repeat;}
.sched_go {overflow:hidden; margin-left:300px; zoom:1;}
.sched_go div {float:left; margin-right:10px;}
.sched_go p {float:left; margin:5px 10px 0 0; color:#b07522; font-weight:bold;}
.sched_go span {float:left;}
table.tab_col_three {width:100%; border-top:2px solid #585858; text-align:center;}
table.tab_col_three tr th {font-weight:normal; padding-left:}
table.tab_col_three tr td {border-bottom:1px solid #585858; padding:9px 0 8px 0;}
table.tab_col_three tr td.content {text-align:left; padding-left:30px;}
table.tab_col_three tr td.shc {background:url(../img/bul/bul_sch.gif) right top no-repeat;}

/************* multimedia *************/
/* photo */
.pho_img { text-align:center; margin-top:21px;}
.pho_img img { border:1px solid #6f1515; padding:7px;}
.pho_top {padding-top:7px; background:url(../img/sub/photo_top.gif) left top repeat-x;}
.pho_right {padding-right:7px; background:url(../img/sub/photo_right.gif) right top repeat-y;}
.pho_bottom {padding-bottom:7px; background:url(../img/sub/photo_bottom.gif) left bottom repeat-x;}
.pho_left {padding-left:7px; background:url(../img/sub/photo_left.gif) left top repeat-y;}


/*
.pho_img {width:602px; margin:0 auto;}
.pho_middle { background:url(../../img/sub/photobox_middle.gif) left top repeat-y;}
.pho_top {background:url(../../img/sub/photobox_top.gif) left top repeat-x;}
.pho_bottom {padding:8px 0 10px 8px ; background:url(../../img/sub/photobox_bottom.gif) left bottom repeat-x;}
*/

.bor_line {margin:46px 0 6px 60px;}

ul.pho_img_small {float:left; }
ul.pho_img_small li {float:left; border:1px solid #ffffff; margin-right:10px;}
ul.pho_img_small li.end {margin-right:0;}
ul.pho_img_small li img {vertical-align:top; width:110px; height:110px;}


.ph_line {width:687px; margin:0 auto; padding:25px 0; border-top:1px solid #3c3c3c; border-bottom:1px solid #3c3c3c; overflow:hidden; zoom:1;}
.ph_line p.prev  {float:left; padding-top:40px; margin-right:19px;}
.ph_line p.next	{float:right; padding-top:40px; }
.ph_line p.prev img { vertical-align:top;}
.ph_line p.next img {vertical-align:top;} 


/*
ul.pho_img_small li.prev {border:none; padding:40px 10px 0 0;}
ul.pho_img_small li.next {border:none; padding:40px 0 0 10px; margin:0;}
ul.pho_img_small li.prev img {width:24px; height:25px;}
ul.pho_img_small li.next img {width:24px; height:25px;}
*/

/* video */
.cont_video {width:690px; margin:15px auto 0;}
ul.video_tab {overflow:hidden; padding-bottom:5px; background:url(../img/sub/video_tabbg.gif) left bottom repeat-x; zoom:1;}
ul.video_tab li {float:left; padding-right:2px}
ul.video_tab li img {vertical-align:top;}
ul.video_tab li.left {margin-left:15px;}

dl.video_bg {width:379px; margin:20px auto 0;}
dl.video_bg dt {padding:14px 15px 17px 14px; background:url(../img/sub/video_bg.gif) left top no-repeat;}
dl.video_bg dd {width:222px; margin:9px auto 0;}

.video_line {margin:56px 0 6px 7px;}

ul.vid_img_small {float:left;}
ul.vid_img_small li {float:left;  margin-right:18px; }
ul.vid_img_small li p.ttl {width:96px; margin-top:12px; font-size:11px; font-weight:bold; }
ul.vid_img_small li p.ttl a {color:#b9b9b9;}
ul.vid_img_small li p.vid_cont {width:96px; font-size:11px;}
ul.vid_img_small li.end {margin-right:0;}
ul.vid_img_small li img {vertical-align:top; width:90px; height:90px; border:3px solid #9b9b9b;}

.li_line {padding:25px 0; border-top:1px solid #3c3c3c; border-bottom:1px solid #3c3c3c; overflow:hidden; zoom:1;}
.li_line p.prev  {float:left; padding-top:30px; margin-right:42px;}
.li_line p.next	{float:right; padding-top:30px; }
.li_line p.prev img { vertical-align:top;}
.li_line p.next img {vertical-align:top;}


/************* news&board *************/
/*table_lis_view*/
table.tab_board_one {width:100%; text-align:center;}
table.tab_board_one thead {}
table.tab_board_one thead tr {}
table.tab_board_one thead tr th {background:#333333; text-align:center; padding:5px 0 4px 0;}
table.tab_board_one tbody {}
table.tab_board_one tbody tr {}
table.tab_board_one tbody tr td {padding:8px 0 6px 0; border-bottom:1px solid #333333;}
table.tab_board_one tbody tr td.vi_name {text-align:left;}
table.tab_board_one tbody tr td.view_con {padding:0px; text-align:left;}
table.tab_board_one tbody tr td.view_con div.view_content {margin:20px;}

/*table_view_re*/
table.tab_board_two {width:100%; border-top:2px solid #595959; text-align:left;}
table.tab_board_two tr th {background:#222222; border-bottom:1px solid #595959; padding:5px 0 4px 0; text-align:center;}
table.tab_board_two tr th.re_wir {text-align:left;}
table.tab_board_two tr th div {background:url(../img/board/bul_bar.gif) right top no-repeat; font-weight:bold;}
table.tab_board_two tr th div.vie {padding-left:55px;}
table.tab_board_two tr th div.writ {padding-left:35px;}
table.tab_board_two tr th div img {padding-right:15px;}
table.tab_board_two tr td {background:#313131; border-bottom:1px solid #595959; padding:8px 0 6px 20px;}
table.tab_board_two tr td.inpu_pa {padding:4px 0 4px 20px;}
table.tab_board_two tr td.texta_pa {padding:12px 0 12px 20px;}
table.tab_board_two tr td.btn_no {padding-left:0;}
table.tab_board_two tr.last th {border-bottom:none;}
table.tab_board_two tr.last td {border-bottom:none;}	
table.tab_board_two tr td textarea.wid {width:430px; height:88px;}
table.tab_board_two tr td div {float:left; margin-right:10px;}
table.tab_board_two tr td input.ht {margin-left:10px;}
table.tab_board_two tr td p {float:left; margin-top:3px;}
table.tab_board_two tr td p.te {margin:0;}

/*table_view_re02*/
table.tab_board_four {width:100%;}
table.tab_board_four thead {}
table.tab_board_four thead tr th {background:#333333; text-align:center; padding:12px 0 8px 0; border-top:1px solid #474747; border-bottom:1px solid #474747;}
table.tab_board_four thead tr th.line_le {border-left:1px solid #474747;}
table.tab_board_four thead tr th.line_ri {padding-right:30px; border-right:1px solid #474747;}
table.tab_board_four thead tr th.tit_sh {text-align:left;}
table.tab_board_four tbody tr td.view_con {padding-bottom:15px; border-bottom:1px solid #474747;}
table.tab_board_four tbody tr td p {padding-top:10px;}
table.tab_board_four tbody tr td div {margin:12px 15px;}
table.tab_board_four tbody tr td div p {margin-top:5px; padding-left:5px;}
	
/*nunmbering*/
.unmbering {text-align:center;}
.unmbering a {font-weight:bold; padding-right:6px; color:#ffffff !important;}
.unmbering a.click {color:#ff0000 !important;}
.unmbering a.ago {padding-right:0;}
.unmbering a.front {padding-right:15px;}
.unmbering a.back {padding:0 0 0 10px;}
.unmbering a.after {padding-right:0;}
.search {text-align:center; padding:8px 0 8px 220px; color:#ffffff; background:#313131;}
.search ul.search_list {overflow:hidden; zoom:1;}
.search ul.search_list li {float:left; font-size:0; line-height:0;}
.search ul.search_list li.first {margin-right:5px;}
.search ul.search_list li.second {margin-right:3px;}
.search ul.search_list li input {vertical-align:top; #margin-top:-1px; background:#000000; border:1px solid #4f4f4f; color:#ffffff;}
.search ul.search_list li.end img {vertical-align:top;}

/* artist */
.artist {width:313px; margin:50px auto 0; padding:33px 0 100px 0; background:url(../img/sub/artist_bg.gif) left top no-repeat;}
.artist .ttl_pass {width:189px; margin:0 auto;}
.artist input {width:180px; height:17px; border:none; background:#202020; padding-top:7px; margin:123px 0 0 63px;}
.artist p img.left_mg {margin-left:10px;}

/****** htc *******/
.top_sel {float:right; margin-top:25px; text-align:center;}
.top_sel p.first {float:left; margin-right:7px;}
.top_sel p.end {float:left;}

select.select-htc01	{font-size:11px; behavior:url('../common/htc/selectbox.htc');}