@charset "utf-8"; 
.boardnew2011{ clear:both; margin-bottom:30px;}
.boardnew2011 h3					{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.labelhidden		{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
#Contents img{ width: auto;}

.skipNav                            { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}

/* list*/
.CateGoriright						{ width:300px; height:30px;}
.CateGoriright	span				{ position:relative; float:left; margin:0 0 0 3px;}
.CateGoriright	select				{ position:relative; float:left; margin:2px 0 0 0;}




.writebt							{ margin:10px 0 0 0;text-align:right;}
.writebt	 span					{color:#333;font-weight:bold}
.writebt	 .button *:hover,
.writebt	 .button *:active,
.writebt	  .button *:focus		{ color:#0a50a7;font-weight:bold ;}

/*****  엑셀생성테이블 *****/
.ta_bo								{border-collapse:collapse; width:100%;margin:0 auto;font-size:11px;font-family:Tahoma, Geneva, sans-serif;border:0;border-top:2px solid #666}

.ta_bo caption						{padding:8px 0;font-weight:bold;text-align:left; visibility:hidden; overflow:hidden; height:0; width:0; position:absolute;}
.ta_bo caption em					{float:right;font-style:normal;font-weight:normal;color:#f60}
.ta_bo th, .table td				{font-size: 12px; border:0;padding:8px;vertical-align:middle;text-align:center;border:1px solid #ddd; }
.ta_bo th, .table .th_style			{font-size: 13px; font-weight: bold; background-color:#f8f8f8 }/* 계 스타일  */

.table .top_top_style               {font-size: 13px; font-weight: bold; background-color:#f5f5f5}	/*  상단스타일 */
.table .top_style                   {font-size: 13px; font-weight: bold; background-color:#f6f6f6}	/*  상단스타일 */
.table .bottom_style                {font-size: 13px; font-weight: bold; background-color:#efefef}	/*  하단스타일 */


.ta_bo th							{ text-align:center}
.ta_bo .left						{ text-align:left;}
.ta_bo .left	 span				{ position:relative; float:left;}
.ta_bo .left	 span	img			{ vertical-align:middle;}
.ta_bo th input						{float:left}
.ta_bo thead th						{border-bottom:1px solid #999; background:#f8f8f8}
.ta_bo tfoot td						{font-weight:bold;background:#f8f8f8}


/* write */
.allwrite							{  width:100%; padding:10px 0;}
.allwrite	 .title     			{ position:relative; padding:10px 10px 10px 15px; font-size:11pt;width:97%; border-bottom:1px solid #999999;border-top:2px solid #666666;}
.allwrite	 .title	 img			{ margin:3px 0 0 0;}
.allwrite .nomember					{ position:relative; float:left; width:100%;  padding:10px 0 10px 0;}
.allwrite .nomember p				{ float:left; width:180px;}
.allwrite .nomember label			{font-weight:bold ;padding:0 0 0 8px}
.allwrite .category					{ position:relative; width:100%; border-bottom:1px dashed #dfdfdf; padding:5px 0 5px 0; overflow:hidden}
.allwrite .category	label			{ float:left; margin-top:3px}
.allwrite .category	select			{ margin-left:3px; }
.allwrite .category .c1				{ float:left; width:450px; margin:3px 0 2px 13px;}
.allwrite .category .c2				{ float:right; width:90px; margin:3px 0 2px 0;}
.allwrite .writememo				{ margin-top:10px}
.divider					{ color:#d6d6d6; }
.divider2					{ color:#d6d6d6; padding:0 10px; font-weight:normal;}
.title						{ position:relative; float:left; width:100%; padding:5px 0;}
.writebtn				{ text-align:center;}


.btbtlist						{ position:relative; float:left; width:100%; padding:10px 0;text-align:center}				
.delateadmin					{ position:relative; float:left; width:100%; padding:30px 0 ;text-align:center ;border:5px solid #ececec}			
.delateadmin p					{font-size:11pt;padding:0 0 20px 0 ;font-weight:bold}

.inputstyle				{ border:1px solid #dee0e4; height:20px;}
.inputstyle2			{ border:1px solid #dee0e4; width:100%; height:23px; padding:0 3px;}
.inputstyle4			{ border:1px solid #dee0e4; width:630px; height:23px; padding:0 3px; margin:0 0 0 14px;}
.inputstyle3			{ border:2px solid #dee0e4; width:100px; height:23px; padding:0 3px;}

.insert					{ position:relative; float:left; padding:5px 10px;}
.insert ul				{ float:left;}
.insert	ul li			{ float:left; padding:5px 10px; width:50%; height:30px; padding:3px 10px;}
.insert	ul li label			{ float:left; padding:0 5px 0 0;}

.guide					{ float:left; width:100%; padding:0 0 10px 15px;}

.thume					{ float:left; width:100%; margin:20px 0 0 0; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.characterenter			{ position:relative;float:left; width:98%; margin:20px 0 0 0;background-color:#f8f8f8; border-bottom:1px solid #F2F4F5; border-top:1px solid #F2F4F5; padding:10px 0 10px 10px;}

/* view */
.function1									{ position:relative; float:left; width:100%;}
.function1 .bts							{ float:left;}
.function1 .bts span					{ float:left; margin:0 2px 0 0;} 
.function1 .list							{ float:right;}
.function1 .list span					{ float:left; margin:0 0 0 2px;} 


.function2									{ position:relative; float:left; width:100%; margin:0 0 20px 0; padding:13px 0 0 0; border-top:1px solid #DEE0E4;}
.function2 .bts							{ float:left;}
.function2 .bts span					{ float:left; margin:0 2px 0 0;} 
.function2 .list							{ float:right;}
.function2 .list span					{ float:left; margin:0 0 0 2px;} 

.bottomlist								{ float:left; width:100%; margin:10px 0 0 0; border-top:1px solid #dfdfdf;}
.bottomlist ul							{ float:left; width:100%;}
.bottomlist ul li						{ float:left; width:100%; padding:4px 0 4px 0;border-bottom:1px solid #dfdfdf}
.bottomlist .listtext					{float:left; }
.bottomlist span						{float:left;}
.bottomlist span img				{ vertical-align:middle;}

#form_view								{width:100%}
#commentView 								{width:100%;}
#commentView ul 							{width:100%;}
#commentView ul li							{width:100%;}
#commentView .ordernotext						{font-weight:bold ;padding:10px 0 0 20px ;width:200px ;position:relative;float:left ;}




/* form_view */
.editorall					{ position:relative; float:left; width:100%;margin:15px  0 0 0}

#titlewrapper				{ position:relative; float:left; width:100%; border-bottom:1px solid #999999;border-top:2px solid #666666 ; }
#titlewrapper .title		{ position:relative; float:left;  color:#514F5C; padding:10px 10px 10px 15px; font-size:11pt;width:97%; letter-spacing:-0.1em; font-weight:bold; }
#titlewrapper .title	.catetxt	{ font-weight:normal;position:relative; float:right ;width:auto}
#titlewrapper .category		{ position:relative; float:left; color:#BDAEB9; padding:11px 0;}

#writeinfo					{ position:relative; float:left; width:100%;text-align:right; font-size:8pt;margin:10px 0 0 0;color:#767676}
#writeinfo .info			{ float:left; width:100%;  font-size:8pt;color:#767676}
#writeinfo .info span		{ display:inline;color:#767676; font-size:8pt;} 
#writeinfo .print		{ float:right; padding:10px 0 0 0;}


#file						{ width:100%; border-top:1px dashed #DEE0E4;  border-bottom:1px dashed #DEE0E4; margin:10px 0; padding:10px 0; overflow:hidden}
#file p					    { position:relative;float:left;width:75px; padding:5px 10px 0 0;}
#file .allfile				{ position:relative;float:left;width:600px ;}
#file .allfile .item		{ width:100%; display:inline-block; padding:3px 10px 0 0; height:24px; line-height:24px;}
#file .allfile .item img	{ vertical-align:middle}
#substance					{ position:relative; width:100%; float:left; margin:40px 0 10px 0;}

#commentallwrapper						{ float:left; width:100%; background-color:#f5f5f5; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; margin:20px 0 20px 0;}
#commentallwrapper .commentTextArea     { float:left; width:95%; border-bottom:1px dashed #DEE0E4; padding:0 0 6px 20px;}
#commentallwrapper .nicname				{ float:left; font-weight:bold; margin:10px 0 10px 20px;}
#commentallwrapper .writetime			{ position:relative; float:left; color:#666666; margin:10px 10px;}
#commentallwrapper .cbutton				{ position:relative; float:right; margin:10px 20px 10px 0;}

.commentwriteinner							{ float:left; width:95%; border-bottom:1px dashed #DEE0E4; padding:10px 0 10px 20px;}
.commentwriteinner .labelwidth			{float:left;width:60px;padding:5px 0 0 0 ;}
.commentwriteinner .inputstyle					{ border:1px solid #EDEDED; height:20px;}
.commentwriteinner .commentBox textarea			{ float:left; width:90%; border:1px solid #EDEDED; margin:10px 0 0 0;}
.commentwriteinner .regnum						{ float:left; width:100%; margin:10px 0 0 0;}
.commentwriteinner .commententer					{ float:left; margin:10px 0 0 10px;}
.commentwriteinner .writerinformation span			{ float:left; padding:0 5px 5px 0 ;}
.commentwriteinner .writerinformation span	label			{width:auto ;padding:5px 5px 0 0}

.commentwriteinner .commentBox textarea		{ float:left; width:100%; border:1px solid #EDEDED;}           

.commentwrite								{ float:left; width:93%;  padding:6px 0 6px 20px; margin:15px 0 15px 15px;background-color:#ffffff ;border:1px solid #dfdfdf}

.commentwrite .labelwidth					{ float:left; width:auto ;padding:5px 5px 0 0;}
.commentwrite .inputstyle					{ border:2px solid #dfdfdf; height:20px;}
.commentwrite .commentBox textarea			{ float:left; width:87%; border:1px solid #EDEDED; margin:10px 0 0 0;}
.commentwrite .regnum						{ float:left; width:100%; margin:10px 0 0 0;}
.commentwrite .commententer					{ float:left; margin:10px 0 0 10px;}


.commentwrite .writerinformation			{ float:left; width:100%; margin:10px 0 0 0;}
.commentwrite .writerinformation span		{ float:left; padding:0 20px 0 0; line-height:14pt; vertical-align:middle;}

.commentText2								{ float:left; padding:0 0 0 20px;}


/* Search */
.searchbar				{width:100%; padding:10px 0 8px 0;text-align:center; margin:15px 0 25px 0 ;}
.search{ margin:0; padding:0;}
.search *{ font:12px Tahoma, Geneva, sans-serif;}
.search fieldset{ margin:0; padding:0; border:0;}
.search select{ vertical-align:top; margin:2px 0 0 0; border:1px solid #ccc;}
.search .item{ display:inline-block; position:relative; vertical-align:top;}
.search .iLabel{ position:absolute; top:4px; left:5px; color:#767676; white-space:nowrap;}
.search .iText{ position:relative; padding:4px 4px 3px; *margin:-1px 0; color:#333; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background-color:#ffffff;}
.search .btnSearch,
.search .btnSearch input{ position:relative; display:inline-block; vertical-align:top; height:24px; line-height:24px; border:0; overflow:visible; background:url(../img/btnSearch.gif) no-repeat; white-space:nowrap; cursor:pointer;}
.search .btnSearch{ background-position:left top; margin-right:2px;}
.search .btnSearch input{ background-position:right top; left:2px; padding:0 8px 0 6px; font-size:12px; font-weight:bold; color:#333;}






/* Pagination */
.pagination{ padding:15px 0; text-align:center; line-height:normal;}
.pagination a { position:relative; color:#323232; font:normal 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:#fff; z-index:2;}
.pagination strong { position:relative; color:#323232; font:bold 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:#fff; z-index:2;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f8f8f8;}
.pagination strong{ color:#ff8600;}
.pagination .direction{ font-weight:normal; color:#767676; text-decoration:none !important; border:0; z-index:1;}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{ color:#323232; background-color:#fff;}
.pagination .prev{ border-left:0;}
.pagination .next{ border-right:0;}
.pagination .direction span{ position:relative; display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:4px;}
.pagination .prev span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; margin-right:1px; *left:-4px;}
.pagination .next span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; margin-left:1px;}




/*sns*/
.snsbtn						{float:right}
.snsbtn ul					{width:95%; padding:5px 5px;}
.snsbtn ul li				{float:left}

.sharebtn						{float:right}
.sharebtn ul					{width:95%; padding:5px 5px;}
.sharebtn ul li				{float:left; margin:0 10px 0 0;}



span.count a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/bg_sns_bubble_left.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    font-weight: bold;
    height: 16px;
    line-height: 17px;
}

span.count a .inner-button {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/bg_sns_bubble_right.gif");
    background-origin: padding-box;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    font-weight: bold;
    height: 16px;
    line-height: 17px;
    padding-bottom: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0;
}

/* responsive web design area */


@media screen and (max-width:800px) {
.snsbtn, .sharebtn{ display:none;}
.ta_bo thead th:nth-child(3), .ta_bo tr td:nth-child(3), .ta_bo thead th:nth-child(5), .ta_bo tr td:nth-child(5), .ta_bo thead th:nth-child(4), .ta_bo tr td:nth-child(4){ display:none;}
}