@charset "utf-8";

/********************************************************************************************************************************************/
/***    Common Layout    ***/
/********************************************************************************************************************************************/
	/*    admin option    */
	.more_opt                 {position: absolute; top: 25px; right: 0; background: #fff; border: 2px solid #e6e6e6; z-index: 999; display: none;}
	.more_opt:before          {position: absolute; top: -8px; right: 8px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #e6e6e6 transparent; content: "";}
	.more_opt:after           {position: absolute; top: -5px; right: 8px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; content: "";}
	.more_opt li              {float: inherit; margin: 0; padding: 10px; padding-left: 6px; width: 90px; border-bottom: 1px solid #e6e6e6; color: #aaa; text-align: left;}
	.more_opt li:last-child   {border-bottom: 0;}
	.more_opt li button,
	.more_opt li a            {width: 100%; border: 0; background: #fff; color: #aaa;}
	.more_opt li:hover a,
	.more_opt li:hover button {color: #191f2a;}
	.more_opt li i            {float: right; line-height: 16px;}
	.more_opt .all_chk        {color: #191f2a;}
	.more_opt .all_chk input  {float: right; margin-top: 2px;}


	/*    Button    */
	.btn_ico                  {width: 30px; font-size: 14px; color: #aaa; text-align: center; border: 0; background: transparent; display: inline-block;}
	.btn_ico:hover            {color: #191f2a;}


	/*    게시판 검색-모달창    */
	.bo_sch_wrap                {margin: 10px 0;}
	.bo_sch_wrap:after          {display: block; visibility: hidden; clear: both; content: "";}
	.bo_sch                     {}
	.bo_sch select              {float: left; margin-right: 5px; width: 80px; height: 30px; border: 1px solid #e6e6e6; border-radius: 5px; display: none;}
	.bo_sch .sch_input          {float: left; margin-right: 5px; padding: 5px 15px; width: 150px; height: 30px;}
	.bo_sch .sch_input:focus    {border-color: #dceff3; color: #78aebd;
		-webkit-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
		   -moz-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			-ms-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			 -o-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
				box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
	}
	.bo_sch .sch_btn            {float: left; padding: 0 10px; height: 30px; color: #fff; background: #191f2a; border-radius: 5px;}
	.bo_sch .sch_btn:hover      {background: #444;}
	.bo_sch .sch_btn i          {margin-bottom: 2px;}


	/*    하단 버튼    */
	.btn                      {margin: 20px 0; text-align: center;}
	.btn button               {padding: 15px 40px; font-size: 12px; color: #fff; border-radius: 5px; display: inline-block;}
	.btn a                    {margin: 0 -2px; padding: 15px 40px; font-size: 12px; color: #fff; border-radius: 5px; display: inline-block;}
	.btn a i                  {margin-right: 6px;}
	.btn .btn_list            {margin: 0 5px;}
	.btn .btn_list            {background: #78aebd;}
	.btn .btn_list:hover      {background: #4c90a3;}
	.btn .btn_submit          {background: #191f2a;}
	.btn .btn_submit:hover    {background: #444;}
	.btn .btn_cancel          {margin: 0 5px; margin-top: -3px; background: #aaa;}


/********************************************************************************************************************************************/
/***    Basic List Layout    ***/
/********************************************************************************************************************************************/
	/*    상단 정보 및 버튼    */
	#bo_btn_top                 {padding: 10px 0; border-bottom: 1px solid #e6e6e6;}
	#bo_btn_top:after           {display: block; visibility: hidden; clear: both; content: "";}
	#bo_btn_top .bo_btn         {float: right; margin: 0; margin-top: 5px; padding: 0;}
	#bo_btn_top .bo_btn li      {float: left; text-align: center;}
	#bo_btn_top .bo_btn > li    {position: relative;} /* 선택복사, 선택이동 레이어 팝업 관련 */
	#bo_list_total              {float: left; margin-top: 10px;}
	#bo_list_total span         {padding: 0 6px; color: #ccc; display: inline-block;}


	/*    하단 버튼    */
	#bo_btn_bottom              {float: right; zoom: 1;}
	#bo_btn_bottom:after        {display: block; visibility: hidden; clear: both; content: "";}
	#bo_btn_bottom .bo_btn      {margin: 0; padding: 0;}
	#bo_btn_bottom .bo_btn li   {float: left;}


	/*    카테고리    */
	#bo_cate                    {/* padding: 20px 20px 15px; border: 2px solid #78aebd; */}
	#bo_cate h2                 {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}
	#bo_cate ul                 {zoom: 1;}
	#bo_cate ul:after           {display: block; visibility: hidden; clear: both; content: "";}
	#bo_cate li                 {margin: 0 4px 4px 0;; display: inline-flex;}
	#bo_cate li:nth-child(1) a,
	#bo_cate li:nth-child(21) a {width: 40px;}
	#bo_cate li:nth-child(21)   {margin-right: 583px;}
	#bo_cate li:nth-child(47)   {margin-right: 461px;}
	#bo_cate a                  {width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 5px; background: #f0f0f0; display: block;}
	#bo_cate a:focus,
	#bo_cate a:hover,
	#bo_cate a:active           {background: #78aebd; color: #fff; display: block;}
	#bo_cate #bo_cate_on        {background: #78aebd; color: #fff; font-weight: bold; z-index: 2;}


	/*    목록    */
	#bo_wrap                                    {position: relative;}
	#bo_wrap:after                              {display: block; visibility: hidden; clear: both; content: "";}

	.bo_cate_link                               {padding: 5px 8px; height: 20px; font-size: 11px; line-height: 10px; color: #78aebd; background: #dceff3; border-radius: 5px; display: inline-block;}

	#bo_list                                    {margin-bottom: 10px;}
	#bo_list .dic_list .keyword                 {padding: 10px 0; border-bottom: 1px solid #e6e6e6; display: block; overflow: hidden; cursor: pointer;}
	#bo_list .dic_list .keyword.on .open i      {transform: rotate(-180deg);}
	#bo_list .dic_list .keyword p               {float: left; line-height: 20px;}
	#bo_list .dic_list .keyword .chk,
	#bo_list .dic_list .keyword .edit,
	#bo_list .dic_list .keyword .open           {float: right;width: 30px; text-align: center;}
	#bo_list .dic_list .keyword .edit i         {color: #aaa;}
	#bo_list .dic_list .keyword .edit:hover  i  {color: #191f2a;}
	#bo_list .dic_list .keyword .cate_name      {padding: 0 10px; width: 120px;}
	#bo_list .dic_list .keyword .cate_name span {padding: 5px 8px; height: 20px; font-size: 11px; line-height: 10px; color: #78aebd; background: #dceff3; border-radius: 5px; display: inline-block;}
	#bo_list .dic_list .keyword .open           {}
	#bo_list .dic_list .answer                  {padding: 15px; padding-left: 120px; background: #f7f7f7; border-bottom: 1px solid #e6e6e6; display: none;}	
	#bo_list .td_empty                          {padding: 100px 0 !important; text-align: center; border-bottom: 1px solid #e6e6e6;}


/********************************************************************************************************************************************/
/***    View Layout    ***/
/********************************************************************************************************************************************/
	#bo_view_wrap {}


	/*    제목    */
	#bo_view_title                   {margin: 60px 0 30px; font: normal 24px 'Neris SB', 'Calibri', 'NanumS B', sans-serif; text-align: left; word-break: break-all; display: block;}


	/*    상단 정보 및 버튼    */
	#bo_view_wrap #bo_btn_top        {border-top: 1px solid #e6e6e6;}
	#bo_view_wrap #bo_btn_top h2     {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}
	#bo_view_wrap .bo_btn            {margin: 10px 0 0; zoom: 1;}

	#bo_btn_top .bo_info             {float: left; margin: 10px 0; display: inline-block;}
	#bo_btn_top .bo_info li          {float: left; margin-top: 2px; margin-right: 12px; height: 20px;}
	#bo_btn_top .bo_info li i        {margin-right: 5px; color: #aaa;}
	#bo_btn_top .bo_info .point span {color: #f60256;}
	#bo_btn_top .bo_info .cate       {margin-top: 0 !important;}


	/*    본문    */
	#bo_view                         {margin-top: 30px; height: auto !important; height:200px; min-height: 200px;}
	#bo_view h2                      {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}	
	#bo_view #cont_img               {width: 100%; overflow: hidden; zoom: 1;}
	#bo_view #cont_img:after         {display: block; visibility: hidden; clear: both; content: "";}
	#bo_view #cont_img a.view_image  {display: inline-block;}
	#bo_view #cont_img img           {margin-bottom: 30px; max-width: 100%; height: auto;}
	#bo_view #cont                   {margin-bottom: 50px; width: 100%; min-height: 200px; line-height: 24px; word-break: break-word; overflow: hidden;}
	#bo_view #cont a                 {text-decoration: underline;}
	#bo_view #cont img               {max-width: 100%; height: auto;}


	/*    스크랩    */
	#bo_view #share                  {position: relative; float: right; padding-bottom: 20px;}
	#bo_view #share:after            {display: block; visibility: hidden; clear: both; content: "";}
	#bo_view #share .btn             {margin: 0; padding: 10px 20px; color: #191f2a; border: 1px solid #e6e6e6; border-radius: 10px; display: inline-block;}
	#bo_view #share .btn i           {margin-right: 5px;}
	#bo_view #share .btn:hover       {border-color: #dceff3; color: #78aebd;
		-webkit-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
		   -moz-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			-ms-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			 -o-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
				box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
	}


	/*    SNS    */
	#bo_v_sns                   {float: left; padding: 0; list-style: none; zoom: 1; display: inline-block;}
	#bo_v_sns:after             {display: block; visibility: hidden; clear: both; content: "";}
	#bo_v_sns li                {float: left; width: 135px; margin-right: 5px; text-align: left;}
	#bo_v_sns li a              {height: 37px; line-height: 35px; text-align: center; border-radius: 10px; color: #fff;}
	#bo_v_sns li img            {margin-right: 5px; vertical-align: middle;}
	#bo_v_sns li .sns_f         {display: block; background: #3b5997;}
	#bo_v_sns li .sns_t         {display: block; background: #09aeee;}
	#bo_v_sns li .sns_g         {display: block; background: #ea4026;}
	#bo_v_sns li .sns_k         {display: block; background: #fbe300;}


	/*    추천 & 비추천    */
	#bo_view #vote              {margin-bottom: 30px; text-align: center;}
	#bo_view #vote a            {margin-right: 5px; padding: 10px 20px; color: #191f2a; border: 1px solid #e6e6e6; border-radius: 10px; display: inline-block;}
	#bo_view #vote a:hover      {border-color: #dceff3; color: #78aebd;
		-webkit-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
		   -moz-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			-ms-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			 -o-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
				box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
	}
	#bo_view #vote i            {margin-right: 5px;}
	#bo_view #vote .vote_gng    {position: relative;}
	#bo_view #vote_good,
	#bo_view #vote_nogood       {position: absolute; top: 30px; left: 0; padding: 10px 0; width: 165px; background: #f50253; color: #fff; text-align: center; z-index: 9999; display: none;}
	#bo_view #vote .vote_good,
	#bo_view #vote .vote_nogood {margin-right: 5px; padding: 10px 20px; border: 1px solid #e6e6e6; border-radius: 10px; display: inline-block;}


	/*    첨부파일 & 링크    */
	#bo_view #file h2,
	#bo_view #link h2           {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}
	#bo_view #file li,
	#bo_view #link li           {position: relative; margin: 10px 0; padding: 15px 30px; border: 1px solid #e6e6e6; border-radius: 10px;}
	#bo_view #file li i,
	#bo_view #link li i         {float: left; margin-top: 3px; margin-right: 20px; font-size: 28px; color: #aaa;}
	#bo_view #file a,
	#bo_view #link a            {float: left; text-decoration: none; word-wrap: break-word; display: block;}
	#bo_view .file_cnt,
	#bo_view .link_cnt          {margin-top: 2px; color: #aaa; display: inline-block;}
	#bo_view #file li:hover,
	#bo_view #link li:hover     {border-color: #dceff3; color: #78aebd;
		-webkit-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
		   -moz-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			-ms-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			 -o-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
				box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
	}
	#bo_view #file li:hover i,
	#bo_view #link li:hover i   {color: #78aebd;}
	#bo_view #file li:hover a,
	#bo_view #link li:hover a,
	#bo_view #file a:focus,
	#bo_view #link a:focus,
	#bo_view #file a:active,
	#bo_view #link a:active     {color: #78aebd; text-decoration: underline;}


	/*    페이지    */
	.pageing                    {position: relative; margin: 20px 0; clear: both; text-align: left;}
	.pageing:after              {display: block; visibility: hidden; clear: both; content: "";}
	.pageing li                 {padding: 15px; border-top: 1px solid #e6e6e6;}
	.pageing li:last-child      {border-bottom: 1px solid #e6e6e6;}
	.pageing li:hover           {background: #f7f7f7;}
	.pageing li i               {margin-right: 5px; color: #aaa;}
	.pageing li .page_tit       {padding-right: 30px; color:#aaa; display: inline-block;}
	.pageing li .page_date      {float: right; color: #aaa;}


/********************************************************************************************************************************************/
/***    Comment Layout    ***/
/********************************************************************************************************************************************/
	/*    상단버튼    */
	.cmt_btn                     {margin-top: 30px; padding-bottom: 15px; width: 100%; text-align: left; border: 0; border-bottom: 1px solid #e6e6e6; background: transparent;}
	.cmt_btn .total              {position: relative; margin-right: 5px; font-size: 14px; color: #78aebd; display: inline-block;}
	.cmt_btn .total:after        {position: absolute; bottom: -17px; left: 0; width: 100%; height: 2px; background: #78aebd; content: ""; display: inline-block;}
	.cmt_btn .cmt_more           {float: right; margin-top: 8px; margin-right: 8px; display: inline-block;}
	.cmt_btn_open .cmt_more i    {transform: rotate(180deg);}
	.cmt_btn strong              {padding-right: 5px; font-size: 20px; color: #191f2a;}


	/*    댓글내용    */
	#cmt_view h2                                 {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}
	#cmt_view article                            {position: relative; padding: 15px 0 5px; border-bottom: 1px solid #e6e6e6;}
	#cmt_view article:after                      {display: block; visibility: hidden; clear: both; content: "";}
	#cmt_view .cmt_wrap                          {float: left; width: 100%;}
	#cmt_view .cmt_wrap .cmt_info                {position: relative; margin-bottom: 15px; padding-left: 20px; width: 90%;}
	#cmt_view .cmt_wrap .cmt_info:after          {display: block; visibility: hidden; clear: both; content: "";}
	#cmt_view .cmt_wrap .cmt_info .xi-profile-o  {color: #aaa;}
	#cmt_view .cmt_wrap .cmt_info .date          {margin-left: 5px; padding: 2px 10px 2px 8px; height: 20px; color: #78aebd; background: #dceff3; border-radius: 5px;}
	#cmt_view .cmt_wrap .cmt_info .ip            {margin-left: 5px; color: #aaa;}
	#cmt_view .cmt_wrap .cmt_info .member,
	#cmt_view .cmt_wrap .cmt_info .guest,
	#cmt_view .cmt_wrap .cmt_info .sv_member,
	#cmt_view .cmt_wrap .cmt_info .sv_guest      {font: normal 14px 'Neris SB', 'Calibri', 'NanumS B', 'Malgun Gothic', 맑은고딕, sans-serif;}
	#cmt_view .cmt_wrap .cmt_contents            {padding: 0 20px; width: 100%;}
	#cmt_view .cmt_wrap .cmt_contents a:hover    {text-decoration: underline;}
	#cmt_view #cmt_empty                         {margin: 0; padding: 50px 0 !important; color: #aaa; text-align: center;}


	/*    댓글옵션    */
	#cmt_view .cmt_option                        {float: left; position: absolute; top: 15px; right: 6px; background: transparent;}
	#cmt_view .cmt_option > button               {font-size: 14px; color: #aaa;}
	#cmt_view .cmt_option .btn_cmt_opt           {background: transparent;}
	#cmt_view .cmt_option .cmt_opt               {position: absolute; top: 25px; right: -8px; background: #fff; border: 2px solid #e6e6e6; zoom: 1; z-index: 9999; display: none;}
	#cmt_view .cmt_option .cmt_opt:before        {position: absolute; top: -8px; right: 8px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #e6e6e6 transparent; content: "";}
	#cmt_view .cmt_option .cmt_opt:after         {position: absolute; top: -5px; right: 8px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; content: "";}
	#cmt_view .cmt_option .cmt_opt li            {margin: 0; padding: 10px; padding-left: 26px; width: 90px; border-bottom: 1px solid #e6e6e6; color: #aaa; text-align: left;}
	#cmt_view .cmt_option .cmt_opt li:last-child {border-bottom: 0;}
	#cmt_view .cmt_option .cmt_opt li a          {width: 100%; color: #aaa; display: inline-block;}
	#cmt_view .cmt_option .cmt_opt li a:hover    {color: #191f2a;}
	#cmt_view .cmt_option .cmt_opt li i          {float: right; line-height: 16px;}


	/*    댓글쓰기    */
	.cmt_write                    {position: relative; margin: 10px 0; display: block;}
	.cmt_write:after              {display: block; visibility: hidden; clear: both; content: "";}
	.cmt_write h2                 {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}
	.cmt_write #char_cnt          {margin: 0 0 5px; display: block;}
	.cmt_write textarea           {padding: 10px 20px; padding-right: 110px; width: 100%; height: 80px; border: 1px solid #e6e6e6; border-radius: 5px; vertical-align: middle;}
	.cmt_write textarea:focus     {border-color: #dceff3; color: #78aebd;
		-webkit-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
		   -moz-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			-ms-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			 -o-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
				box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
	}
	.cmt_write #btn_submit        {position: absolute; top: 15px; right: 20px; padding: 18px 0; width: 80px; border-radius: 5px; background: #78aebd;}
	.cmt_write #btn_submit:hover  {background: #191f2a;}
	.cmt_write .secret_cmt        {float: right; display: inline-block;}
	.cmt_write .secret_cmt label  {margin-top: 10px; display: inline-block;}

	.bo_vc_w_info                 {float: left; margin: 10px 0;}
	.bo_vc_w_info:after           {display: block; visibility: hidden; clear: both; content: "";}
	.bo_vc_w_info .frm_input      {float: left; margin-right: 5px;}
	.bo_vc_w_info #captcha        {padding-top: 10px; display: block; clear: both;}
	.bo_vc_w_wr:after             {display: block; visibility: hidden; clear: both; content: "";}

	#bo_vc_send_sns               {float: left; display: inline-block;}
	#bo_vc_sns                    {margin: 0; padding: 0; display: inline-block; list-style: none; zoom: 1;}
	#bo_vc_sns:after              {display: block; visibility: hidden; clear: both; content: "";}
	#bo_vc_sns li                 {float: left; margin: 0 5px 0 0;}
	#bo_vc_sns .sns_li_f,
	#bo_vc_sns .sns_li_t          {padding: 0 0 0 10px; height: 40px; border-radius: 5px; background: #3a589b; line-height: 40px;}
	#bo_vc_sns .sns_li_off        {background: #bbb;}
	#bo_vc_sns a                  {padding: 0 15px 0 5px; display: inline-block;}
	#bo_vc_sns input              {margin: 0 5px 0 0;}


/********************************************************************************************************************************************/
/***    임시저장 Layout    ***/
/********************************************************************************************************************************************/
	#char_count_desc                        {margin: 0 0 5px; padding: 0; display: block;}
	#char_count_wrap                        {margin: 5px 0 0; text-align: right;}
	#char_count                             {font-weight: bold;}
	
	#autosave_wrapper                       {position: relative;}
	#autosave_pop                           {position: absolute !important; top: 40px; right: 0; width: 350px; height: auto !important; height: 180px; max-height: 180px; border: 1px solid #444; background: #fff; display: none; z-index: 10;
		-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
		   -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
			-ms-box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
			 -o-box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
				box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
	}
	#autosave_pop:before                    {position: absolute; top: -8px; right: 45px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #191f2a transparent; content:"";}
	#autosave_pop:after                     {position: absolute; top: -7px; right: 45px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; content:"";}
	html.no-overflowscrolling #autosave_pop {height: auto; max-height: 10000px !important;} /* overflow 미지원 기기 대응 */
	#autosave_pop strong                    {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}
	#autosave_pop div                       {margin: 0 !important; text-align: center;}
	#autosave_pop button                    {margin: 0; padding: 0; border: 0;}
	#autosave_pop ul                        {padding: 5px; height: 130px; list-style: none; overflow-y: scroll; border-bottom: 1px solid #e6e6e6;}
	#autosave_pop li                        {padding: 8px 5px; border-bottom: 1px solid #fff; background: #f7f7f7; zoom: 1;}
	#autosave_pop li:after                  {display: block; visibility: hidden; clear: both; content: "";}
	#autosave_pop a                         {float: left; display: block;}
	#autosave_pop span                      {float: right; display: block; color: #aaa;}
	.autosave_close                         {width: 100%; height: 30px; background: none; cursor: pointer;}
	.autosave_close:hover                   {background: #f7f7f7;}
	.autosave_content                       {display: none;}
	.autosave_del                           {height: 20px; width: 20px; background: url(./img/close_btn.png) no-repeat 50% 50%; text-indent: -999px; overflow: hidden;}


/********************************************************************************************************************************************/
/***    Write Layout    ***/
/********************************************************************************************************************************************/
	/*    카테고리    */
	.cate                                {padding: 20px 30px 12px; border: 2px solid #78aebd; border-radius: 5px;}
	.cate input[type="checkbox"]         {margin-bottom: 10px !important;}
	.cate p                              {margin-left: 5px; display: inline;}
	.cate span                           {width: 40px; display: inline-block;}
	.cate span:nth-child(1),
	.cate span:nth-child(21),
	.cate span:nth-child(47)             {width: 80px;}
	.cate span:nth-child(20)             {margin-right: 300px;}
	.cate span:nth-child(46)             {margin-right: 40px;}
	.cate span:nth-child(1):before       {margin-right: 10px; content: '한글 :';}
	.cate span:nth-child(21):before      {margin-right: 10px; content: '영어 :';}
	.cate span:nth-child(47):before      {margin-right: 10px; content: '숫자 :';}

	#bo_write_wrap                                  {margin-top: 60px;}
	#bo_write_wrap select,
	#bo_write_wrap input[type="text"],
	#bo_write_wrap input[type="password"]           {width: 100%; height: 40px;}
	#bo_write_wrap input[type="text"]:focus,
	#bo_write_wrap input[type="password"]:focus     {border-color: #dceff3; color: #78aebd;
		-webkit-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
		   -moz-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			-ms-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
			 -o-box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
				box-shadow: 0px 1px 5px rgba(170,170,170,0.2);
	}
	#bo_write_wrap .write_div                       {position: relative; margin: 10px 0;}
	#bo_write_wrap .write_div:after                 {display: block; visibility: hidden; clear: both; content: "";}

	#bo_write_wrap .title                           {position: relative; width: 100%;}
	#bo_write_wrap .title input                     {padding-right: 150px;}
	#bo_write_wrap .title #btn_autosave             {position: absolute; top: 5px; right: 15px; line-height: 30px; height: 30px; border-radius: 5px; background: transparent;}
	#bo_write_wrap .option li                       {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
	#bo_write_wrap .option li label                 {vertical-align:baseline}
	#bo_write_wrap .option .chk_box input[type="checkbox"] + label span {margin-right:5px}
	#bo_write_wrap .name,
	#bo_write_wrap .email                           {float: left; padding-right: 5px; width: 50%;}
	#bo_write_wrap .password,
	#bo_write_wrap .homepage                        {float: left; width: 50%;}
	#bo_write_wrap .link label,
	#bo_write_wrap .file_wr label                   {position: absolute; top: 0; left: 0; padding-top: 1px; padding-left: 20px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #aaa;}
	#bo_write_wrap .link input                      {padding-left: 50px;}
	#bo_write_wrap .file_wr                         {position: relative; padding: 6px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px; background: #fff;}
	#bo_write_wrap .file_wr input[type="file"]      {margin-top: 3px; padding-left: 50px;}
	#bo_write_wrap .file .file_del                  {position: absolute; top: 8px; right: 10px; font-size: 12px; color: #aaa; display: inline-block;}
	#bo_write_wrap .file input[type="checkbox"]     {margin: 5px 5px 0;}