@charset "UTF-8";

/* Page Title */

 
/* 게시판 */
#board  {width:100%; float:left; box-sizing:border-box; }

#board hr  {display:none !important;}


table.list   {width:100%; float:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.view .view_bar_span  {font-size:14px; color:#ddd; margin:0 8px; line-height:1.2em; vertical-align:top;}
	    
/*view*/
.view  { width:100%; float:left; box-sizing:border-box; border-top:1px solid #ddd;   }
.view div  { float:left; width:100%; box-sizing:border-box;  }
.view p  {font-size:0.92em;  line-height:1.3em;  float:left; width:100%; box-sizing:border-box;  }

.view .view_bar       {padding:10px 1.5% 6px 1.5%;  font-weight:600; font-size:1em; color:#333; border-top:1px solid #333;  }

.view  .view_date    { padding:0px 1.5% 10px 1.5%;  border-bottom:1px solid #ddd; color:#777;  margin-bottom:10px; text-align:right;}
#view_content       {    padding:10px 1%;   border-bottom:1px solid #ddd;   }
#view_content  img{width:100% !important; float:left; height:auto !important;}

.view  .view_file       {  background-color:#f9f9f9; text-align:right;  padding:9px 1.5% 11px 1.5%;  }
.view  .view_file  img       { vertical-align:-5px; margin-right:2px;}
.view .manger_re  {width:100%; float:left; background-color:#f9f9f9; border:1px solid #ddd; border-top:none; font-size:0.95em; color:#666; line-height:1.2em; box-sizing:border-box; padding:10px;}
.view .manger_re b {font-size:1em; font-weight:600; color:#333; display:inline-block; padding-bottom:5px;  }
  
table.view      {width:100%; float:left; margin-top:-1px; font-size:1em; line-height:1.3em;   border-top:1px solid #ddd;   }
table.view    td  {padding:7px 1%; vertical-align:middle;  border-bottom:1px solid #ddd; }
table.view    th  {padding:7px 1%; vertical-align:middle;  border-bottom:1px solid #ddd; }
table.view 	th			{   text-align:left; font-weight:600; color:#333; }
table.view	   td			{color:#666; }


table.list  th   { padding:12px 5px;  font-size:0.88em; font-weight:400; color:#333; vertical-align:middle;  border-bottom:1px solid #ddd;}
table.list  td   {padding:12px 5px; vertical-align:middle; font-size:0.9em; color:#777;border-bottom:1px solid #ddd;}

table.list  td h3 {font-size:1.05em; font-weight:600; color:#333; padding:0; margin-bottom:6px;}
table.list  td p.date {font-size:0.92em; font-weight:400; color:#666; float:left;}
table.list  td span.writer {font-size:0.92em; font-weight:400; color:#666; margin-left:6px; }

table.list .fix_bg  {background:#f7f7f7;}   
table.list .fix_box {background:#333; padding:8px 18px; color:#fff; float:right; font-size:0.85em; margin-top:5px;  border-radius:15px; position:absolute; right:35px;}




#board .next_list  { font-family:Noto Sans KR; width:100%; float:left; margin-top:-1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  padding:10px 0; }
#board .next_list strong {margin-right:5px;}
#board .next_list  p {font-size:15px; color:#555; line-height:1.4em; width:100%; float:left; height:20px; overflow:hidden; line-height:1.3em;}


.list_btn   { float:left; color:#fff;  background:url('/common/img/board/btn_bg.jpg') repeat-x top center; text-align:center;
       line-height:30px; font-size:0.85em; font-weight:500; border-radius:3px;  border:1px solid #ddd; width:75px; }


.list_btn  a { display:block;text-decoration:none; font-size:1em;}

.list_btn a:link	{  color:#555;}
.list_btn a:hover	{color:#555;}
.list_btn a:active	{ color:#555;}
.list_btn a:visited	{ color:#555;}




.list_btn3   { float:left; color:#fff;  background:#333; text-align:center;
       line-height:30px; font-size:0.85em; font-weight:500; border-radius:3px;  border:1px solid #ddd; width:75px; }


.list_btn3  a { display:block; text-decoration:none; font-size:1em;color:#fff !important; }

.list_btn3 a:link		{  color:#fff;}
.list_btn3 a:hover	{color:#fff;}
.list_btn3 a:active	{ color:#fff;}
.list_btn3 a:visited	{ color:#fff;}

.list_btn_red   { float:left; color:#fff;  background:#cc0909; text-align:center;
       line-height:30px; font-size:0.85em; font-weight:500; border-radius:3px;  border:1px solid #ddd; width:75px; }


.list_btn_red  a { display:block;text-decoration:none; font-size:1em;color:#fff !important;}

.list_btn_red a:link	{  color:#fff;}
.list_btn_red a:hover	{color:#fff;}
.list_btn_red a:active	{ color:#fff;}
.list_btn_red a:visited	{ color:#fff;}





/* 탭 */
.tab      { float:left;  width:100%; }
.tab ul.tab_btn    {float:left;  width:100%;  border-bottom:0;  margin-bottom:60px;}
.tab ul.tab_btn li {float:left; text-align:center; font-weight:400 !important;  box-sizing:border-box; }
/*.tab ul.tab_btn li:last-child {border-right:none;}*/

.tab .tab_p    {background-color:#fff;  border-bottom:1px solid #ddd; background:#f9f9f9; }
.tab .tab_p a {display:block; line-height:42px; text-decoration:none;  font-size:1em;  padding:3px 30px; }

.tab .tab_p a:link		{color:#888; font-weight:300; text-decoration:none;}
.tab .tab_p a:hover		{color:#888; font-weight:300; text-decoration:none;}
.tab .tab_p a:active	{color:#888; font-weight:300; text-decoration:none;}
.tab .tab_p a:visited	{color:#888; font-weight:300; text-decoration:none;}


.tab .tab_p_ov     	   		{border:1px solid #ddd; border-bottom:none; padding:3px 30px; text-align:center; border-right:1px solid #ddd;} 
.tab .tab_p_ov  a 			{display:block; border-bottom:none; line-height:42px; text-decoration:none; font-size:1em; font-weight:500;}

.tab .tab_p_ov a:link		{ color:#333; text-decoration:none;}
.tab .tab_p_ov a:hover		{ color:#333; text-decoration:none;}
.tab .tab_p_ov a:active		{ color:#333; text-decoration:none;}
.tab .tab_p_ov a:visited	{ color:#333; text-decoration:none;}



/*탭*/
.tab2      { float:left;  width:100%; margin-bottom:0px; border-bottom:1px solid #ddd; }
.tab2   li {float:left; width:100%; text-align:center; font-weight:400 !important;  font-size:0.95em; box-sizing:border-box; }
	
.tab2 .tab_p    { background-color:#fff; border:1px solid #ddd; border-bottom:none; }
	
.tab2 .tab_p  a {display:block; line-height:45px; text-decoration:none;}
	
.tab2 .tab_p a:link	{color:#888; text-decoration:none;}
.tab2 .tab_p a:hover	{color:#888; text-decoration:none;}
.tab2 .tab_p a:active	{ color:#888; text-decoration:none;}
.tab2 .tab_p a:visited	{ color:#888; text-decoration:none;}
	
	
.tab2 .tab_p_ov         {border:1px solid #666; background-color:#666; text-align:center; border-bottom:none;}
	
.tab2 .tab_p_ov  a 		{display:block; line-height:45px; text-decoration:none;}
	
.tab2 .tab_p_ov a:link		{ color:#fff; text-decoration:none;}
.tab2 .tab_p_ov a:hover		{ color:#fff; text-decoration:none;}
.tab2 .tab_p_ov a:active	{ color:#fff; text-decoration:none;}
.tab2 .tab_p_ov a:visited	{ color:#fff; text-decoration:none;}





table.reply  {width:100%; float:left;}
table.reply  td {  overflow:hidden; background-color:#f9f9f9;}

/* 예약 */
table.write   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070; margin-bottom:0px;}
table.write  th   {padding:3% 0px 0 0px; vertical-align:middle; background-color:#fff; font-size:1em; text-align:left; 
                  font-weight:500; color:#333; }
table.write  td   {padding:3% 0px; font-size:0.95em; color:#777; border-bottom:1px solid #ddd; line-height:32px;}

table.write .table_info_t  {line-height:30px; color:#666;}


.page     {text-align:center; font-size:1em;   float:left; width:100%; margin-top:0px;}
.page   .n {}
.page   img {}


.page   .n  a {
	display:inline-block;
    padding:0px 10px 0px 10px;
	line-height:30px;
	margin:0px 2px;
	 background-color:#fff;
	 border:1px solid #ddd;
	text-decoration:none;
  }


.page   .n a:link	{  color:#999;  }
.page   .n a:hover	{color:#999;  border:1px solid #999; }
.page   .n a:active	{ color:#999; border:1px solid #999; }
.page   .n a:visited	{   color:#999;}

.page   .n_ov  a {
	display:inline-block;
    padding:0px 10px 0px 10px;
	text-decoration:none;
	font-weight:600;
	line-height:30px;
	background-color:#fff;
	border:1px solid #999;
  }

.page   .n_ov a:link	{  color:#999;  }
.page   .n_ov a:hover	{color:#999;   }
.page   .n_ov a:active	{ color:#999;  }
.page   .n_ov a:visited	{   color:#999;}




.page     {text-align:center;  font-size:0.9em; 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:block;
 	text-decoration:none;
	vertical-align:top;
	
   }


.page  .no a:link	{  color:#999;  }
.page  .no a:hover	{color:#999;   }
.page  .no a: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:20px; 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; width:40%;  font-size:1em;  border:1px solid #ddd; color:#555; 
                      box-sizing:border-box; background-color:#fff; }									   
.search > .select02  {padding:0px 0px 0px 4px; height:32px;  font-size:1em; border:1px solid #ddd;  }									   

 
/* faq */
#opinion  {width:100%; float:left; margin-bottom:20px;}
#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:30px;}
.photo_wrap:last-child {margin-bottom:0px;}
.photo_wrap .photo_box  {width:47%; float:left; }
.photo_wrap .photo_box:nth-child(2)  {float:right;  margin-right:0px;}
.photo_wrap .photo_box  img {width:100%;  background-color:#ddd; margin-bottom:10px;}
.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; }

 /* 버튼 */
.btn_wrap   {width:100%; float:left; margin-top:30px; text-align:center;}
.btn_wrap p {text-align:center;}