@charset "UTF-8";

/* Page Title */

 
/* 게시판 */


ul.list {width:100%; float:left;border-top:1px solid rgba(255,255,255,.25);  margin-bottom:10px;}
ul.list li {width:100%; font-size:0.85em; line-height:1.25em;   font-weight:400; width:100%; padding:12px 10px; box-sizing:border-box; border-bottom:1px solid #ddd; color:#fff;  }
ul.list li p { width:100%; display:inline-block; }
ul.list li  b  {color:#fff !important; font-weight:600; font-size:1.15em; }



 ul.baord_list {width:100%; float:left; border-top:1px solid rgba(255,255,255,.25);  margin-bottom:10px;}
ul.baord_list li {width:100%; font-size:0.85em; line-height:1.25em; color:#fff;  font-weight:400; }
ul.baord_list li a {color:#fff !important; width:100%; display:inline-block; padding:12px 10px; box-sizing:border-box; border-bottom:1px solid #ddd;  }
ul.baord_list li a:hover {color:#fff !important;  }

ul.baord_list li b {font-size:1.15em; font-weight:600; width:100%; line-height:1.3em;  display:inline-block; margin-bottom:5px; }

ul.baord_list li a b {color:#333 !important; }
ul.baord_list li a b:hover {color:#333 !important; }

 ul.baord_list li .list_line {color:#999}
ul.baord_list li img {vertical-align:middle; margin-left:3px; margin-top:-3px; }

div.pass_input {width:100%; border-bottom:1px solid #ddd; text-align:center; padding:15px 0; display:inline-block}
div.pass_input input {width:40%; display:inline-block; border:1px solid #ddd; font-size:1em; height:37px; padding-left:10px; box-sizing:border-box;}
div.pass_input a.btn {background-color:#333; color:#fff !important; width:80px; text-align:center; display:inline-block; border:1px solid #ddd; font-size:1em; padding:0; line-height:35px;   box-sizing:border-box;}
div.pass_input a.btn:hover {background-color:#333; color:#fff !important;}


/*뷰페이지*/
 
  
p.view_title {font-size:1.05em; font-weight:600; color:#fff; width:100%;  border-top:1px solid rgba(255,255,255,.3); padding:0 10px; box-sizing:border-box;   padding-top:13px; float:left;    }
p.view_info {font-size:0.87em; font-weight:400; color:rgba(255,255,255,.8); width:100%;  border-bottom:1px solid rgba(255,255,255,.25); ; padding:2px 10px; box-sizing:border-box;    padding-bottom:13px; float:left;}
p.view_info .list_line {color:#999}


div.view_content {width:100%; float:left; border-bottom:1px solid rgba(255,255,255,.25); padding:20px 0;}




.list_next  {width:100%; float:left;   padding-top:10px;  padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.3);} 
.list_next p {width:100%; float:left; font-size:0.90em; line-height:1.3em; color:rgba(255,255,255,.8); height:22px; overflow: hidden; text-overflow: ellipsis;   white-space: nowrap;  }
.list_next a {color:rgba(255,255,255,.8) !important}
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#fff; padding-right:10px;}



/*글쓰기테이블*/

 

div.write {width:100%; display:inline-block; border:1px solid rgba(255,255,255,.2);  background-color:rgba(255,255,255,.05);   box-sizing:border-box; }
div.write div.box {width:100%;box-sizing:border-box; display:flex; align-items:center; flex-wrap:wrap; padding:15px 15px; float:left; border-bottom:1px solid rgba(255,255,255,.3); color:#fff}
div.write div.box:last-child {border-bottom:none; }

div.write div.box p {width:12.5%;   float:left; font-size:1em; color:#fff; font-weight:600; line-height:1.3em ;  }
div.write div.box div {  font-size:0.97em; color:#fff; font-weight:400; width:85.5%; float:right; line-height:1.3em }

div.pc-col-2 div.box p {width:25%;  } 
div.pc-col-2 div.box div {width:75%; } 


/*div.write div input {vertical-align:middle; border:1px solid #ddd; font-size:1em;  box-sizing:border-box;  color:#666;   height:33px; padding-left:5px; }*/

  

div.write div.box p.radio_p {width:auto; font-size:0.97em; color:#fff; font-weight:400;   padding:0.5px 10px 0.5px 0px;  }
div.write div.box p.radio_p input {height:20px;   }

div.write textarea {width:100%; border:1px solid #ddd; height:200px; font-size:1em; box-sizing:border-box; padding:2px 8px; color:#666;}


div.write input.input_a {width:100%;   -webkit-appearance: none;
   -webkit-border-radius: 0;}
div.write input.input_b {width:40%;   -webkit-appearance: none;
   -webkit-border-radius: 0;}
div.write input.input_c {width:15%;   -webkit-appearance: none;
   -webkit-border-radius: 0;}
div.write input.input_d {width:100px;   -webkit-appearance: none;
   -webkit-border-radius: 0;}

div.write input.check {width:20px !important; margin-top:-2px; border:1px solid #ddd;}
 

/*페이지*/



.page     {text-align:center;  font-size:15px; font-weight:500;  color:#666;  width:100%; margin-top:15px;   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;
 	border:1px solid #444c55;  width:30px; line-height:28px; height:30px;     color:#999;
   }

.page   img {width:30px; height:30px;    }
 
 .page p.ov  a  { background-color:rgba(255,255,255,.15); color:#999 !important; font-weight:400}


/*서치*/
 						
.search     {margin-top:20px;  width:100%; display:inline-block; text-align:right;}
.search  input  {width:30%; height:34px !important; }
.search  select  {   width:100px; height:34px !important;}
.search a {background-color:#333; border-radius:3px;   color:#fff !important; line-height:35px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
									   

.search2     {background-color:rgba(255,255,255,.05);  padding:15px; box-sizing:border-box; width:100%; display:inline-block; text-align:center;}
.search2  input  {width:30%; height:34px !important;   padding-left:10px; }
.search2  select  { vertical-align:middle; width:100px; height:34px !important;}
.search2 a {background-color:#333; border-radius:3px;  color:#fff !important; line-height:35px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}





/*FAQ*/
.faqanswer {
	display: none;
	width: 100%;
	background:rgba(255,255,255,.05);
   border:1px solid  rgba(255,255,255,.2);
 border-bottom:none;
margin-top:-1px;
  box-sizing:border-box;
	padding: 15px;
}
.faqanswer:last-child {border-bottom:1px solid rgba(255,255,255,.2)}
.faqanswer p {
	font-size: 0.97em;
	line-height: 1.4em;	color:#fff; 
 }


a.active {
	font-weight: 500;
}

.togglefaq {
	text-decoration: none;
	color: #fff !important;
	font-size: 0.97em;
	padding: 15px;
	line-height: 1.3em;
	display: block;
	background:rgba(255,255,255,.05);
	border: 1px solid rgba(255,255,255,.2);
   margin-top:-1px;
	width: 100%;
 box-sizing:border-box;
 }
 
.icon-plus {
	
   color: #fff;
	margin-right: 20px;
    padding:3px;
	font-size: 15px;
	float:left;
}

.icon-minus {
	color: #fff;
	margin-right: 20px;
    padding:3px;
	font-size: 15px;
	float:left;
}



.gall {width:100%; display:inline-block; }
.gall li { margin-bottom:10px; color:#fff}

 

.gall li div.img_box {width:100%; display:inline-block;  }

.gall li div.img_box  a {  width:100%;  padding-bottom: 100%; display: block; }

.gall li div.text {width:100%; margin-top:10px; font-size:0.94em; color:rgba(255,255,255,.8); line-height:1.4em;}
.gall li div.text b {width:100%; display:block; font-size:1.13em; color:#fff; padding-bottom:8px;}
.gall li div.text span {padding-top:5px; font-size:0.85em; color:rgba(255,255,255,.8); width:100%; display:inline-block}


/*인풋스타일 추가*/

.check_box input {
	display: none;
}

.check_box input + label {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #bcbcbc;
	cursor: pointer;
	 vertical-align:-2px;
margin-left:5px; margin-right:2px;} 

.check_box input + label:first-child {margin-left:0}

.check_box input:checked + label {
	background-color: #fff;
}

.select01 {font-size:0.93em; font-weight:400; color:#fff; height:35px; padding:0 20px 0 5px; box-sizing:border-box; border:1px solid rgba(255,255,255,.2); background:url('/flexa/img/sub/select_bg.png') no-repeat right;  background-color:#222;  -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/   -webkit-border-radius: 0;}
 
input.input01 {vertical-align: middle;
    background-color: #222;
    border:1px solid rgba(255,255,255,.2); 
    font-size: 0.93em;
    box-sizing: border-box;
    color: #fff;
    height: 35px;
    padding-left: 7px;    -webkit-border-radius: 0; }

input.date_input  {vertical-align:middle; background-color:#222;  border:1px solid rgba(255,255,255,.2);  font-size:0.88em;  width:150px; box-sizing:border-box;  color:rgba(255,255,255,.9);   height:37px; padding-left:5px;   }
 ::-webkit-calendar-picker-indicator {
    filter: invert(1);
}


/****/

@media all and (max-width:1200px) {
 div.write div.box p {width:15%; }
div.write div.box div {width:80%; }


}


@media all and (max-width:800px){

div.write div.box {padding:8px 10px;}
div.write div.box p {width:100%; line-height:25px  }
div.write div.box div {width:100%;  margin-top:3px;}

div.write input {max-width:100%;   }

div.write input.input_a {width:100%;}
div.write input.input_b {width:60%;}
div.write input.input_c {width:100px;}
div.write input.m_input_a {width:100%;}
div.write input.m_input_b {width:70%;}
div.write .e_mail  input.input_b {  width:35%;}
div.write .e_mail  input.input_b:nth-child(2) {width:55%;}
div.write .e_mail select {margin-top:5px;}
 div.write div.box p.radio_p {height:25px}
 div.write div.box p.radio_p input {vertical-align:middle}
ul.baord_list li a {padding:12px;}
ul.baord_list li a b {margin-bottom:4px}
 


input.date_input {background:url('/flexa/img/sub/m_input_date_bg.png') no-repeat right; background-color:#1c2632; width:150px !important;}
  


}