@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

#board  {width:100%; float:left; margin-top:50px; }


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

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

ul.list li   {padding:9px 0;  font-size:0.95em; line-height:1.3em; color:#666; border-bottom:1px solid #ddd;}
ul.list li  b {   font-size:1em; display:inline-block; padding-bottom:5px;  color:#333;  font-weight:600;}
ul.list li   span {width:100%; display:inline-block; color:#999;}




.list {width:100%; float:left;}

.photo_gall {width:100%; float:left;  margin-top:20px; }
.photo_gall:first-child {margin-top:0;}

.photo_gall  li {width:48%;  position:relative; float:left;  box-sizing:border-box; font-size:0.95em;  line-height:1.4em;  font-weight:300; color:#888;}
.photo_gall li a {color:#777;}
.photo_gall  li:nth-child(2) {float:right;  }
 .photo_gall  li img {width:100%; margin-bottom:10px;  background-color:#ddd; float:left;}
.photo_gall  li b {font-size:1.05em; color:#333; font-weight:600;  line-height:1.2em; display:inline-block;  }

.photo_gall  li span.date {letter-spacing:0px !important; color:#999; border-bottom:1px solid #ddd;   margin-bottom:7px; padding-bottom:7px; width:100%; display:inline-block;    }
 .photo_gall  li span.star {letter-spacing:1px !important; color:#333;    width:100%; padding:4px 0; display:inline-block;    }
.photo_gall  li span.pay { font-size:1.03em; font-weight:500 ; color:#333;    width:100%; padding:4px 0;   border-bottom:1px solid #ddd;   margin-bottom:7px; padding-bottom:7px; display:inline-block;    }
.photo_gall li span.one {color:#fff; width:23px; margin:0 2px; line-height:23px; text-align:center;  border-radius:50%;  display:inline-block; font-size:12px;   }


 
 

.view    .title {  width:100%; float:left;  font-size:1.05em; line-height:1.3em; padding:0px 0 0px 0; font-weight:600; }
.view   .list_view_text  {width:100%; border-bottom:1px solid #ddd; padding:0px 0 15px 0; box-sizing:border-box; float:left; font-size:0.93em; color:#666; line-height:1.4em; margin:5px 0 15px 0;}   
.view   .list_view_text a {color:#666 !important; text-decoration:underline;}
.view   .list_view_text span {color:#999; }

.view   .content {  border-bottom:1px solid #ddd;  width:100%; display:inline-block; padding-bottom:20px;}

  

/*코멘트*/
.view   .coment {font-size:0.95em; color:#999; line-height:1.4em;   width:100%; box-sizing:border-box; display:inline-block;  line-height:1.3em;  float:left;  }
  
.view .coment li {width:100%; float:left; box-sizing:border-box; padding-top:10px;} 

.view .coment strong {font-weight:500; color:#333; padding-right:5px; vertical-align:-1px;}
.view  .coment a {float:right; margin-left:5px;    display:inline-block;   line-height:25px; border-radius:2px;  }

.view  .coment a.btn {   color:#999;  }
.view  .coment a.btn_ov { border:1px solid #0c95f2; color:#0c95f2; box-shadow:none;}
.view .coment a  img {vertical-align:0;  }

.view  .coment  p {width:100%; box-sizing:border-box; padding-left:2px; display:inline-block; color:#555; font-size:1em; padding-top:0px; padding-bottom:10px;}

.view.re_write {width:100%; float:left; box-sizing:border-box; border:1px solid #ddd; padding:10px ;}
.view .re_write textarea {width:100%; height:100px; border:none; box-sizing:border-box; padding:0; font-size:1em; color:#777}


.list_next  {width:100%; float:left;  margin-top:15px;  padding-bottom:15px; box-sizing:border-box; border-bottom:1px solid #ddd;} 
.list_next p {width:100%; float:left; font-size:1em; line-height:1.2em; color:#999;}
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; }



/*코멘트 리댓*/

.view   .re {font-size:0.95em; color:#999; line-height:1.4em;   display:inline-block;  line-height:1.3em; background-color:#f9f9f9;  border:1px solid #ddd;  padding-left:15px;padding-right:10px; margin-top:-1px;  }
.view .re li {border-bottom:1px solid #ddd;}
.view .re li:last-child {margin-bottom:0; border-bottom:0;}
.view  .re img {margin-right:5px;}
.view  .re a img {margin-right:0;}
.view  .re p {padding-left:12px;} 

.view   .re li ul {border:  none; border-top:1px solid #ddd; padding-right:0;}
 


 /*write*/
table.write   {width:100%; float:left;  border-top:1px solid #ddd; border-bottom:1px solid #707070;}
table.write  th   {padding:10px 0px 0px 0px; vertical-align:middle;   font-size:1.07em; text-align:left; font-weight:600; color:#333;      }
table.write  td   {padding:8px 0px 10px 0px; font-size:1em;  color:#777; border-bottom:1px solid #ddd;}
table.write td input {vertical-align:middle;}
table.write  .input01 {font-size:1em !important; color:#666; width:100%; }
table.write td .text {width:100%; display:inline-block; padding-top:4px; }
 table.join th {border-bottom:none; padding-bottom:0px; padding-top:15px; }
 table.join td { padding-bottom:15px; padding-top:8px;}




/*페이징*/


.page     {text-align:center;  font-size:15px; font-weight:500;  color:#666;  width:100%; margin-top:30px;   display:inline-block;}
.page   ul { float:right; position:relative; left:-50%;}
.page   li { float:left; position:relative;  left:50%; margin-left:-1px; font-size:15px;   font-weight:400;}


 

.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle; background-color:#fff;
 	border:1px solid #d1d1d1;  width:35px; line-height:35px; height:35px;     color:#999;
   }

.page   img {width:31px; height:31px; vertical-align:middle; margin-top:2px;}
 
 .page a.ov  {border:1px solid #555; background-color:#555;   color:#fff !important;}





							
.search							{margin-top:30px; float:left;  width:100%; text-align:right;  }
.search   img  {margin-left:3px;}
.search .select01  {width:100px; font-size:1em;}									   
.search .input01 {width:27%;} 
.search  a.btn  {background-color:#555;  box-shadow:1px 1px 3px #ddd; border-radius:3px; color:#fff; font-size:0.95em; font-weight:400; line-height:35px;   letter-spacing:0px !important; margin-left:3px; float:right; padding:0 20px;}

/* faq */
#opinion  {width:100%; float:left;  border-top:1px solid #ddd;}
#opinion  img  {vertical-align:middle;}
#opinion	li			{width:100%; font-size:1em; color:#a3a1a1; line-height:1.3em; }
.faqno					{width:15%; float:left; padding:9px 0 0 0 ; text-align: center; font-size:0.95em;}
.faqtlt					{width:85%; float:left; padding:9px 0 8px 0;  font-size:0.95em;}
.faqline				{width:100%; height:1px; overflow:hidden;  border-bottom:1px solid #ddd; clear: both;}

 
 ul.event {width:100%; float:left; margin-top:20px; }
 ul.event:first-child {margin-top:0;}
 ul.event li {width:48%;   padding:10px 10px 20px 10px;   border:1px solid #ddd; box-sizing:border-box; box-shadow:1px 1px 3px #ddd; position:relative; float:left;}
ul.event li:nth-child(2) { float:right;  }
ul.event li:nth-child(4) { float:right;}
ul.event li:nth-child(6) { float:right;}

ul.event li img {background-color:#ddd; width:100%; height:150px; float:left;}
 ul.event li div {width:100%;  float:left;  line-height:1.2em; margin-top:10px;}
 ul.event li div span.title {font-size:1.05em; font-weight:600; color:#333; height:18px; width:100%; display:inline-block; overflow:hidden; margin-bottom:5px;}
ul.event li div span.info {font-size:0.95em; font-weight:300; color:#666; height:18px; width:100%; display:inline-block; overflow:hidden;}
ul.event li div span.date {font-size:0.90em; font-weight:300; color:#888;  }

 
ul.event li div  a.btn {font-size:0.95em; background-color:#555; color:#fff; border-radius:3px; box-shadow:1px 1px 2px #ddd; padding:8px 25px; margin-top:10px; display:inline-block;}

 
  #sub  .privacy_check      {width:100%; float:left; background-color:#f9f9f9;  font-size:15px; color:#666;  text-align:center; padding:10px 0 14px 0;}
#sub .privacy_check input {vertical-align:middle;}
#sub .privacy_area   { font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;width:100%; 
                       float:left; color:#666; box-sizing:border-box;
              font-size:15px;  height:130px; line-height:1.6em; border:1px solid #ddd; padding:10px; }