@charset utf-8;


/*** 일반게시판 리스트 ***/

#board_list						{width: 100%; margin: 50px auto;}
#board_list th					{height: 60px; vertical-align: middle; text-align: center; font-size: 20px; font-weight: 400; color: #000; background-color: #fff; border-top: 2px #194686 solid; border-bottom: 1px #b4b4b4 solid;}
#board_list td					{height: 70px; vertical-align: middle; text-align: center; font-size: 19px; font-weight: 200; color: #797979; letter-spacing: 0; border-bottom: 1px #b4b4b4 dashed;}
#board_list tr:nth-child(odd)	{background-color: #f6f6f6;}
#board_list tr:hover			{background-color: #e8ffff;}

#board_list .th_no				{width: 8%;}
#board_list .th_subject		{}
#board_list .th_writer			{width: 10%;}
#board_list .th_date			{width: 10%;}
#board_list .th_hit				{width: 10%;}

#board_list .td_no				{}
#board_list .td_subject		{text-align: left;}
#board_list .td_writer			{}
#board_list .td_date			{}
#board_list .td_hit				{}
#board_list .td_down			{}
#board_list .td_down .blist_btn	{display: inline-block; font-size: 13px; padding: 8px 10px; color: #fff; text-align: center; background-color: #f05523; text-shadow: 0 0 2px rgba(0,0,0,.7);} /* 게시판버튼 */
#board_list .td_down .blist_btn:hover	{background-color: #782a11; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;}


/*** 갤러리게시판 리스트 ***/

#gallery_list					{overflow: hidden; margin: 40px auto 100px;}
#gallery_list ul				{border-bottom: 1px #ccc dashed; overflow: hidden; padding-bottom: 30px; margin-bottom: 50px;}
#gallery_list ul:last-child	{border-bottom: 0;}
#gallery_list li				{width: 22%; float: left; margin-right: 4%;}
#gallery_list li:nth-child(4n)	{margin-right: 0;}
#gallery_list .gall_img			{width: 100%; height: 200px; background-size: cover; background-size: cover; background-position: 50%; font-size: 0;}
#gallery_list .gall_subject		{text-align: left; font-weight: 400; margin: 20px 0 10px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; font-size: 20px;}


/* 게시판 버튼 */

#board_btn								{margin-top: 40px; margin-bottom: 100px;}
#board_btn .board_btn_left		{text-align: left; position: absolute;}
#board_btn .board_btn_center	{text-align: center;}
#board_btn .board_btn_right		{text-align: right;}
#board_btn a								{display: inline-block; padding: 10px 20px; text-align: center; font-size: 20px;}
#board_btn a:hover					{background-color: #9f836e; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;}
#board_btn .blist_btn_p				{color: #fff; background-color: #2c5f8c; text-shadow: 0 0 2px rgba(0,0,0,.7);}
#board_btn .blist_btn_g				{color: #fff; background-color: #a7a1ab; text-shadow: 0 0 2px rgba(0,0,0,.7);}


/* 페이지 */

#board_page					{width: fit-content; display: table; margin: 0 auto 150px; overflow: hidden;}
#board_page li				{float: left; font-size: 15px; width: 22px; height: 22px; padding-top: 5px; text-align: center; margin: 0 5px;}
#board_page li:hover		{color: #9f836e;}
#board_page .page_icon		{background: url(../image/sub/page_btn.gif) no-repeat; font-size: 0 !important;}
#board_page .page_f			{background-position: 0 0;}
#board_page .page_p			{background-position: -22px 0;}
#board_page .page_n			{background-position: -44px 0;}
#board_page .page_e			{background-position: -66px 0;}
#board_page .page_over		{background-color: #2c5f8c; color: #fff; border-radius: 150px;}


/*** 게시판 글쓰기 ***/

#board_write												{width: 100%; margin: 0 auto 100px;}
#board_write .b_write								{width: 100%; margin: 0 auto;}
#board_write .b_write legend						{font-size: 0;}
#board_write .b_write dt							{font-size: 18px; margin: 30px 0 10px 5px; font-weight: 300;}
#board_write .b_write dd							{line-height: 44px;}
#board_write .b_write dd .boardw_input		{box-sizing: border-box; width: 100%; height: 42px; padding: 0 10px; margin: 0 5px; line-height: 42px; border: 1px #dfdfdf solid;}
#board_write .b_write dd .boardw_textarea{box-sizing: border-box; width: 100%; height: 300px; padding: 0 10px; margin: 0 5px; line-height: 42px; border: 1px #dfdfdf solid; font-size: 16px;}
#board_write .b_write dd .boardw_file		{box-sizing: border-box; width: 100%; height: 42px; padding: 0 10px; margin: 0 5px; line-height: 42px; border: 0; background-color: #fff;}

#board_write .box-file-input						{margin: 0 5px;}
#board_write .box-file-input label				{display:inline-block; background:#2c5f8c; color:#fff; padding:0px 15px; line-height:30px; cursor:pointer; font-size: 15px;}
#board_write .box-file-input label:after		{content:"파일등록";}
#board_write .box-file-input .file-input		{display:none;}
#board_write .box-file-input .filename		{display:inline-block; padding-left:10px; font-size: 16px; color: #666; letter-spacing: 0;}


/*** 게시판 글읽기 ***/

#board_view						{width: 100%; margin: 50px auto 100px; border-top: 2px #2c5f8c solid; border-bottom: 1px #ccc solid; padding: 30px 15px;}
#board_view .v_subject		{font-size: 25px; margin-bottom: 20px;}
#board_view .v_writer		{font-size: 16px; color: #666; border-bottom: 1px #ccc dashed; padding-bottom: 30px; margin-bottom: 40px; letter-spacing: 0;}
#board_view .v_memo		{min-height: 300px; letter-spacing: 0; font-size: 18px;}


@media all and (max-width:1024px) /* 테블릿 세로 */	{

#board_list th					{font-size: 18px;}
#board_list td					{height: 60px; font-size: 16px;}

#board_list .th_no				{width: 10%;}
#board_list .th_subject		{}
#board_list .th_writer			{width: 15%;}
#board_list .th_date			{width: 15%;}
#board_list .th_hit				{width: 12%;}

#board_btn a						{font-size: 16px;}

#gallery_list li				{width: 45%; float: left; margin-right: 10%; margin-bottom: 40px;}
#gallery_list li:nth-child(2n)	{margin-right: 0;}
#gallery_list ul				{padding-bottom: 0;}

}


@media all and (max-width:768px) /* 모바일 가로 */	{

#board_list td					{height: 60px; font-size: 15px;}
#board_list .th_no				{width: 13%;}
#board_list .th_subject		{}
#board_list .th_writer			{display: none;}
#board_list .th_date			{width: 17%;}
#board_list .th_hit				{width: 15%;}
#board_list .td_writer			{display: none;}

#gallery_list .gall_subject	{font-size: 18px;}

#board_page li					{margin: 0 2px;}

#board_btn a						{font-size: 14px;}

#board_write .b_write dt	{font-size: 15px;}
#board_write .box-file-input label	{font-size: 13px;}

#board_view .v_subject		{font-size: 20px;}
#board_view .v_writer		{font-size: 14px;}
#board_view .v_memo		{font-size: 16px;}

}


@media all and (max-width:480px) /* 모바일 세로 */	{

#board_list th					{font-size: 15px;}
#board_list td					{font-size: 13px;}

#gallery_list .gall_img		{height: 150px;}
#gallery_list .gall_subject	{font-size: 16px;}

#board_page li					{font-size: 14px;}

}