@charset "UTF-8";

/* Page Title */


/* °Ô½ÃÆÇ */

#board  {width:100%; float:left;}


table.list   {width:100%; float:left;      border-top:1px solid #333;     border-bottom:1px solid #707070;  }
table.list  th   { padding:11px 5px 12px 5px; background:#f7f7f7;  font-size:0.95em; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.list  td   {padding:11px 5px 11px 5px; vertical-align:middle; font-size:0.95em; color:#666; border-bottom:1px solid #ddd;}


.view_bar       {border-top:1px solid #333; text-align:center; padding:11px 0px 12px 0px; background:#f7f7f7; /*background:url('/common/img/board/th_bg.png') repeat-x bottom center;*/  font-size:0.95em; font-weight:500; color:#333;  border-bottom:1px solid #ddd; }


/*°øÁö»çÇ× ºäÆäÀÌÁö*/

.view      {width:100%; float:left;  }
.view    td  {padding:10px; vertical-align:middle; font-size:0.95em;}
table.view	td.view01			{ width:15%; background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center; font-weight:500;}
table.view	td.view02			{ line-height:20px; border-bottom:1px solid #ddd;  color:#666;  }
table.view	td.view03			{border-bottom:1px solid #999; overflow:hidden}
table.view	td.view04			{width:100%; background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center; }
table.view  img  {vertical-align:-3px; margin-right:3px;}

table.reply  {width:100%; float:left;}
table.reply  td {  overflow:hidden; background-color:#f9f9f9;}

table.write   {width:100%; float:left; border-top:1px solid #ddd;  border-bottom:1px solid #707070; margin-bottom:30px;}
table.write  th   {padding:10px; vertical-align:middle; background-color:#f9f9f9; font-size:1em; text-align:left; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
table.write  td   {padding:10px; font-size:0.95em; color:#777; border-bottom:1px solid #ddd;}

table.write .table_info_t  {line-height:30px; color:#666;}


.page     {text-align:center;  font-size:14px; float:left; color:#666;  width:100%; margin-top:50px;   display:inline-block;}
.page   ul { float:right; position:relative; left:-50%;}
.page   li { float:left; position:relative;  left:50%;  }


.page .no {border:1px solid #c4c4c4;  width:35px; line-height:32px; box-sizing:border-box;  border-right:none; }


.page a {
	display:inline-block;
 	text-decoration:none;

   }


.page  .no a:link	{  color:#999;  }
.page   .no a:hover	{color:#999;   }
.page   .no oa:active	{ color:#999;  }
.page   .no  a:visited	{   color:#999;}

.page .ov  {border:1px solid #555; background-color:#555;  width:35px; line-height:32px; box-sizing:border-box;   border-right:none; color:#fff;}

.page   .ov a:link	{  color:#fff;  }
.page   .ov a:hover	{color:#fff;   }
.page   .ov a:active	{ color:#fff;  }
.page   .ov a:visited	{   color:#fff;}



.search	{margin-top:30px; float:left;  width:100%; background-color:#f9f9f9; border:1px solid #ddd;
                       text-align:center; float:left;padding:12px 0 12px 0;}
.search   img  {margin-left:3px;}
.search > .input02  {padding:3px 5px; height:32px;  font-size:0.9em; width:60%; border:1px solid #ddd; color:#555; box-sizing:border-box; }
.search > .select02  {padding:0px 0px 0px 4px; height:32px;  border:1px solid #ddd;  vertical-align:top}



/*ÅÇ*/
.tab      { float:left;  width:100%; }
.tab   li {float:left; width:150px; text-align:center; font-weight:400 !important;  font-size:1em; box-sizing:border-box; margin-right:12px;}

.tab .tab_p    {background-color:#fff; }

.tab .tab_p  a {display:inline-block; line-height:40px; text-decoration:none;}

.tab .tab_p a:link		{color:#666; font-weight:300; text-decoration:none;}
.tab .tab_p a:hover		{color:#666; font-weight:300; text-decoration:none;}
.tab .tab_p a:active	{color:#666; font-weight:300; text-decoration:none;}
.tab .tab_p a:visited	{color:#666; font-weight:300; text-decoration:none;}


.tab .tab_p_ov     	   		{border:1px solid var(--main_c); background-color:var(--main_c); text-align:center; border-bottom:none;}

.tab .tab_p_ov  a 			{display:inline-block; line-height:40px; text-decoration:none;}

.tab .tab_p_ov a:link		{ color:#fff; text-decoration:none;}
.tab .tab_p_ov a:hover		{ color:#fff; text-decoration:none;}
.tab .tab_p_ov a:active		{ color:#fff; text-decoration:none;}
.tab .tab_p_ov a:visited	{ color:#fff; text-decoration:none;}





/* faq */
#opinion  {width:100%; float:left; margin-bottom:40px;}
#opinion	li			{width:100%; font-size:12px; color:#a3a1a1;  }
.faqno					{width:15%; float:left; padding:11px 0 0 0 ; text-align: center; font-size:14px;}
.faqtlt					{width:85%; float:left; padding:11px 0 8px 0;  font-size:14px;}
.faqline				{width:100%; height:1px; overflow:hidden;  border-bottom:1px solid #ddd; clear: both;}



.photo_wrap  {width:100%; float:left; margin-bottom:20px;}
.photo_wrap:last-child {margin-bottom:40px;}
.photo_wrap .photo_box  {width:270px; float:left;   margin-right:38px}
.photo_wrap .photo_box:nth-child(4)  {float:right;  margin-right:0px;}

.photo_wrap .photo_box  img {width:100%;  background-color:#ddd; margin-bottom:10px; background-color:#ddd; float:left;}
.photo_wrap .photo_box  .t1   {width:100%;  float:left; font-size:1em; line-height:1.3em; font-weight:600; color:#333;}
.photo_wrap .photo_box  .t2   {width:100%; float:left; font-size:0.9em; color:#888;  line-height:1.3em; }

