@charset "utf-8";
@import url("../default_/style.css");
#xb_view:after { content:""; display:block; clear:both; }
.answer { float:left;}
.bt_box:after { content:""; display:block; clear:both; }
.qanda_choice { text-align:center; background:#f9f9f9; padding:15px 0;border-bottom:1px solid #ddd;  border-top:1px solid #ddd; line-height:35px; margin-bottom:20px;  }
 .qanda_choice a.btn { display:inline-block; width:60px; height:35px; background:#535353; color:#fff; vertical-align:top; line-height:35px; }

.phone { width:13% !important;}

.select_bg2 { display:inline-block; margin:0px 0 0 0; position:relative; vertical-align:middle; }
.select_bg2 label { opacity:0; position:absolute; left:-999999px; top:0; width:0; height:0; }
.select_bg2 select {height:37px;   font-size:9pt; color:#5e5e5e; border:1px solid #ddd; padding:0 30px 0 5px; background:#fff url(./img/se_arrow.png) no-repeat; background-position:right 10px top 15px;  line-height:35px;   vertical-align:top; -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;}
   
.select_bg2 select::-ms-expand{

   display:none;/*for IE10,11*/

}

.qanda_box { display:inline-block; margin:0px 0 0 0; position:relative;  vertical-align:middle;   }
 .totalpage {  font-size:14px; color:#333; font-family:"나눔고딕",'NanumGothic'; float:left; height:30px; line-height:30px;  }
.totalpage span { color:#ff9600; }


.qanda_box label { position:relative; display:inline-block; line-height:35px; vertical-align:top; margin-right:8px; cursor:pointer; }
.qanda_box input { opacity:0; margin-right:18px; }
.qanda_box span { -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute;
  top: 6px;
  left: 0;
  height: 26px;
  width: 26px;
  transition: all 0.15s ease-out 0s;
  background: transparent;
  border:3px solid #9faab7;
  box-sizing:border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  border-radius:50%;
  
  z-index: 1000; }

.qanda_box label:hover span {
  border:3px solid #737373;
}
.qanda_box input:checked + span {
  border:3px solid #40e0d0;
  
}
.qanda_box input:checked + span::before {
  width: 12px;
  height: 12px;
  border-radius:50%;
  display:flex;
  content: "";
  font-size: 25px;
  font-weight:bold;
  position: absolute;
  left:calc(50% - 6px); top:calc(50% - 6px);
  align-items:center;
  justify-content:center;
  background:#40e0d0;
}
.qanda_box input:checked + span::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  border-radius:50%;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -93px;
    margin-top: -93px;
    opacity: 0;
  }
}

ul.re_button { margin-top:25px; }

@media all and (max-width:1024px)  {
#new_tablebox .boardbox_content li p.new_date { padding:2px 15px 2px 10px; margin-left:0px; clear:both; }
#new_tablebox .boardbox_content li p.new_date::before { content:"/"; display:block; position:absolute; right:0; top:2px; }

.phone { width:23% !important;}
.qanda_box { display:block; margin:10px 0 0 0; }
}