@charset "UTF-8";

/* Page Title */


/* 게시판 */

#board  {width:100%; float:left;}


table.list   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;  }
table.list  th   { padding:12px; background-color:#f9f9f9; font-size:16px; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.list  td   {padding:12px; vertical-align:middle; font-size:16px; color:#777; border-bottom:1px solid #ddd;}


.view_bar    {padding:12px 0px; text-align:center; border-top:1px solid black; background-color:#f9f9f9;
                      font-weight:600; font-size:1em; color:#333; border-bottom:1px solid #ddd; float:left; width:100%; }

.view      {width:100%; float:left;  }
.view    td  {padding:10px; vertical-align:middle;}
table.view	td.view01			{  width:15%; background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center;font-size:0.95em;}
table.view	td.view02			{font-size:0.95em;border-bottom:1px solid #ddd;  color:#666; }
table.view	td.view03			{border-bottom:1px solid #999; overflow:hidden}
table.view	td.view02	.view_date  {color:#999; line-height:30px;}
 table.view  img  {vertical-align:-3px; margin-right:3px;}


.nbsp_span_5 {margin:0 5px;}

#board .view_bar			 {border-top:1px solid #333; text-align:center; padding:12px 0px; background:#f7f7f7; /*background:url('/common/img/board/th_bg.png') repeat-x bottom center;*/  font-size:17px;  font-weight:500; color:#333;  border-bottom:1px solid #ddd; }
table.view td.view_		 {color:#666; }

#board .view_n_date {float:right; font-size:0.92em; color:#777; margin-bottom:0px; display:block; padding:0 5px; box-sizing:border-box; letter-spacing:0}
#board .view_n_date i  {color:#999; font-size:1.2em; vertical-align:-3px; margin-right:3px; opacity:0.7}



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;}
table.write  th   {padding:8px; vertical-align:middle; background-color:#fff; font-size:0.95em; text-align:left; font-weight:600; color:#333;
                           border-bottom:1px solid #ddd; line-height:35px; }
table.write  td   {padding:8px; font-size:0.95em;  line-height:35px; color:#777; border-bottom:1px solid #ddd;}

table.write .table_info_t  {line-height:15px; width:100%; float:left;    padding-bottom:10px;  font-size:0.9em; color:#666;}

table.info_table   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;}
table.info_table  th   {padding:10px; vertical-align:middle; background-color:#fff; font-size:0.95em; text-align:left; font-weight:600; color:#333;
                           border-bottom:1px solid #ddd;  line-height:1.3em; }
table.info_table  td   {padding:10px; font-size:0.95em;   line-height:1.3em;color:#777; border-bottom:1px solid #ddd;}

.page     {text-align:center;  font-size:14px; float:left; color:#666;  width:100%; margin-top:40px;   display:inline-block;}
.page   ul { float:right; position:relative; left:-50%;}
.page   li { float:left; position:relative;  left:50%;  margin-left:-1px;}
.page   li:last-child {margin-left:0}

.page .no { width:35px; line-height:32px; box-sizing:border-box;  border-right:none; }


.page .no a {
	display:inline-block; width:100%; 
 	text-decoration:none; border:1px solid #c4c4c4;   box-sizing:border-box;  

   }
 
.page img {width:35px; height:34px; box-sizing:border-box; }

.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:40px; float:left;  width:100%;   text-align:center; float:left; }
.search   img  {margin-left:3px;}



/* faq */
#opinion  {width:100%; float:left;  }
#opinion  img  {vertical-align:middle;}
#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;}




.event   {width:100%; float:left;  }
.event_box   {width:100%;  box-sizing: border-box;
							-webkit-box-sizing: border-box;
							-moz-box-sizing: border-box;
							border:1px solid #ddd;
							float:left;  background-color:#fff;  padding:1%;  position:relative; margin-bottom:10px;}
.event_box:last-child   { margin-bottom:0px;}

.event_box  .img   {width:500px; float:left; height:270px; background-color:#111; }
.event_box  .ov   {width:500px; float:left;  background-color:rgba(0,0,0,.6); text-align:center; color:#fff; line-height:270px;  margin-top:-270px; position:relative;}
.event_box  .img  img {width:100%; height:270px; }
.event_box .right_box  {width:550px;  float:right;}
.event_box  .t1   {width:100%; float:left; font-size:1.4em; line-height:40px; font-weight:600; color:#333;  letter-spacing:-1px; }
 .event_box  .t2   {width:100%; float:left; font-size:0.95em; height:60px;  color:#888; line-height:30px;}
 .event_box  .event_btn  { float:left; }

.photo_wrap  {width:100%; float:left; margin-bottom:10px;}
.photo_wrap:last-child {margin-bottom:0px;}
.photo_wrap .photo_box  {width:270px; float:left;   margin-right:35px}
.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;}
.photo_wrap .photo_box  .t1   {width:100%; text-align:center; float:left; font-size:15px; line-height:25px; font-weight:600; color:#333;}
.photo_wrap .photo_box  .t2   {width:100%; float:left; font-size:13px; color:#888; text-align:center; line-height:20px; }


.photo_wrap2  {width:100%; float:left; margin-bottom:10px;}
.photo_wrap2:last-child {margin-bottom:0px;  }
.photo_wrap2 .photo_box  {width:370px; float:left;   margin-right:45px}
.photo_wrap2 .photo_box:nth-child(3)  {float:right;  margin-right:0px;}
.photo_wrap2 .photo_box  img {width:100%; background-color:#ddd; }
.photo_wrap2 .photo_box  .white_box {width:100%; height:110px;background-color:#fff; float:left; margin-bottom:10px; padding:20px 10px 0px 10px; box-sizing:border-box;}

.photo_wrap2 .photo_box  .t1   {width:100%;   float:left; font-size:17px; line-height:25px; font-weight:600; color:#333;}
.photo_wrap2 .photo_box  .t2   {width:100%; float:left; font-size:13px; color:#888; line-height:19px; padding-top:5px;}

.photo_wrap2 .photo_box  .t1 a:link	{  color:#333;  }
.photo_wrap2 .photo_box  .t1 a:hover	{color:#333;   }
.photo_wrap2 .photo_box  .t1 a:active	{ color:#111;  }
.photo_wrap2 .photo_box  .t1 a:visited	{   color:#111;}



.list_btn   {    line-height:30px; float:right;  margin-top:10px; margin-left:4px; font-size:0.91em;   background-color:#fff; border:1px solid #333;  }


.list_btn  a {
	display:inline-block;
     text-decoration:none;
padding:0px 30px;

	}

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

.cancel_btn {width:185px; padding:14px 30px; box-sizing:border-box; font-size:16px; color:#fff !important; background:#555; border:1px solid #555; border-radius:5px; display:inline-block}
.next_btn {width:185px; padding:14px 30px; box-sizing:border-box; background:#3aaadd; color:#fff !important; border:1px solid #3aaadd; border-radius:5px; display:inline-block}



ul.gall2 {width:100%; display:flex; flex-wrap:wrap; }
ul.gall2 li {width:16.666666%;  box-sizing:border-box;  line-height:0;  font-size:0 }
ul.gall2 li:nth-child(6n) {margin-right:0}
ul.gall2 li a {width:100%;padding-bottom:100%; display:inline-block;}
 
ul.bl-img {width:100%; display:flex;}
ul.bl-img li {width:100%; box-sizing:border-box; position:relative}
ul.bl-img li img {width:100%}

div.ov_wrap {position:absolute;  z-index:9; bottom:0px;left:0px; top:0px; width:100%; height:100%;  background-color:rgba(0,0,0,.5); }
div.ov_wrap {display:none;}
div.ov_wrap p {display:inline-block; }

ul.bl-img li:hover div.ov_wrap {display:flex; align-items:center; width:100%;} 
ul.bl-img li:hover div.ov_wrap p {width:100%; text-align:center; color:#fff; height:100%;}
ul.bl-img li:hover div.ov_wrap  p  a { width:100%; height:100%;  display:inline-block; }
ul.bl-img li:hover div.ov_wrap p a span {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); color:#fff !important; font-size:1rem; font-weight:500; }