@CHARSET "UTF-8";

/*	editon 공통	*/
.editon *{margin:0; padding:0; }
.editon *{font-style:normal; font-size:12px; font-family:맑은고딕,돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;}
.editon fieldset,img {border:none;}
.editon li {list-style:none;}
.editon button {border:none; background:none; cursor:pointer;}

/*	editon 그룹	*/
.editon {background-color:#fff; color:#444;}
.editon .toolbar {width:100%; border:1px solid #c2c2c2; border-bottom:none; padding:3px 0;}
.editon .editor_area {width:100%; border:1px solid #c2c2c2; float:left;}

/*********************/
/**  Toolbar Style  **/
/*********************/

.toolbar {float:left;}
/* .toolgroup과 .toolgroup li의 float:left;을 없애면 세로로 뿌려짐. 레이아웃에 따라 조정할 수 있도록 스타일을 밖으로 빼는 방법은 상의를 해봐야 함. */
.toolgroup	{
	float:left; 
	margin-right:10px;
	/*margin-bottom:5px;*//*세로로 뿌려질 때 각 그룹을 구분할 수 있도록 해준다.*/
	/*clear:both; ul그룹별로 세로 정렬 하고 싶을 때 먹여주면 됨*/
	}
.toolbar .lm {margin-left:3px;}
		
	
.toolgroup li {
	float:left; 
	margin-right:2px;  
	background:url(../images/toolgroupButtonBg.gif) repeat-x 0 0;
	.background:url(../images/toolgroupButtonBg.gif) repeat-x 0 0;/* IE7용 핵 */
	}
body:first-of-type .toolgroup li {background:url(../images/toolgroupButtonBg.gif) repeat-x 0 0;}/* 구글 크롬용 핵 */
*html .toolgroup li {background:url(../images/toolgroupButtonBg.gif) repeat-x 0 0;}/* IE6용 핵 */


/* 버튼 오버시 배경 그라데이션 변경 :hover와 같은 수도클래스는 ie6에서는 a 태그에만 적용 됨 */
.toolgroup li:hover {
	float:left; 
	margin-right:2px;  
	background:url(../images/toolgroupButtonBg_hover.gif) repeat-x 0 0;
	}
body:first-of-type .toolgroup li:hover {background:url(../images/toolgroupButtonBg_hover.gif) repeat-x 0 0;}/* 구글 크롬용 핵 */
.toolgroup li:active {
	float:left; 
	margin-right:2px;  
	background:url(../images/toolgroupButtonBg_active.gif) repeat-x 0 0;
	}
body:first-of-type .toolgroup li:active {background:url(../images/toolgroupButtonBg_active.gif) repeat-x 0 0;}/* 구글 크롬용 핵 */



.toolbar button	{border:1px solid #ddd;	height:20px; margin:0; .margin:0 0 2px 0; padding:3px; width:20px;}
/* 버튼 오버시 보더 컬러 변경 :hover와 같은 수도클래스는 ie6에서는 a 태그에만 적용 됨 */
.toolbar button:hover	{border:1px solid #7a9eb7; height:20px; margin:0; padding:3px; width:20px;}
.toolbar button:active	{border:1px solid #b5bec3; height:20px; margin:0; padding:3px; width:20px;}

/* format_type */
.toolgroup .font_family, .toolgroup .font_size {width:40px;}
.toolgroup li.font_family button {width:40px; background:transparent url(../images/btn_edit_set.gif) no-repeat -1px -1px; .background-position:-2px -2px;}
.toolgroup li.font_size button {width:40px; background:transparent url(../images/btn_edit_set.gif) no-repeat -41px -1px; .background-position:-42px -2px;}

.toolgroup li.font_family button:active {width:40px; background:transparent url(../images/btn_edit_set.gif) no-repeat -1px -41px; .background-position:-2px -42px;}
.toolgroup li.font_size button:active {width:40px; background:transparent url(../images/btn_edit_set.gif) no-repeat -41px -41px; .background-position:-42px -42px;}

/* font_style */
.toolgroup li {width:20px;}/*li width를 지정하여 세로정렬(block-level)이 됐을 시 background의 영역을 잘라 줌 */
.toolgroup .bold button {background:transparent url(../images/btn_edit_set.gif) no-repeat -82px -1px; .background-position:-82px -2px;}
.toolgroup .underline button {background:transparent url(../images/btn_edit_set.gif) no-repeat -102px -1px; .background-position:-102px -2px;}
.toolgroup .italic button {background:transparent url(../images/btn_edit_set.gif) no-repeat -121px -1px; .background-position:-121px -2px;}
.toolgroup .strike button {background:transparent url(../images/btn_edit_set.gif) no-repeat -141px -1px; .background-position:-141px -2px;}
.toolgroup .font_color button {background:transparent url(../images/btn_edit_set.gif) no-repeat -161px -1px; .background-position:-161px -2px;}
.toolgroup .bg_color button {background:transparent url(../images/btn_edit_set.gif) no-repeat -181px -1px; .background-position:-182px -2px;}

.toolgroup .bold button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -82px -41px; .background-position:-82px -42px;}
.toolgroup .underline button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -102px -41px; .background-position:-102px -42px;}
.toolgroup .italic button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -121px -41px; .background-position:-121px -42px;}
.toolgroup .strike button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -141px -41px; .background-position:-141px -42px;}
.toolgroup .font_color button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -161px -41px; .background-position:-161px -42px;}
.toolgroup .bg_color button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -181px -41px; .background-position:-182px -42px;}


/* paragraph_style */
.toolgroup li	{width:20px;}/*li width를 지정하여 세로정렬(block-level)이 됐을 시 background의 영역을 잘라 줌 */
.toolgroup .align_left button {background:transparent url(../images/btn_edit_set.gif) no-repeat -202px -1px; .background-position:-202px -2px;}
.toolgroup .align_center button {background:transparent url(../images/btn_edit_set.gif) no-repeat -221px -1px; .background-position:-222px -2px;}
.toolgroup .align_right button {background:transparent url(../images/btn_edit_set.gif) no-repeat -241px -1px; .background-position:-242px -2px;}
.toolgroup .align_jutify button {background:transparent url(../images/btn_edit_set.gif) no-repeat -261px -1px; .background-position:-262px -2px;}
.toolgroup .outdent button {background:transparent url(../images/btn_edit_set.gif) no-repeat -281px -1px; .background-position:-282px -2px;}
.toolgroup .indent button {background:transparent url(../images/btn_edit_set.gif) no-repeat -301px -1px; .background-position:-302px -2px;}
.toolgroup .unordered_list button {background:transparent url(../images/btn_edit_set.gif) no-repeat -321px -1px; .background-position:-322px -2px;}
.toolgroup .ordered_list button {background:transparent url(../images/btn_edit_set.gif) no-repeat -341px -1px; .background-position:-342px -2px;}
.toolgroup .upload_img	{}
.toolgroup .upload_img button	{background:transparent url(../images/btn_image2.gif) no-repeat -4px -2px;}



.toolgroup .align_left button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -202px -41px; .background-position:-202px -42px;}
.toolgroup .align_center button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -221px -41px; .background-position:-222px -42px;}
.toolgroup .align_right button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -241px -41px; .background-position:-242px -42px;}
.toolgroup .align_jutify button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -261px -41px; .background-position:-262px -42px;}
.toolgroup .outdent button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -281px -41px; .background-position:-282px -42px;}
.toolgroup .indent button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -301px -41px; .background-position:-302px -42px;}
.toolgroup .unordered_list button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -321px -41px; .background-position:-322px -42px;}
.toolgroup .ordered_list button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -341px -41px; .background-position:-342px -42px;}


/* extra_style */
.toolgroup li	{width:20px;}/*li width를 지정하여 세로정렬(block-level)이 됐을 시 background의 영역을 잘라 줌 */
.toolgroup .line_height button {background:transparent url(../images/btn_edit_set.gif) no-repeat -361px -1px; .background-position:-362px -2px;}
.toolgroup .hr_line button {background:transparent url(../images/btn_edit_set.gif) no-repeat -381px -1px; .background-position:-382px -2px;}
.toolgroup .blockquote button {background:transparent url(../images/btn_edit_set.gif) no-repeat -400px -1px; .background-position:-401px -2px;}
.toolgroup .link button {background:transparent url(../images/btn_edit_set.gif) no-repeat -420px -1px; .background-position:-421px -2px;}
.toolgroup .table button {background:transparent url(../images/btn_edit_set.gif) no-repeat -441px -1px; .background-position:-442px -2px;}
.toolgroup .undo button {background:transparent url(../images/btn_edit_set.gif) no-repeat -460px -1px; .background-position:-461px -2px;}
.toolgroup .redo button {background:transparent url(../images/btn_edit_set.gif) no-repeat -480px -1px; .background-position:-481px -2px;}
.toolgroup .footnote button {background:transparent url(../images/btn_edit_set.gif) no-repeat -599px -1px; .background-position:-481px -2px;}

.toolgroup .line_height button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -361px -41px; .background-position:-362px -42px;}
.toolgroup .hr_line button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -381px -41px; .background-position:-382px -42px;}
.toolgroup .blockquote button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -400px -41px; .background-position:-401px -42px;}
.toolgroup .link button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -420px -41px; .background-position:-421px -42px;}
.toolgroup .table button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -441px -41px; .background-position:-442px -42px;}
.toolgroup .undo button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -460px -41px; .background-position:-461px -42px;}
.toolgroup .redo button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -480px -41px; .background-position:-481px -42px;}
.toolgroup .footnote button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -599px -41px; .background-position:-481px -42px;}


.toolgroup .quiz_list {width:33px; .width:34px;}
.toolgroup .quiz_list button {width:33px; .width:34px; background:transparent url(../images/btn_edit_quiz.gif) no-repeat 0 -1px; .background-position:0px -2px;}
.toolgroup .quiz_list button:active {width:33px; .width:34px; background:transparent url(../images/btn_edit_quiz.gif) no-repeat 0 -41px; .background-position:-0px -42px;}


/* setting */
/*그룹안에 긴버튼을 포함하고 있을 시 나머지 버튼의 li width를 지정해줘야 세로정렬(block-level)이 됐을 시 영향을 받지 않음 */
.toolgroup .select_all, .toolgroup .remove_style, .toolgroup .fullscreen {width:20px;}
.toolgroup .edit_mode {width:40px;}

.toolgroup .select_all button {background:transparent url(../images/btn_edit_set.gif) no-repeat -500px -1px; .background-position:-501px -2px;}
.toolgroup .remove_style button {background:transparent url(../images/btn_edit_set.gif) no-repeat -520px -1px; .background-position:-521px -2px;}
.toolgroup .fullscreen button {background:transparent url(../images/btn_edit_set.gif) no-repeat -540px -1px; .background-position:-541px -2px;}
.toolgroup li.edit_mode button {width:40px; background:transparent url(../images/btn_edit_set.gif) no-repeat -561px -1px; .background-position:-562px -2px;}

.toolgroup .select_all button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -500px -41px; .background-position:-501px -42px;}
.toolgroup .remove_style button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -520px -41px; .background-position:-521px -42px;}
.toolgroup .fullscreen button:active {background:transparent url(../images/btn_edit_set.gif) no-repeat -540px -41px; .background-position:-541px -42px;}
.toolgroup li.edit_mode button:active {width:40px; background:transparent url(../images/btn_edit_set.gif) no-repeat -561px -41px; .background-position:-562px -42px;}

/* popup */
.editon .toolbar li li	{background:none;}

.editon .toolbar li .popup_fontName {width:80px; border:1px solid #c2c2c2;background-color:#fff; position:absolute; float:none; left:0px; top:20px;}
.editon .toolbar li .popup_fontName li {padding:0; margin:0; width:100%; background:none;}
.editon .toolbar li .popup_fontName button {text-align:left; background:#fff; border:none; height:20px; margin:0; .margin:0 0 2px 0; padding:3px; width:100%;}

.editon .toolbar li	.popup_fontSize {width:210px; border:1px solid #c2c2c2;background-color:#fff; position:absolute; float:none; left:0px; top:20px;}
.editon .toolbar li	.popup_fontSize li {padding:0; margin:0; float:none; width:100%; background:none;}
.editon .toolbar li	.popup_fontSize button {text-align:left; background:#fff; border:none; height:auto; margin:0; .margin:0 0 2px 0; padding:3px; width:100%;}

.editon .toolbar li	.popup_foreColor {background-color:#fff; width:178px; border:1px solid #c2c2c2;position: absolute;left:0px; top:20px;}
.editon .toolbar li	.popup_foreColor .colorPicker {width:170px;}
.editon .toolbar li	.popup_foreColor .colorPicker table {margin:3px; border:1px solid #ddd; width:100%;}
.editon .toolbar li	.popup_foreColor .colorPicker td {height:12px; cursor:pointer;}
.editon .toolbar li	.popup_foreColor .colorPicker button {background:none; border:none; width:100%; height:100%;}

.editon .toolbar li	.popup_backColor {background-color:#fff; width:178px; border:1px solid #c2c2c2; position:absolute; left:0px; top:20px;}
.editon .toolbar li	.popup_backColor {width:175px;}
.editon .toolbar li	.popup_backColor table {width:169px; margin:margin:3px; color:#fff;}
.editon .toolbar li	.popup_backColor .colorPicker table {margin:3px; border:1px solid #ddd;}
.editon .toolbar li	.popup_backColor .colorPicker td {height:12px; cursor:pointer;}
.editon .toolbar li	.popup_backColor button {background:none; border:none; width:100%; height:100%;}

.editon .toolbar li .popup_lineHeight {width:45px; border:1px solid #c2c2c2; background-color:#fff; position:absolute; float:none; left:0px; top:20px;}
.editon .toolbar li	.popup_lineHeight li {margin:0; padding:0; text-align:center; float:none; width:100%; background:none;}
.editon .toolbar li	.popup_lineHeight li:hover {margin:0; padding:0; text-align:center; float:none; width:100%; background:none;}
.editon .toolbar li	.popup_lineHeight button {margin:0; padding:0; background:none; border:none; width:100%;}

.editon .toolbar li	.popup_Quote {width:200px; border:1px solid #c2c2c2; background-color:#fff; position:absolute; float:none; left:4px; top:20px;}
.editon .toolbar li	.popup_Quote ul	{float:left; margin:4px 6px; .margin:0 6px;}
.editon .toolbar li	.popup_Quote li {display:inline; text-align:center; width:45px; background:none;}
.editon .toolbar li	.popup_Quote button {background:none; border:none; width:100%; height:100%;}
.editon .toolbar li	.popup_Quote button {font-size:11px; margin:3px 0; width:45px;}
.editon .toolbar li	.popup_Quote button.quote01 {border:2px solid #707070; background:#fff; }
.editon .toolbar li	.popup_Quote button.quote02 {border:2px solid #79a5e4; background:#dbe8fb;}
.editon .toolbar li	.popup_Quote button.quote03 {border:2px solid #fe8943; background:#fedec7;}
.editon .toolbar li	.popup_Quote button.quote04 {border:2px solid #f3c534; background:#fefeb8;}
.editon .toolbar li	.popup_Quote button.quote05 {border:1px dashed #707070; background:#fff;}
.editon .toolbar li	.popup_Quote button.quote06 {border:1px dashed #79a5e4; background:#dbe8fb;}
.editon .toolbar li	.popup_Quote button.quote07 {border:1px dashed #fe8943; background:#fedec7;}
.editon .toolbar li	.popup_Quote button.quote08 {border:1px dashed #f3c534; background:#fefeb8;}


.editon .toolbar li	.popup_createTable {background-color:#fff; width:180px; height:185px; border:1px solid #c2c2c2; position:absolute; left:4px; top:20px;}
.editon .toolbar li	.popup_createTable .table_preview {margin:3px 3px 0 3px;}
.editon .toolbar li	.popup_createTable .table_option {margin:3px; padding:3px 11px 3px 11px; border-bottom:1px dashed #efefef;}
.editon .toolbar li	.popup_createTable .table_option .row {float:left; margin:0 30px 0 20px;}
.editon .toolbar li	.popup_createTable .table_option .row input {border:1px solid #ccc; padding:1px;}
.editon .toolbar li	.popup_createTable .table_option .col input {border:1px solid #ccc; padding:1px;}
.editon .toolbar li	.popup_createTable .table_option .border {margin-left:20px;}
.editon .toolbar li	.popup_createTable .table_option .border input {border:1px solid #ccc; padding:1px;}
.editon .toolbar li	.popup_createTable .button_div {/*margin:5px 3px 3px 3px; padding:3px 11px 3px 11px;*/}
.editon .toolbar li	.popup_createTable .button_div .submit_button {/*margin:0 40px 0 20px;*/ margin-top:0; text-align:center;}
.editon .toolbar li	.popup_createTable .button_div .submit_button button {background:#efefef; border:1px solid #ddd; padding:0; width:40px; height:20px;}

.editon .toolbar li	.popup_createLink {background-color:#fff; width:290px; border:1px solid #c2c2c2; padding:10px; position:absolute; left:4px; top:20px;}
.editon .toolbar li	.popup_createLink .url input {vertical-align:middle; border:1px solid #ccc; padding:3px;}
.editon .toolbar li	.popup_createLink .url button {vertical-align:middle; display:inline; margin:0; padding:0; border:1px solid #ddd; background:#efefef; .margin-left:3px; width:37px; height:20px;}
.editon .toolbar li	.popup_createLink .url button:hover {vertical-align:middle; display:inline; margin:0; padding:0; border:1px solid #ddd; .margin-left:3px; width:37px; height:20px;}


/* 글바구니 템플릿 CSS */
.tem_box01	{background:#faffea; border:1px solid #e2e7d1; margin:0 32px; padding:20px 24px; }
.tem_box01 .original	{font-size:11px; margin-top:10px; text-align:right; color:#9b9b9b; }
.tem_box01 .original span	{color:#1d79a0;}
.tem_box01 .original a	{color:#aeaeae; font-family:'Arial';}

.tem_box02	{margin:0 32px; background:url(/common/images/common/bg_box02_left.gif) no-repeat; padding:0 0 0 31px; color:#465371; }
.tem_box02 .tem_box02_bg	{background:url(/common/images/common/bg_box02_right.gif) top right no-repeat; padding:19px 31px 19px 0;}
.tem_box02 .tem_box02_bg .original	{font-size:11px; margin-top:10px; text-align:right; color:#9b9b9b; }
.tem_box02 .tem_box02_bg .original span	{color:#1d79a0;}
.tem_box02 .tem_box02_bg .original a	{color:#aeaeae; font-family:'Arial';}

.tem_box03	{margin:0 32px; background:url(/common/images/common/bg_box03.gif) repeat-x; padding:19px 31px; color:#2d6188; border-top:1px solid #e3e3e3; border-bottom:1px solid #f0f0f0; }
.tem_box03 .original	{font-size:11px; margin-top:10px; text-align:right; color:#9b9b9b; }
.tem_box03 .original span	{color:#1d79a0;}
.tem_box03 .original a	{color:#aeaeae; font-family:'Arial';}

.tem_box04	{PADDING: 10px 20px; BORDER: #d2d2d2 1px solid; BACKGROUND: #f7f7f7; COLOR: #333333; margin:0 32px;}
.tem_box04 .original	{font-size:11px; margin-top:10px; text-align:right; color:#9b9b9b; }
.tem_box04 .original span	{color:#1d79a0;}
.tem_box04 .original a	{color:#aeaeae; font-family:'Arial';}

.tem_box05	{margin:0 32px; border:4px solid #e9e9e9; padding:30px 40px;}
.tem_box05 .original	{font-size:11px; margin-top:10px; text-align:right; color:#9b9b9b; }
.tem_box05 .original span	{color:#1d79a0;}
.tem_box05 .original a	{color:#aeaeae; font-family:'Arial';}