@charset "utf-8";

/*
	페이지 메이커 스타일 시트 파일
	
	1. 페이지메이커 결과물은 pagemaker 아이디를 가진 div테그 안에 있습니다.
	2. 페이지 메이커 구성요소는 공통적으로 pagemaker_element, pagemaker_element_요소명 클래스를 가진 div테그로 시작합니다.
		요소명		: 명칭(사용테그) - 설명
		--------------------------------------------
		head		: 제목(h2h3h4) - 제목을 작성
		text		: 문단(p) - 장문의 문장을 작성
		list		: 목록(ul, ol) - 목록형태의 내용을 작성
		blockquote	: 인용구(blockquote) - 인용구 내용을 작성
		hr			: 분리선(hr) - 가로 내용 분리선(가로줄)을 넣음
		pre			: 소스(pre) - 작성한 내용 그대로 출력
		samp		: 예제(samp) - 예제내용을 작성
		image		: 이미지(image) - 그림파일을 작성
		file		: 첨부파일(file) - 파일을 첨부
*/

.pagemaker_admin		{ clear: both;  }
.pagemaker_admin_top	{ margin-bottom: 3em; border-bottom: 2px solid gray; }
.pagemaker_admin_bottom	{ margin-top: 3em; border-top: 2px solid gray; }
.pagemaker_admin a			{ display: inline-block; margin: 0 1em; padding: 0.1em 1em; border: 1px solid gray; font-weight: bold; text-decoration: none; }
.pagemaker_admin a:link,
.pagemaker_admin a:visited	{ background-color: #fff; color: #999; }
.pagemaker_admin a:active,
.pagemaker_admin a:hover	{background-color: #999; color: #fff; }
.pagemaker_admin_top a	{ border-width: 1px 1px 0 1px; }
.pagemaker_admin_bottom a	{ border-width: 0 1px 1px 1px; }



/*.pagemaker			{ font-family: "굴림", gulim, sans-serif; text-align: justify; line-height: 1.5em; }*/
/*.pagemaker			{ font-family: 나눔고딕, NanumGothic, NanumGothicOTF, 굴림, Gulim, 돋움, Dotum, AppleGothic, sans-serif; }*/
.pagemaker			{ clear: both; }
.pagemaker:after	{ content: " "; display: block; clear: both; }


.pagemaker > *	{ margin: 20px 0; }



.pagemaker .pagemaker_element				{ clear: both; }
.pagemaker .pagemaker_element:after			{ content: " "; display: block; clear: both; }
/*	.xIE .pagemaker .pagemaker_element		{ zoom: 1; }	*/


/*	head	*/
.pagemaker h2	{ clear: both; margin: 2em 0 0.5em 0; padding-left: 22px; line-height: 1.3em; background: transparent url("image/pagemaker_head_h2.png") no-repeat left center; font-size: 16px; font-weight: bold; color: #164077; }
	.xIE6 .pagemaker h2	{ padding-top: 3px; }
.pagemaker h3	{ clear: both; margin: 1.5em 0 0.5em 18px; padding-left: 21px; line-height: 1.3em; background: transparent url("image/pagemaker_head_h3.png") no-repeat left center; font-size: 14px; font-weight: bold; color: #3f4245; }
	.xIE6 .pagemaker h3	{ margin-left: 9px; }
.pagemaker h4	{ clear: both; margin: 1.5em 0 0.5em 28px; padding-left: 16px; line-height: 1.3em; background: transparent url("image/pagemaker_head_h4.png") no-repeat left center; font-size: 13px; font-weight: bold; color: #3771a6; }
	.xIE6 .pagemaker h4	{ margin-left: 14px; }

	.pagemaker .h2	{ display: inline-block; padding-left: 22px; line-height: 1.3em; background: transparent url("image/pagemaker_head_h2.png") no-repeat left center; font-size: 16px; color: #164077; }
	.pagemaker .h3	{ display: inline-block; padding-left: 21px; line-height: 1.3em; background: transparent url("image/pagemaker_head_h3.png") no-repeat left center; font-size: 14px; color: #3f4245; }
	.pagemaker .h4	{ display: inline-block; padding-left: 16px; line-height: 1.3em; background: transparent url("image/pagemaker_head_h4.png") no-repeat left center; font-size: 13px; color: #3771a6; }

.pagemaker h2 .nostyle,
.pagemaker h3 .nostyle,
.pagemaker h4 .nostyle,
.pagemaker h2.nostyle,
.pagemaker h3.nostyle,
.pagemaker h4.nostyle	{ padding: 0 !important; background: none !important; }


/*	text	*/
.pagemaker .pagemaker_element_text p { clear: both; margin: 0 0 1em 0; }



/*	list	*/
.pagemaker .pagemaker_element_list ul { clear: both; }
.pagemaker .pagemaker_element_list ol { clear: both; }
.pagemaker .pagemaker_element_list li { clear: both; }


/*	blockquote 	*/
.pagemaker .pagemaker_element_blockquote blockquote { clear: both; }
.pagemaker .pagemaker_element_blockquote cite { clear: both; font-style: normal; }	/* 출처 */


/*	hr	*/
.pagemaker .pagemaker_element_hr	{ clear: both; padding: 0.5em 0 0.5em 0; }
.pagemaker .pagemaker_element_hr hr { clear: both; padding: 0; margin: 0; }
.pagemaker hr { clear: both; background: transparent url(image/pagemaker_line-01.gif) repeat-x center center; border: 0 none; height: 2px; }


/*	pre	*/
.pagemaker .pagemaker_element_pre pre { clear: both; display: block; overflow: auto; }
.pagemaker .pagemaker_element_pre cite	{ clear: both; font-style: normal; }	/* 출처 */


/*	samp	*/
.pagemaker .pagemaker_element_samp { font-size: 10pt; background-color: red; color: #fff; padding: 1em; }
.pagemaker .pagemaker_element_samp samp { clear: both; }
.pagemaker .pagemaker_element_samp cite { clear: both; font-style: normal; }	/* 출처 */


/*	image	*/
.pagemaker img { clear: both; border: 0; }
.pagemaker .pagemaker_element_image p { clear: both; padding: 0; margin: 0; }
.pagemaker .pagemaker_element_image img { clear: both; }
.pagemaker .pagemaker_element_image .description	{ padding: 0 0.5em; border-left: 1px solid #ddd; line-height: 1.5em; color: #444; font-size: 0.9em; text-align: left; }
	.pagemaker .pagemaker_element_image .txtleft .description	{ border-left: 1px solid #ddd; text-align: center; }
	.pagemaker .pagemaker_element_image .txtcenter .description	{ border: none; text-align: center; }
	.pagemaker .pagemaker_element_image .txtright .description	{ border-right: 1px solid #ddd; text-align: right; }
.pagemaker .pagemaker_element_image strong	{ color: #444 !important; }

/*	file	*/
.pagemaker .pagemaker_element_file  { clear: both; }





/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	내부 클래스 지정
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
body	{ position: relative; }

/*	정렬	*/
.pagemaker .float_left	{ float: left; clear: none; padding-right: 5px; }
.pagemaker .float_center	{ display: block; margin-left: auto; margin-right: auto; }
.pagemaker .float_right	{ float: right; clear: none; padding-left: 5px; }
.pagemaker .float_none
,.pagemaker .float_none p
,.pagemaker .float_none ul
,.pagemaker .float_none ol
,.pagemaker .float_none li	{ clear: none; }

.pagemaker .float_left0	{ float: left; clear: none; }
.pagemaker .float_right0	{ float: right; clear: none; }

.pagemaker .clear_both	{ clear: both; }


.pagemaker .float_left:after
,.pagemaker .float_right:after
,.pagemaker .float_none:after
,.pagemaker .clear_both:after	{ content: " "; display: block; clear: both; }




/*	여백	*/



/*	기본	*/
.pagemaker a:link, .pagemaker a:visited	{ color: #dc4b05; text-decoration: none; }
.pagemaker a:active, .pagemaker a:hover	{ color: #dc4b05; font-weight: bold; /*letter-spacing: -1px;*/ }



/*	글자색	*/
.pagemaker i
,.pagemaker .em
,.pagemaker em		{ color: #067c95; font-style: normal; }
.pagemaker b
,.pagemaker .strong
,.pagemaker strong	{ color: #66241c !important; }

/*	링크색	*/
.pagemaker .link:link, .pagemaker .link:visited
,.pagemaker .link a:link, .pagemaker .link a:visited	{ text-decoration: none; font-weight: normal; color: #333; border-bottom: 1px dashed #333; }
.pagemaker .link:active, .pagemaker .link:hover
,.pagemaker .link a:active, .pagemaker .link a:hover	{ text-decoration: none; font-weight: normal; color: #000; border-bottom: 1px solid #333; }

.pagemaker .link1:link, .pagemaker .link1:visited
,.pagemaker .link1 a:link, .pagemaker .link1 a:visited	{ text-decoration: none; font-weight: bold; color: #df5c0a; }
.pagemaker .link1:active, .pagemaker .link1:hover
,.pagemaker .link1 a:active, .pagemaker .link1 a:hover	{ text-decoration: underline; font-weight: bold; color: #df5c0a; }

.pagemaker .link2:link, .pagemaker .link2:visited
,.pagemaker .link2 a:link, .pagemaker .link2 a:visited	{ text-decoration: none; color: #444; }
.pagemaker .link2:active, .pagemaker .link2:hover
,.pagemaker .link2 a:active, .pagemaker .link2 a:hover	{ text-decoration: underline; color: #444; }

.pagemaker .linkHTTP,
.pagemaker .linkHTTP a		{ display: inline-block; padding-left: 20px; line-height: 33px; background: transparent url("image/pagemaker_link_http.gif") no-repeat left top; }
.pagemaker .linkHTTP span,
.pagemaker .linkHTTP a span	{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_http.gif") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkHTTP span,
	.xIE6 .pagemaker .linkHTTP a span	{ margin-right: 0px;  }

.pagemaker .linkHTTP:link,
.pagemaker .linkHTTP:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkHTTP:active,
.pagemaker .linkHTTP:hover	{ color: #000; text-decoration: underline; }


.pagemaker .linkXLS a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_xls.gif") no-repeat left top; }
.pagemaker .linkXLS a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_xls.gif") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkXLS span	{ margin-right: 0px;  }
.pagemaker .linkXLS a:link,
.pagemaker .linkXLS a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkXLS a:active,
.pagemaker .linkXLS a:hover		{ color: #000; text-decoration: underline; }

.pagemaker .linkPDF a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_pdf.gif") no-repeat left top; }
.pagemaker .linkPDF a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_pdf.gif") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkPDF span	{ margin-right: 0px;  }
.pagemaker .linkPDF a:link,
.pagemaker .linkPDF a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkPDF a:active,
.pagemaker .linkPDF a:hover		{ color: #000; text-decoration: underline; }

.pagemaker .linkZIP a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_zip.gif") no-repeat left top; }
.pagemaker .linkZIP a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_zip.gif") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkZIP span	{ margin-right: 0px;  }
.pagemaker .linkZIP a:link,
.pagemaker .linkZIP a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkZIP a:active,
.pagemaker .linkZIP a:hover		{ color: #000; text-decoration: underline; }

.pagemaker .linkHWP a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_hwp.gif") no-repeat left top; }
.pagemaker .linkHWP a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_hwp.gif") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkHWP span	{ margin-right: 0px;  }
.pagemaker .linkHWP a:link,
.pagemaker .linkHWP a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkHWP a:active,
.pagemaker .linkHWP a:hover		{ color: #000; text-decoration: underline; }

.pagemaker .linkTXT a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_txt.gif") no-repeat left top; }
.pagemaker .linkTXT a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_txt.gif") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkTXT span	{ margin-right: 0px;  }
.pagemaker .linkTXT a:link,
.pagemaker .linkTXT a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkTXT a:active,
.pagemaker .linkTXT a:hover		{ color: #000; text-decoration: underline; }

.pagemaker .linkGIF a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_img.gif") no-repeat left top; }
.pagemaker .linkGIF a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_img.gif") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkGIF span	{ margin-right: 0px;  }
.pagemaker .linkGIF a:link,
.pagemaker .linkGIF a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkGIF a:active,
.pagemaker .linkGIF a:hover		{ color: #000; text-decoration: underline; }

.pagemaker .linkJPG a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_img.gif") no-repeat left top; }
.pagemaker .linkJPG a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_img.gif") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkJPG span	{ margin-right: 0px;  }
.pagemaker .linkJPG a:link,
.pagemaker .linkJPG a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkJPG a:active,
.pagemaker .linkJPG a:hover		{ color: #000; text-decoration: underline; }

.pagemaker .linkMP3 a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_mp3.png") no-repeat left top; }
.pagemaker .linkMP3 a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_mp3.png") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkMP3 span	{ margin-right: 0px;  }
.pagemaker .linkMP3 a:link,
.pagemaker .linkMP3 a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkMP3 a:active,
.pagemaker .linkMP3 a:hover		{ color: #000; text-decoration: underline; }

.pagemaker .linkMV a			{ display: inline-block; padding-left: 40px; line-height: 33px; background: transparent url("image/pagemaker_link_mv.png") no-repeat left top; }
.pagemaker .linkMV a span		{ display: inline-block; padding-right: 20px; margin-right: -12px; background: transparent url("image/pagemaker_link_mv.png") no-repeat right top; cursor: pointer; }
	.xIE6 .pagemaker .linkMV span	{ margin-right: 0px;  }
.pagemaker .linkMV a:link,
.pagemaker .linkMV a:visited	{ color: #333; text-decoration: none; }
.pagemaker .linkMV a:active,
.pagemaker .linkMV a:hover		{ color: #000; text-decoration: underline; }







/*	indent	들여쓰기	*/
.pagemaker .indent
,.pagemaker .indent1	{ margin-left: 18px !important; }
.pagemaker .indent2		{ margin-left: 28px !important; }
.pagemaker .indent3		{ margin-left: 38px !important; }
.pagemaker .indent4		{ margin-left: 48px !important; }
.pagemaker .indent5		{ margin-left: 58px !important; }
.xIE6 .pagemaker .indent
,.xIE6 .pagemaker .indent1	{ margin-left: 9px !important; }
.xIE6 .pagemaker .indent2	{ margin-left: 14px !important; }
.xIE6 .pagemaker .indent3	{ margin-left: 19px !important; }
.xIE6 .pagemaker .indent4	{ margin-left: 24px !important; }
.xIE6 .pagemaker .indent5	{ margin-left: 29px !important; }

/*	table1	*/
.pagemaker .table1			{ clear: both; }
.pagemaker table.table1
,.pagemaker .table1 table	{ clear: both; border-collapse: collapse; width: 100%; border-top: 2px solid #6e6e6e; border-right: 1px solid #d6d6d6; border-bottom: 2px solid #d6d6d6; border-left: 1px solid #d6d6d6; }
	.xIE6 .pagemaker table.table1
	,.xIE6 .pagemaker .table1 table { width: 98%;}	/* x.js 내부에 자동으로 테이블 폭 부모에 맞게 조정하는 스크립트 추가하여 부모보다 작게(auto, 100%이하) 설정해야 100%효과를 볼수 있음. */

.pagemaker .table1 th		{ padding: 0.5em; border: 1px solid #d6d6d6; background-color: #f2f2f2; color: #000; font-weight: bold; text-align: center; }
.pagemaker .table1 td		{ padding: 0.2em; border: 1px solid #d6d6d6; background-color: #fff; color: #000; font-weight: normal; }
.pagemaker .table1 thead th	{ font-weight: bold; }
.pagemaker .table1 tbody th	{ background-color: #fbfbfb; font-weight: normal; padding: 0.2em; }
.pagemaker .table1 .color1	{ background-color: #fafafa; color: #000; }
.pagemaker .table1 .color2	{ background-color: #c7d88b; color: #000; }
.pagemaker .table1 .none		{ background-color: #fff; color: #000; }
.pagemaker .table1 caption	{ width: 100%; }

.pagemaker table .color1 { background-color: #f5f5f5; }

/* list	*/
.pagemaker .list ul
,.pagemaker .list ol
,.pagemaker ul.list
,.pagemaker ol.list
,.pagemaker ul.list li
,.pagemaker ol.list li	{ padding: 0; margin: 0; list-style: none; }

/* list1	*/
.pagemaker .list1 ul
,.pagemaker .list1 ol
,.pagemaker ul.list1
,.pagemaker ol.list1
,.pagemaker ul.list1 li
,.pagemaker ol.list1 li	{ padding: 0; margin: 0; list-style: none; }
.pagemaker .list1 li	{ padding-left: 10px !important; background: transparent url("image/pagemaker_list_list1_mark.gif") no-repeat left 0.7em;  }


/* list2	*/
.pagemaker .list2 ul
,.pagemaker .list2 ol
,.pagemaker ul.list2
,.pagemaker ol.list2
,.pagemaker ul.list2 li
,.pagemaker ol.list2 li	{ padding: 0; margin: 0; list-style: none; }
.pagemaker .list2 li	{ padding-left: 8px !important; background: transparent url("image/pagemaker_list_list2_mark.gif") no-repeat left 0.6em;  }


/* listno	*/
.pagemaker .listno ul
,.pagemaker .listno ol
,.pagemaker ul.listno
,.pagemaker ol.listno
,.pagemaker ul.listno li
,.pagemaker ol.listno li	{ padding: 0; margin: 0; list-style: none; }
.pagemaker .listno li		{ padding-left: 20px !important; }
.pagemaker .listno .no1, .pagemaker .listno1 	{ background: transparent url("image/pagemaker_list_listno_1.gif") no-repeat left 0.35em; }
.pagemaker .listno .no2, .pagemaker .listno2 	{ background: transparent url("image/pagemaker_list_listno_2.gif") no-repeat left 0.35em; }
.pagemaker .listno .no3, .pagemaker .listno3 	{ background: transparent url("image/pagemaker_list_listno_3.gif") no-repeat left 0.35em; }
.pagemaker .listno .no4, .pagemaker .listno4 	{ background: transparent url("image/pagemaker_list_listno_4.gif") no-repeat left 0.35em; }
.pagemaker .listno .no5, .pagemaker .listno5 	{ background: transparent url("image/pagemaker_list_listno_5.gif") no-repeat left 0.35em; }
.pagemaker .listno .no6, .pagemaker .listno6 	{ background: transparent url("image/pagemaker_list_listno_6.gif") no-repeat left 0.35em; }
.pagemaker .listno .no7, .pagemaker .listno7 	{ background: transparent url("image/pagemaker_list_listno_7.gif") no-repeat left 0.35em; }
.pagemaker .listno .no8, .pagemaker .listno8 	{ background: transparent url("image/pagemaker_list_listno_8.gif") no-repeat left 0.35em; }
.pagemaker .listno .no9, .pagemaker .listno9 	{ background: transparent url("image/pagemaker_list_listno_9.gif") no-repeat left 0.35em; }
.pagemaker .listno .no10, .pagemaker .listno10 	{ background: transparent url("image/pagemaker_list_listno_10.gif") no-repeat left 0.35em; }
.pagemaker .listno .no11, .pagemaker .listno11 	{ background: transparent url("image/pagemaker_list_listno_11.gif") no-repeat left 0.35em; }
.pagemaker .listno .no12, .pagemaker .listno12 	{ background: transparent url("image/pagemaker_list_listno_12.gif") no-repeat left 0.35em; }
.pagemaker .listno .no13, .pagemaker .listno13 	{ background: transparent url("image/pagemaker_list_listno_13.gif") no-repeat left 0.35em; }
.pagemaker .listno .no14, .pagemaker .listno14 	{ background: transparent url("image/pagemaker_list_listno_14.gif") no-repeat left 0.35em; }
.pagemaker .listno .no15, .pagemaker .listno15 	{ background: transparent url("image/pagemaker_list_listno_15.gif") no-repeat left 0.35em; }
.pagemaker .listno .no16, .pagemaker .listno16 	{ background: transparent url("image/pagemaker_list_listno_16.gif") no-repeat left 0.35em; }
.pagemaker .listno .no17, .pagemaker .listno17 	{ background: transparent url("image/pagemaker_list_listno_17.gif") no-repeat left 0.35em; }
.pagemaker .listno .no18, .pagemaker .listno18 	{ background: transparent url("image/pagemaker_list_listno_18.gif") no-repeat left 0.35em; }
.pagemaker .listno .no19, .pagemaker .listno19 	{ background: transparent url("image/pagemaker_list_listno_19.gif") no-repeat left 0.35em; }
.pagemaker .listno .no20, .pagemaker .listno20 	{ background: transparent url("image/pagemaker_list_listno_20.gif") no-repeat left 0.35em; }





/*	box1 (blockquote)	*/
.pagemaker .box1			{ clear: both; padding: 4px; border: 1px solid #dadada; background-color: #f1f1f1; }
	.xIE6 .pagemaker .box1	{ display: inline-block; }
	.xIE7 .pagemaker .box1	{ display: inline-block; }
.pagemaker .box1 blockquote	{ clear: both; padding: 1em 1em 0 1em; margin: 0; background-color: #fff; }
.pagemaker .box1 p		{ padding: 10px; margin: 0; background-color: #fff; }
.pagemaker .box1 cite		{ clear: both; display: block; background-color: #fff; padding: 0 1em 0 1em; border-top: 1px dashed #dadada; color: #999; }
/*	box1	*/
.pagemaker .box1		{ clear: both; padding: 4px; border: 1px solid #dadada; background-color: #f1f1f1; }
.pagemaker .box1 div	{ padding: 1em 1em 0 1em; margin: 0; background-color: #fff; }
.pagemaker .box1 p		{ padding: 10px; margin: 0; background-color: #fff; }

/*	box2	*/
.pagemaker .box2	{ clear: both; padding: 1em 1em 0 1em; background-color: #fcfaf2; }
.pagemaker .box2 blockquote	{ padding: 0; margin: 0; }
.pagemaker .box2 p	{ padding: 0 0 1em 0; margin: 0; }

/* etc box */ 
.pagemaker .etcbox { width: 390px !important; width /**/: 640px; height: 190px !important; height /**/: 210px; padding: 20px 0 0 250px; }
.pagemaker .etcbox1 { height: 310px !important; height /**/: 330px; background: transparent url('image/bg_box01.png') no-repeat left top; }
.pagemaker .etcbox2 { background: transparent url('image/bg_box02.png') no-repeat left top; }
.pagemaker .etcbox3 { background: transparent url('image/bg_box03.png') no-repeat left top; }
.pagemaker .etcbox4 { background: transparent url('image/bg_box04.png') no-repeat left top; }

.pagemaker .etcbox ul { list-style: none; padding: 0; margin: 0; }
.pagemaker .etcbox ul li { list-style: none; padding: 0; margin: 0; float: left; width: 120px; line-height: 22px; height: 25px; text-align: left; }
.pagemaker .etcbox ul li a { font-size: 12px; color: #737373; }

.pagemaker .etcbox3 ul li { width: 180px; }




/*	hr	*/
.pagemaker hr.dashed	{ clear: both; border-width: 0 0 1px 0; border-color: #ccc; border-style: dashed; }
.pagemaker hr.hr-hide	{ clear: both; border: none 0; border-width: 0px; border-color: #fff; border-style: solid; background: transparent; }




.pagemaker .pagemaker_element_mixed	{ clear: both; }
.pagemaker .pagemaker_element_mixed .mixed-box	{ clear: both; }
.pagemaker .pagemaker_element_mixed .mixed-box .mixed-image	{ clear: both; }
.pagemaker .pagemaker_element_mixed .mixed-box .mixed-image .mixed-content	{  }
	.xIE6 .pagemaker .pagemaker_element_mixed .mixed-box .mixed-image .mixed-content	{ display: none; }

/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	기타 사용자 지정
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


/* 배너(banner) */
.pagemaker .w_ban	{ width: 207px; padding: 0; margin: 1em 0 1em 0; }


/*
	임시처리
*/
.pagemaker .navi_box	{ clear: both; padding: 1em 0 0 0; margin: 1em 0 0 0; border-top: 1px dashed #f0f0f0;  }
.pagemaker .navi_box a	{ padding: 0 0.2em 0 0.2em; }
.pagemaker .navi_box .now	{ font-size: 1.5em; }


.button
,.button *	{ position: relative; left: 0px; top: 0px; margin: 0; padding: 0; display: inline-block; text-decoration: none !important; border: 0; font-size:12px; font-family: tahoma, sans-serif; white-space: nowrap; background: transparent url("image/bg_button.png") no-repeat; vertical-align: top; overflow: visible; color: #333; }
.button		{ margin-right: 4px;}
.button *	{ left: 4px; cursor: pointer; }

.button
,.button *	{ height: 24px; line-height: 24px; }
.button 	{ background-position: left 0; }
.button *	{ padding: 0 10px 0 6px; font-size: 12px; background-position: right top; }


.button:focus:before		{ position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; padding-right: 4px; border: 1px dashed #000; content: ""; }

.button *:hover,
.button *:active,
.button *:focus		{ color: #80440e; }
.button.strong *	{ font-weight: bold !important; }



/* fieldset hide */
.fieldsethide,
fieldset.fieldsethide	{ padding: 0; margin: 0; border: none; }
.fieldsethide legend,
fieldset.fieldsethide legend	{ visibility: hidden; display: block; width: 0; height: 0; padding: 0; margin: 0; line-height: 0; overflow: hidden; font-size: 0; position: absolute; }
	.xIE .fieldsethide legend,
	.xIE fieldset.fieldsethide legend	{ visibility: hidden; }






/*
페이지 메이커 검색
*/
div.search_box	{ clear: both; padding: 5px; margin: 0 0 20px 0; border: 1px solid #DADADA; background: #F1F1F1; }
div.search_box h2	{ visibility: hidden; display: block; width: 0; height: 0; padding: 0; margin: 0; line-height: 0; overflow: hidden; font-size: 0; position: absolute; }
div.search_box form	{ clear: both; padding: 10px; margin: 0; background: #fff; text-align: center; }
div.search_box form label	{ color: #2C7FBD; font-weight: bold; }

div.sitesearch-tab-box	{ margin-top: 30px; border-bottom: 2px solid #0990A1; }
div.sitesearch-tab-box a	{ display: inline-block; padding: 3px 10px 5px 10px; border: 1px solid gray; border-width: 1px 1px 0 1px; background: #f0f0f0; text-decoration: none; font-size: 13px; color: #666; cursor: pointer; }
div.sitesearch-tab-box a:focus, div.sitesearch-tab-box a:hover, div.sitesearch-tab-box a:active, div.sitesearch-tab-box a.active	{ color: #2C7FBD; margin-bottom: -2px; padding: 5px 10px 7px 10px; font-weight: bold; background: #fff; letter-spacing: -1px; }



/*
페이지메이커 탭 기능 추가 : 2012-02-27
*/
.pagemaker .h2-tab-process	{ position: relative; clear: both; padding: 0 10px; }
.pagemaker .h2-tab-process a { display: inline-block; height: 35px; line-height: 29px; padding: 0 0 0 15px; margin: 0; color: #333; font-size: 1.1em; font-weight: bold; background: transparent url("image/tab-box.png") no-repeat left top; }
.pagemaker .h2-tab-process a span	{ display: inline-block; height: 35px; line-height: 29px; padding: 0 15px 0 0; margin: 0; background: transparent url("image/tab-box.png") no-repeat right top; }
.pagemaker .h2-tab-process a:focus, .pagemaker .h2-tab-process a:hover, .pagemaker .h2-tab-process a:active	{ color: #fff; background-position: left -35px; }
.pagemaker .h2-tab-process a:focus span, .pagemaker .h2-tab-process a:hover span, .pagemaker .h2-tab-process a:active span	{ background-position: right -35px; }
.pagemaker .h2-tab-process a.active	{ color: #fff !important; background-position: left -35px !important; }
.pagemaker .h2-tab-process a.active span	{ background-position: right -35px !important; }

.pagemaker .h2-tab-process2	{ position: relative; clear: both; padding: 0 10px; }
.pagemaker .h2-tab-process2 a { display: inline-block; height: 35px; line-height: 29px; padding: 0 0 0 15px; margin: 0; color: #333; font-size: 1.1em; font-weight: bold; background: transparent url("image/tab-box.png") no-repeat left top; }
.pagemaker .h2-tab-process2 a span	{ display: inline-block; height: 35px; line-height: 29px; padding: 0 15px 0 0; margin: 0; background: transparent url("image/tab-box.png") no-repeat right top; }
.pagemaker .h2-tab-process2 a:focus, .pagemaker .h2-tab-process2 a:hover, .pagemaker .h2-tab-process2 a:active	{ color: #fff; background-position: left -35px; }
.pagemaker .h2-tab-process2 a:focus span, .pagemaker .h2-tab-process2 a:hover span, .pagemaker .h2-tab-process2 a:active span	{ background-position: right -35px; }
.pagemaker .h2-tab-process2 a.active	{ color: #fff !important; background-position: left -35px !important; }
.pagemaker .h2-tab-process2 a.active span	{ background-position: right -35px !important; }

.pagemaker .h2-tab-process3	{ position: relative; clear: both; padding: 0 10px; }
.pagemaker .h2-tab-process3 a { display: inline-block; height: 35px; line-height: 29px; padding: 0 0 0 15px; margin: 0; color: #333; font-size: 1.1em; font-weight: bold; background: transparent url("image/tab-box.png") no-repeat left top; }
.pagemaker .h2-tab-process3 a span	{ display: inline-block; height: 35px; line-height: 29px; padding: 0 15px 0 0; margin: 0; background: transparent url("image/tab-box.png") no-repeat right top; }
.pagemaker .h2-tab-process3 a:focus, .pagemaker .h2-tab-process3 a:hover, .pagemaker .h2-tab-process3 a:active	{ color: #fff; background-position: left -35px; }
.pagemaker .h2-tab-process3 a:focus span, .pagemaker .h2-tab-process3 a:hover span, .pagemaker .h2-tab-process3 a:active span	{ background-position: right -35px; }
.pagemaker .h2-tab-process3 a.active	{ color: #fff !important; background-position: left -35px !important; }
.pagemaker .h2-tab-process3 a.active span	{ background-position: right -35px !important; }


.pagemaker .lesp-m1 { letter-spacing: -1px !important; }
.pagemaker .lesp-m1 a:focus, .pagemaker .lesp-m1 a:active, .pagemaker .lesp-m1 a:hover { letter-spacing: -2px !important; }
.pagemaker .lesp-m2 { letter-spacing: -2px !important; }
.pagemaker .lesp-m2 a:focus, .pagemaker .lesp-m2 a:active, .pagemaker .lesp-m2 a:hover { letter-spacing: -3px !important; }
.pagemaker .lesp-m3 { letter-spacing: -3px !important; }
.pagemaker .lesp-m3 a:focus, .pagemaker .lesp-m3 a:active, .pagemaker .lesp-m3 a:hover { letter-spacing: -4px !important; }
.pagemaker .lesp-m4 { letter-spacing: -4px !important; }
.pagemaker .lesp-m4 a:focus, .pagemaker .lesp-m4 a:active, .pagemaker .lesp-m4 a:hover { letter-spacing: -5px !important; }
.pagemaker .lesp-m5 { letter-spacing: -5px !important; }
.pagemaker .lesp-m5 a:focus, .pagemaker .lesp-m5 a:active, .pagemaker .lesp-m5 a:hover { letter-spacing: -6px !important; }





/* tabmenu */
.pagemaker ul.tabmenu_list	{ padding: 0 10px; margin: 20px 0 10px 0; list-style: none; border-bottom: 1px solid #ccc; }
.pagemaker ul.tabmenu_list:after	{ display: block; clear: both; content: ""; }
.pagemaker ul.tabmenu_list li	{ float: left; padding: 0; margin: 0 4px -1px 4px; list-style: none; }
.pagemaker ul.tabmenu_list li a	{ display: block; cursor: pointer; line-height: 35px; padding: 2px 10px 0 10px; border-width: 1px; border-style: solid; border-color: #ccc; border-radius: 5px 5px 0 0; font-size: 14px; font-weight: bold; color: #000; background-color: #f0f0f0; }
.pagemaker ul.tabmenu_list li a:focus, .pagemaker ul.tabmenu_list li a:hover, .pagemaker ul.tabmenu_list li a:active, .pagemaker ul.tabmenu_list li a.active	{ padding: 0 8px; border-width: 3px 3px 1px 3px; border-color: #006cb8 #006cb8 #fff #006cb8; background-color: #fff; color: #006cb8; }




/* 갤러리형 */
.pagemaker .auto_image_gallery_thumbnail	{ position: relative; clear: both; padding: 9px; border: 1px solid #c8c8c8; background-color: #fff; }
.pagemaker .auto_image_gallery_thumbnail:after	{ display: block; clear: both; content: ""; }
.pagemaker .auto_image_gallery_thumbnail img	{ display: block; width: 100%; border: 0 none; }
.pagemaker .auto_image_gallery_thumbnail span	{ position: relative; z-index: 2; display: block; line-height: 40px; padding-left: 20px; margin-top: -40px; text-align: left; background-color: #000; background-color: rgba(0, 0, 0, 0.7); color: #fff; }

.pagemaker .auto_image_gallery	{ clear: both; }
.pagemaker .auto_image_gallery:after	{ display: block; clear: both; content: ""; }
.pagemaker .auto_image_gallery br	{ display: none; }
.pagemaker .auto_image_gallery a	{ display: block; float: left; }
.pagemaker .auto_image_gallery.cols_2 a	{ width: 50%; }
.pagemaker .auto_image_gallery.cols_3 a	{ width: 33.3%; }
.pagemaker .auto_image_gallery.cols_4 a	{ width: 25%; }
.pagemaker .auto_image_gallery.cols_5 a	{ width: 20%; }
.pagemaker .auto_image_gallery.cols_6 a	{ width: 16.6%; }
.pagemaker .auto_image_gallery.cols_7 a	{ width: 14.2%; }
.pagemaker .auto_image_gallery.cols_8 a	{ width: 12.5%; }
.pagemaker .auto_image_gallery.cols_9 a	{ width: 11.1%; }
.pagemaker .auto_image_gallery.cols_10 a	{ width: 10%; }
.pagemaker .auto_image_gallery a img	{ display: block; width: 96%; margin: 2%; }