@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              {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none;}
	.bo_sch                   {position: absolute; top: 50%; left: 50%; margin-left: -125px; margin-top: -180px; width: 330px; max-height: 300px; border-radius: 10px; border: 2px solid #444; background: #fff; text-align: left; overflow-y: auto;
		-webkit-box-shadow: 1px 1px 18px rgba(0,0,0,0.3);
		   -moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.3);
			-ms-box-shadow: 1px 1px 18px rgba(0,0,0,0.3);
			 -o-box-shadow: 1px 1px 18px rgba(0,0,0,0.3);
				box-shadow: 1px 1px 18px rgba(0,0,0,0.3);
	}
	.bo_sch:after             {display: block; visibility: hidden; clear: both; content: "";}
	.bo_sch h3                {padding: 15px; border-bottom: 1px solid #e6e6e6;}
	.bo_sch legend            {}
	.bo_sch form              {padding: 15px; display: block;}
	.bo_sch select            {width: 100%; height: 40px; border: 1px solid #e6e6e6; background: #fff; border-radius: 5px;}
	.bo_sch .sch_bar          {margin-top: 10px; padding: 0 5px; width: 100%; border: 1px solid #e6e6e6; border-radius: 5px; display: inline-block; clear: both;}
	.bo_sch .sch_input        {float: left; padding: 0; width: 240px; height: 38px; border: 0; background-color: transparent;}
	.bo_sch .sch_btn          {float: right; width: 40px; height: 38px; color: #191f2a; background: none; border: 0; font-size: 16px;}
	.bo_sch .bo_sch_cls       {position: absolute; right: 0; top: 0; padding: 12px 15px; color: #191f2a; border: 0; font-size: 16px; background: #fff;}
	.bo_sch_bg                {width: 100%; height: 100%; background: rgba(0,0,0,0.5);}


	/*    하단 버튼    */
	.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;}


/********************************************************************************************************************************************/
/***    Webzine 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                  {}
	#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 a                {padding: 5px 20px; 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_webzine                          {margin-bottom: 10px;}
	#bo_webzine caption                  {margin: 0; padding: 0; font-size: 0; line-height: 0; overflow: hidden;}
	#bo_webzine .bo_notice td            {background: #f7f7f7 !important;}
	#bo_webzine .bo_notice .notice_icon  {color: #f60256;}
	#bo_webzine table                    {width: 100%;}
	#bo_webzine td                       {padding: 10px 30px; padding-left: 20px; width: 100%; border-bottom: 1px solid #e6e6e6;}
	#bo_webzine td .td_thumb             {float: left; width: 252px; height: 152px; text-align: center; background: #f7f7f7; border: 1px solid #e6e6e6;}
	#bo_webzine td .td_thumb img         {line-height: 0;}
	#bo_webzine td .td_thumb video       {max-width: 100%; height: auto !important; line-height: 0;}
	#bo_webzine td .td_thumb span        {color: #aaa; text-align: center; display: inline-block;}
	#bo_webzine td .td_thumb i           {margin: 30px 0 5px; color: #e6e6e6;}
	#bo_webzine td .td_content           {float: right; padding: 5px 0 0; width: 930px;}
	#bo_webzine td .td_subject           {margin: 10px 0; font: normal 18px 'Neris SB', 'Calibri', 'NanumS B', sans-serif; text-transform: uppercase;}
	#bo_webzine td .td_subject a:hover   {color: #aaa;}
	#bo_webzine td .td_subject input     {margin-right: 5px; height: 14px;}
	#bo_webzine td .td_subject .new_icon {padding: 0 5px; height: 18px; font-size: 11px; line-height: 18px; color: #daae37; background: #ffefb9; border-radius: 3px; vertical-align: middle; display: inline-block;}
	#bo_webzine td .td_subject .cmt      {padding: 0 5px; height: 18px; font-size: 11px; line-height: 18px; color: #78aebd; background: #dceff3; border-radius: 3px; vertical-align: middle; display: inline-block;}
	#bo_webzine td .td_cont              {padding: 5px 0; min-height: 80px; color: #aaa; line-height: 20px;}
	#bo_webzine td .td_etc               {overflow: hidden;}
	#bo_webzine td .td_etc li            {float: left; margin-top: 2px; margin-right: 12px; height: 20px;}
	#bo_webzine td .td_etc li i          {margin-right: 5px; color: #aaa;}
	#bo_webzine td .td_etc .point span   {color: #f60256;}
	#bo_webzine td .td_etc .cate         {margin-top: 0 !important;}
	#bo_webzine td.td_empty              {padding: 100px 0 !important; text-align: center;}


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

	#bo_view_wrap .notice_read       {padding: 15px; color: #f60256; background: #f9f9f9; text-align: center;}
	#bo_view_wrap .notice_read i     {margin-right: 5px;}
	#bo_view_wrap .notice_download   {margin-left: 10px; color: #f60256; display: inline-block;}


	/*    제목    */
	#bo_view_title                   {margin: 60px 0 30px; font: normal 24px 'Neris SB', 'Calibri', 'NanumS B', sans-serif; text-align: left; text-transform: uppercase; 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_btn_top .movenum                          {margin-top: -3px; margin-right: 15px; color: #aaa;}
	#bo_btn_top .movenum input[type="text"]       {margin-right: 5px; padding: 5px 8px; width: 30px;}
	#bo_btn_top .movenum input[type="text"]: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_btn_top .movenum input[type="submit"]       {padding: 5px 8px; border-radius: 5px; background: #78aebd; color: #fff;}
	#bo_btn_top .movenum input[type="submit"]:hover,
	#bo_btn_top .movenum input[type="submit"]:focus {background: #4c90a3; cursor: pointer;}


	/*    본문    */
	#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 > p                     {padding: 15px 0; font-size: 14px; color: #aaa; text-align: center;}


	/*    스크랩    */
	#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 i              {margin-right: 5px;}
	#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: #777; color: #fff;}
	.cmt_write #btn_submit:hover  {background: #444;}
	.cmt_write .secret_cmt        {float: right; display: inline-block;}
	.cmt_write .secret_cmt label  {margin-top: 10px; display: inline-block;}
	.cmt_write .secret_cmt i      {margin: 0 5px;}

	.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    ***/
/********************************************************************************************************************************************/
	#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 .alert                           {margin-bottom: 15px; padding: 15px 20px; line-height: 24px; border: 2px solid #dceff3; background: #fafafa;}
	#bo_write_wrap .alert strong                    {padding-bottom: 8px; font-size: 16px; color: #f60256; display: inline-block;}

	#bo_write_wrap .cate                            {float: left; margin-bottom: 10px; width: 150px;}
	#bo_write_wrap .title                           {position: relative; float: left; 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;}