/************************************************************************
* 파일명	: content.css
* 설명	: 컨텐츠영역CSS정의
* 작성자	: 연정흠(anboyeo@nate.com)
* 작성일	: 2008.02.14
* 사용범위 : 메인화면의 컨텐츠 출력영역(Iframe)에서 사용하는 모든페이지
************************************************************************/
@charset "euc-kr";
@import url(common.css);

/**[[  태그 기본정의 ]]**************/
html, body		{ height:100%; text-align:center;}
body				{ font-size:12px; font-family: "돋움", "dotum" ,"Verdana"; color:#676767; background-color:transparent; padding:0; margin:0; height:100%;}
td,th				{ color:#676767; font-size:12px ; font-family:"돋움", "dotum", "Verdana"; word-break:break-all; word-wrap:break-word;}

/**[[  SMS라디오용 탭버튼  ]]*********************/
div.area_tab {background:url(../images/common/bg_dot.gif) repeat-x left bottom;}
div.tab_on,
div.tab_off		{margin-left:3px; padding:6 15 3 33; border-top:1px silver solid; border-left:1px silver solid; border-right:1px silver solid;}
div.tab_on		{background:url(../images/form/icon_smsOn.gif) #ffffff no-repeat 12 4; border-bottom:1px #ffffff solid; color:#000000; font-weight:bold;}
div.tab_off		{background:url(../images/form/icon_smsOff.gif) #f5f5f5 no-repeat 12 4; border-bottom:1px silver solid;}
	div.tab_off a:link,
	div.tab_off a:visited,
	div.tab_off a:active		{color:#565656; text-decoration:none;}
	div.tab_off a:hover		{color:#000000; text-decoration:none;}


/**[[  검색  ]]*********************/
div.area_search		{height:21px;}

/**[[  표-상단영역  ]]***************/
div.caption				{text-align:left; font-size:12px; padding:5 0 5 10; font-weight:bold; background:url(../images/form/icon_caption01.gif) no-repeat left 7; color: #000000;}
div.area_caption		{padding-bottom:5; height:30px;}
	div.area_caption .caption		{float:left; font-size:13px; font-weight:bold; padding-top:5px;}
	div.area_caption .num			{font-size:11px;padding-top:12px;}

/**[[  표-목록,입력,보기  ]]***********/
.table_header		{display:block; height:2px; overflow:hidden; margin:0; background-color: #DCDCDC;}
.table_footer		{display:block; height:3px; overflow:hidden; margin:0; background-color: #EEEEEE;}

/**[[  버튼영역  ]]*********************/
div.area_button,
div.area_close	{padding:10 0 10 0;}
div.area_button	{border-top:0px #DCDCDC solid;}
div.area_close	{border:1px #DCDCDC solid; background-color:eeeeee;}

/**[[  페이지인덱스영역  ]]**************/
div.area_index	{padding:10 0 10 0; letter-spacing:0px;}

/**[[  게시물이동 ]]*****************/
div.area_blog		{padding:10; text-align:left;}
	div.area_blog .action		{background:url(../images/form/icon_dot.gif) no-repeat 0 15; padding:3 0 3 7;}

/**[[  앨범-초기화면용 : 2008년 5월 29일 추가 : 강제조정 ]]*********************/
div.list_thumb						{margin:0}
	div.list_thumb .mini			{padding:7 5 7 5; height:128px; border:0px red solid; text-align:Center;}
	div.list_thumb .mini1			{padding:7 5 7 5; height:128px; border:0px red solid; text-align:Center;}/**이현석 테스트추가**/
	div.list_thumb .mini2			{padding:7 5 7 5; height:128px; border:0px red solid; text-align:Center;}/**이현석 테스트추가**/
	div.list_thumb .mini3			{padding:7 5 7 5; height:128px; border:0px red solid; text-align:Center;}/**이현석 테스트추가**/
	div.list_thumb .mini4			{padding:7 5 7 5; height:128px; border:0px red solid; text-align:Center;}/**이현석 테스트추가**/
	div.list_thumb .mini5			{padding:7 5 7 5; height:128px; border:0px red solid; text-align:Center;}/**이현석 테스트추가**/
	div.list_thumb .list			{padding:8 2 7 2;}
	div.list_thumb .title			{text-align:left; font-size:11px; width:90%; padding:5 0 3 0;}
	div.list_thumb .date			{text-align:left; font-size:11px; width:90%; color:#676767;}
	div.list_thumb .box_mini		{border: 3px #E8E8E8 solid; background:url(../images/form/bg_photo.gif) #F7F7F7 no-repeat center middle; cursor:hand; width:95%; height:70%;}
	div.list_thumb .picture			{width:100%; height:100%; display:block;}
	div.list_thumb .picture1		{width:100%; height:100%; display:block;}/**이현석 테스트추가**/
	div.list_thumb .picture2		{width:100%; height:100%; display:block;}/**이현석 테스트추가**/
	div.list_thumb .picture3		{width:100%; height:100%; display:block;}/**이현석 테스트추가**/
	div.list_thumb .picture4		{width:100%; height:100%; display:block;}/**이현석 테스트추가**/
	div.list_thumb .picture5		{width:100%; height:100%; display:block;}/**이현석 테스트추가**/

/**[[  앨범-페이지용 : 2008년 6월 24일 추가 : 강제조정 ]]*********************/
td.list_thumb						{margin:0 ; text-align:center;}
	td.list_thumb .list				{padding:8 2 7 2; width:90%;}
	td.list_thumb .title a				{text-align:left; font-size:11px; width:90%; padding:5 0 3 0; color:#000000;}
	td.list_thumb .date			{text-align:left; font-size:11px; width:90%; color:#676767;}
	td.list_thumb .box_list		{border: 3px #E8E8E8 solid; background:url(../images/form/bg_photo.gif) #F7F7F7 no-repeat center middle; cursor:hand;width:120px; height:100px;}
	td.list_thumb .picture			{width:120px; height:100px; display:block;}

/**[[  한줄답변  ]]******************/
div.area_comment	{padding:10 0 10 0; background-color:#f7f7f7; text-align:left;}
	div.area_comment .name		{padding-left:10px; width:110px;}
	div.area_comment .comment	{padding:6 10 5 10; text-align:justify; line-height:16px;}
	div.area_comment .date			{font-size:11px; color:676767;}
.dotted					{background:url(../images/form/bg_dotted.gif) repeat-x left top;}

/**[[  table:list  ]]******************/
th.item,
th.item_view,
th.item_end			{padding:10 0 10 0; font-size:12px; vertical-align:top;}
th.item					{background:url(../images/form/bg_itemGab.gif) #f7f7f7 no-repeat right top;}
th.item_view			{background:url(../images/form/bg_viewGab.gif) no-repeat right 9; text-align:right; padding-right:9px;}
th.item_end			{background-color: #f7f7f7;}

td.list,
td.list_left,
td.list_notice,
td.list_none	{border-bottom: 1px #DCDCDC solid; padding:6 0 5 0;}
td.list				{text-align:center;}
td.list_left		{text-align:left; padding-left:5;}
td.list_notice	{background-color:#FCFCFC; font-weight:bold;}
	.list_none	{display: block; text-align:center; height:266px;}
td.cont			{height:30px; padding:5 5 5 9;}
td.cont_edit	{padding:0; height:150px; vertical-align:top; }
div.cont_div	{padding:20 10 10 10;}
	.b_top		{border-top: 1px #DCDCDC solid;}
	.b_bottom	{border-bottom: 1px #DCDCDC solid;}
	.b_left		{border-left: 1px #DCDCDC solid;}
	.b_right		{border-right: 1px #DCDCDC solid;}

/**[[  input  ]]********************/
select,
textarea,
input.text		{border:1px #D8D8D8 solid; background-color:#FAFAFA; font-size:12px;}

select			{height:21px;}
textarea		{width:100%; height:300px;}
input.text		{height:21px; padding:4 0 0 4;}

/**[[  Button  ]]*******************/
.btn_white,
.btn_orange		{text-align:center; font-size:12px; font-weight:bold; border:none; height:21px; padding-top:4px; cursor:hand;}

.btn_white			{color:#000000;}
	.white_01			{background:url(../images/button/btn_white_01.gif) no-repeat left top; width: 23;}
	.white_02			{background:url(../images/button/btn_white_02.gif) no-repeat left top; width: 43;}
	.white_03			{background:url(../images/button/btn_white_03.gif) no-repeat left top; width: 56;}
	.white_04			{background:url(../images/button/btn_white_04.gif) no-repeat left top; width: 69;}
	.white_05			{background:url(../images/button/btn_white_05.gif) no-repeat left top; width: 82;}
	.white_06			{background:url(../images/button/btn_white_06.gif) no-repeat left top; width: 95;}
	.white_07			{background:url(../images/button/btn_white_07.gif) no-repeat left top; width: 108;}
	.white_08			{background:url(../images/button/btn_white_08.gif) no-repeat left top; width: 121;}
	.white_09			{background:url(../images/button/btn_white_09.gif) no-repeat left top; width: 134;}
	.white_10			{background:url(../images/button/btn_white_10.gif) no-repeat left top; width: 147;}
	.white_11			{background:url(../images/button/btn_white_11.gif) no-repeat left top; width: 160;}
	.white_12			{background:url(../images/button/btn_white_12.gif) no-repeat left top; width: 173;}
.btn_orange		{color:#ffffff;}
	.orange_01			{background:url(../images/button/btn_orange_01.gif) no-repeat left top; width: 23;}
	.orange_02			{background:url(../images/button/btn_orange_02.gif) no-repeat left top; width: 43;}
	.orange_03			{background:url(../images/button/btn_orange_03.gif) no-repeat left top; width: 56;}
	.orange_04			{background:url(../images/button/btn_orange_04.gif) no-repeat left top; width: 69;}
	.orange_05			{background:url(../images/button/btn_orange_05.gif) no-repeat left top; width: 82;}
	.orange_06			{background:url(../images/button/btn_orange_06.gif) no-repeat left top; width: 95;}
	.orange_07			{background:url(../images/button/btn_orange_07.gif) no-repeat left top; width: 108;}
	.orange_08			{background:url(../images/button/btn_orange_08.gif) no-repeat left top; width: 121;}
	.orange_09			{background:url(../images/button/btn_orange_09.gif) no-repeat left top; width: 134;}
	.orange_10			{background:url(../images/button/btn_orange_10.gif) no-repeat left top; width: 147;}
	.orange_11			{background:url(../images/button/btn_orange_11.gif) no-repeat left top; width: 160;}
	.orange_12			{background:url(../images/button/btn_orange_12.gif) no-repeat left top; width: 173;}
	.orange_comment	{background:url(../images/button/btn_orange_comment.gif) no-repeat left top; width: 76; height:45px;}

/**[[  Menu  ]]*************************/
.menuArea	 
	.menuBoxBg div			{padding:3 0 3 0;}
	.menuBoxBg a:link,
	.menuBoxBg a:visited,
	.menuBoxBg a:active,
	.menuBoxBg a:hover 	 {text-decoration:none;}

/**[[  PageTitle [일반페이지] / ]]***********/
div.area_pagetitle											{padding:6 0 6 0; margin-bottom:10px; border-bottom: 1px #eeeeee solid;}
div.area_pagetitle .area_title								{float:left; font-weight:bold; padding:3 0 0 5; font-size:13px; color:#000000;}
div.area_pagetitle .area_title span.onair_format_type		{font-weight:lighter; color:#676767; font-size: 11px; text-align:left; padding-bottom:10px;}
div.area_pagetitle .title_navig								{float:right; padding:3 0 0 5; font-size:11px; color:#777777; display: block;}
	.title_navig b											{color: #cc0000;}
/**[[  PageTitle [초기화면] / ]]***********/
div.area_maintitle						{padding:7 0 0 0; margin-bottom:0px;}
div.area_maintitle .area_mainText		{float:left; font-weight:bold; padding:3 0 0 5; font-size:13px;}
div.area_maintitle .area_mainMore		{float:right; width:41px;}
	div..area_mainMore span.more		{background:url(../images/form/btn_moreBg.gif) #898989 no-repeat left top; width:41; height:23px; cursor:hand; text-decoration:none;}

/**[[  페이지설명 ]]**************/
div.area_alt		{padding:15; text-align:left; background-color:#F7F7F7; margin-bottom:7px;}
	div.area_alt .alt		{background:url(../images/form/icon_alt.gif) no-repeat 0 3; padding:2 0 2 12;}

/**[[  Popup창 레이아웃 ]]***********/
div.PopBody	{padding:12px; background: #eeeeee; height: 100%;}
div.PopDiv		{padding:16px; background: #FFFFFF; border:3px #FF8C00 solid; height:100%;}

/**[[ 인물소개 ]]***********/
div.introArea				{padding:0px; background: #EEEEEE; }
div.introBox				{padding:10px; background: #FFFFFF; margin:7px; text-align:left;}
	div.introBox .photoDiv		{margin-right:10px; width:110; text-align: center;}
	div.introBox .photoBox		{border:1px #dddddd solid; width:72; height: 54px; text-align: center;}
	div.introBox .photo				{width:72; height:54; border:4px #FFFFFF solid;}
	div.introBox .photoStaff		{width:160; border:4px #FFFFFF solid;}
	div.introBox .title				{font-weight:bold; text-align: left;padding:0 0 5 8; background:url(../images/form/icon_caption02.gif) no-repeat left 3; color: #000000;}
	div.introBox .content			{text-align:justify; padding:0 0 10 8; line-height:16px;}
	div.introBox .cody				{cursor:hand;}
div.introInfo							{border:3px #dddddd double; text-align:left; background-color:#ffffff; padding:7; width:500px;}
div.introflow	{
				border:1px #eeeeee solid;
				height:100px;
				margin-bottom:10px;
				overflow-y:auto; 
				overflow-x:none; 
				word-bradk:break-all;
				padding:10;
				scrollbar-3dlight-color: #FAFAFA;
				scrollbar-base-color: #FAFAFA;
				scrollbar-darkshadow-color: #FAFAFA;
				scrollbar-face-color: #DEDEDE;
				scrollbar-highlight-color: #DEDEDE;
				scrollbar-track-color: #FAFAFA;
				scrollbar-shadow-color: #DEDEDE;
				scrollbar-arrow-color: #AAAAAA;
				}

/**[[  ETC  ]]**************************/
.overflow	{
				overflow:auto; 
				word-bradk:break-all;
				padding:0;
				scrollbar-3dlight-color: #FAFAFA;
				scrollbar-base-color: #FAFAFA;
				scrollbar-darkshadow-color: #FAFAFA;
				scrollbar-face-color: #DEDEDE;
				scrollbar-highlight-color: #DEDEDE;
				scrollbar-track-color: #FAFAFA;
				scrollbar-shadow-color: #DEDEDE;
				scrollbar-arrow-color: #AAAAAA;
				}

.miniHeight	{height:300px;}

/*프로그램 가격 안내*/
div.details_program												{text-align:left;}
div.details_program div.info_price								{margin-bottom:23px; height:94px; background: url(/Web-home/admin_content/images/detail/bg_info_price.gif) repeat-x;}
div.details_program div.info_price div.info_price_left			{width:8px; height:94px; float:left; background: url(/Web-home/admin_content/images/detail/bg_info_price_left.gif) no-repeat;}
div.details_program div.info_price div.info_price_right			{width:8px; height:94px; float:right; background: url(/Web-home/admin_content/images/detail/bg_info_price_right.gif) no-repeat;}
div.details_program div.info_price_main							{height:auto !important; height:82px; min-height:82px; position: relative;}
div.details_program div.info_price_main div.title				{margin:10px 0px 7px 2px;text-align:left;}
div.details_program div.info_price_main ul.btn					{position: absolute; top:10px; right:2px;}
div.details_program div.info_price_main ul.btn li				{display: inline; float: left; margin-left:3px;}
div.details_program div.info_price_main ul.list					{color: #2f2f2f; padding-left:13px; margin-bottom: 5px;text-align:left;}
div.details_program div.info_price_main ul.list li				{float:left; width: 450px; height:17px;  padding-left: 8px; background: url(/Web-home/admin_content/images/detail/icon_dot_01.gif) 0 5px no-repeat;}
div.details_program div.info_price_main span					{color: #2f2f2f;}
div.details_program div.info_price_main span dt					{height:17px;  padding-left: 8px; background: url(/Web-home/admin_content/images/detail/icon_dot_01.gif) 0 5px no-repeat;}

.area_index	{text-align:center;}

/* 20100604 재구매혜택 추가 */
div#review_infoBox								{padding:0px; margin:0px; float:left; width:100%; line-height:150%; font-size:12px;}
div#review_infoBox div							{padding:0px; margin:0px;}
div#review_infoBox ul							{padding:0px; margin:0px;}
div#review_infoBox li							{padding:0px; margin:0px; list-style-type:none;}
div#review_infoBox img							{border:0px;}
/* 좌측 text */
div#review_infoBox div.text_area				{float:left;}
div#review_infoBox div.text_area p.review		{margin:10px 0px 0px 14px;}
div#review_infoBox div.text_area h1				{padding:0px; margin:0px; margin-bottom:8px;}
div#review_infoBox div.text_area ul				{padding-left:10px; float:left;}
div#review_infoBox div.text_area ul li			{padding-left:6px; background:url(/Web-home/admin_content/images/detail/renew_list_style.gif) 0px 7px no-repeat;}
div#review_infoBox div.renew_day				{float:left;}
div#review_infoBox div.renew_day ul				{float:left;}
div#review_infoBox div.renew_day ul li			{float:left; margin-right:4px;}
/* 우측 btn */
div#review_infoBox div.btn_area1				{float:right; width:290px;}
div#review_infoBox div.btn_area1 ul				{float:right; margin-left:4px;}
div#review_infoBox div.btn_area1 ul li			{margin:0px 0px 0px 0px; float:left; list-style-type:none;}
div#review_infoBox div.btn_area2				{float:right; width:291px;}
div#review_infoBox div.btn_area2 ul				{float:right; margin-left:4px;}
div#review_infoBox div.btn_area2 ul li			{padding:0px 0px 0px 4px; float:left; list-style-type:none;}
div#review_infoBox div.btn_area2 ul li.txt		{text-align:left; line-height:120%; font-size:11px;}
div#review_infoBox div.btn_area2 ul li b		{font-size:12px; font-weight:bold;}


/* 20110926 트위터 추가 */
div#twitter_infoBox								{padding:0px; margin:0px; float:left; width:100%; line-height:130%; font-size:12px;}
div#twitter_infoBox tr							{padding:0px; margin:0px;}
div#twitter_infoBox td.title					{float:left; font-weight:bold; padding:0px 0px 0px 0px; font-size:13px; color:#333333;}
div#twitter_list								{padding:0px; margin:0px; float:left; width:100%; line-height:150%; font-size:12px;}
div#twitter_list tr								{padding:0px; margin:0px;}
div#twitter_list td.txt1						{color:#444;font:13px/1.5 Helvetica Neue, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;font-family:Arial, "Helvetica Neue", sans-serif;padding:0px; margin:0px; width:100%; line-height:19px; font-size:15px;}
div#twitter_list td.txt1 a:link,
div#twitter_list td.txt1 a:visited,
div#twitter_list td.txt1 a:active				{color:#088253;}
div#twitter_list td.txt1 a:hover				{color:#088253;}
div#twitter_list td.txt2						{font:13px/1.5 Helvetica Neue, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;padding:0px; margin:0px; width:100%; font-size:12px; line-height:15px; color:#999 !important;}
div#twitter_list td.txt2 a:link,
div#twitter_list td.txt2 a:visited,
div#twitter_list td.txt2 a:active				{color:#999999;}
div#twitter_list td.txt2 a:hover				{color:#088253;}
/*div#twitter_list td.num						{padding:0px; margin:0px; font-weight:bold; font-size:13px; color:#333333; vertical-align:top;}*/
div#twitter_list td.tit							{padding:0px 0px 0px 10px}
div#twitter_list td.num01						{font-weight:bold; font-size:13px; color:#333333; background:url(images/img_Vline.gif) right 2px no-repeat; padding:0px 16px 2px 0px}
div#twitter_list td.num02						{font-weight:bold; font-size:13px; color:#333333; background:none; padding:0px 10px 2px 0px}