@charset "UTF-8";

/* Page Title */


/* 게시판 */
#board  {width:100%; float:left;}

/*view*/
.view  { width:100%; float:left; box-sizing:border-box; }
.view div  { float:left; width:100%; box-sizing:border-box;  }
.view p  {font-size:0.92em;   float:left; width:100%; box-sizing:border-box;  }

.view .view_bar     {padding:10px 1.5%;  font-weight:500; background:#f7f7f7; border-top:1px solid #333; font-size:1em !important; color:#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:20px 1%;   border-bottom:1px solid #ddd; box-sizing:border-box;}
#view_content  td      {padding:20px 1%; box-sizing:border-box;}
#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:0.92em;   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   {width:100%; float:left; border-top:2px solid #f2de00; border-bottom:1px solid #ddd;}

table.list  th   { padding:12px 5px; background:#f9f9f9;  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.95em; color:#777;border-bottom:1px solid #ddd;}

table.list  td h3 {font-size:0.98em; font-weight:500; 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:600; color:#666; margin-left:6px; }

table.list .fix_bg  {background:#f7f7f7;}
table.list .fix_txt {padding-right:3px; line-height:25px; color:#c00; font-weight:500; font-size:0.98em; margin-top:5px; display:inline-block;}

table.list .wait_box {background:#999; padding:8px 18px; color:#fff; float:right; font-size:0.9em; margin-top:5px;  border-radius:15px; position:absolute; right:35px;}
table.list .end_box {background:#333; padding:8px 18px; color:#fff; float:right; font-size:0.9em; margin-top:5px;  border-radius:15px; position:absolute; right:35px;}


/* 공지사항 리스트 table */
.boardTable{width:100%; border-top:1px solid #333;}
.boardTable .w70{width:70px;}
.boardTable .w85{width:85px;}
.boardTable .w120{width:120px;}
.boardTable .w150{width:150px;}
.boardTable .w160{width:160px;}
.boardTable .w250{width:250px;}
.boardTable .w325{width:325px;}

.boardTable i {margin-right:5px; color:#555; font-size:20px; margin-top:2px;}
.notice_fixbg {background:#f0f6fb; }

.boardTable tr{border-bottom:1px solid #e5e5e5;}
.boardTable tr:last-of-type{border-bottom:1px solid #333;}
.boardTable tr td{padding:15px 30px; font-size:16px; color:#999; text-align:center; line-height:1.3;}
.boardTable tr td:first-of-type{font-size:16px; color:#333; padding:15px 5px;}

.boardTable tr td.tit{text-align:left; font-size:0;}
.boardTable tr td.tit p{display:inline-block; max-width:100%; font-size:16px; color:#333; line-height:1.3; position:relative;}
.boardTable tr td.tit p:hover:after{content:""; display:block; width:100%; height:1px; background:#333; position:absolute; bottom:-2px; left:0;}
.boardTable tr td.tit p a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.boardTable tr td.career{font-size: 16px; color: #ff8400;}
.boardTable tr td.volunteer a{width: 150px;}
.board_list .btn_wrap{margin-top:60px;}



.search				{margin-top:30px;   width:100%;
                            text-align:center; float:left;padding:12px 0 12px 0;}
.search   img  {margin-left:3px;}
.search > .input02  {padding:3px 5px; height:36px;  font-size:0.95em; width:60%; border:1px solid #ddd; color:#555; box-sizing:border-box; }
.search > .select02  {padding:0px 0px 0px 4px; height:36px;  color:#777;  border:1px solid #ddd;  }


.search .select01 {color:#777; font-size:14.5px;}
   a.search_btn   {   background:#10579a;  text-align:center; margin-left:5px;   color:#fff !important;  display:inline-block;
 font-size:15px; font-weight:400; line-height:36px; border-radius:3px;  padding:0px 30px; }





.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:13px; border-radius:3px;  border:1px solid #ddd; width:60px; }
.list_btn  a { display:block;text-decoration:none;}

.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_btn2 {  line-height:30px; width:85px; border-radius:3px; float:left; text-align:center; font-size:0.9em;	}


.list_btn_ri   { float:right; color:#fff;  background:url('/common/img/board/btn_bg.jpg') repeat-x top center; text-align:center;
       line-height:30px; font-size:13px; border-radius:3px;  border:1px solid #ddd; width:60px; }


.list_btn_ri  a { display:block;text-decoration:none;}

.list_btn_ri a:link	{  color:#555;}
.list_btn_ri a:hover	{color:#555;}
.list_btn_ri a:active	{ color:#555;}
.list_btn_ri a:visited	{ color:#555;}





/* 탭 */
.tab_wrap      { float:left;  width:100%; }
.tab_wrap h3 {font-size:1em;}
.tab_wrap .tab {  margin-bottom:30px; padding-bottom:20px;}

.tab_wrap ul.tab_btn   { float:left;  width:100%;margin-bottom:20px; }
.tab_wrap ul.tab_btn li {float:left; text-align:center; font-weight:400 !important;  box-sizing:border-box;  border:1px solid #ddd;}
.tab_wrap .tab ul.tab_btn li:nth-child(1) {border-right:none; border-bottom:none;}
.tab_wrap .tab ul.tab_btn li:nth-child(2) { border-bottom:none;}
.tab_wrap .tab ul.tab_btn li:nth-child(3) { border-right:none;}

.tab_wrap .tab_p    {background-color:#fff; text-decoration:none; box-sizing:border-box;}
.tab_wrap .tab_p a {display:block; line-height:1.2em; text-decoration:none;  font-size:0.92em;  padding:12px 0px; }

.tab_wrap .tab_p a:link		{color:#777; font-weight:300; text-decoration:none;}
.tab_wrap .tab_p a:hover		{color:#777; font-weight:300; text-decoration:none;}
.tab_wrap .tab_p a:active	{color:#777; font-weight:300; text-decoration:none;}
.tab_wrap .tab_p a:visited	{color:#777; font-weight:300; text-decoration:none;}


.tab_wrap .tab_p_ov     	   		{background-color:#555; padding:12px 0px; text-align:center; }

.tab_wrap .tab_p_ov  a 			{display:block; border-bottom:none; line-height:1.2em; text-decoration:none; font-size:0.92em; font-weight:500;}

.tab_wrap .tab_p_ov a:link		{ color:#fff; text-decoration:none;}
.tab_wrap .tab_p_ov a:hover		{ color:#fff; text-decoration:none;}
.tab_wrap .tab_p_ov a:active		{ color:#fff; text-decoration:none;}
.tab_wrap .tab_p_ov a:visited	{ color:#fff; text-decoration:none;}



/* 탭 2 */
.tab_wrap2      { float:left;  width:100%; }

.tab_wrap2 .tab {  margin-bottom:30px; }

.tab_wrap2 ul.tab_btn   { float:left;  width:100%;margin-bottom:20px; }
.tab_wrap2 ul.tab_btn li {float:left; text-align:center; font-weight:400 !important;  box-sizing:border-box;  border:1px solid #ddd;}

.tab_wrap2 .tab_p    {background-color:#fff; text-decoration:none; box-sizing:border-box;}
.tab_wrap2 .tab_p a {display:block; line-height:1.2em; text-decoration:none;  font-size:0.92em;  padding:12px 0px; }

.tab_wrap2 .tab_p a:link		{color:#777; font-weight:300; text-decoration:none;}
.tab_wrap2 .tab_p a:hover		{color:#777; font-weight:300; text-decoration:none;}
.tab_wrap2 .tab_p a:active	{color:#777; font-weight:300; text-decoration:none;}
.tab_wrap2 .tab_p a:visited	{color:#777; font-weight:300; text-decoration:none;}

.tab_wrap2 .tab_p_ov     	   		{background-color:#555; padding:12px 0px; text-align:center; }

.tab_wrap2 .tab_p_ov  a 			{display:block; color:#fff;  border-bottom:none; line-height:1.2em; text-decoration:none; font-size:0.92em; font-weight:500;}

.tab_wrap2 .tab_p_ov a:link		{ color:#fff; text-decoration:none;}
.tab_wrap2 .tab_p_ov a:hover		{ color:#fff; text-decoration:none;}
.tab_wrap2 .tab_p_ov a:active		{ color:#fff; text-decoration:none;}
.tab_wrap2 .tab_p_ov a:visited	{ color:#fff; text-decoration:none;}




.drawermenu   table.nav_table_link  {width:100%; float:left; }
.drawermenu   table.nav_table_link td {width:25%;  padding:0px;  border-right:1px solid #ddd;   text-align:center;  font-size:0.92em;   background-color:#f9f9f9;  color:#666; line-height:2.6em; border-bottom:1px solid #ddd;}

.drawermenu    .nav_table_link  a { color:#666; }

.drawermenu   .nav_table_link a:hover	{    color:#666;      }
.drawermenu   .nav_table_link a:active	{   color:#666;    }



/*탭*/
.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;}

.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;}

.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:inline-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 a{border:1px solid #DDD; width:35px; line-height:32px; box-sizing:border-box; margin-left:-1px;}
.page li:first-child a,
.page li:last-child a{border:0;}
.page li:last-child a{border-left:1px solid #DDD;}
.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:36px; 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:36px;  font-size:0.9em; 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;}


 /* 버튼 */
.btn_wrap   {width:100%; float:left; margin-top:30px; text-align:center;}
.btn_wrap p {text-align:center;}

