@charset "utf-8";

@import url("../xboard/skin/default_/style.css");

input#writer { width:123px; }
input#in_name { width:123px; }
input#mail_input { width:250px; }
.zip_input input { max-width:300px !important; margin:5px 0; }
.phone_input input { width:80px !important; }
a.add_btn { display:inline-block; vertical-align:middle; height:35px; line-height:35px; background:#555; color:#fff; padding:0 8px; }
input#sp_money { width:110px; }
input#out_ban { width:200px; }

iframe { position:absolute; left:-99999px; top:0; opacity:0; }
label.ra_style {  position:relative; display:inline-block; line-height:35px; vertical-align:top; cursor:pointer; margin:0px 15px 0px 0; font-size:14px; }
label.ra_style input[type=radio] { opacity:0; margin-right:2px; 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 #dce0e5;
  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 #0f79b7; }

#board_login { max-width:550px; }
#new_tablebox { border-left:1px solid #c5c5c5; }
#new_tablebox tr th { background:#f3f3f3; font-size:1.154em; text-align:center; padding:12px 5px; border-right:1px solid #c5c5c5;  font-weight:500; color:#333; position:relative; vertical-align:middle;}
#new_tablebox tbody { border-top:1px solid #c5c5c5; }
#new_tablebox tr td { box-sizing:border-box; line-height:31px; height:31px; background:#fff; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5;}
#new_tablebox tr td.list_none { position:relative; height:51px;  }
#new_tablebox tr td { color:#444; text-align:center; font-size:1.077em; padding:10px 5px;   box-sizing:border-box;  position:relative; vertical-align:middle; }
#new_tablebox tr td.cell_text1 { border-right:1px solid #c5c5c5; }
#new_tablebox tr td.cell_text1 a { display:block; width:30px; height:30px; border-radius:50%; background:#f1f8ff; box-sizing:border-box; border:2px solid #97c6f5; text-align:center; line-height:26px; margin:0 auto; font-weight:500; color:#4b95e0; }
#new_tablebox tr td.cell_text1 a:hover { text-decoration:none !important; }
span.in_sta { color:#f96e1a; font-weight:500; }
span.c1 { color:#aaa; font-weight:normal; }

/*리스트*/
.dona_cont { }
.dona_cont:after { content:""; display:block; clear:both; }
.dona_cont .do_list { float:left; width:31%; margin:0 1% 25px;  }
.dona_cont .do_list a { display:block; background:#fff; width:100%; height:300px; box-sizing:border-box; border:1px solid #d5d5d5; border-radius:0 12px 0 12px; position:relative; padding:15px 0px 45px; box-shadow:0px 3px 0px rgba(0,0,0,0.15);}
.dona_cont .do_list a:hover { background:#f9f9f9; }
.dona_cont .do_list:nth-child(3n+1) { clear:both; }

.dona_cont .do_list a .num { float:left; margin:0 0 0 15px; }
.dona_cont .do_list a .num span { display:inline-block; vertical-align:middle;  height:30px; border-radius:10px; padding:0 10px; background:#f1f8ff; box-sizing:border-box; border:2px solid #97c6f5; text-align:center; line-height:26px; margin:0 auto; font-weight:500; color:#4b95e0; }

.dona_cont .do_list a .do_type { float:right; font-size:13px; font-weight:500; color:#333; margin:-5px 15px 0 0; }
.dona_cont .do_list a .dtype1 { background:url(./img/dtype1.png) center top no-repeat; padding-top:28px;}
.dona_cont .do_list a .dtype2 { background:url(./img/dtype2.png) center top no-repeat; padding-top:28px; }
.dona_cont .do_list a .do_name { float:left; width:100%; box-sizing:border-box; padding:0 15px; font-size:15px; color:#333; font-weight:500; margin-top:8px; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.dona_cont .do_list a ul { float:left; width:100%; box-sizing:border-box; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#f9f9f9; margin-top:15px; padding:8px 15px; }
.dona_cont .do_list a ul li { float:left; font-size:14px; color:#333; }
.dona_cont .do_list a ul li:nth-child(2) { float:right; }
.dona_cont .do_list a .do_date { float:left; position:absolute; right:0px; bottom:0px; width:100%; border-top:1px dashed #d5d5d5; padding:0 15px; line-height:35px; font-size:13px; color:#555; box-sizing:border-box; text-align:right; }
.dona_cont .do_list a .note_box { float:left; width:100%; box-sizing:border-box; padding:12px 15px; }
.dona_cont .do_list a .note_box .txt { height:72px; overflow-y:auto; }

/* ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● 반응형 ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
@media all and (max-width:1024px) {
	
table.board_write { display:block !important; }
table.board_write thead,
table.board_write tbody,
table.board_write tr,
table.board_write th,
table.board_write td { display:block !important; width:100%; height:auto; }

table.board_write th { border-bottom:0 none; padding:15px 13px 0; box-sizing:border-box; }
table.board_write td { padding:10px 13px 15px; box-sizing:border-box; }

#list_search .xb_select { margin-bottom:8px; width:45%; }

#new_tablebox { border:0 none !important; display:block; }

#new_tablebox thead { display:none !important; }
#new_tablebox tbody,
#new_tablebox tr,
#new_tablebox th,
#new_tablebox td { display:block !important; border-right:0 none; height:auto !important; }

#new_tablebox tbody { border:0 none !important; }
#new_tablebox tr { border:1px solid #c6c6c6; }
#new_tablebox tr.m_mat { margin-top:30px; border-top:2px solid #535353; border-bottom:0 none; }
#new_tablebox tbody tr.m_mat:first-child { margin-top:0 !important; }
#new_tablebox td { border-bottom:0 none !important; border-right:0 none !important;  text-align:left !important; padding:3px 10px !important;  }
#new_tablebox tr.m_mat td { border-top:1px dashed #c6c6c6 !important;}
#new_tablebox tr td.cell_text1 { padding:10px 10px !important; border-top:0 none !important; }

.dona_cont .do_list { float:left; width:48%; margin:0 1% 25px; clear:none !important;  }



}


/* ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● 반응형 (모바일추가) ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
@media all and (max-width:768px) {

.dona_cont .do_list { float:left; width:100%; margin:0 0 25px; clear:none !important;  }


}