@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/customer/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/customer/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 */
#customerHeader { position:relative; margin-bottom:20px; }
#customerHeader .customerTop { overflow:hidden; height:1%; }
.customerTop .mediaLogo { display:inline; float:left; margin:0 16px 0 1px; }
.customerTop .mediaCoustomer { margin-top:14px; }

#customerHeader .headerBnr { position:absolute; right:0; top:0; }


#customerHeader #customerGNB { width:980px; height:29px; margin-top:26px; overflow:hidden; background:url(../images/common/customer/gnb_bg.gif) no-repeat; }
#customerHeader #customerGNB ul { overflow:hidden; _zoom:1; }
#customerHeader #customerGNB ul li { float:left; padding:0 1px; background:url(../images/common/customer/gnb_gap.gif) no-repeat right 50%; }
#customerHeader #customerGNB ul li a { display:inline-block; height:22px; padding:7px 10px 0; color:#fff; font-size:13px; font-weight:bold; line-height:1; }
#customerHeader #customerGNB ul li a.on { background:url(../images/common/customer/gnb_bg.gif) no-repeat left bottom; }
#customerHeader #customerGNB ul li.more { background:none; }
#customerHeader #customerGNB ul li.more a { padding:7px 12px 0; color:#3fffff; background:url(../images/common/customer/gnb_arrow_more.gif) no-repeat right 50%; }

#customerHeader .realTimeScroll { clear:both; position:absolute; right:0; top:65px; width:166px; }
#customerHeader .realTimeScroll ol { width:166px; }
#customerHeader .realTimeScroll ol li { height:10px; padding:8px 0 0 15px; font-size:12px; }
#customerHeader .realTimeScroll ol li a { color:#fff; font-size:12px; }
#customerHeader .realTimeScroll ol li img { margin-right:5px; vertical-align:middle; }
#customerHeader .realTimeSrh { position:absolute; right:0; top:65px; width:138px; height:235px; padding:14px; background:url(../images/common/customer/real_time_bg.gif) no-repeat; }
#customerHeader .realTimeSrh dl {  }
#customerHeader .realTimeSrh dl dt { height:11px; padding-bottom:8px; overflow:hidden; border-bottom:1px solid #d5d5d5; }
#customerHeader .realTimeSrh dl dt img { vertical-align:top; }
#customerHeader .realTimeSrh dl dd {  }
#customerHeader .realTimeSrh ol { margin-top:3px; }
#customerHeader .realTimeSrh ol li { height:10px; padding:8px 0 3px 0; overflow:hidden; font-size:12px; }
#customerHeader .realTimeSrh ol li a { color:#000; font-size:12px; }
#customerHeader .realTimeSrh ol li img { margin-right:5px; vertical-align:middle; }


#customerHeader .headerSpace { width:980px; height:29px; overflow:hidden; border-bottom:1px solid #d6d6d6; }


/* 고객센터 메인 */
body#customerMain { background:#fff url(../images/customer/main_linebg.jpg) repeat-x left 210px; }
#customerMainContent #mainCnt { width:963px; height:483px; padding:34px 0 0 17px;; background:url(../images/customer/main_bg.jpg) no-repeat; }

	/* 공지사항 */
	#mainCnt .notice { position:relative; width:285px; height:131px; }
	#mainCnt .notice h2 { margin-bottom:5px; }
	#mainCnt .notice ul {  }
	#mainCnt .notice ul li { padding-left:9px; font-size:12px; line-height:1.7; background:url(../images/common/icon/dot_gray.gif) no-repeat 3px 9px; }
	#mainCnt .notice .btn { position:absolute; right:0; top:0; }

	/* 마이페이지 */
	#mainCnt .mypage { width:440px; height:65px; margin-bottom:20px; overflow:hidden; }
	#mainCnt .mypage h2 { margin-bottom:9px;  }
	#mainCnt .mypage dl { float:left; font-size:0; line-height:0; }
	#mainCnt .mypage dl dt { padding:0 0 3px 60px; }
	#mainCnt .mypage dl dd { padding:3px 0 0 60px; }

	#mainCnt .mypage dl.privacy { width:143px; background:url(../images/customer/main_mypge_bg_01.jpg) no-repeat left top; }
	#mainCnt .mypage dl.settlement { width:155px; background:url(../images/customer/main_mypge_bg_02.jpg) no-repeat left top; }
	#mainCnt .mypage dl.mynews { width:142px; background:url(../images/customer/main_mypge_bg_03.jpg) no-repeat left top; }

	/* Quick Menu */
	#mainCnt .quickMenu { width:440px; margin-bottom:29px; }
	#mainCnt .quickMenu h2 { margin-bottom:8px; }
	#mainCnt .quickMenu ul { width:440px; height:43px; overflow:hidden; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
	#mainCnt .quickMenu ul li { float:left; padding:11px 0; margin-right:10px; }
	#mainCnt .quickMenu ul li.last { margin-right:0; }

	/*  */
	#mainCnt .mainBnr { width:440px; }


/* 고객센터 레이아웃 */
#customerContent { width:980px; overflow:hidden; height:1%; }
	#customerSnb { float:left; width:96px; margin:0 18px 0 0; border-top:1px solid #ebebeb; }
	#customerCnt { float:left; width:726px; }
	#customerCnt_ms { float:left; width:860px; }

	#customerBnr { float:right; width:120px; }

	#customerMainCnt { float:left; width:866px; }


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


/* heading */
#customerMainContent h1,
#customerContent h1 { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#customerContent 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 #customerContent h2 { padding-bottom:7px; margin-bottom:19px; }

#customerContent h3.infoChange { padding-left:5px; margin:15px 0 5px; font-size:12px; font-weight:bold; color:#666; background:url(../images/common/icon/dot_h3_infochange.gif) no-repeat left 5px; }
#customerContent h3.infoChange.first { margin-top:0; }


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

/* customerSnb */
	#customerSnb dl { width:96px; background:url(../images/customer/snb_linebg.gif) repeat-y; }
	#customerSnb dl dt { height:22px; padding:7px 0 0 9px; font-size:13px; font-weight:bold; color:#685e78; background:url(../images/customer/snb_title_bg.gif) no-repeat; }
	#customerSnb dl dt a { color:#685e78; }
	#customerSnb dl dt.on { height:25px; padding:7px 0 0 10px; font-size:13px; font-weight:bold; color:#fff; background:url(../images/customer/snb_title_bg_on.gif) no-repeat; }
	#customerSnb dl dt.on a { color:#fff; }
	#customerSnb dl dd { border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; }
	#customerSnb dl dd.on ul { padding-bottom:10px; border-bottom:1px solid #ebebeb; }
	#customerSnb dl dd.on ul li { 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; }
	#customerSnb dl dd.on ul li.on a { font-weight:bold; color:#000; letter-spacing:-1px; }


/* customerCnt */
	/* 게시판 가이드 목록 */
	#customerCnt .boardGuide { margin:-3px 0 15px; }
	#customerCnt .boardGuide li { padding:0 0 2px 7px; font-size:11px; color:#666; line-height:1.5; background:url(../images/common/icon/icon_h2.gif) no-repeat 0 7px; }
	#customerCnt .boardGuide li span.stress { color:#ff0000; }

	/* button Area */
	.btnAreaR { height:20px; overflow:hidden; margin-top:10px; margin-bottom:8px; text-align:right; }
	.btnReg { margin-top:-15px; text-align:right; }
	.btnAreaC { margin-top:10px; text-align:center; }

	.btnArea { height:20px; overflow:hidden; padding-top:20px; margin-bottom:20px; }
	.btnArea .btnLeft { float:left; }
	.btnArea .btnRight { float:right; }

	/* 일반 게시판 검색 */
	.boardSrhT { width:726px; padding-top:8px; margin-top:20px; background:url(../images/common/bg/bg_board_search.gif) no-repeat left top; }
	.boardSrhB { padding-bottom:8px; background:url(../images/common/bg/bg_board_search.gif) no-repeat left bottom; }
	.boardSrhC { padding:0 17px 0 22px; font-size:12px; color:#666; background:url(../images/common/bg/bg_board_search_line.gif) repeat-y; }
	.boardSrhC input { vertical-align:middle; }
	.boardSrhC fieldset { overflow:hidden; }
	.boardSrhC fieldset label { margin-right:10px; }
	.boardSrhC .order { float:left; }
	.boardSrhC .order span.title { font-weight:bold; }
	.boardSrhC .srh { float:right; }


	/* 일반 게시판 리스트 페이지 */
	table.commonListTbl { width:100%; table-layout:fixed; }
	table.commonListTbl thead th { padding:7px 0 6px; font-size:12px; font-weight:bold; color:#4981a2; background-color:#f6f6f6; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
	table.commonListTbl tbody td { padding:7px 0 5px; font-size:11px; color:#666; text-align:center; line-height:1.5; border-bottom:1px solid #eae9e9; }
	table.commonListTbl tbody td.subject { padding-left:5px; text-align:left; }
	table.commonListTbl tbody td.money { padding-right:5px; color:#4981a2; text-align:right; }
	table.commonListTbl tbody td.noData { height:50px; text-align:center; }

	table.commonListTbl.hideThead { border-top:1px solid #c4c4c4; }
	table.commonListTbl.hideThead thead th { visibility:hidden; height:0; padding:0; overflow:hidden; font-size:0; line-height:0; border:none; }
	table.commonListTbl.hideThead tbody td { font-size:12px; text-align:left; }
	table.commonListTbl.hideThead tbody td.txtRight { text-align:right; }
	table.commonListTbl.hideThead tbody td.noData { height:50px; text-align:center; }

	/* 일반 게시판 상세보기 페이지 */
	table.commonViewTbl { width:100%; table-layout:fixed; }
	table.commonViewTbl .subject th { background-color:#f6f6f6; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
	table.commonViewTbl .subject td { font-size:12px; font-weight:bold; color:#000; background-color:#f6f6f6; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
	table.commonViewTbl th { padding:7px 0 6px; font-size:12px; font-weight:bold; color:#4981a2; border-bottom:1px solid #eae9e9; }
	table.commonViewTbl td { padding:7px 0 6px; font-size:11px; color:#666; line-height:1.5; border-bottom:1px solid #eae9e9; }

	table.commonViewTbl td.data { padding:0; font-size:12px; border-bottom:none; }
	table.commonViewTbl td.data dl.queAnswer { margin-bottom:-1px; }
	table.commonViewTbl td.data dl.queAnswer dt { padding:20px 19px 5px; }
	table.commonViewTbl td.data dl.queAnswer dd { padding:0 19px 15px; border-bottom:1px solid #eae9e9; }

	#customerCnt .file { padding:7px 0; margin-top:-1px; font-size:12px; color:#666; background-color:#f6f6f6; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
	#customerCnt .file dl { overflow:hidden; height:1%; }
	#customerCnt .file dl dt { float:left; padding:0 5px 0 12px; margin-top:2px; font-size:12px; font-weight:bold; color:#4981a2; }
	#customerCnt .file dl dd { float:left; margin-left:15px; }
	#customerCnt .file dl dd img { vertical-align:middle; }

		/* 에디터를 통해 나온 내용 */
		table.commonViewTbl td.editorData { padding:10px; font-size:12px; color:#222; }
		table.commonViewTbl td.editorData p { margin:5px; line-height:1.3; }

	/* 일반 게시판 쓰기, 수정 페이지 */
	table.commonInsTbl { width:100%; table-layout:fixed; border-top:1px solid #cdcdcd; }
	table.commonInsTbl th { padding:4px 0 3px 7px; font-size:12px; font-weight:bold; color:#4981a2; text-align:left; border-bottom:1px solid #eae9e9; }
	table.commonInsTbl td { padding:4px 0 3px 0; font-size:11px; color:#666; line-height:1.5; border-bottom:1px solid #eae9e9; }
	table.commonInsTbl td label { font-size:12px; }
	#customerContent table.commonInsTbl td .radioBox { vertical-align:top; }

	table.commonInsTbl td.editor { padding:0 0 5px 0; }
	#customerCnt table.commonInsTbl 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;
	}
	table.commonInsTbl td .fileList { float:left; }
	table.commonInsTbl td .fileList .fileBox { display:block; margin-bottom:2px; }
	table.commonInsTbl td .fileAdd { float:left; margin:3px 0 0 10px; }
	table.commonInsTbl td ul.fileGuide { clear:both; width:100%; margin-top:5px; }



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


	/* 이전 다음글 */
	#customerCnt .prevNext { background-color:#fff; border-bottom:1px solid #9e9e9e; }
	#customerCnt .prevNext dl { overflow:hidden; height:1%; }
	#customerCnt .prevNext dl dt { float:left; width:41px; padding:9px 0 9px 18px; font-size:0; line-height:0; border-top:1px solid #dbdbdb; }
	#customerCnt .prevNext dl dd { float:left; width:657px; height:19px; padding:9px 0 0 10px; font-size:11px; line-height:1; border-top:1px solid #dbdbdb; }


	/* 코리아헤럴드 견학프로그램 */
	#visitProgram { width:726px; height:743px; padding-top:45px; background:#fff url(../images/event/visite_bg.jpg) no-repeat; }
	#visitProgram h3 { margin:0 0 0 40px; }
	#visitProgram p.txt01 { margin:33px 0 0 40px; }
	#visitProgram p.txt02 { margin:20px 0 0 40px; }
	#visitProgram p.txt03 { margin:21px 0 0 40px; }
	#visitProgram dl.detail { width:400px; margin:44px 0 0 36px; }
	#visitProgram dl.detail dt { padding:0 0 0 8px; font-size:12px; color:#628ca9; font-weight:bold; line-height:1; background:url(../images/common/icon/icon_h2.gif) no-repeat left 50%; }
	#visitProgram dl.detail dd { padding:5px 0 30px 8px; font-size:12px; color:#666; line-height:1.3; }
	#visitProgram dl.detail dd .stress { color:#f67400; }
	#visitProgram .btn { margin:3px 0 0 176px; }


	/* 이용약관 */
	.clauseArea { font-size:12px; color:#666; }
	.clauseArea .headingH1 { padding-left:7px; font-weight:bold; color:#000; background:url(../images/common/icon/icon_h2.gif) no-repeat left 5px; }
	.clauseArea .headingH2 { padding-left:10px; margin:30px 0 0 0; font-weight:bold; color:#000; background:url(../images/common/icon/dot_black.gif) no-repeat 3px 5px; }
	.clauseArea .headingH3 { margin:20px 0 0 5px; font-weight:bold; color:#0099cc; }
	.clauseArea p { padding:5px 10px 0 16px; line-height:1.5; }
	.clauseArea ol { margin:5px 0 0 16px; }
	.clauseArea ol li { padding-left:16px; margin-bottom:5px; text-indent:-16px; line-height:1.5; }
	.clauseArea ol li p { padding:5px 10px 0 0; text-indent:0; }
	.clauseArea ol li ol { margin-left:0; }
	.clauseArea ol li ol li { padding-left:12px; text-indent:-12px; }


	/* 개인정보취급방침 */
	.privacyArea { font-size:12px; color:#666; }

	.privacyArea .headerAreaT { width:726px; padding-top:18px; background:url(../images/common/bg/privacy_header_bg.gif) no-repeat left top; }
	.privacyArea .headerAreaB { padding-bottom:15px; background:url(../images/common/bg/privacy_header_bg.gif) no-repeat left bottom; }
	.privacyArea .headerAreaC { padding:0 15px; font-size:12px; color:#666; background:url(../images/common/bg/privacy_header_linebg.gif) repeat-y; }

	.privacyArea .headerAreaC p { padding:0; line-height:1.5; }
	.privacyArea .headerAreaC p.stress { margin:20px 0; font-size:13px; font-weight:bold; color:#000; }
	.privacyArea .headerAreaC ol { margin:0; }
	.privacyArea .headerAreaC ol li { margin-bottom:3px; }
	.privacyArea .headerAreaC ol li a { color:#0094c5; }

	.privacyArea .headingTitle { margin:25px 0 0 5px; font-weight:bold; color:#0099cc; }
	.privacyArea p { padding:5px 10px 0 16px; line-height:1.5; }
	.privacyArea ol,
	.privacyArea ul { margin:10px 0 0 16px; }
	.privacyArea li { padding-left:11px; margin-bottom:5px; text-indent:-11px; line-height:1.5; }
	.privacyArea dl { margin:20px 0 0 16px; }
	.privacyArea dl dt { margin-bottom:5px; line-height:1.3; }
	.privacyArea dl dd { padding-left:11px; color:#999999; text-indent:-11px; line-height:1.5; }
	.privacyArea dl dd.default { padding-left:0; text-indent:0; }
	.privacyArea dl dd ol { margin:0; }
	.privacyArea dl dd ol li { padding-left:0; text-indent:0; }

	.privacyArea dl.stress { color:#ff4800; }
	.privacyArea dl.stress dd { color:#ff4800; }

	.privacyArea .stress { color:#ff4800; }
	.privacyArea .startDate { margin-top:10px; font-size:13px; font-weight:bold; }

	.privacyArea table { margin:15px 0 0 15px; border-collapse:collapse; }
	.privacyArea table th { padding:5px 15px; font-weight:normal; border:1px solid #dcdcdc; border-left:none; }
	.privacyArea table td { padding:5px 10px; border:1px solid #dcdcdc; }
	.privacyArea table td.last { border-right:none; }


	/* 저작권규약 */
	.copyrightArea { font-size:12px; color:#666; }

	.copyrightArea .headerAreaT { width:726px; padding-top:13px; background:url(../images/common/bg/privacy_header_bg.gif) no-repeat left top; }
	.copyrightArea .headerAreaB { padding-bottom:15px; background:url(../images/common/bg/privacy_header_bg.gif) no-repeat left bottom; }
	.copyrightArea .headerAreaC { padding:0 15px; font-size:12px; color:#666; background:url(../images/common/bg/privacy_header_linebg.gif) repeat-y; }

	.copyrightArea .headerAreaC p { padding:5px 0 0; line-height:1.5; }

	.copyrightArea ul { margin:15px 0 0 5px; }
	.copyrightArea ul li { padding-left:7px; line-height:1.5; background:url(../images/common/icon/dot_gray.gif) no-repeat left 7px; }
	.copyrightArea ul li span.stress { color:#0099cc; }
	.copyrightArea ul li span.stress a { color:#0099cc; }


	/* 고충처리인 제도 */
	.grievanceArea { font-size:12px; color:#666; }
	.grievanceArea h3 { padding:0 0 0 7px; margin:0 0 9px 0; font-size:12px; font-weight:bold; color:#666; line-height:1; background:url(../images/common/icon/icon_h2.gif) no-repeat left 5px; }
	.grievanceArea h4 { padding:0 0 0 7px; margin:0 0 5px 0; font-size:12px; font-weight:bold; color:#666; line-height:1; background:url(../images/common/icon/dot_gray.gif) no-repeat left 5px; }
	.grievanceArea h4.step { position:absolute; }

	.grievanceArea .grievanceBoxT { width:726px; padding-top:16px; margin-bottom:15px; background:url(../images/common/bg/grievance_box_bg.gif) no-repeat left top; }
	.grievanceArea .grievanceBoxB { padding-bottom:18px; background:url(../images/common/bg/grievance_box_bg.gif) no-repeat left bottom; }
	.grievanceArea .grievanceBoxC { padding:0 16px; font-size:12px; color:#666; background:url(../images/common/bg/grievance_box_linebg.gif) repeat-y; }

	.grievanceArea .grievanceBoxC.chargeInfo { overflow:hidden; height:1%; }
	.grievanceArea .grievanceBoxC.chargeInfo .thumb { float:left; width:143px; margin-right:10px; font-size:11px; line-height:1.5; letter-spacing:-1px; }
	.grievanceArea .grievanceBoxC.chargeInfo p { float:left; width:540px; line-height:1.5; }
	.grievanceArea .grievanceBoxC.chargeInfo ul { float:left; margin:10px 20px 0 0; }
	.grievanceArea .grievanceBoxC.chargeInfo ul li { padding:1px 0 1px 9px; color:#333; line-height:1.5; background:url(../images/common/icon/dot_gray.gif) no-repeat 2px 8px; }

	.grievanceArea .grievanceBoxC.etcInfo {  }
	.grievanceArea .grievanceBoxC.etcInfo p { padding:0 0 5px 7px; line-height:1.5; }
	.grievanceArea .grievanceBoxC.etcInfo ul { padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #e1e1e1; }
	.grievanceArea .grievanceBoxC.etcInfo ul li { padding:1px 0 1px 7px; line-height:1.5; color:#0097c9; }
	.grievanceArea .grievanceBoxC.etcInfo ul li a { color:#0097c9; }
	.grievanceArea .grievanceBoxC.etcInfo ol.step { overflow:hidden; height:86px; padding-top:7px; }
	.grievanceArea .grievanceBoxC.etcInfo ol.step li { float:left; }
	.grievanceArea .grievanceBoxC.etcInfo ol.step li p { text-indent:-3000px; }
	.grievanceArea .grievanceBoxC.etcInfo ol.step li.step01 { width:168px; height:86px; background:url(../images/customer/grevance_step.gif) no-repeat left bottom; }
	.grievanceArea .grievanceBoxC.etcInfo ol.step li.step01 a { display:block; margin-top:14px; width:168px; height:72px; text-indent:-3000px; }
	.grievanceArea .grievanceBoxC.etcInfo ol.step li.step02 { width:173px; height:86px; background:url(../images/customer/grevance_step.gif) no-repeat -168px bottom; }
	.grievanceArea .grievanceBoxC.etcInfo ol.step li.step03 { width:183px; height:86px; background:url(../images/customer/grevance_step.gif) no-repeat -341px bottom; }
	.grievanceArea .grievanceBoxC.etcInfo ol.step li.step04 { width:170px; height:86px; background:url(../images/customer/grevance_step.gif) no-repeat -524px bottom; }


	/* 저작권규약 */
	.emailArea { font-size:12px; color:#666; }

	.emailArea .headerAreaT { width:726px; padding-top:13px; background:url(../images/common/bg/privacy_header_bg.gif) no-repeat left top; }
	.emailArea .headerAreaB { padding-bottom:15px; background:url(../images/common/bg/privacy_header_bg.gif) no-repeat left bottom; }
	.emailArea .headerAreaC { padding:0 15px; font-size:12px; color:#666; background:url(../images/common/bg/privacy_header_linebg.gif) repeat-y; }

	.emailArea .headerAreaC p { padding:5px 0 0; line-height:1.5; }

	.emailArea .heading { margin:20px 0 0 5px; font-weight:bold; color:#0099cc; }
	.emailArea p.stress { padding:5px 10px 0 16px; margin-left:16px; line-height:1.5; text-indent:-16px; color:#ff4800; }
	.emailArea p.stress a { color:#ff4800; text-decoration:underline; }
	.emailArea ol { margin:5px 0 0 16px; }
	.emailArea ol li { padding-left:16px; margin-bottom:5px; text-indent:-16px; line-height:1.5; }
	.emailArea ol li p { padding:5px 10px 0 0; text-indent:0; }
	.emailArea ol li ol { margin-left:0; }
	.emailArea ol li ol li { padding-left:12px; text-indent:-12px; }


/* mypage main */
	#mypageMainCnt { overflow:hidden; }
	#mypageMainCnt .quickMenu { overflow:hidden; height:107px; margin-bottom:17px; }
	#mypageMainCnt .quickMenu li { float:left; background:url(../images/customer/mypage_main_quick.gif) no-repeat left top; }
	#mypageMainCnt .quickMenu li a { display:block; width:100px; height:77px; text-indent:-3000px; }
	#mypageMainCnt .quickMenu li.m01 { width:202px; height:107px; background-position:left top; }
	#mypageMainCnt .quickMenu li.m01 a { margin:13px 0 0 85px; }
	#mypageMainCnt .quickMenu li.m02 { width:215px; height:107px; background-position:-202px top; }
	#mypageMainCnt .quickMenu li.m02 a { margin:13px 0 0 100px; }
	#mypageMainCnt .quickMenu li.m03 { width:212px; height:107px; background-position:-417px top; }
	#mypageMainCnt .quickMenu li.m03 a { margin:13px 0 0 90px; }
	#mypageMainCnt .quickMenu li.m04 { width:237px; height:107px; background-position:-629px top; }
	#mypageMainCnt .quickMenu li.m04 a { margin:13px 0 0 105px; }

	#mypageMainCnt .mainNews { position:relative; display:inline; float:left; margin:0 35px 0 17px; }
	#mypageMainCnt .mainNews h3 { margin-bottom:10px; }
	#mypageMainCnt .mainNews ul { width:275px; height:75px; background:url(../images/customer/mypage_main_news_bg.jpg) no-repeat; }
	#mypageMainCnt .mainNews ul li { padding-left:9px; margin-left:75px; font-size:11px; background:url(../images/common/icon/dot_gray.gif) no-repeat left 7px; }
	#mypageMainCnt .mainNews ul li a { font-size:11px; line-height:1.5; }
	#mypageMainCnt .mainNews .btn { position:absolute; right:0; top:2px; }
	#mypageMainCnt .mainNews .btn a { display:block; padding-left:6px; font-size:11px; color:#b8b8b8; background:url(../images/customer/dot_main_arrow.gif) no-repeat left 2px; }

	#mypageMainCnt .mainBBS { position:relative; display:inline; float:left; margin:0 30px 0 17px; }
	#mypageMainCnt .mainBBS h3 { margin-bottom:10px; }
	#mypageMainCnt .mainBBS ul { width:285px; height:75px; background:url(../images/customer/mypage_main_bbs_bg.jpg) no-repeat; }
	#mypageMainCnt .mainBBS ul li { padding-left:9px; margin-left:92px; font-size:11px; background:url(../images/common/icon/dot_gray.gif) no-repeat left 7px; }
	#mypageMainCnt .mainBBS ul li a { font-size:11px; line-height:1.5; }
	#mypageMainCnt .mainBBS .btn { position:absolute; right:0; top:2px; }
	#mypageMainCnt .mainBBS .btn a { display:block; padding-left:6px; font-size:11px; color:#b8b8b8; background:url(../images/customer/dot_main_arrow.gif) no-repeat left 2px; }

	#mypageMainCnt .mainBnr { float:left; width:193px; }


	/* My News */
		/* 검색 */
		.myNewsSrhT { width:726px; padding-top:15px; margin-bottom:20px; background:url(../images/common/bg/bg_mynews_search.gif) no-repeat left top; }
		.myNewsSrhB { padding-bottom:15px; background:url(../images/common/bg/bg_mynews_search.gif) no-repeat left bottom; }
		.myNewsSrhC { padding:0 20px 0; font-size:12px; color:#666; background:url(../images/common/bg/bg_mynews_search_line.gif) repeat-y; }
		.myNewsSrhC fieldset { font-size:11px; }
		.myNewsSrhC fieldset label { margin-right:10px; }
		.myNewsSrhC .srh { position:relative; line-height:1; }
		.myNewsSrhC .srh span.title { margin-right:5px; font-weight:bold; font-size:12px; letter-spacing:-1px; }
		.myNewsSrhC .srh .btn { position:absolute; top:-1px; right:0; }
		.myNewsSrhC .srh .btn img { vertical-align:top; }
		.myNewsSrhC .order { position:relative; padding-top:15px; margin-top:10px; line-height:1; border-top:1px solid #e8e8e8; }
		.myNewsSrhC .order span.title { margin-right:5px; font-weight:bold; font-size:12px; letter-spacing:-1px; }
		.myNewsSrhC .order .btn { position:absolute; top:11px; right:0; }
		#customerContent .myNewsSrhC .order .radioBox { vertical-align:text-top; margin-top:-1px; }

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

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

		/* 환불요청 안내 */
		.refundGuide { padding:19px 17px; margin-top:20px; background:#f8f8f8; border:1px solid #e5e5e5; font-size:12px; }
		.refundGuide h3 { margin-bottom:7px; }
		.refundGuide p { padding:0 0 6px 7px; color:#666; line-height:1.5; background:url(../images/common/icon/dot_black.gif) no-repeat 2px 7px; }
		.refundGuide ul { padding-left:7px; }
		.refundGuide ul li { font-size:11px; color:#345a8e; line-height:1.7; }
		.refundGuide ul li span { margin-left:10px; font-weight:bold; }

		/* 비밀번호 변경 */
		.pwdChange { overflow:hidden; height:1%; padding:20px; border:10px solid #9fd2f0; }
		.pwdChange .pwdChangeField { float:left; width:250px; padding:10px 10px 10px 55px; margin:7px 10px 0 0; border-right:1px solid #e3e3e3; background:url(../images/common/bg/login_ins_bg.gif) no-repeat left 50%; }
		.pwdChange .pwdChangeField label { display:inline-block; width:110px; font-size:12px; font-weight:bold; color:#446195; line-height:2.5; }
		#customerContent .pwdChange .pwdChangeField .inputBox {
			width:120px;
			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;
		}
		.pwdChange ul.pwdChangeGuide { float:left; width:340px; }
		.pwdChange ul.pwdChangeGuide li { padding:2px 0 2px 9px; font-size:11px; color:#666; line-height:1.7; background:url(../images/common/icon/dot_gray.gif) no-repeat 3px 9px; }


		/* 개인정보 변경 전 비밀번호 체크 */
		.pwdCheck { overflow:hidden; height:1%; padding:20px; border:10px solid #9fd2f0; }
		.pwdCheck .pwdCheckField { float:left; width:250px; padding:5px 20px 10px 55px; margin-right:10px; border-right:1px solid #e3e3e3; background:url(../images/common/bg/login_ins_bg.gif) no-repeat left 50%; }
		.pwdCheck .pwdCheckField span.pwdCheckT,
		.pwdCheck .pwdCheckField label { display:inline-block; width:70px; font-size:12px; font-weight:bold; color:#446195; line-height:2.5; }
		.pwdCheck .pwdCheckField span.pwdCheckID { font-weight:bold; font-size:14px; color:#000; }
		#customerContent .pwdCheck .pwdCheckField .inputBox {
			width:120px;
			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;
		}
		.pwdCheck .pwdCheckField input, .pwdCheck .pwdCheckField img { vertical-align:middle; }
		.pwdCheck ul.pwdCheckGuide { float:left; width:330px; }
		.pwdCheck ul.pwdCheckGuide li { padding:2px 0 2px 9px; font-size:11px; color:#666; line-height:1.7; background:url(../images/common/icon/dot_gray.gif) no-repeat 3px 9px; }


		/* 개인정보 변경 전 비밀번호 체크 */
		.infoChangeInsBoxT { width:726px; padding-top:5px; margin:0 auto; background:url(../images/common/bg/infochange_insbox_bg.gif) no-repeat left top; }
		.infoChangeInsBoxB { padding-bottom:8px; background:url(../images/common/bg/infochange_insbox_bg.gif) no-repeat left bottom; }
		.infoChangeInsBoxC { padding:0 20px; background:url(../images/common/bg/infochange_insbox_linebg.gif) repeat-y left top; }

		.infoChangeInsTbl { width:100%; table-layout:fixed; border-collapse:collapse; }
		.infoChangeInsTbl caption { visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; line-height:0; }

		.infoChangeInsTbl th { padding:8px 0 8px 11px; text-align:left; font-size:12px; color:#8585a9; border-bottom:1px solid #ececec; }
		* html .infoChangeInsTbl th { padding:10px 0 6px 11px; }
		.infoChangeInsTbl th.must { background:url(../images/common/icon/icon_must.gif) no-repeat 4px 50%; }

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

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

		#customerContent .infoChangeInsTbl 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;
		}
		.infoChangeInsTbl td input.inputDisBox { height:15px; padding:3px 4px 0 4px; color:#666; background:#e4e4e4; border:1px solid #e4e4e4; }
		.infoChangeInsTbl td select { vertical-align:middle; }
		.infoChangeInsTbl td .radioBox { width:12px; height:12px; margin-right:2px; vertical-align:middle; *margin-top:-1px; }
		.infoChangeInsTbl td .checkBox { width:12px; height:12px; margin-right:2px; vertical-align:middle; }
		.infoChangeInsTbl td img { vertical-align:middle; }

		.infoChangeInsTbl td dl.newsLetterYN { overflow:hidden; height:1%; margin:0 0 12px; }
		.infoChangeInsTbl td dl.newsLetterYN dt { float:left; width:130px; }
		.infoChangeInsTbl td dl.newsLetterYN dd { float:left; }

		/* 회원 탈퇴 */
		.withDrawGuide { font-size:12px; color:#666; }
	
		.withDrawGuide .headerAreaT { width:726px; padding-top:13px; background:url(../images/common/bg/privacy_header_bg.gif) no-repeat left top; }
		.withDrawGuide .headerAreaB { padding-bottom:15px; background:url(../images/common/bg/privacy_header_bg.gif) no-repeat left bottom; }
		.withDrawGuide .headerAreaC { padding:0 15px; font-size:12px; color:#666; background:url(../images/common/bg/privacy_header_linebg.gif) repeat-y; }
	
		.withDrawGuide .headerAreaC p { padding:5px 0 0; line-height:1.5; }
		.withDrawGuide .headerAreaC span.stress { color:#0099cc; }
	
		.withDrawGuide ul { margin:13px 0 0 5px; }
		.withDrawGuide ul li { padding:2px 0 2px 7px; line-height:1.5; background:url(../images/common/icon/dot_gray.gif) no-repeat left 9px; }
		.withDrawGuide ul li span.stress { color:#0099cc; }
		.withDrawGuide ul li span.stress a { color:#0099cc; }

		.withDraw { padding:20px; margin-top:15px; border:10px solid #9fd2f0; }
		.withDraw .pwConfirmTbl { margin:0 auto 0; font-size:12px; }
		.withDraw .pwConfirmTbl th { padding-right:10px; color:#6b617c; }
		.withDraw .pwConfirmTbl td { padding-right:30px; font-weight:bold; color:#000; }
		.withDraw .pwConfirmTbl td.ins { width:150px; padding-right:0; }
		#customerContent .withDraw .pwConfirmTbl 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;
		}

		.withDraw dl.cause { padding-top:15px; margin-top:20px; border-top:1px solid #e8e8e8; }
		.withDraw dl.cause dt { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
		.withDraw dl.cause dd { color:#666; }
		.withDraw dl.cause dd ul { overflow:hidden; height:1%; font-size:12px; line-height:1; }
		.withDraw dl.cause dd ul li { float:left; width:210px; height:23px; padding-left:10px; line-height:1; }
		#customerContent .withDraw dl.cause dd ul li input.radioBox { height:18px; }
		#customerContent .withDraw dl.cause dd ul li 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;
		}

		/* 탈퇴 완료 페이지 */
		.completeMsg { padding-bottom:15px; margin-bottom:20px; text-align:center; border-bottom:1px solid #e8e8e8; }
		.completeMsg span.msg { display:inline-block; padding-left:7px; text-align:center; font-size:12px; color:#666; line-height:1.3; background:url(../images/common/icon/dot_gray.gif) no-repeat left 6px; }



		 /* SMS 문자서비스 */
	 

		.yoojin201008_boxtop {width:725px;height:213px;position:relative;background: url(http://res.heraldm.com/HeraldResource/MemberHerald/images/customer/sms_ws_img01.jpg) no-repeat;}
		.yoojin201008_boxtop p {position:absolute;top:140px;left:30px;}

		.yoojin201008_box {width:725px;position:relative;clear:both;margin-top:40px;}
		.yoojin201008_box {font-size:13px;color:#;font-weight:bold;}



		.yoojin201008_boxtop02 {position:relative;width:726px;height:96px;background: url(http://res.heraldm.com/HeraldResource/MemberHerald/images/customer/sms_ws_img07.gif) no-repeat;}
		.yoojin201008_boxtop02 h3 {position:absolute;top:10px;left:10px;}
		.yoojin201008_boxtop02 p {position:absolute;top:30px;left:10px;}
		
		#yoojin201008_boxtop02_table {width:726px;position:relative;clear:both;margin-top:5px;}
		#yoojin201008_boxtop02_table th {font-weight:normal;text-align:right;}
		#yoojin201008_boxtop02_table td {font-weight:text-align:left;padding-left:7px;}


		.yoojin201008_boxtop03 {width:726px;position:relative;clear:both;margin-top:15px;}
		.yoojin201008_boxtop03 h3 {height:20px;}
		.yoojin201008_boxtop03 p {margin-top:5px;}

		#yoojin201008_boxtop02_table02 {border-collapse:collapse;}
		#yoojin201008_boxtop02_table02 th {border-top:1px solid #358CC0;background: #C1D9E8;padding:10px 0 5px 0;}
		#yoojin201008_boxtop02_table02 td {background: #F8F8F8;border:2px solid #E1E1E1;padding:10px 0 5px 0;text-align:center;}
		#yoojin201008_boxtop02_table02 td.gray {background: #ededed; font:12px "돋움",Arial; color:#666;}


		.graybox_yoojin {width:726px;position:relative;height:76px;background: url(http://res.heraldm.com/HeraldResource/MemberHerald/images/customer/sms_ws_bg.gif) no-repeat;}
		.graybox_yoojin ul {margin-left:20px;}
		.graybox_yoojin ul li {float:left;}
		.graybox_yoojin ul li.img {padding-top:10px;width:70px;}
		.graybox_yoojin ul li.txt {padding-top:20px;}

		 .yoojin201008_text01 {font:12px "돋움",Arial; font-weight:bold; color:#0099CC;}
		 .yoojin201008_text02 {font:12px "돋움",Arial; color:#666; line-height:1.5;}
		 .yoojin201008_text03 {font:12px "돋움",Arial; font-weight:bold; color:#FF4800;}
		 .yoojin201008_text04 {font:12px "돋움",Arial; color:#FF4800;padding:10px 0 0 15px;line-height:1.5;}
		 .yoojin201008_text05 {font:12px "돋움",Arial; color:#2F86C9; font-weight:bold;}
		 .yoojin201008_text06 {font:12px "돋움",Arial; color:#666; font-weight:bold;}
		
		#yoojin_cashtable {border-collapse:collapse;}
		#yoojin_cashtable th {background: #C1D9E8;padding:10px 0 10px 0;border:1px solid #368bc4;}
		#yoojin_cashtable th.tline {border-top:1px solid #368bc4;border-left:none;}
		#yoojin_cashtable th.bline {border-bottom:1px solid #368bc4;border-left:none;}
		#yoojin_cashtable td {padding:5px 0 5px 7px;background:#f8f8f8;border:1px solid #e0e0e0;}
		#yoojin_cashtable td.tline {border-top:1px solid #e0e0e0;border-right:none;}
		#yoojin_cashtable td.bline {border-bottom:1px solid #e0e0e0;border-right:none;}


		.yoojin_yakguanbox {position:relative;padding:8px;border:1px solid #e6e6e6;background: #fbfbfb;}

		.agreement_yoojin {position:relative;clear:both;margin-top:20px;width:726px;padding:10px 0 10px 0;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:center;}
		.yoojin_centerbtn {position:relative;clear:both;margin-top:20px;width:726px;text-align:center;}



	 #yoojin201008_sms01 {
		width:560px;
		padding:28px 0 30px;
		margin:0 auto;
		background:#fcfcfc url(../images/common/bg/join_result_lingbg.gif) repeat-x left bottom;
		border-top:1px solid #d1d1d1;
	}
	#yoojin201008_sms01 p.resultMsg { width:460px; padding-left:42px; margin:0 auto 20px; font-size:11px; color:#666; line-height:1.3; background:url(../images/common/bg/join_result_msgbg.gif) no-repeat; }
	#yoojin201008_sms01 p.resultMsg span { display:block; margin-bottom:5px; font-size:14px; font-weight:bold; color:#333; }
	#yoojin201008_sms01 p.resultMsg span.userName { display:inline; color:#006597; }

	#yoojin201008_sms01 p.resultValue { font-size:14px; font-weight:bold; color:#000; text-align:center; }
	#yoojin201008_sms01 p.resultValue span { color:#fc3200; }

	#yoojin201008_sms01 .resultComGuide { width:525px; margin:15px auto 0; color:#666; font-size:12px; line-height:1; }
	#yoojin201008_sms01 .resultComGuide span.stress { color:#fe6000; }
	#yoojin201008_sms01 .resultComGuide ul {  }
	#yoojin201008_sms01 .resultComGuide ul li { padding:2px 0 2px 6px; line-height:1.5; background:url(/images/common/icon/dot_gray.gif) no-repeat left 8px; }
	#yoojin201008_sms01 .resultComGuide p { margin-top:10px; text-align:center; }
	#yoojin201008_sms01 .resultComGuide p img { vertical-align:middle; }

	#yoojin201008_sms02 ul.familySiteList { width:541px; height:37px; padding:7px 0 0 19px; margin:0 auto; overflow:hidden; background:#fff url(../images/common/bg/join_result_lingbg.gif) repeat-x left bottom; }
	#yoojin201008_sms02 ul.familySiteList li { display:inline; float:left; margin-left:25px; }
	#yoojin201008_sms02 ul.familySiteList li img { vertical-align:top; }

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