@charset "utf-8";
/*
	구독서비스 관련 css
*/

/* 국영문사이트, 패밀리사이트, 로긴버튼 */
#topEtcLinks { width:100%; margin-bottom:12px; background-color:#fbfbfb; border-bottom:1px solid #e8e8e8; }
#topEtcLinks .etcWrap { position:relative; width:980px; height:22px; overflow:hidden; margin:0 auto; }

#topEtcLinks .siteLang { float:left; margin-top:4px; }
#topEtcLinks .siteLang li { float:left; padding-right:10px; margin-right:9px; font-size:0; line-height:0; background:url(../images/common/newsorder/top_link_bar.gif) no-repeat right 50%; }
#topEtcLinks .siteLang li.last { padding-right:0; margin-right:0; background:none; }
#topEtcLinks .siteLang li img { vertical-align:top; }
#topEtcLinks .siteLang li a { display:inline-block; padding:3px 0; }

#topEtcLinks .familySite { display:inline; float:right; /* margin-right:57px; */ }
#topEtcLinks .familySite dt { float:left; margin:3px 10px 0 0; }
#topEtcLinks .familySite dd { float:left; padding:6px 8px 0 0; margin-right:7px; background:url(../images/common/newsorder/top_link_bar.gif) no-repeat right top; }
#topEtcLinks .familySite dd.last { padding-right:0; margin-right:0; background:none; }
#topEtcLinks .familySite dd img { vertical-align:top; }
#topEtcLinks .familySite.session { margin-right:150px; }/* 20100406 add */

#topEtcLinks .topLogin { position:absolute; right:0; top:4px; height:16px; overflow:hidden; }


/* header */
#newsOrderHeader { position:relative; margin-bottom:20px; }
#newsOrderHeader .newsOrderTop { overflow:hidden; height:1%; padding-bottom:20px; border-bottom:3px solid #677ba9; }
.newsOrderTop .mediaLogo { display:inline; float:left; margin:0 16px 0 1px; }
.newsOrderTop .mediaSub { margin-top:14px; }



/* 레이아웃 */
#newsOrderContainerT { width:980px; padding-top:1px; background:url(../images/common/bg/newsorder_container_box_bg.gif) no-repeat left top; }
#newsOrderContainerB { padding-bottom:10px; background:url(../images/common/bg/event_container_box_bg.gif) no-repeat left bottom; }
#newsOrderContainerC { overflow:hidden; height:1%; background:url(../images/common/bg/newsorder_container_box_linebg.gif) repeat-y; }
	#newsOrderContent { float:left; width:700px; }
		#newsOrderSnb { float:left; width:96px; margin:0 20px 0 0; }
		#newsOrderCnt { position:relative; float:left; width:584px; }
	#newsOrderAside { float:right; width:260px; }


/* total search input */
#newsOrder input.inputBox { height:16px; padding:2px 0 0 2px; border:1px solid #d5d5d5; vertical-align:middle; }
#newsOrder input.checkBox { width:12px; height:12px; margin-right:3px; vertical-align:middle; }
#newsOrder input.radioBox { width:12px; height:12px; margin-right:3px; vertical-align:middle; }
#newsOrder .textBox { padding:5px; overflow:auto; border:1px solid #d5d5d5; vertical-align:middle; }


/* heading */
#newsOrder h1 { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#newsOrderContent h2 {
	padding:0 0 9px 12px;
	margin-bottom:20px;
	font-size:12px;
	color:#000;
	border-bottom:1px solid #5b8ca9;
	background:url(../images/common/icon/icon_h1.gif) no-repeat 1px 2px;
}
* html #newsOrderContent h2 { padding-bottom:7px; margin-bottom:19px; }
#newsOrderContent h2 span.stress { padding-left:5px; color:#ff6600; font-weight:bold; }
#newsOrderAside h2 { width:238px; padding:0; margin:14px auto 9px; line-height:1; }

#RSSList h3 { padding-left:9px; margin-bottom:16px; font-size:11px; color:#4f92ba; line-height:1; background:url(../images/common/icon/icon_h2.gif) no-repeat 1px 3px; }
#RSSList h3.media { margin-bottom:9px; }
#RSSList h4 { padding-left:9px; margin-bottom:9px; font-size:11px; color:#000; line-height:1; background:url(../images/common/icon/dot_black.gif) no-repeat 4px 5px; }

h3.subScript { padding-left:12px; margin:25px 0 5px; font-size:12px; color:#666; line-height:1; background:url(../images/common/icon/icon_h2.gif) no-repeat 1px 3px; }

/* navigation */
	#newsOrderNavi { margin-bottom:19px; font-size:12px; color:#666; line-height:1; }
	#newsOrderNavi img { vertical-align:middle; }
	#newsOrderNavi span.arrow { font-family:verdana; font-size:9px; }
	#newsOrderNavi span.current { font-weight:bold; color:#323232; }


/* newsOrderSnb */
	#newsOrderSnb dl { width:96px; padding-bottom:10px; background:url(../images/newsorder/snb_linebg.gif) repeat-y; border-bottom:1px solid #ebebeb; }
	#newsOrderSnb dl dt { height:20px; padding:7px 0 5px 10px; font-size:13px; font-weight:bold; color:#fff; background:url(../images/newsorder/snb_title_bg.gif) no-repeat; }
	#newsOrderSnb dl dd { padding:4px 0 4px 13px; font-size:11px; line-height:1.1; letter-spacing:-1px; background:url(../images/common/icon/dot_gray.gif) no-repeat 7px 9px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; }
	#newsOrderSnb dl dd.on a { font-weight:bold; color:#000; }


/* button align */
.btnAreaC { height:20px; margin-top:15px; overflow:hidden; text-align:center; }


/* newsOrderCnt */

	#newsOrderContent .btnBack { position:absolute; right:0; top:-2px; }

	/* pdf 검색 */
	.pdfSrh { width:536px; height:129px; padding:20px 24px 17px; margin-bottom:13px; background:url(../images/common/bg/bg_pdf_srh_bg.gif) no-repeat; }

	.pdfSrh ul.srhCon { width:410px; margin:0 auto; }
	.pdfSrh ul.srhCon li { display:inline; padding:0 10px; }
	.pdfSrh ul.srhCon li input.radioBox,
	.pdfSrh ul.srhCon li img { vertical-align:middle; }

	.pdfSrh .srhDate { margin-top:15px; font-size:12px; color:#a3a3a3; text-align:center; }
	.pdfSrh .srhDate img,
	.pdfSrh .srhDate input,
	.pdfSrh .srhDate select { margin-left:5px; vertical-align:middle; }

	.pdfSrh ul.guide { padding-top:10px; margin-top:15px; font-size:11px; line-height:1; color:#666; border-top:1px solid #e8e8e8; }
	.pdfSrh ul.guide li { padding-left:7px; line-height:1.6; background:url(../images/common/icon/dot_gray.gif) no-repeat 0 7px; }

	/* 지면 검색 */
	.newsPaperSrh { padding:12px 20px; margin-bottom:30px; background:#f5f5f5; border:1px solid #e4e4e4; }

	.newsPaperSrh .srhPaper {  }
	.newsPaperSrh .srhPaper span { margin-right:10px; font-weight:bold; font-size:12px; color:#666; }
	#newsOrder .newsPaperSrh .srhPaper input.inputBox { border:1px solid #7f9db9; }
	.newsPaperSrh .srhPaper input { vertical-align:middle; }

	.newsPaperSrh .srhDate { padding-top:10px; margin-top:10px; font-size:12px; line-height:1; color:#666; border-top:1px solid #e4e4e4; }
	#newsOrder .newsPaperSrh .inputBox { width:75px; text-align:center; border:1px solid #7f9db9; }
	#newsOrder .newsPaperSrh .radioBox { height:20px; vertical-align:top; }
	.newsPaperSrh img { vertical-align:middle; }

	.newsPaperSrh ul.guide { margin-top:7px; font-size:11px; line-height:1; color:#666; }
	.newsPaperSrh ul.guide li { line-height:1.5; }


	/* pdf 리스트 */
	#newsOrder ul.newsPaperList { margin-bottom:10px; }
	ul.newsPaperList { margin:-20px 0 -1px; }
	ul.newsPaperList li { padding:20px 10px 20px; overflow:hidden; height:1%; border-bottom:1px solid #d8dde0; }
	ul.newsPaperList li .thumb { float:left; margin:0 30px 0 0; }
	ul.newsPaperList li dl { float:left; }
	ul.newsPaperList li dl dt { margin-bottom:3px; font-size:14px; font-weight:bold; color:#666; line-height:1.5; }
	ul.newsPaperList li dl dd { padding:2px 0 2px 7px; font-size:12px; color:#666; line-height:1.5; background:url(../images/common/icon/dot_gray.gif) no-repeat left 7px; }

	/* pdf 상세 리스트 */
	#newsOrder ul.newsPaperDetailList { margin-bottom:10px; }
	ul.newsPaperDetailList { margin:-20px 0 -1px;  font-size:12px;}
	ul.newsPaperDetailList li { padding:20px 10px 20px; overflow:hidden; height:1%; border-bottom:1px solid #d8dde0; }
	ul.newsPaperDetailList li .thumb { float:left; margin:0 18px 0 0; }
	ul.newsPaperDetailList li .subject { margin-bottom:4px; font-size:12px; color:#000; font-weight:bold; line-height:1.5;; }
	ul.newsPaperDetailList li .location { padding-bottom:2px; color:#666; line-height:1.5; }
	ul.newsPaperDetailList li p { padding-bottom:2px; color:#666; line-height:1.6; }


	/* tab style */
	#newsOrderContent .tabStyle { margin-top:20px; }
	#newsOrderContent .tabStyle ul { overflow:hidden; height:26px; border-bottom:1px solid #4e91b9; }
	#newsOrderContent .tabStyle ul li { float:left; height:26px; padding-left:20px; font-size:12px; line-height:1; background:url(../images/newsorder/tab_off.gif) no-repeat left top; }
	#newsOrderContent .tabStyle ul li span { display:inline-block; height:26px; padding-right:20px; background:url(../images/newsorder/tab_off.gif) no-repeat right top;  }
	#newsOrderContent .tabStyle ul li span a { display:inline-block; height:18px; padding:8px 0 0 0; color:#666; }

	#newsOrderContent .tabStyle ul li.on { background:url(../images/newsorder/tab_on.gif) no-repeat left top; }
	#newsOrderContent .tabStyle ul li.on span { background:url(../images/newsorder/tab_on.gif) no-repeat right top;  }
	#newsOrderContent .tabStyle ul li.on span a { color:#fff; }

	/* guide box */
	.rssUserGuideBoxT { width:584px; padding-top:23px; margin:0 auto 25px; background:url(../images/common/bg/newsorder_guidebox_bg.gif) no-repeat left top; }
	.rssUserGuideBoxB { padding-bottom:10px; background:url(../images/common/bg/newsorder_guidebox_bg.gif) no-repeat left bottom; }
	.rssUserGuideBoxC { height:336px; padding:0 0 0 17px; background:url(../images/common/bg/newsorder_guidebox_linebg.gif) repeat-y left top; }

	.rssUserGuideBoxC h3 { margin-bottom:5px; }
	.rssUserGuideBoxC ul {  }
	.rssUserGuideBoxC ul li { padding-top:5px; font-size:0; line-height:0; }
	.rssUserGuideBoxC ul li img { vertical-align:top; }
	.rssUserGuideBoxC .examImg01 { margin:31px 0 0 15px; }
	.rssUserGuideBoxC .examImg02 { margin:23px 0 0 75px; }
	.rssUserGuideBoxC .examImg03 { margin:47px 0 0 30px; }

	/* rss box */
	.rssBoxT { width:584px; padding-top:10px; margin:0 auto 25px; background:url(../images/common/bg/newsorder_rssbox_bg.gif) no-repeat left top; }
	.rssBoxB { width:584px; padding-bottom:12px; background:url(../images/common/bg/newsorder_rssbox_bg.gif) no-repeat left bottom; }
	.rssBoxC { position:relative; padding:0 17px; background:url(../images/common/bg/newsorder_rssbox_linebg.gif) repeat-y left top; }

	/* RSS list */
	#RSSList {  }
	#RSSList dl { overflow:hidden; height:28px; border-top:1px solid #ececec; }
	#RSSList dl.first { border-top:none; line-height:1; }
	#RSSList dl dt { float:left; width:110px; margin-top:6px; font-weight:bold; font-size:11px; color:#666; line-height:1.5; }
	#RSSList dl dd { float:left; padding:5px; line-height:1; }
	#RSSList dl dd.gap { float:left; padding:5px 15px 5px 0; margin-right:10px; background:url(../images/newsorder/bg_rss_list_gap.gif) no-repeat right 50%; }
	
	#RSSList .more { position:absolute; right:20px; top:6px; font-size:11px; line-height:1.5; }
	#RSSList .more a { display:block; padding-right:8px; color:#878787; background-repeat:no-repeat; background-position:right 6px; }
	#RSSList .more a.open { background-image:url(../images/common/icon/arrow_blue_down.gif); }
	#RSSList .more a.close { background-image:url(../images/common/icon/arrow_blue_up.gif); }


	/* 구독 신청 */
	.policyBoxT { width:584px; padding-top:10px; margin:0 auto 7px; background:url(../images/common/bg/newsorder_paper_box_bg.gif) no-repeat left top; }
	.policyBoxB { width:584px; padding-bottom:13px; background:url(../images/common/bg/newsorder_paper_box_bg.gif) no-repeat left bottom; }
	.policyBoxC { width:560px; padding:0 12px; background:url(../images/common/bg/newsorder_paper_box_linebg.gif) repeat-y left top; }

	#newsOrderCnt .agreeMsg { margin:15px 0; text-align:center; }
	#newsOrderCnt .agreeCheck { padding:5px 0; text-align:center; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
	#newsOrderCnt .agreeCheck label { margin-right:5px; }

	.subScriptBoxType { width:532px; height:48px; padding:19px 20px 0; margin-left:12px; background:url(../images/common/bg/newsorder_subscript_box_bg.gif) no-repeat; }

	.subScriptBoxTypeT { width:572px; padding-top:10px; margin-left:12px; background:url(../images/common/bg/newsorder_subscript_box1_bg.gif) no-repeat left top; }
	.subScriptBoxTypeB { width:572px; padding-bottom:13px; background:url(../images/common/bg/newsorder_subscript_box1_bg.gif) no-repeat left bottom; }
	.subScriptBoxTypeC { width:532px; padding:0 20px; background:url(../images/common/bg/newsorder_paper_box1_linebg.gif) repeat-y left top; }

	.subScriptBoxTypeLetterT { width:584px; padding-top:10px; background:url(../images/common/bg/newsorder_rssbox_bg.gif) no-repeat left top; }
	.subScriptBoxTypeLetterB { padding-bottom:12px; background:url(../images/common/bg/newsorder_rssbox_bg.gif) no-repeat left bottom; }
	.subScriptBoxTypeLetterC { position:relative; padding:0 17px; background:url(../images/common/bg/newsorder_rssbox_linebg.gif) repeat-y left top; }


	/* 지면 구독 */
	.paperBoxT { width:584px; padding-top:6px; margin:0 auto 7px; background:url(../images/common/bg/newsorder_paper_box_bg.gif) no-repeat left top; }
	.paperBoxB { width:584px; padding-bottom:10px; background:url(../images/common/bg/newsorder_paper_box_bg.gif) no-repeat left bottom; }
	.paperBoxC { width:572px; padding:0 6px; background:url(../images/common/bg/newsorder_paper_box_linebg.gif) repeat-y left top; }

	.subscriptTabImg {  }
	.paperBoxC .subscriptGuide { width:526px; padding:10px 18px 20px 18px; margin:5px 0 0 4px; background:#fff; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #ededed; border-bottom:1px solid #d5d5d5; }
	.subscriptGuide dl {  }
	.subscriptGuide dl dt { padding-left:6px; margin-top:15px; font-weight:bold; font-size:12px; color:#666; background:url(../images/common/icon/icon_h2.gif) no-repeat left 5px; }
	.subscriptGuide dl dd { padding-left:13px; margin:5px 0 0; font-size:12px; color:#666; line-height:1.5; background:url(../images/common/icon/dot_gray.gif) no-repeat 7px 8px; }
	.subscriptGuide dl dd.noDot { padding-left:6px; background:none; }

	.paperBoxC iframe { width:564px; margin:5px 0 0 4px; }


	/* 구독 신청 테이블 */
	.subScriptTbl { width:100%; table-layout:fixed; border-collapse:collapse; }
	.subScriptTbl caption { visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; line-height:0; }

	.subScriptTbl th { padding:8px 0 8px 13px; text-align:left; font-size:12px; color:#8585a9; border-bottom:1px solid #ececec; }
	* html .subScriptTbl th { padding:10px 0 6px 13px; }
	.subScriptTbl th.must { background:url(../images/common/icon/icon_must.gif) no-repeat 4px 50%; }
	.subScriptTbl th span.must { padding:10px; text-indent:-10px; background:url(../images/common/icon/icon_must.gif) no-repeat 1px 50%; }
	.subScriptTbl th span.eng { display:block; margin-top:3px; font-weight:normal; color:#666; font-size:11px; }

	.subScriptTbl td { padding:8px 0; font-size:11px; color:#a3a3a3; border-bottom:1px solid #ececec; }
	.subScriptTbl td span.dash { display:inline-block; width:4px; overflow:hidden; color:#9c9c9c; }
	.subScriptTbl td span.tblGuide { display:block; margin-top:8px; font-size:11px; color:#a3a3a3; }
	.subScriptTbl td span.stress { font-size:11px; color:#fe6000; }
	.subScriptTbl td span.itemSel { display:inline-block; margin-left:20px; }
	.subScriptTbl td p.addressGap { margin-top:5px; }

	.subScriptTbl tr.last th,
	.subScriptTbl tr.last td { border-bottom:none; }

	.subScriptTbl td input.inputBox {
		height:15px;
		padding:3px 4px 0 4px;
		vertical-align:middle;
		background:url(../images/common/bg/input_bg.gif) repeat-x;
		border-top:1px solid #d1d1d1;
		border-right:1px solid #dedede;
		border-bottom:1px solid #e4e4e4;
		border-left:1px solid #dedede;
	}
	.subScriptTbl td input.inputDisBox { height:15px; padding:3px 4px 0 4px; color:#666; background:#e4e4e4; border:1px solid #e4e4e4; }
	.subScriptTbl td input.fileBox { height:18px; padding:2px 0 0 2px; border:1px solid #7f9db9; vertical-align:middle; }
	.subScriptTbl td select { vertical-align:middle; }
	.subScriptTbl td .radioBox { width:12px; height:12px; margin-right:3px; vertical-align:middle; *margin-top:-1px; }
	.subScriptTbl td .checkBox { width:12px; height:12px; margin-right:3px; vertical-align:middle; }
	.subScriptTbl td img { vertical-align:middle; }

	.subScriptTbl td ul.checkListRow { margin-left:15px; line-height:1; }
	.subScriptTbl td ul.checkListRow li { padding:4px 0; line-height:1; }

	div.tblMustMsgUp { margin:10px 0 5px; font-size:12px; color:#666; text-indent:10px; }
	div.tblMustMsg { margin-top:5px; font-size:11px; color:#a3a3a3; text-indent:5px; }
	ul.tblMustMsg { margin-top:5px; }
	ul.tblMustMsg li { padding-left:5px; font-size:11px; color:#a3a3a3; }
	ul.tblMustMsg li img { vertical-align:middle; }

	/* 구독 완료 */
	.subscriptComplete { margin-top:5px; margin-left:4px; }

	/* 뉴스레터 구독 */
	.newsletterBnr { margin-bottom:15px; }
	.newsletterLoginMsg { margin:-18px 0 7px; font-size:11px; color:#a3a3a3; line-height:1; text-align:right; }

/* aside 게시물들 */
	#newsOrderAside .asideBoxT { width:238px; padding-top:7px; margin:0 auto; background:url(../images/common/bg/newsorder_asidebox_bg.gif) no-repeat left top; }
	#newsOrderAside .asideBoxB { width:238px; padding-bottom:6px; background:url(../images/common/bg/newsorder_asidebox_bg.gif) no-repeat left bottom; }
	#newsOrderAside .asideBoxC { width:216px; padding:0 11px; background:url(../images/common/bg/newsorder_asidebox_linebg.gif) repeat-y left top; }

	/* dot Type */
	#newsOrderAside ul.asideTypeDot { overflow:hidden; }
	#newsOrderAside ul.asideTypeDot li { padding:4px 0 4px 6px; font-size:12px; line-height:1; background:url(../images/common/icon/dot_gray.gif) no-repeat left 50%; color:#666; }
	#newsOrderAside ul.asideTypeDot li img { vertical-align:middle; }
	#newsOrderAside ul.asideTypeDot li span.stress { color:#ff6600; }

	/* number Type */
	#newsOrderAside ol.asideTypeNum { overflow:hidden; }
	#newsOrderAside ol.asideTypeNum li { clear:both; padding:4px 0; font-size:12px; line-height:1; color:#666; }
	#newsOrderAside ol.asideTypeNum li img { vertical-align:middle; }

	/* guide Type */
	#newsOrderAside ol.asideTypeGuide { overflow:hidden; }
	#newsOrderAside ol.asideTypeGuide li { clear:both; padding:4px 0 4px 16px; font-size:12px; line-height:1.6; color:#666; background-repeat:no-repeat; background-position:0 7px; }
	#newsOrderAside ol.asideTypeGuide li.num1 { background-image:url(../images/common/icon/aside_num_1_on.gif); }
	#newsOrderAside ol.asideTypeGuide li.num2 { background-image:url(../images/common/icon/aside_num_1_on.gif); }
	#newsOrderAside ol.asideTypeGuide li img { float:left; }
	#newsOrderAside ol.asideTypeGuide li span.title { display:block; font-weight:bold; }
	#newsOrderAside ol.asideTypeGuide li span.stress { font-weight:bold; color:#ff6600; }


	/* iframe 증권 */
	.asideStock { width:245px; margin:10px auto; }

	/* aside banner */
	#newsOrderAside .asideBnr { margin-top:14px }

/* paging */
	#newsOrderContent .paging { margin-top:15px; text-align:center; line-height:1; }
	#newsOrderContent .paging img { vertical-align:bottom; }
	#newsOrderContent .paging span.num { display:inline-block; padding:0 5px; *margin-right:3px; }
	#newsOrderContent .paging span.num a { display:inline-block; margin:0 2px; font-family:verdana; font-size:11px; color:#666; }
	#newsOrderContent .paging span.current { display:inline-block; margin:0 2px; font-family:verdana; font-size:11px; color:#000; font-weight:bold; text-decoration:underline; }