@charset "UTF-8";

/* Page Title */

 
/* °Ô½ÃÆÇ */

#board   {width:100%; float:left; }
#board   table.list   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;}
#board  table.list  th   {padding:10px 5px 11px 5px; background-color:#f9f9f9;font-size:14px; font-weight:600; color:#333; border-bottom:1px solid #ddd;}
#board  table.list  td   {padding:10px 5px 11px 5px; vertical-align:middle; font-size:13.5px; color:#777; border-bottom:1px solid #ddd;}

.page     {text-align:center; font:normal 13px "Malgun Gothic","arial"; float:left; color:#666; width:100%; margin-top:20px;}
.page   .n {}
.page   img {padding-top:5px; margin:0px 2px 0 2px;}


.page   .n  a {
	display:inline-block;
    padding:5px 10px 7px 10px;
	text-decoration:none;
  }


.page   .n a:link	{  color:#666;  background-color:#f4f4f4;}
.page   .n a:hover	{color:#fff;  background-color:#8b48aa; }
.page   .n a:active	{ color:#fff;  background-color:#8b48aa;}

.page   .n_ov  a {
	display:inline-block;
    padding:5px 10px 7px 10px;
	text-decoration:none;
  }

.page   .n_ov a:link	{  color:#fff;  background-color:#589601;}
.page   .n_ov a:hover	{color:#fff;  background-color:#589601; }
.page   .n_ov a:active	{ color:#fff;  background-color:#589601;}
.page   .n_ov  a:visited	{ background-color:#589601;color:#fff;}



#board   .view_bar       {padding:10px 5px 11px 5px; text-align:center; border-top:1px solid black; background-color:#f9f9f9;
                       font:bold 13px "Malgun Gothic","arial"; color:#333; border-bottom:1px solid #999; }

#board      .view      {width:100%; float:left;  }
#board      .view    td  {padding:7px 5px 10px 5px; vertical-align:middle;}
#board   table.view	td.view01			{height:25px; background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center; font:bold 13px "Malgun Gothic","arial";}
#board   table.view	td.view02			{font:normal 13px "Malgun Gothic","arial"; line-height:20px; border-bottom:1px solid #ddd;  color:#666; }
#board   table.view	td.view03			{border-bottom:1px solid #999; overflow:hidden}


							
.search							{margin-top:20px; float:left;  width:100%; background-color:#f9f9f9; border:1px solid #ddd; 
                                       text-align:center; float:left;padding:8px 0 10px 0;}

table.write   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #555;}
table.write  th   {padding:10px 5px 11px 5px; vertical-align:middle; background-color:#f9f9f9; font-size:14px; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
table.write  td   {padding:10px 5px 11px 5px; font-size:13px; color:#777; border-bottom:1px solid #ddd;}
table.write  input  { }




#board   ul.event   {width:100%; margin-bottom:15px; float:left; border-bottom:1px solid #999; padding-bottom:15px;}
#board  ul.event  li   {float:left; font:normal 13px "Malgun Gothic","arial"; }
#board  ul.event  .date  {color:#999; letter-spacing:0px; padding-top:10px;  padding-left:15px;  float:left; width:100%;}
#board  ul.event  .t   {font-weight:bold; color:#333; font-size:17px;  padding-top:5px;  padding-left:15px;  float:left;  width:100%; }
#board  ul.event  .icon   {padding-top:10px; padding-bottom:10px;  padding-left:15px; float:left;  width:100%; }

/* faq */
#opinion	li			{width:100%; font-size:12px; color:#a3a1a1;  }
.faqcat					{width:15%; float:left; padding:10px 0 0 0 ; text-align: center; font-size:13px;}
.faqno					{width:10%; float:left; padding:10px 0 0 0 ; text-align: center; font-size:13px; color:#999;}
.faqtlt					{width:75%; float:left; padding:10px 0 8px 0;  font-size:13px; line-height:20px;}
.faqline				{width:100%; height:1px; overflow:hidden;  border-bottom:1px solid #ddd; clear: both;}


.img_none  {float:left; background-color:#f9f9f9; border:1px solid #ddd;}

.event_box  {float:left; width:230px; margin-right:38px; margin-top:20px; }
.event_box  .iocn1  {float:right; background-color:#65862b; color:#fff; font-size:14px; padding:3px 0px 5px 0px; width:80px; text-align:center; margin-top:-100px;}
.event_box  .iocn2  {float:right; background-color:#89552e; color:#fff; font-size:14px; padding:3px 0px 5px 0px; width:80px; text-align:center; margin-top:-100px;}

#board  .photo  {width:220px; float:left; text-align:Center; margin-right:32px; height:210px;    }
#board  .photo img {width:100%; height:150px; background-color:#f9f9f9; border:1px solid #ddd; float:left;}
#board  .photo .t1 {width:100%; float:left; text-align:Center; font-size:15px;  padding-top:10px; height:22px; font-weight:600;}
#board  .photo .t2 {width:100%; float:left; text-align:Center; font-size:13px; color:#999; }

#board  .photo2  {width:300px;  margin-bottom:20px; float:left; text-align:Center; margin-right:35px; border:1px solid #ddd; height:330px; background-color:#f9f9f9; border-radius:5px; }
#board  .photo2 img {width:91%; margin:10px 0 0 4%; height:200px; background-color:#ddd; border:1px solid #ddd; float:left;}
#board  .photo2 .t1 {width:91%; margin:0px 0 0 4%;  float:left; text-align:left; font-size:15px;  padding-top:13px; height:25px; font-weight:600;}
#board  .photo2 .t2 {width:91%; margin:0px 0 0 4%;  float:left; text-align:left; font-size:13px; color:#999; line-height:19px;}

#board  .photo3  {width:300px; float:left; text-align:Center; margin-right:35px; height:270px;   }
#board  .photo3 img {width:100%; height:200px; background-color:#f9f9f9; border:1px solid #ddd; float:left;}
#board  .photo3 .t1 {width:100%; float:left; text-align:left; font-size:15px; line-height:22px; padding-top:10px;  font-weight:600;}

 
#board  .photo4  {width:240px; margin-bottom:20px; float:left; text-align:Center; margin-right:21px; border:1px solid #ddd; height:330px; background-color:#f9f9f9; border-radius:5px; }
 #board  .photo4 .t1 {width:91%; margin:0px 0 0 4%;  float:left; text-align:left; font-size:15px;  padding-top:13px; height:25px; font-weight:600;}
#board  .photo4 .t2 {width:91%; margin:0px 0 0 4%;  float:left; text-align:left; font-size:13px; color:#999; line-height:19px;}
