/* Media CSS */
a:link, a:visited {text-decoration:none;text-decoration: none;color: #777;}
a:hover {text-decoration: underline;}
input, textarea, select {border-width: 1px;border-style: solid;border-color: #ddd;font-size: 12x;color:#555;}
 select{height: 23px;}

/*list  */
.list-body {overflow: hidden;margin-right: -15px;margin-bottom: -15px;}
.list-body .list-row {float: left;width: 49.8%;}
.list-body .list-col {margin-right: 15px;margin-bottom: 15px;}
.list-body .list-text {padding: 15px;}
.list-body .list-box {position: relative;border: 1px solid #ddd;background: #fff;}
.list-body .list-front {position: relative;}
.list-body .list-desc {line-height: 20px;overflow: hidden;margin-bottom: 20px;}
.list-body .list-desc strong {display: block;font-size: 1.33em;color: #484848;font-weight: 600;}
.list-board .wr-vicon {position: absolute;padding-bottom: 14%;left: 90%; margin-left: -190px;bottom: 12px;color: #f8f7f7cc;font-size: 90px;z-index: 1;}

.imgframe {display: block;z-index: 0; position:relative;}
.img-wrap {display: block;position: relative;height: 0;overflow: hidden;padding-bottom: 217px;;}
.img-wrap .img-item {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} 
.img-wrap .img-item img {display: block; border: 0;width: 100%;height: auto;margin: 0px auto;font-family: "Roboto", sans-serif;}
.text-muted {color: #777;}


.content2{color: #919191;}
.content2  strong{padding-left:14px;}
.content2  .user {color: #919191;}

.more {float: right;}
.more i {right: 20px;display: inline-block;color: #666;}

.board_input {text-decoration: none!important;padding: 3px 0px 3px 0px!important;}

/*write  */
table.boardTable {width: 100%;border-top: 2px solid #3C96C8;}
table th {background: #f5f5f5;border-right: 1px solid #e7e7e7;padding: 9px 0px 9px 10px;}
table.boardTable tbody th {background: #f5f5f5;font-weight: bold;padding: 10px;text-align: left;border-bottom: 1px solid #d0d0d0;}
table td {padding: 9px 0px 9px 10px;}
table.boardTable tbody td { background: #ffffff;padding: 10px;border-bottom: 1px solid #d0d0d0;line-height: 20px;}

input.text {padding: 0px 2px;height: 14px;font-size: 13px;font-family: '돋움',Dotum, DotumChe, Arial, sans-serif;color: #666;}
.board_input {text-decoration: none!important;padding: 3px 0px 3px 0px!important;}

/* content */
#content_section .title {font-size: 1.33em;color: #484848;font-weight: 600;padding: 7px 0 5px 10px;}
#content_section .title a {color: #000;}
#content_section .articleInfo{margin-top: 5px;margin-left: 10px;}
#content_section .articleInfo strong{padding-left:14px;}
#content_section .articleInfo .user {color: #919191;}
hr.topline{display: block; width:100%;border: 0;height: 1px;background: #ddd;margin-top:18px;}
#attach{padding: 4px 10px;border-bottom: 1px solid #eee;background: #f5f6fa;}
.attach{color:#777;text-decoration-color;text-decoration: none;line-height:25px;}

.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}