@charset "utf-8";


.board-list {background-color: #fff;padding: 30px 25px 100px;border-radius: 10px;}
.sub_titbox .sub_tit > h2 {
    display: block;
    font-weight: 600;
    font-size: 18px;
    display: block;
    color: #c31432;
    position: relative;
    padding: 0 10px 0 0px;
    display: inline-block;
    background-color: #fff;
    z-index: 9;
	    background-color: #fff;
}
.div-head {    background-color: #1b1b1b; font-size: 14px;color: #e8a736;border-bottom: 1px solid #e49c12 !important;}
.div-head > span {border-right:0; }
.list-board .wr-date a{color:#e49c12;}
.list-board .wr-hit a{color:#e49c12;}
.sub_titbox .sub_tit::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #c31432;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 0;
}

.sub_titbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

/* Icon */
.list-board .wr-notice { background:#fafafa; margin-bottom:15px; }
.list-board .wr-notice li { background:none; }
.list-board .wr-vicon { position:absolute; left:15px; bottom:12px; color: rgba(255,255,255,0.8); font-size:32px; z-index:1; text-shadow: 1px 1px 1px #000; }
.list-board .wr-none { padding:50px 0px; text-align:center; color:#888; }

/* List */
.list-body .list-box { position:relative; }
.list-body .list-front { position:relative; border: 1px solid #dcdcdc;}
.list-body .list-box:hover,
.list-body .list-box.active {overflow:hidden; }
.list-body .list-box:hover .list-front,
.list-body .list-box.active .list-front {overflow:hidden; }
.list-body .list-chk { position:absolute; left:15px; top:12px; z-index:2; }
.list-body .list-text .div-title-underline-thin { margin:0px 0px 2px; padding:0px 0px 2px; padding-right:1px; letter-spacing:-1px; }

.list-body .list-img { position:relative; }
.list-body .list-img .list-thumb { position:relative; overflow:hidden; max-height:360px; }
.list-body .list-img .list-thumb .wr-img { width:100%; height:auto; }
.list-body .list-img .thumb-icon { position:absolute; left:0; top:0; width:100%; height:100%; }
.list-body .list-img .thumb-icon .wr-fa { position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:50px; margin-top:-25px;  color: #fff;}
.list-body .list-img .wr-date { position:absolute; right:15px; bottom:12px; font-size:16px; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px #000; z-index:2; letter-spacing:-1px; }
.list-body .list-text { padding:15px; }
.list-body .list-desc { line-height:20px; overflow:hidden; margin-bottom:20px; }
.list-body .list-desc strong { display:block;     color: #64635d; font-size:15px; font-weight:normal;padding-bottom: 13px;}
.list-body .list-info .pull-right i { margin-left:10px; margin-right:2px; }
.list-body .list-info .wr-mb { display:inline-block; width:34px; height:34px; border-radius:50%; background:#eee; color:#fff; margin-right:4px; vertical-align:middle; }
.list-body .list-info .wr-mb img { width:34px; height:34px; border-radius:50%; }
.list-body .list-info .wr-mb i { width:34px; height:34px; line-height:34px; text-align:center; font-size:20px; border-radius:50%; }

.gal_stat {    width: 100%;
    height: auto;
    position: relative;
    padding-top: 13px;
    border-top: 1px solid #64635d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;}
	
	
	.gal_stat > li {
    width: 100%;
    font-size:13px;
    font-weight: 400;
    text-align: center;
    position: relative;
    color: #64635d;
}


.gal_commt > p {
    font-size: 13px;
    font-weight: 400;
    color: #777;
}

.gal_commt > i {
    color: #777;
    font-size:13px;
}

.gal_commt > p > span {
    color: #c31432;
}

 .gal_commt {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    gap: 5px;
}

.gal_stat > li::after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #64635d;
}



/* Photo */
.list-body.is-photo .list-info,
.list-body.is-photo .list-info.pull-left,
.list-body.is-photo .list-info.pull-right { line-height: 34px; }
.list-body.is-photo .list-text { padding:15px 15px 10px; }


/* Style */
.box-body.list-body .list-img { margin: 10px 10px 0px; }

.round-body.list-body .list-img { margin: 10px 10px 0px; border-radius:15px; }
.round-body.list-body .list-img .wr-img,
.round-body.list-body .list-img .thumb-icon{ border-radius:15px; }
.round-body.list-body .shadow-line { margin:0px 15px; }

.line-body.list-body .list-box { border-left:0; border-top:0; border-right:0; }

.line-body.list-body .list-text { padding-left:10px !important; padding-right:10px !important; }

.line-round-body.list-body .list-box { border-left:0; border-top:0; border-right:0; }

.line-round-body.list-body .list-img { border-radius:15px; }
.line-round-body.list-body .list-img .wr-img,
.line-round-body.list-body .list-img .thumb-icon{ border-radius:15px; }
.line-round-body.list-body .shadow-line { margin:0px 15px; }
.line-round-body.list-body .list-text { padding-left:10px !important; padding-right:10px !important; }