@charset "utf-8";

/* list */
.brdLiArea { font-size:14px; }
.brdLiArea li { border-top:solid 1px #d3d3d3; }
.brdLiArea li:first-child { border-top:solid 1px #e5e5e5; }
.brdLiArea li a { display:block;padding:15px 10px; }
.brdLiArea li .brd_dday { height:20px;line-height:16px;font-size:12px;color:#196ab3; }
.brdLiArea li .brd_dday .txt { padding-left:5px;color:#196ab3; }
.brdLiArea li .brd_name { margin-top:5px;display:-webkit-box;max-height:21px;overflow:hidden;line-height:21px;font-size:14px;font-weight:normal;color:#333;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.brdLiArea li .brd_name.limit_2ln { max-height:42px;-webkit-line-clamp:2; }
.brdLiArea li .brd_date { margin-top:3px;color:#888;font-size:11px; }
.brdLiArea li .brd_date .divi { margin:0 1px;color:#ccc; }

/* view */
.brdViewArea {}
.brdViewArea .brd_tit { position:relative; }
.brdViewArea .brd_tit h3.brd_name { padding:12px 10px 11px;line-height:1.25em;font-size:14px;color:#333;text-align:center;border-bottom:solid 1px #d3d3d3; }
.brdViewArea .brd_tit h3.brd_name .iconC { vertical-align:top; }
.brdViewArea .brd_tit .brd_date { padding:0 10px;line-height:25px;font-size:12px;color:#888;text-align:right; }
.brdViewArea .brd_contTxt { margin:0 10px;padding:10px 0 20px;line-height:1.55em;color:#555;font-size:14px; }
.brdViewArea .brd_contTxt img { max-width:800px;width:100%; }
.brdViewArea .brd_cont { margin:0 10px;padding-bottom:20px; }
.brdViewArea .brd_cont img { vertical-align:top; }
.brdViewArea .brd_cont:after { content:'';clear:both;display:block; }
.brdViewArea .brd_cont .brd_img  { float:left;width:82px; }
.brdViewArea .brd_cont .brd_img .imgBdr { display:block;width:80px;height:100px;overflow:hidden;border:solid 1px #efefef; }
.brdViewArea .brd_cont .brd_img .imgBdr img { margin:-1px;width:82px;height:102px; }
.brdViewArea .brd_cont .brd_img .btn_c { display:block;margin-top:7px; }
.brdViewArea .brd_cont .brd_info { margin-left:92px; }
.brdViewArea .brd_cont .brd_info .brd_dday { display:table;width:100%;font-size:12px; }
.brdViewArea .brd_cont .brd_info .brd_dday dt { display:table-cell;position:relative;width:64px;line-height:25px;text-align:center;border:solid 1px #08559b;border-top-left-radius:3px;border-bottom-left-radius:3px;background-color:#196ab3; }
.brdViewArea .brd_cont .brd_info .brd_dday dt:after { content:'';position:absolute;right:-5px;top:50%;margin-top:-5px;width:5px;height:8px;overflow:hidden;background:url('//tkfile.yes24.com/img/mobile/bgC_ent.png?ver=140801d') no-repeat 0 -190px;background-size:400px auto; }
.brdViewArea .brd_cont .brd_info .brd_dday dt strong { color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.3); }
.brdViewArea .brd_cont .brd_info .brd_dday dd { display:table-cell;padding-left:9px;height:25px;line-height:25px;color:#333;border:solid 1px #d3d3d3;border-left:none;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:#fff; }
.brdViewArea .brd_cont .brd_info .brd_txt { margin-top:10px;font-size:12px;line-height:1.45em;color:#555; }
.brdViewArea .brd_cont .brd_info .brd_dday2 {margin-top:3px;}
.brdViewArea .brd_cont .brd_info .brd_dday2 dt {border:solid 1px #d93b57; background-color:#ea6f85 !important; width:auto}
.brdViewArea .brd_cont .brd_info .brd_dday2 dt:after {background:none !important}
.brdViewArea .brdDl {}
.brdViewArea .brdDl dt { padding:0 10px;height:39px;line-height:39px;font-size:15px;font-weight:bold;color:#555;border-top:solid 1px #d3d3d3;border-bottom:solid 1px #d3d3d3;background-color:#f2f2f2; }
.brdViewArea .brdDl dd { margin:0 10px;padding:10px 0 20px 0;font-size:14px;line-height:1.55em;color:#555; }
.brdViewArea .brdDl.greet {border-top:solid 1px #d3d3d3;}
.brdViewArea .brdDl dd img { width:100%; }


@media all and (min-width:640px){

.brdViewArea .brd_tit h3.brd_name { margin:0 130px 0 0;text-align:left;border-bottom:none; }
.brdViewArea .brd_tit .brd_date { position:absolute;right:10px;top:12px;line-height:17px; }

.brdViewArea .brd_table { display:table; }
.brdViewArea .brd_table .brd_lft { display:table-cell;min-width:320px !important;max-width:340px;border-top:solid 1px #d3d3d3;vertical-align:top; }
.brdViewArea .brd_table .brd_rgt { display:table-cell;width:60%;border-left:solid 1px #d3d3d3;vertical-align:top; }

.brdViewArea .brd_cont { position:relative;padding-top:10px; }
.brdViewArea .brd_cont .brd_info .brd_dday { position:absolute;left:0;top:10px }
.brdViewArea .brd_cont .brd_info .brd_dday2 { position:absolute;left:0;top:38px !important}
.brdViewArea .brd_cont .brd_img  { float:none;padding-top:65px;width:auto;text-align:center; }
.brdViewArea .brd_cont .brd_img .imgBdr { margin:0 auto;width:228px;height:auto; }
.brdViewArea .brd_cont .brd_img .imgBdr img { width:228px;height:auto; }
.brdViewArea .brd_cont .brd_info { margin-left:0; }
.brdViewArea .brd_cont .brd_info .brd_txt { margin-top:10px;font-size:12px;line-height:1.45em;color:#555; }

}