@import url("global.css");
@import url("subpage.css");


	/* content */
#div_talkbox {width:980px; margin:20px auto 30px auto; overflow:hidden; }


	/* Left Area */
#div_talkbox .div_left {float:left;width:225px; margin:0 25px 0 0; }
#div_talkbox .div_left .left_box1 {padding:0 0 0 16px; border-bottom:1px solid #333; background:url('http://img.seebox.com/kor/v2/_www/live/left_box1_bg.gif') repeat-y; }
#div_talkbox .div_left .left_box1 .left_box1_bg { margin:0 0 0 -16px; }
#div_talkbox .div_left .left_box1 .left_box1_top { padding:66px 0 15px 11px; background:url('http://img.seebox.com/kor/v2/_www/talkbox/left_box1_top.jpg') no-repeat; }
#div_talkbox .div_left ul.left_box2 { margin:15px 0 4px 0; }
#div_talkbox .div_left ul.left_box2 li { margin:0; }


	/* Center Area */
#div_talkbox .div_center {float:left;display:inline;width:730px;}
#div_talkbox .cnt_title {height:21px; padding:8px 0 3px 4px; margin:0 0 6px 0; border-bottom:1px solid #333; }
	#div_talkbox .div_center .cnt_title .fr { margin:-14px 10px 0 0; display:inline; }
#div_talkbox .cnt_title_table {height:23px;padding:9px 0 0 4px; margin:0 0 0 0;}

#div_talkbox .talk_top { height:60px; padding:21px 13px 0 12px; }
#div_talkbox .talk_top .fr { margin:-25px 0 0 0; }

	/* 게시판 */
table.bbsTy1 thead th { color:#ccc; }
table.bbsTy1 thead th.recom { color:#ccff34; }
table.bbsTy1 tbody td.text_03 { text-align:left; padding-left:15px; }
table.bbsTy1 tbody.hit tr.hit_s td { padding-top:13px; }
table.bbsTy1 tbody.hit tr.hit_e td { padding-bottom:10px; border-bottom:2px solid #333; }
table.bbsTy1 tbody.hit td { padding-top:4px; padding-bottom:4px; color:#FFF; border-bottom:0px; }
table.bbsTy1 tbody td.hit { font-weight:bold; }
table.bbsTy1 tbody td img.hit { vertical-align:middle; margin-left:3px; }
table.bbsTy1 tbody.hit td a { color:#FFF; }
table.bbsTy1 tbody td a { color:#ccc; }



/* 게시판 */
table.bbsTy1_view {clear:both;width:100%;margin:0 0 24px 0;border-collapse:collapse;}
table.bbsTy1_view thead th {padding:9px 0 8px 0;border-top:2px solid #333;border-bottom:1px solid #333;background:#202020 url('http://img.seebox.com/kor/v2/_www/bg_table_th.gif') right 50% no-repeat;font-weight:normal;color:#ccc;}
table.bbsTy1_view thead th.no {padding:9px 0 8px 0;border-top:2px solid #333;border-bottom:1px solid #333;background:#202020 url('') right 50% no-repeat;font-weight:normal;}
table.bbsTy1_view thead th.th_title {color:#fff;text-align:left;font-weight:bold;padding-left:15px;}


table.bbsTy1_view tbody td.cnt_writer {padding:5px 10px 2px 10px;background:#202020 url('http://img.seebox.com/kor/v2/_www/talkbox/th_bg.gif') left top repeat-x;}
table.bbsTy1_view tbody td.cnt_writer img.mybox {vertical-align:middle;margin-left:2px}
table.bbsTy1_view tbody td.cnt_writer .right_cnt {float:right;padding-top:6px;}
table.bbsTy1_view tbody td.cnt_writer .right_cnt img {vertical-align:middle;margin:-2px 4px 2px 0;}
table.bbsTy1_view tbody td.cnt_writer .right_cnt span {font-weight:bold;color:#ffff33}
table.bbsTy1_view tbody td {padding:8px 10px 5px 10px;border-bottom:2px solid #333;color:#ccc;}
table.bbsTy1_view tbody td.article {padding:20px 30px;color:#ccc;}
table.bbsTy1_view tfoot td {padding-top:13px;}





/* 코멘트 */
.wrap_comment {width:100%;margin:0;padding:0;}
	.input_comment {float:left;display:inline;width:728px;margin:0 auto;padding:0 0 18px 0;border:1px solid #1d1d1d;background:#0f0f0f;}
	*+html body .input_comment {float:left;display:inline;width:728px;margin:0 auto;padding:0 0 11px 0;border:1px solid #1d1d1d;background:#0f0f0f;}
	html* .input_comment {float:left;display:inline;width:714px;margin:0 auto;padding:0 0 11px 0;border:1px solid #1d1d1d;background:#0f0f0f;}

		ul.comment_title {float:left;display:inline;width:100%;margin:11px 0 6px 14px;padding:0;color:#999;}
		html* ul.comment_title {float:left;display:inline;width:100%;margin:11px 0 2px 14px;padding:0;color:#999;}
		ul.comment_title li {float:left;padding:0;}
		ul.comment_title li.text_01 {margin:1px 5px 0 0;}
		ul.comment_title li.text_02 {margin:3px 5px 0 0;}
		ul.comment_title li.text_02 span {color:#ccc;font-weight:bold;}

		.comment_cnt {clear:both;margin:4px 0 0 14px;}
 		html>body .comment_cnt {clear:both;margin:4px 14px 0 14px;}

		.comment_cnt textarea.comment_01 {float:left;display:inline;width:613px;height:49px;margin:0;}
		*+html body .comment_cnt textarea.comment_01 {float:left;display:inline;width:593px;height:27px;margin:1px 0 0 0;}
		html* .comment_cnt textarea.comment_01 {float:left;display:inline;width:593px;height:27px;margin:1px 0 0 0;}

		.comment_cnt .input_btn {float:right;width:75px;padding-top:1px;}
		.comment_cnt .input_btn .btn_01 {margin-top:7px;}
		html* .comment_cnt .input_btn .btn_01 {margin-top:3px;}


	.wrap_articleList {float:left;display:inline;width:100%;margin:6px 0 11px 0;padding:0;overflow:auto;}
	*+html body .wrap_articleList {float:left;display:inline;width:100%;margin:6px 0 -9px 0;padding:0;overflow:auto;}
	html* .wrap_articleList {float:left;display:inline;width:100%;margin:6px 0 0 0;padding:0;overflow:auto;}
		table.articleTy1 {width:715px;margin:0 0 0 15px;padding:0; table-layout:fixed;}
		table.articleTy1 td {padding:9px 0 8px 0;border-bottom:1px solid #424242;color:#afafaf;line-height:140%;}
		table.articleTy1 td.thum img {width:59px;height:59px;border:1px solid #424242;}
		table.articleTy1 td.article {vertical-align:bottom}
		table.articleTy1 td.article .nick {color:#e1e1e1;}
		table.articleTy1 td.article .fr {float:right;font-size:11px;color:#afafaf;margin-bottom:-2px;padding:2px 4px 0 0;line-height:120%}
		table.articleTy1 td.article .date {color:#666666;font-size:11px;}
		table.articleTy1 td.article .date a {color:#666666;}


	/* 게시판 - 글쓰기 */
.pic {float:right;display:inline;margin:10px 0 0 0;vertical-align:middle;}
table.bbsTy2 { width:653px; }
table.bbsTy2 tbody td.write_01 { width:70px; padding:0 0 8px 20px;text-align:left; color:#CCC;}
table.bbsTy2 tbody td.text_01 ul.write_02 {margin:7px 0 8px 0;}
html* table.bbsTy2 tbody td.text_01 ul.write_02 {margin:6px 0 5px 0;}

table.bbsTy2 tbody td.text_01 ul.write_02 li { float:left; padding:0 7px; background:url('http://img.seebox.com/kor/v2/_www/editer/line.gif') no-repeat 0 2px; }
table.bbsTy2 tbody td.text_01 ul.write_02 li.noline { padding:0 7px 0 0; background:url(''); }
table.bbsTy2 tbody td.text_01 ul.write_02 li img {margin:0 2px; }
table.bbsTy2 td.text_01 { padding:0 0 8px 0;}
table.bbsTy2 tbody td.write_03 {padding:8px 0 0 20px;text-align:left;vertical-align:top; color:#CCC;}

table.bbsTy2 tbody td.text_01 .scroll_black { width:563px;height:250px;margin:4px 0; }
/* ie */ html* table.bbsTy2 tbody td.text_01 .scroll_black { width:543px; }

	/* 마이박스 홍보하기 */
#div_talkbox .wrap_input { height:57px; padding:19px; border:1px solid #232323; background:#0f0f0f; }
#div_talkbox .wrap_input textarea { float:left; width:606px; height:55px; color:#7a7a7a; border:1px solid #3c3c3c; background:#282828; }
html* #div_talkbox .wrap_input textarea { width:592px; height:41px; padding:7px; }
#div_talkbox .wrap_input input { float:right; }

#div_talkbox .wrap_myboxlist { width:730px; margin-top:10px; }
#div_talkbox .wrap_myboxlist li { float:left; clear:both; width:718px; padding:8px 0 8px 12px; border-bottom:1px solid #333; }
#div_talkbox .wrap_myboxlist div.thum { float:left; width:82px; position:relative; }
#div_talkbox .wrap_myboxlist div.thum .colorbox { position:absolute; width:53px; height:53px; left:0; top:0; border:4px solid #137bc2; visibility:hidden; }
#div_talkbox .wrap_myboxlist div.thum img { width:59px; height:59px; border:1px solid #424242; }
#div_talkbox .wrap_myboxlist dl.list_cont { float:left; width:515px; }
#div_talkbox .wrap_myboxlist dl.list_cont dt { padding:5px 0 6px 0; }
#div_talkbox .wrap_myboxlist dl.list_cont dt a { color:#FFF; font-weight:bold; }
#div_talkbox .wrap_myboxlist dl.list_cont dt span { padding-left:12px; color:#CCC; font-size:11px; background:url('http://img.seebox.com/kor/v2/_www/login/find_line.gif') 6px 0 no-repeat; }
#div_talkbox .wrap_myboxlist dl.list_cont dd { line-height:16px; }
#div_talkbox .wrap_myboxlist dl.list_info { float:left; width:110px; margin-top:7px; line-height:18px; }
#div_talkbox .wrap_myboxlist dl.list_info dt { float:left; clear:left; width:40px; }
#div_talkbox .wrap_myboxlist dl.list_info dd { text-align:right; }