@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;
}


.face_img { width:100%; display:block; max-width:250px; }
.new_board_view .face_line .data_box  { margin:10px 0 0; }
.new_board_view .face_line dd { padding: 10px 10px; }

input#zipcode,
input#zipcode1 { width:113px; vertical-align:middle; }

input#address,
input#address2 { width:calc(100% - 320px); max-width:500px; vertical-align:middle; margin:0 10px;}

input#address1,
input#address3 { margin:10px 0 0 !important; vertical-align:middle; max-width:300px;}
td.adr_line label { margin:10px 0 0 !important; display:inline-block; vertical-align:middle; }

td.adr_line a { display:inline-block; vertical-align:middle; width:120px; height:35px; line-height:35px; text-align:center; background:#333; color:#fff; }

label.ra_style {  position:relative; display:inline-block; line-height:35px; vertical-align:top; cursor:pointer; margin-right:6px; }
label.ra_style input[type=radio] { opacity:0; margin-right:5px; width:20px; }
label.ra_style span {-webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute; left:0; top:8px; width:20px; height:20px;  transition: all 0.15s ease-out 0s;
  box-sizing:border-box;
  border:1px solid #777;
  box-sizing:border-box;
  background: #fff;
  color: #fff;
  overflow:hidden;
  cursor: pointer;
  display: inline-block;
  outline: none;
  border-radius:50%;
  
  z-index: 1; }

label.ra_style input[type=radio]:checked + span { border:6px solid #169fff; }

label.ck_style { position:relative; display:inline-block; line-height:37px; vertical-align:top; cursor:pointer; font-size:14px; margin:0 15px 0 0; }
label.ck_style input[type=checkbox] { opacity:0; margin-right:10px; }
label.ck_style span { -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute; left:0px; top:8px; width:21px; height:21px;  transition: all 0.15s ease-out 0s;
  background:#eff6ff;
  border:1px solid #BBC1E1;
  box-sizing:border-box;
  background: #fff;
  color: #fff;
  overflow:hidden;
  cursor: pointer;
  display: inline-block;
  outline: none;
  z-index: 5; border-radius:5px; }

label.ck_style input[type=checkbox]:checked + span { background:#275EFE; border:1px solid #275EFE; }

label.ck_style input[type=checkbox] + span::before { content:""; display:block; width:0px; height:0px; border:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; position:absolute; left:5px; top:1px; transform:rotate(45deg); opacity:0; transition:all 0.4s; }
label.ck_style input[type=checkbox]:checked + span::before { opacity:1; width:4px; height:8px;}

.bong_table { width:100%; border-collapse:collapse; margin:30px 0 15px; border-bottom:1px solid #ddd; border-top:2px solid #333; font-size:14px; }
.bong_table th { text-align:center; font-weight:400; padding:12px 10px; border-bottom:1px dashed #ddd; color:#333; }
.bong_table th strong { font-weight:500; font-size:15px; margin-bottom:10px; display:block; }
.bong_table .la_line td { padding:5px 10px; background:#f9f9f9; }
.bong_table .la_line label.ra_style { margin:5px 15px; }


@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; }

input#zipcode,
input#zipcode1 { width:113px; vertical-align:middle; }


input#address1,
input#address3 { margin:10px 0 0 !important; vertical-align:middle; max-width:300px;}
td.adr_line label { margin:10px 0 0 !important; display:inline-block; vertical-align:middle; }

td.adr_line a { display:block; margin:10px 0; }
label.ck_style { line-height:30px; }

}

@media all and (max-width:580px)  {
input#address,
input#address2 { width:100% !important; max-width:500px; vertical-align:middle; margin:10px 0 0 0px;}
	
	
}