@charset "utf-8";
@import url("../xboard/skin/default_/style.css");

body {  }
.le150 { width:150px; }
.le200 { width:200px; }
.le400 { width:400px; }
#new_tablebox .boardbox_content li p.hak_name { font-weight:500; color:#444; font-size:15px; }
#new_tablebox .boardbox_content li p.hak_name a { color:#444; }
#new_tablebox .boardbox_content li p.mtext_view { line-height:24px; }
#new_tablebox .boardbox_content li p.sin_lcount span { font-weight:500; color:#893b3b; }
#new_tablebox .boardbox_content li p.sin_info_btn { }
#new_tablebox .boardbox_content li p.sin_info_btn .s1 { color:#999; }
#new_tablebox .boardbox_content li p.sin_info_btn .s2 { color:#999; }
#new_tablebox .boardbox_content li p.sin_info_btn a { display:block;  align-items: center;
  background-image: linear-gradient(135deg, #f34079 40%, #fc894d);
  border: 0;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  letter-spacing: .4px;
  line-height: 1;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;}

#new_tablebox .boardbox_content li p.sin_info_btn a span {
  transition: all 200ms;
}
#new_tablebox .boardbox_content li p.sin_info_btn a:hover span {
  transform: scale(.9);
  opacity: .75;
}

#new_tablebox .boardbox_content li p.sin_info_btn a.sin_cancel { background:#ddd; color:#555 !important; }


.list_sin_date { padding:0 20px 0 56px;  font-size:15px;  border-radius:0 15px 15px 0; background:#f9f9f9; position:relative; display:inline-block; height:50px; line-height:50px; margin:0px 0 0; border:1px solid #ddd; color:#333; border-left:3px solid #fd755d; }
.list_sin_date:before { content:""; display:block; width:40px; height:40px; border-radius:12px; background:#fff url(./img/top_ex.png) center center no-repeat; position:absolute; left:7px; top:5px; border:1px solid #ddd; box-sizing:border-box; background-size:24px !important; }

.sin_car a { float:left; width:46%; margin:5px 2%; line-height:40px !important; }


/*쓰기*/
table.cStyle img { vertical-align:middle; }
.sintable_box { margin-top:30px; }
.sintable_box:after { content:""; display:block; clear:both;}
.sintable_box .sin_tbox {   }
.sintable_box .tbox2 {   }
.tel_input select { }
.tel_input input { width:61px !important; }
input#sin_name { width:113px; }

.table_btbox { text-align:center; width:100%; margin:20px 0; float:left; }
.table_btbox li { display:inline-block; vertical-align:top; margin:0 8px; }
.table_btbox li a { display:block; width:120px; height:40px; background:#f9f9f9; border:1px solid #d5d5d5; box-sizing:border-box; position:relative; text-indent:-99999px; text-align:left; border-radius:10px; transition:all 0.4s; }
.table_btbox li.bt_01 a:before { content:""; display:block; width:2px; height:16px; background:#444; position:absolute; left:calc(50% - 1px); top:calc(50% - 8px); }
.table_btbox li a:after { content:""; display:block; width:16px; height:2px; background:#444; position:absolute; left:calc(50% - 8px); top:calc(50% - 1px); }
.table_btbox li a:hover {
  box-shadow: rgba(255, 255, 255, .1) 0 3px 4px inset, rgba(0, 0, 0, .1) 0 3px 5px;
  transform: scale(1.05);
}


#explain_sin { max-width:900px; margin:0 auto 0; }

table.board_write th { height:45px; }
table.board_write th.tea_line { background:#f3f3f3; }
table.board_write td { height:45px; padding: 10px;}
table.board_write td textarea { height:80px; }

table.add_table { margin-top:30px; }
table.add_table th { text-align:center; padding-left:0; }
table.add_table tbody tr { display:none; }
tr.mtable-row { display:table-row !important; }

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 #3d9b84; }

p.bang3 { margin-top:5px; }

.new_board_view h4.title { padding: 15px 32px; text-align:center; }
.new_board_view .v_info { padding: 10px 0 5px; }
.new_board_view .add_data dt { padding:10px 10px; }
.new_board_view .add_data dd { padding:10px 10px; }
.new_board_view .add_data dd img { vertical-align:middle; margin-right:10px; margin-top:-3px; }
.new_board_view .v_info img { vertical-align:middle; }

p.sinhak span { display:block; background:#edf7ff; width:60px; height:60px; border-radius:50%; margin:0 auto 0; box-sizing:border-box; border:4px solid #aed4f7; font-size:15px; line-height:52px; color:#3692e6; font-weight:500; }

@media all and (max-width:1024px) {
#new_tablebox .boardbox_content li {padding: 8px 0px 8px 0px; margin-bottom:40px; border-top:2px solid #535353; }
#new_tablebox .boardbox_content li:first-child { border-top:0 none; }
#new_tablebox .boardbox_content li p.hak_name { width:100%; text-align:left; font-size:16px; box-sizing:border-box; padding:0 32px 0 10px; }
#new_tablebox .boardbox_content li p.sindoc { position:absolute; right:0; top:7px; }
#new_tablebox .boardbox_content li p.sindate { width:100%; overflow:hidden;  margin-top:10px; padding:0px 0px 6px; background:#fff; border:1px solid #ddd; }
#new_tablebox .boardbox_content li p.sindate:before { content:attr(data-text); display:block; width:100%; height:40px; line-height:40px; color:#333; font-weight:500; border-bottom:1px solid #d5d5d5; font-size:14px; margin-bottom:5px; background:#f9f9f9;}
.list_sin_date { padding:0 5px 0px;  font-size:15px;  border-radius:0 0px 0px 0; background:none; position:relative; display:inline-block; height:24px; line-height:24px; margin:0px 0 0; border:0 none; color:#333; border-left:0 none; word-break:keep-all; }
.list_sin_date:before { display:none;  }

#new_tablebox .boardbox_content li p.mtext_view { width:50%; padding:0 0 0 0; height:93px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
#new_tablebox .boardbox_content li p.mtext_view:before { content:attr(data-text); display:block; width:100%; height:40px; line-height:40px; color:#333; font-weight:500; border-bottom:1px solid #d5d5d5; background:#f9f9f9; }
#new_tablebox .boardbox_content li p.sin_lcount { border-right:1px solid #ddd; }
#new_tablebox .boardbox_content li p.sin_lcount:before { margin-bottom:12px; }

#new_tablebox .boardbox_content li p.sin_info_btn { display:block; width:100%; margin-top:8px;  }
#new_tablebox .boardbox_content li p.sin_info_btn a { max-width:120px; margin:0px auto 0px; }
#new_tablebox .boardbox_content li p.sin_info_btn .s2 { display:block; }

#new_tablebox .boardbox_content li p.sin_car a { float:left; width:46%; margin:5px 2%; line-height:40px !important; max-width:100%; }

.tea_table { display:block !important; }
.tea_table colgroup { display:none !important; }
.tea_table tbody { display:block !important; }
.tea_table tbody tr { display:block !important; }
.tea_table tbody th { display:block !important; height:auto; border-bottom:0 none; padding:15px 0 0; }
table.board_write th.tea_line { padding:10px 0; border-bottom:1px solid #ddd;}
.tea_table tbody td { display:block !important; padding-bottom:15px; height:auto;  }

.add_table { display:block !important; border-collapse:inherit !important; }
.add_table thead { display:block !important; }
.add_table tbody { display:block !important; }
.add_table thead tr { display:block !important; }
.add_table thead tr.mobile_none { display:none !important; }
.add_table tr:after { content:""; display:block; clear:both; }
.add_table th { display:block !important; height:auto; }
.add_table tbody td { display:block !important; height:56px;  text-align:left; float:left; width:33%; position:relative; margin:0 0 0 0; }
tr.mtable-row { display:block !important; margin-top:25px; }

.add_table tbody tr { border-top:2px solid #434343;}
.add_table tbody tr:after { content:""; display:block; clear:both; }
.add_table tbody tr:first-child { border-top:0 none; margin-top:0px; }

.add_table tbody td:before { float:left; content:attr(data-text); margin-right:0px;  display:inline-block; vertical-align:middle; box-sizing:border-box; padding:0 0 0 0; font-weight: bold;
font-size: 14px;
text-align: left;
color: #333;}
.add_table tbody td:after { content:"*"; display:block; position:absolute; left:0; top:12px; color:#f34079; font-size:14px; font-weight:bold; }
.add_table tbody td:first-child { width:80px; height:56px; padding:15px 6px 0;   }
.add_table tbody td:first-child:before { margin-bottom:0; margin-right:10px; }
.add_table tbody td:first-child:after { display:none; }
.add_table tbody td:nth-child(2) { width:calc(100% - 80px); box-sizing:border-box;  }
.add_table tbody td.t3 { width:34%;  }
.add_table tbody td:nth-child(2):before { margin-top:5px; }
.add_table tbody td input[type="text"] { width:calc(100% - 50px); float:right; }

.add_table tbody td.t1,
.add_table tbody td.t2,
.add_table tbody td.t3 { height:56px; }

.add_table tbody td.t1:before,
.add_table tbody td.t2:before,
.add_table tbody td.t3:before { margin-top:5px; }


.add_table tbody td.t1 input[type="text"],
.add_table tbody td.t2 input[type="text"],
.add_table tbody td.t3 input[type="text"] { width:calc(100% - 32px); }

.add_table tbody td.tel_input { width:100%; height:auto; }
.add_table tbody td.tel_input:before { margin-right:10px; margin-top:5px; }
.add_table tbody td.tel_input input[type="text"] { float:none; }

.table_btbox { margin-bottom:30px; }

}