@charset "utf-8"; 

.labelhidden						{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.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;}

.page_list													{ position:relative; float:left; width:100%; border-top:1px solid #393939;}
.page_list		.ta_bo									{ border-collapse:collapse; width:100%; border:0;}
.page_list		.ta_bo caption							{ font-weight:bold;text-align:left; visibility:hidden; overflow:hidden; height:0; width:0; position:absolute;}
.page_list		.ta_bo caption em					{ float:right;font-style:normal;font-weight:normal;color:#f60}
.page_list		.ta_bo th, td							{ padding:12px; text-align:center; border-bottom:1px solid #dfdfdf; }
.page_list		.ta_bo th								{ text-align:center}
.page_list		.ta_bo .left								{ text-align:left;}
.page_list		.ta_bo .left	 span	img			{ vertical-align:middle;}
.page_list		.ta_bo th input							{ float:left}
.page_list		.ta_bo thead th						{ border-bottom:1px solid #dfdfdf; font-weight:bold; color:#222; padding:15px 0;}
.page_list		.ta_bo tfoot td							{ font-weight:bold; background:#f8f8f8}




.writebt							{ margin:10px 0 30px 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 ;}





/* write */
.page_write												{ position:relative; float:left; width:100%; border-top:1px solid #393939; margin-bottom:20px;}
.page_write	 .subject				     			{ width:100%; padding:15px 0; border-bottom:1px solid #dfdfdf; display:inline-block;}
.page_write	 .subject	label						{ float:left; width:60px; text-indent:10px;}
.page_write	 .subject	input						{ float:left; width:90%; height:25px; border:1px solid #ccc;}

.page_write .nomember					{ position:relative; float:left; width:100%;  padding:10px 0 10px 0;}
.page_write .nomember p				{ float:left; width:180px;}
.page_write .nomember label			{ font-weight:bold ;padding:0 0 0 8px}
.page_write .category						{ position:relative; width:100%; border-bottom:1px dashed #dfdfdf; padding:5px 0 5px 0; overflow:hidden; }
.page_write .category	label				{ float:left;}
.page_write .category	select			{ margin-left:3px; }
.page_write .category .c1				{ float:left; width:auto; margin:3px 0 2px 13px;}
.page_write .category .c2				{ float:right; width:auto;}
.page_write .category .c2	 li			{ float:left; text-align:left; margin-left:10px; font-size:12px;}
.page_write .writememo					{ margin-top:10px;}


/*파일첨부*/
.thume							{ position:relative; float:left; width:100%; margin-top:20px; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.insert							{ position:relative; float:left; padding:5px 10px;}
.insert	ul li					{ float:left; padding:5px 10px; width:50%; height:30px; padding:3px 10px;}
.insert	ul li	label			{ float:left; width:30%; height:25px; font-size:13px;}
.insert	ul li	span			{ float:right; width:70%; height:25px; }
.guide							{ position:relative; float:left; width:100%;padding:0 0 10px 15px; font-size:13px;}


/* view */
.page_view												{ position:relative; float:left; width:100%;  border-top:1px solid #393939;}
.page_view	.subject								{ padding:10px 0; border-bottom:1px solid #dfdfdf;}
.page_view	.subject	span						{ font-size:15px; margin-left:10px; font-weight:bold;}
.page_view	.writeinfo							{ clear:both; font-size:12px; color:#999; letter-spacing:0;}
.page_view	.writeinfo	.info					{ text-align:right; padding-right:10px; clear:both;}	
.page_view	.substance							{ clear: both;}
.page_view	.smartOutput						{ border-bottom:1px dashed #ddd; padding:20px 10px; font-size:13px; }

.bottom_list								{ float:left; width:100%; margin:10px 0 0 0; border-top:1px solid #dfdfdf;}
.bottom_list ul							{ float:left; width:100%;}
.bottom_list ul li						{ float:left; width:100%; padding:7px 0;border-bottom:1px solid #dfdfdf; font-size:13px;}
.bottom_list .listtext					{float:left; }
.bottom_list span						{float:left;}
.bottom_list span	 a	strong		{ margin-right:10px;}

/* view_button*/
.function_view													{ position:relative; float:left; width:100%;}
.function_view	.btn_basic1								{ float:left; width:auto; margin-bottom:10px;}
.function_view	.btn_basic2								{ float:right; width:auto; margin-bottom:10px;}
.function_view	.btn_basic1	a,
.function_view	.btn_basic2	a							{ width:65px; height:25px; font-size:12px; line-height:23px; display:inline-block; text-align:center; background-color:#fff; border:1px solid #dbdee6; font-weight:bold;}
.function_view	.btn_basic2	.bt_writing				{ width:65px;}


/* button*/
.function_list														{ float:right; margin:15px 0;}		
.function_list	a													{ width:70px; height:28px;  cursor:pointer; font-size:12px; text-align:center; color:#fff; font-weight:bold; background-color:#44B655; margin-top:1px; vertical-align:top; display:inline-block; line-height:23px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
.function_list	input												{ width:70px; height:29px; letter-spacing:-1px; cursor:pointer; font-size:12px; text-align:center; color:#333; border:1px solid #dbdee6; background-color:#fff; vertical-align:top; display:inline-block; line-height:23px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}

.function_list1														{ text-align:center; margin:15px 0;}		
.function_list1	a													{ width:70px; height:28px;  cursor:pointer; font-size:12px; text-align:center; color:#333; font-weight:bold; background-color:#fff; border:1px solid #dbdee6; vertical-align:top; display:inline-block; line-height:26px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
.function_list1	input												{ width:70px; height:29px; letter-spacing:-1px; cursor:pointer; font-size:12px; text-align:center; font-weight:bold; color:#fff; background-color:#44B655; border:0; vertical-align:top; display:inline-block; line-height:23px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}





#form_view								{width:100%}
#commentView 											{ position:relative; float:left; width:100%;}
#commentView ul li										{ width:100%; padding:10px 0; border-bottom:1px dotted #ccc; font-size:12px; }
#commentView	.nicname							{ margin-right:20px; color:#333; font-weight:bold;}
#commentView	.writetime							{ color:#999; font-size:11px; letter-spacing:0;}
#commentView	.cbutton								{ float:right;}
#commentView	.cbutton	 a							{ cursor:pointer; font-size:11px; text-align:center; color:#666; font-weight:bold; margin-top:1px; vertical-align:top; display:inline-block; line-height:15px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; padding:0 2px;}
#commentView	.ordernotext						{ position:relative; float:left; width:200px; font-weight:bold ;padding:10px 0 0 20px ;}
.commentwrite																	{ position:relative; float:left; width:100%;}
.commentwrite	.commentBox												{ margin-bottom:20px;}		
.commentwrite	.commentBox	textarea									{ float:left; width:92%; margin-right:5px; border:1px solid #dfdfdf;}
#file							{ padding:7px 0 5px 0; border-bottom:1px dashed #ddd;}
#file p						{ float:left; margin-right:10px; }
#file p	span				{ width:87px; height:25px; border:1px solid #ccc; color:#333; font-size:12px; background:url(../img/btn_down.gif) 90% center no-repeat; text-indent:10px; display:inline-block; cursor:pointer;}
#file .allfile					{ height:30px; font-size:11px; letter-spacing:0;}
#file .allfile	img			{ vertical-align:middle;}
#file	.item	span	a		{ width:auto; color:red;}

/* Search */
.searchbar							{float:left; width:100%; text-align:center;;}
.search								{ margin:0; padding:0;}
.search *							{ font:12px Tahoma, Geneva, sans-serif;}
.search fieldset					{ margin:0; padding:0; border:0;}
.search select					{  height:28px; vertical-align:top; 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; width:170px; height:25px; *margin:-1px 0; color:#333; border:1px solid #b7b7b7; border:1px solid #dfdfdf; background-color:#ffffff;}
.search .btnSearch,
.search .btnSearch input		{ position:relative; display:inline-block; vertical-align:top; line-height:24px; overflow:visible; white-space:nowrap; cursor:pointer;}
.search .btnSearch				{ border:1px solid #dfdfdf; padding:2px 5px; }
.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 strong										{ width:33px; font-size:14px; color:#44B655; text-align:center; line-height:35px; vertical-align:middle; display:inline-block;}
.pagination a												{ width:33px; font-size:14px; color:#606060; text-align:center; line-height:35px; vertical-align:middle; display:inline-block;}
.pagination a:hover										{ width:33px; font-weight:bold; color:#44B655;}
.pagination .btnMove									{ display:inline-block;height:33px;border:1px solid #d9d9d9; background-color:#fff; background-repeat:no-repeat; background-image:url(../img/btn_paging.png);}
.pagination a.btnMove:hover						{ background-color:#f1f2f2;}
.pagination .btnMove.first							{ background-position:0 0;}
.pagination .btnMove.prev							{ background-position:-33px 0;margin:0 13px 0 5px;}
.pagination .btnMove.next							{ background-position:-66px 0;margin:0 5px 0 12px;}
.pagination .btnMove.last							{ background-position:-99px 0;}
.pagination .hide											{ position:absolute;*position:static;top:-11000px;left:-11000px;width:0;height:0;padding:0;margin:0;color:transparent;font-size:0;line-height:0;overflow:hidden;}



/*sns*/
.snsbtn							{ float:right; width:auto; margin-right:10px;}
.snsbtn ul						{ width:100%; padding:10px 0;}
.snsbtn ul li					{ float:left;}
.sharebtn						{ float:right; width:auto;}
.sharebtn ul					{ width:95%; padding:10px;}
.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;
	vertical-align:top;
}

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 */

.divider					{ color:#d6d6d6; }
.divider2					{ color:#d6d6d6; padding:0 10px; font-weight:normal;}
.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;}
.inputstyle3			{ border:2px solid #dee0e4; width:100px; height:23px; padding:0 3px;}

.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;}




@media screen and (max-width:800px) {

	.page_list		.ta_bo thead th:nth-child(3), 
	.page_list		.ta_bo tr td:nth-child(3), 
	.page_list		.ta_bo thead th:nth-child(5), 
	.page_list		.ta_bo tr td:nth-child(5)	{ display:none;}

	.commentwrite	.commentBox	textarea			{ width:84%;}
	.page_write	 .subject	input						{ width:83%;}

}




@media screen and (max-width:400px) {

	.commentwrite	.commentBox	textarea									{ width:80%;}
	.function_view	.btn_basic1	a,
	.function_view	.btn_basic2	a							{ width:50px;}
	.function_view	.btn_basic2	.bt_writing				{ width:50px;}
	.page_write	 .subject	input								{ width:78%;}
	.insert	ul li	label			{ width:35%;font-size:12px;}
	.insert	ul li	span			{ width:65%;}
	.guide							{ font-size:12px;}

}