.require  {
     color: #f00;
 }
table.formtable th  {
     background-color: #f5f5f5;
     text-align: center;
 }
table.formtable caption  {
     height: 0px;
     padding: 0;
 }
.block  {
     display: block !important;
 }
.comment-content .comment-author span  {
     font-size:  14px;
     font-weight:  normal;
     font-style:  italic;
}
.bbs-tblstyle, .bbs-tblstyle th, .bbs-tblstyle td {
    border: 0;
}
.bbs-tblstyle {
    width: 100%;
    border-bottom: 1px solid #999;
    table-layout: fixed;
}
.bbs-tblstyle caption, .bbs-tblstyle .frm label {
    display: none;
}
.bbs-tblstyle a {
    color: #333;
    text-decoration: none;
}
.bbs-tblstyle a:hover  {
    color: #2F6067;
    text-decoration: underline !important;
}
.bbs-tblstyle th {
    padding: 10px 0;
    border-top: solid 2px #aaa;
    border-bottom: solid 1px #bbb;
    background-color: #f8f8f8;
    color: #555;
    font-weight: bold;
    line-height: 18px;
    vertical-align: top;
    text-align: center;
}
.bbs-tblstyle td {
    padding: 14px 0;
    border-bottom: solid 1px #ddd;
    text-align: center;
}
.bbs-tblstyle .frm {
    padding: 0;
    text-align: center;
}
.bbs-tblstyle .frm input {
    margin: 0;
}
.bbs-tblstyle .catetxt  {
     display: inline-block;
     padding-right: 0px;
     font-weight: bold;
 }
.bbs-tblstyle .bbsdate  {
     font-size: 13px;
     color:  #052264;
     font-style:  italic;
}
.bbs-tblstyle .title {
    text-align: left;
    padding-left: 5px;
}
.bbs-tblstyle .title .pic, .bbs-tblstyle .title .new {
    margin: 0 0 2px;
    vertical-align: middle;
}
.bbs-tblstyle tr.noti  {
    background-color: #f5f5f5;
}
.bbs-tblstyle tr.noti td  {
    border-bottom: 1px dotted #ddd;
}
.bbs-tblstyle td.noti-ico  {
    color: #b20000;
    font-weight: 700;
}
.bbs-tblstyle td.noti-tit  {
    color: #333;
 }
.bbs-tblstyle td.noti-tit a  {
    color: #444;
    font-weight: bold;
}
.bbs-tblstyle tr.reply .title a {
    padding-left: 12px;
    background: url(img/ic_reply.gif) 0 1px no-repeat !important;
}
.bbs-tblstyle tr.reply td a.comment {
    padding: 0;
    background: none !important;
    color: #f00;
    font-size: 12px;
    font-weight: bold;
}
.bbs-tblstyle td.noti-ico,  .bbs-tblstyle td.noti-tit  {
    border-bottom: 1px dotted #faefdd;
}
.bbs-tblstyle .title a span  {
    font-size: 16px;
    font-weight: 500;
}
.pagination-01 {
    padding: 15px 0;
    line-height: normal;
    text-align: center;
    position: relative;
}
.pagination-01 a, .pagination-01 strong {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 -3px;
    padding: 1px 10px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    background-color: #fff;
    font: bold 12px/16px Tahoma,  Sans-serif;
    color: #323232;
    text-decoration: none;
    vertical-align: top;
}
.pagination-01 a:hover, .pagination-01 a:active, .pagination-01 a:focus {
    background-color: #f8f8f8;
}
.pagination-01 strong {
    color: #2754a7;
}
.pagination-01 .direction {
    border: 0;
    font-weight: normal;
    color: #767676;
    text-decoration: none !important;
    z-index: 1;
}
.pagination-01 .direction:hover, .pagination-01 .direction:active, .pagination-01 .direction:focus {
    color: #323232;
    background-color: #fff;
}
.pagination-01 .prev {
    border-left: 0;
}
.pagination-01 .next {
    border-right: 0;
}
.pagination-01 .direction span {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
.pagination-01 .prev span {
    *left: -4px;
    margin-right: 1px;
    border: 3px solid;
    border-top: solid #fff;
    border-bottom: solid #fff;
    border-left: 0;
}
.pagination-01 .next span {
    margin-left: 1px;
    border: 3px solid;
    border-top: solid #fff;
    border-bottom: solid #fff;
    border-right: 0;
}
.pagination-01 .list-write  {
    position: absolute;
    top: 10px;
    right: 0;
}


.pagination-02 {
    padding: 15px 0;
    line-height: normal;
    text-align: center;
    position: relative;
}
.pagination-02 a, .pagination-01 strong {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 -3px;
    padding: 1px 10px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    background-color: #fff;
    font: bold 12px/16px Tahoma,  Sans-serif;
    color: #323232;
    text-decoration: none;
    vertical-align: top;
}
.pagination-02 a:hover, .pagination-01 a:active, .pagination-01 a:focus {
    background-color: #f8f8f8;
}
.pagination-02 strong {
    color: #2754a7;
}
.pagination-02 .direction {
    border: 0;
    font-weight: normal;
    color: #767676;
    text-decoration: none !important;
    z-index: 1;
}
.pagination-02 .direction:hover, .pagination-01 .direction:active, .pagination-01 .direction:focus {
    color: #323232;
    background-color: #fff;
}
.pagination-02 .prev {
    border-left: 0;
}
.pagination-02 .next {
    border-right: 0;
}
.pagination-02 .direction span {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
.pagination-02 .prev span {
    *left: -4px;
    margin-right: 1px;
    border: 3px solid;
    border-top: solid #fff;
    border-bottom: solid #fff;
    border-left: 0;
}
.pagination-02 .next span {
    margin-left: 1px;
    border: 3px solid;
    border-top: solid #fff;
    border-bottom: solid #fff;
    border-right: 0;
}
.pagination-02 .list-write  {
    position: absolute;
    top: 10px;
    right: 0;
}


.pagination-03 {
    padding: 15px 0;
    line-height: normal;
    text-align: center;
    position: relative;
}
.pagination-03 a, .pagination-01 strong {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 -3px;
    padding: 1px 10px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    background-color: #fff;
    font: bold 12px/16px Tahoma,  Sans-serif;
    color: #323232;
    text-decoration: none;
    vertical-align: top;
}
.pagination-03 a:hover, .pagination-01 a:active, .pagination-01 a:focus {
    background-color: #f8f8f8;
}
.pagination-03 strong {
    color: #2754a7;
}
.pagination-03 .direction {
    border: 0;
    font-weight: normal;
    color: #767676;
    text-decoration: none !important;
    z-index: 1;
}
.pagination-03 .direction:hover, .pagination-01 .direction:active, .pagination-01 .direction:focus {
    color: #323232;
    background-color: #fff;
}
.pagination-03 .prev {
    border-left: 0;
}
.pagination-03 .next {
    border-right: 0;
}
.pagination-03 .direction span {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
.pagination-03 .prev span {
    *left: -4px;
    margin-right: 1px;
    border: 3px solid;
    border-top: solid #fff;
    border-bottom: solid #fff;
    border-left: 0;
}
.pagination-03 .next span {
    margin-left: 1px;
    border: 3px solid;
    border-top: solid #fff;
    border-bottom: solid #fff;
    border-right: 0;
}
.pagination-03 .list-write  {
    position: absolute;
    top: 10px;
    right: 0;
}

#cmt-wrap  {
    margin-top: 20px;
}
#cmt-wrap h2  {
    margin: 0 0 5px 0;
    color: #353535;
    font: bold 14px/18px 'applegothic', 'malgun gothic', 'tahoma', 'dotum';
    letter-spacing: 0;
}
#cmt-wrap h2 span  {
    font-size: 12px;
    color: #2754a7;
    margin-left: 5px;
}
.bbs-cmt-box .textarea textarea,  .bbs-cmt-box .cmt-btn input,  .bbs-cmt-box form,  .bbs-cmt-box fieldset {
    margin: 0 ;
     padding: 0;
}
#cmt-wrap li  {
     list-style: none;
 }
.mr10  {
     margin-right: 10px;
 }
.mt10  {
     margin-top: 10px;
 }
.bbs-cmt-box  {
    width: 100%;
    border: 1px solid #ccc;
    position: relative;
    background: #fff;
}
.bbs-cmt-box .wrap  {
    padding: 10px 20px 10px 15px;
}
.bbs-cmt-box .cmt-textarea  {
    width: 100%;
 }
.bbs-cmt-box .cmt-textarea textarea {
    width: 100%;
    overflow: auto;
    height: 67px;
    _height : 73px;
    padding: 4px 0 0 5px;
    border: 1px solid #ccc ;
    border-right: 1px solid #e9e9e9;
}
.bbs-cmt-box .cmt-btn  {
    width: 73px;
    _display: inline;
    float: left;
    margin-left: 3px;
}
.bbs-cmt-box .cmt-btn input {
    width: 73px;
    height: 73px;
    display: block;
    float: left;
     margin-left: 4px;
    _margin-left: 4px !important;
}
.bbs-cmt-box .btn-area  {
    background: #f0f0f0;
    width: 100%;
    text-align: right;
    padding: 5px 0;
    border-top: 1px dotted #ddd;
}
.bbs-cmt-box .user  {
    list-style: none;
}
.bbs-cmt-box .user li  {
    float: left;
    margin-bottom: 10px;
    color: #353535;
}
.bbs-cmt-box .input  {
    position: relative;
    margin: 0px;
    padding: 3px 4px;
    border: 1px solid #b7b7b7;
    border-right-color: #e1e1e1;
    border-bottom-color: #e1e1e1;
    background: #fff;
    font-size: 12px;
}
.cmt-list {
    width: 100%;
    position: relative;
}
.cmt-list ul  {
    padding: 10px 5px;
}
.cmt-list li  {
    margin-top: 12px;
}
.cmt-list .cmt_writer  {
}
.cmt-list .name  {
    font-size: 12px;
    color: #2754a7;
    font-weight: bold;
}
.cmt-list .date  {
    font-size: 12px;
    font-family: tahoma,  applegothic;
}
.cmt-list .comment  {
    padding: 4px 0 10px 0;
    border-bottom: 1px dotted #bbb;
}
.captchabox  {
    font-size: 13px;
    margin-top: 10px;
}
.captchabox .simg  {
    border: 1px solid #ddd;
}
.captchabox .captchaimg,  .captchabox .captcha-info, .captchabox ul.captcha:after  {
    content:  "";
     display:  table;
     clear:  both;
 }
.captchabox ul.captcha li {
    float: left;
    margin-left: 0px;
}
.captchaimg  {
    margin-right: 10px;
}
div.captchabox  {
    border-bottom:  1px dotted #bbb;
    padding:  10px 8px;
}
ul.captcha  {
     margin: 0;
     margin-top: 10px;
     list-style: none;
    padding: 0;
}
ul.captcha li  {
    float: left;
     margin-right: 2px;
 }
ul.captcha li input.captchainput  {
     margin-top: 0px !important;
     padding: 0px !important;
     height: 22px !important;
     width: 120px;
     font-size: 18px !important;
     font-weight: bold;
     border: 1px solid #ddd;
}
ul.captcha li.text  {
     margin-top: 3px;
     margin-left: 10px;
}
ul.captcha:after {
    overflow: hidden;
    clear: both;
    content: ''}
#captcha_audio_play  {
    position: absolute;
    top: -500px;
    width: 1px;
     height: 1px;
}
.btn_bottom  {
     margin-top: 5px;
     text-align: center;
 }
.popwrap  {
     margin: 10px;
 }
em.partition  {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    font-family: 'verdana', 'tahoma', 'arial', 'applegothic';
    color: #999;
    margin: 0 6px;
}
.inputline  {
     padding: 5px;
    border-bottom: 1px solid #ddd;
 }
.datearea  {
     list-style: none;
     margin: 0 !important;
     padding: 0 !important;
 }
.datearea li  {
     float: left;
 }
.datearea li.space  {
     padding: 0 2px;
 }
.calendar  {
     width: 70px;
     text-align: center;
     cursor: default;
     font-size: 12px;
    padding: 3px 0;
}
.calendaricon  {
     cursor: pointer;
     display: inline-block !important;
     width: 20px;
     height: 22px;
     margin: 0px 0 0 2px;
     background: url(../images/calendar/icon_calendar.gif) left 2px no-repeat !important;
     text-indent: -5000px !important;
 }
.srhbox  {
     border: 2px solid #999;
}
.resulttxt  {
     float: left;
     padding-left:  10px;
     background:  url('../images/icon/bul_blue_arrow.gif') no-repeat 0 7px !important;
     margin-top: 10px;
     font-size: 11px;
 }
.resulttxt .count  {
     color: #f00;
 }
.btn_listtop  {
     float: right;
     margin-top: 10px;
     padding: 0px 0px 2px 0px;
     text-align: right;
     border: 0px solid red;
}
.form_table .warning  {
     color: #882017;
 }
ul.ajaxcheck li  {
     float: left;
     margin-right: 5px;
 }
.checkok  {
     display: block;
     width: 250px;
     height: 22px;
     padding: 3px 0 0 20px;
     border: 0px solid red;
     background: url(../images/icon/check_ok.gif) 0px 6px no-repeat !important;
     color: #587cbe;
 }
.checkfail  {
     display: block;
     width: 250px;
     height: 22px;
     padding: 3px 0 0 20px;
     border: 0px solid red;
     background: url(../images/icon/check_fail.gif) 0px 6px no-repeat !important;
     color: #f50000;
 }
.checking  {
     display: block;
     width: 250px;
     height: 22px;
     padding: 3px 0 0 20px;
     background: url(../images/icon/loading.gif) 0px 6px no-repeat !important;
     color: #ddd;
}
.txt_cmtcnt  {
     font-size: 11px;
     color: #f00;
}
#bbs-view-wrap div.cnt  {
     min-height: 300px;
 }
#askpasswdbox  {
     width: 187px;
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: 101;
     display: none;
}
#askpasswdbox .askpoint  {
    position: absolute;
     width: 9px;
     height: 5px;
     background: url(../images/board/layer_point.gif) left top no-repeat !important;
 }
#askpasswdbox .askbox  {
    width: 187px;
     border: 2px solid #ccc;
     top: 5px;
     padding: 5px;
     position: relative;
     background-color: #fff;
 }
#askpasswdbox a.closepasswd  {
     width: 9px;
     height: 9px;
     background: url(../images/board/layer_close.gif) left top no-repeat !important;
     position: absolute;
     right: 5px;
     top: 5px;
     text-indent: -5000px;
     z-index: 10px;
     border: 0px solid red;
}
.cmt-list1 ul  {
     padding: 0px !important;
     border-top: 1px solid #eee;
    margin-bottom: 0px;
}
.cmt-list1 li  {
     padding-top: 0px;
     position: relative;
}
.cmt-list1 div.cmt_writer2  {
     float: left;
     width: 10%;
     border-right: 1px dotted #ddd;
     text-align: center;
    padding-top: 5px;
}
.cmt-list1 div.name  {
     font-weight: bold;
 }
.cmt-list1 div.date  {
     font-size: 11px;
 }
.cmt-list1 div.comment  {
     float: left;
     width: 86%;
     border: 0px solid red;
     padding: 0px 10px 10px 10px;
}
.cmt-list1 a.delicon  {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor:  pointer;
    border:  0px solid red;
    margin:  3px 0 0 10px;
    width:  20px;
    height:  20px;
    overflow: hidden;
    font-size: 15px;
    display: none;
}
.cmt-list1:hover+a.delicon  {
     display: block;
 }
#bf_filewrapper  {
     border: 1px solid #bbccff;
}
#bf_filewrapper .filelist  {
     background-color: #fff;
     line-height: 20px;
}
#bf_filewrapper .uploadbutton {
     line-height: 20px;
     background-color: #f1f4ff;
     padding: 5px;
}
#bf_filewrapper .filelist ul li  {
     float: left;
}
#bf_filewrapper .progressWrapper  {
}
#bf_filewrapper .progressContainer  {
     margin:  0px;
     padding:  3px 5px;
     border-bottom:  1px solid #E8E8E8;
     overflow:  hidden;
}
#bf_filewrapper .spanButtonPlaceHolder  {
     width: 100px;
     height: 20px;
 }
.message  {
     background-color:  #FFFFCC;
     overflow:  hidden;
}
.red  {
     background-color:  #FFEBEB;
}
.green  {
     background-color:  #EBFFEB;
}
.blue  {
     background-color:  #F0F5FF;
}
#bf_filewrapper .filename  {
     font-size:  8pt;
     color:  #555;
     width:  340px;
     height:  18px;
     text-align:  left;
     white-space:  nowrap;
     overflow:  hidden;
     border: 0px solid red;
     float: left;
}
#bf_filewrapper .filesize  {
     font-size:  8pt;
     color:  #555;
     width:  60px;
     height:  18px;
     text-align:  right;
     margin-right: 10px;
     white-space:  nowrap;
     overflow:  hidden;
     border: 0px solid red;
     float: left;
}
#bf_filewrapper .progressErrMsg  {
     background-color: #fff;
     height: 12px;
     width: 102px;
     float: left;
     margin: -1px 10px 0 0;
}
#bf_filewrapper .progressBarBorder  {
     border: 1px solid #999;
     background-color: #fff;
     height: 12px;
     width: 102px;
     float: left;
     margin: 3px 10px 0 0;
}
#bf_filewrapper .progressBarEmpty  {
     background-color: #fff;
     height: 12px;
     width: 102px;
     float: left;
     margin: 3px 10px 0 0;
}
#bf_filewrapper .progressBarInProgress, #bf_filewrapper .progressBarComplete, #bf_filewrapper .progressBarError  {
     font-size:  0;
     width:  0%;
     height:  10px;
     background-color:  #6787E3;
     margin:  1px;
}
#bf_filewrapper .progressBarComplete  {
     width:  100px;
     background-color:  green;
     visibility:  hidden;
}
#bf_filewrapper .progressBarError  {
     width:  100px;
     background-color:  red;
}
#bf_filewrapper .progressBarStatus  {
     margin-top:  2px;
     width:  300px;
     font-size:  7pt;
     text-align:  left;
     white-space:  nowrap;
     border: 0px solid red;
}
#bf_filewrapper .progressButton  {
     margin-top: 2px;
     height:  16px;
     width:  120px;
     float:  right;
     line-height: 16px;
     vertical-align: top;
     text-align: right;
     margin-right: 3px;
     overflow: hidden;
     border: 0px solid red;
     color: #678dd9;
     font-size: 11px;
}
.goodfilebox  {
     border: 1px solid #bbccff;
     border-top: none;
     padding: 5px;
 }
#bf_filewrapper .uploadbutton ul  {
     list-style: none;
     margin: 0;
     padding: 0;
 }
.uploading  {
     display: none;
     background: url(../images/common/loader.gif) 0px 0px no-repeat !important;
     padding-left: 22px;
 }
.replydepth1  {
     padding-left: 10px !important;
 }
.replydepth2  {
     padding-left: 20px !important;
 }
.replydepth3  {
     padding-left: 30px !important;
 }
.replydepth4  {
     padding-left: 40px !important;
 }
.replydepth5  {
     padding-left: 50px !important;
 }
.replydepth6  {
     padding-left: 60px !important;
 }
.replydepth7  {
     padding-left: 70px !important;
 }
.file_ace  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/ace.gif) left 3px no-repeat !important;
}
.file_c  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/c.gif) left 3px no-repeat !important;
}
.file_doc  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/doc.gif) left 3px no-repeat !important;
}
.file_docx  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/docx.gif) left 3px no-repeat !important;
}
.file_hlp  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/hlp.gif) left 3px no-repeat !important;
}
.file_ins  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/ins.gif) left 3px no-repeat !important;
}
.file_mdb  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/mdb.gif) left 3px no-repeat !important;
}
.file_pdf  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/pdf.gif) left 3px no-repeat !important;
}
.file_rar  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/rar.gif) left 3px no-repeat !important;
}
.file_tiff  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/tiff.gif) left 3px no-repeat !important;
}
.file_wma  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/wma.gif) left 3px no-repeat !important;
}
.file_arj  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/arj.gif) left 3px no-repeat !important;
}
.file_cab  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/cab.gif) left 3px no-repeat !important;
}
.file_eps  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/eps.gif) left 3px no-repeat !important;
}
.file_home  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/home.gif) left 3px no-repeat !important;
}
.file_jpe  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/jpe.gif) left 3px no-repeat !important;
}
.file_mid  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/mid.gif) left 3px no-repeat !important;
}
.file_png  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/png.gif) left 3px no-repeat !important;
}
.file_re  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/re.gif) left 3px no-repeat !important;
}
.file_title  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/title.gif) left 3px no-repeat !important;
}
.file_xls  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/xls.gif) left 3px no-repeat !important;
}
.file_xlsx  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/xlsx.gif) left 3px no-repeat !important;
}
.file_asf  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/asf.gif) left 3px no-repeat !important;
}
.file_cer  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/cer.gif) left 3px no-repeat !important;
}
.file_exe  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/exe.gif) left 3px no-repeat !important;
}
.file_hpp  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/hpp.gif) left 3px no-repeat !important;
}
.file_jpeg  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/jpeg.gif) left 3px no-repeat !important;
}
.file_mov  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/mov.gif) left 3px no-repeat !important;
}
.file_ppt  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/ppt.gif) left 3px no-repeat !important;
}
.file_pptx  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/pptx.gif) left 3px no-repeat !important;
}
.file_rm  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/rm.gif) left 3px no-repeat !important;
}
.file_txt  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/txt.gif) left 3px no-repeat !important;
}
.file_z  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/z.gif) left 3px no-repeat !important;
}
.file_asp  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/asp.gif) left 3px no-repeat !important;
}
.file_aspx  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/asp.gif) left 3px no-repeat !important;
}
.file_chk  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/chk.gif) left 3px no-repeat !important;
}
.file_fla  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/fla.gif) left 3px no-repeat !important;
}
.file_htm  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/htm.gif) left 3px no-repeat !important;
}
.file_jpg  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/jpg.gif) left 3px no-repeat !important;
}
.file_mp3  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/mp3.gif) left 3px no-repeat !important;
}
.file_ps  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/ps.gif) left 3px no-repeat !important;
}
.file_swf  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/swf.gif) left 3px no-repeat !important;
}
.file_unknown  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/unknown.gif) left 3px no-repeat !important;
}
.file_zip  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/zip.gif) left 3px no-repeat !important;
}
.file_au  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/au.gif) left 3px no-repeat !important;
}
.file_chm  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/chm.gif) left 3px no-repeat !important;
}
.file_gif  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/gif.gif) left 3px no-repeat !important;
}
.file_html  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/html.gif) left 3px no-repeat !important;
}
.file_js  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/js.gif) left 3px no-repeat !important;
}
.file_mpeg  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/mpeg.gif) left 3px no-repeat !important;
}
.file_psd  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/psd.gif) left 3px no-repeat !important;
}
.file_tar  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/tar.gif) left 3px no-repeat !important;
}
.file_vbs  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/vbs.gif) left 3px no-repeat !important;
}
.file_avi  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/avi.gif) left 3px no-repeat !important;
}
.file_cpp  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/cpp.gif) left 3px no-repeat !important;
}
.file_gz  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/gz.gif) left 3px no-repeat !important;
}
.file_hwp  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/hwp.gif) left 3px no-repeat !important;
}
.file_key  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/key.gif) left 3px no-repeat !important;
}
.file_mpg  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/mpg.gif) left 3px no-repeat !important;
}
.file_ra  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/ra.gif) left 3px no-repeat !important;
}
.file_tgz  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/tgz.gif) left 3px no-repeat !important;
}
.file_vcf  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/vcf.gif) left 3px no-repeat !important;
}
.file_bmp  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/bmp.gif) left 3px no-repeat !important;
}
.file_crt  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/crt.gif) left 3px no-repeat !important;
}
.file_h  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/h.gif) left 3px no-repeat !important;
}
.file_ini  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/ini.gif) left 3px no-repeat !important;
}
.file_lzh  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/lzh.gif) left 3px no-repeat !important;
}
.file_new  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/new.gif) left 3px no-repeat !important;
}
.file_ram  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/ram.gif) left 3px no-repeat !important;
}
.file_tif  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/tif.gif) left 3px no-repeat !important;
}
.file_wav  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/wav.gif) left 3px no-repeat !important;
}
.file_css  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/wav.gif) left 3px no-repeat !important;
}
.file_folder  {
    display: inline-block;
     padding-left: 24px;
     background: url(../images/filetype/folder.gif) left 2px no-repeat !important;
}
.titlecolor1  {
    color: #4587eb !important;
}
.titlecolor2  {
    color: #6e9cf2 !important;
}
.titlecolor3  {
    color: #8394cf !important;
}
.titlecolor4  {
    color: #7b8493 !important;
}
.titlecolor5  {
    color: #4b4b4b !important;
}
.titlecolor6  {
    color: #2eb8c7 !important;
}
.titlecolor7  {
    color: #69c2d2 !important;
}
.titlecolor8  {
    color: #97add2 !important;
}
.titlecolor9  {
    color: #94a5b6 !important;
}
.titlecolor10  {
    color: #8c66d9 !important;
}
.titlecolor11 {
    color: #44be1e !important;
}
.titlecolor12 {
    color: #93cc4b !important;
}
.titlecolor13 {
    color: #b4b4b4 !important;
}
.titlecolor14 {
    color: #a28ab5 !important;
}
.titlecolor15 {
    color: #c08bd7 !important;
}
.titlecolor16 {
    color: #b0bc2d !important;
}
.titlecolor17 {
    color: #ccc05d !important;
}
.titlecolor18 {
    color: #beb297 !important;
}
.titlecolor19 {
    color: #da9b9b !important;
}
.titlecolor20 {
    color: #f06280 !important;
}
.titlecolor21 {
    color: #dec200 !important;
}
.titlecolor22 {
    color: #e6a11b !important;
}
.titlecolor23 {
    color: #f3672a !important;
}
.titlecolor24 {
    color: #f62d2d !important;
}
.titlecolor25 {
    color: #d2423c !important;
}
.photobox  {
     margin-top: 20px;
     border: 1px solid #eee;
     position: relative;
 }
.photobox .photoinfo  {
     padding: 5px 0px;
     background-color: #000;
    text-align: center;
     color: #fff;
}
#jquery-overlay  {
     position:  absolute;
     top:  0;
     left:  0;
     z-index:  500;
     width:  100%;
     height:  500px;
}
#jquery-lightbox  {
     position:  absolute;
     top:  0;
     left:  0;
     width:  100%;
     z-index:  510;
     text-align:  center;
     line-height:  0;
}
#jquery-lightbox a img  {
     border:  none;
 }
#lightbox-container-image-box  {
     position:  relative;
     background-color:  #fff;
     width:  250px;
     height:  250px;
     margin:  0 auto;
}
#lightbox-container-image  {
     padding:  10px;
 }
#lightbox-loading  {
     position:  absolute;
     top:  40%;
     left:  0%;
     height:  25%;
     width:  100%;
     text-align:  center;
     line-height:  0;
}
#lightbox-nav  {
     position:  absolute;
     top:  0;
     left:  0;
     height:  100%;
     width:  100%;
     z-index:  10;
}
#lightbox-container-image-box > #lightbox-nav  {
     left:  0;
 }
#lightbox-nav a  {
     outline:  none;
}
#lightbox-nav-btnPrev,  #lightbox-nav-btnNext  {
     width:  49%;
     height:  100%;
     display:  block;
}
#lightbox-nav-btnPrev  {
     left:  0;
     float:  left;
}
#lightbox-nav-btnNext  {
     right:  0;
     float:  right;
}
#lightbox-container-image-data-box  {
     font:  10px Verdana,  Helvetica,  sans-serif;
     background-color:  #fff;
     margin:  0 auto;
     line-height:  1.4em;
     overflow:  auto;
     width:  100%;
     padding:  0 10px 0;
}
#lightbox-container-image-data  {
     padding:  0 10px;
     color:  #666;
}
#lightbox-container-image-data #lightbox-image-details  {
     width:  70%;
     float:  left;
     text-align:  left;
}
#lightbox-image-details-caption  {
     font-weight:  bold;
 }
#lightbox-image-details-currentNumber  {
     display:  block;
     clear:  left;
     padding-bottom:  1.0em;
}
#lightbox-secNav-btnClose  {
     width:  66px;
     float:  right;
     padding-bottom:  0.7em;
}
.gal-list ul {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    font-size: 12px;
    list-style: none;
    *zoom: 1;
}
.gal-list ul:after {
    display: block;
    clear: both;
    content: ""}
.gal-list li {
    overflow: hidden;
    float: left;
    position: relative;
    top: 1px;
    width: 140px;
    height: 180px;
    border-bottom: 1px solid #eee;
    line-height: 16px;
}
.gal-list .thumb {
    display: block;
    overflow: hidden;
    position: relative;
    width: 102px;
    height: 77px;
    background: #eee;
    color: #666;
    line-height: 120px;
    text-align: center;
    white-space: nowrap;
}
.gal-list .thumb img {
    display: block;
    width: 100px;
    height: 75px;
    border: 1px solid #A6C4E9;
}
.gal-list .thumb em {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 1px;
    background: #000;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    text-align: center;
    opacity: .6;
    filter: alpha(opacity=60);
}
.gal-list .thumb em {
    _visibility: visible;
    _width: 100%;
    _height: auto;
    _line-height: 20px;
}
.gal-list a {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    text-decoration: none;
    cursor: pointer;
}
.gal-list a strong {
    display: inline-block;
    margin: 8px 0 0 0;
    color: #333;
    width: 110px;
}
.gal-list p {
    width: 120px;
    margin: 0 auto;
    font-size: 11px;
    color: #767676;
    font-family: Tahoma,  Geneva,  sans-serif;
    margin-top: 3px;
}
.gal-list a:hover strong, .gal-list a:active strong, .gal-list a:focus strong {
    text-decoration: underline;
}
.gal-list a:hover .thumb, .gal-list a:active .thumb, .gal-list a:focus .thumb {
    margin: -3px;
    border: 3px solid #eee;
    -moz-box-shadow: 0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
}
.gal-list a:hover .thumb em, .gal-list a:active .thumb em, .gal-list a:focus .thumb em {
    visibility: visible;
    width: 100%;
    height: auto;
}
.bbs-event {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding: 10px 2px;
}
ul.photo-list  {
    border-top: 2px solid #ddd;
     margin-top: 10px;
     padding-top: 10px;
}
ul.photo-list li  {
    float: left;
     list-style: none;
     width: 265px;
     height: 268px;
     margin: 0 10px 20px 10px;
     border: 1px solid #e1e1e1;
}
ul.photo-list li a  {
    display: block;
     width: 265px;
     height: 268px;
     font-size: 14px;
     color: #666;
     word-break: keep-all;
}
ul.photo-list li a strong  {
    display: block;
     padding: 13px 20px 7px 20px;
     font-size: 16px;
     font-weight: normal;
     color: #333;
     text-overflow:  ellipsis;
     white-space:  nowrap;
     overflow:  hidden;
}
ul.photo-list li a span  {
     display: block;
    margin: 0 auto;
     width: 265px;
     height: 180px;
     overflow: hidden;
}
ul.photo-list li a img  {
     max-width: 100%;
     display: block;
     margin: 0 auto;
}
ul.photo-list li a em  {
    display: block;
     font-weight: normal;
     padding: 0 20px 10px 20px;
    font-style:  inherit;
}
ul.photo-list li a:hover  {
    background: #2e8ac5;
     color: #fff;
     text-decoration: none;
}
ul.photo-list li a:hover strong  {
    color: #fff;
}
ul.photo-list li.nophotolist  {
     width: 100%;
     height: 50px;
     text-align: center;
     line-height: 50px;
     margin-left: 0 !important;
 }
.photoview  {
     text-align: center;
     margin-top: 40px;
}
.photoview span  {
      position:  absolute;
      bottom:  -50px;
      left:  0;
      z-index:  -1;
      display:  block;
      width:  300px;
      margin:  0;
      padding:  0;
      color:  #444;
      font-size:  18px;
      text-decoration:  none;
      text-align:  center;
      -webkit-transition:  .3s ease-in-out;
      transition:  .3s ease-in-out;
      opacity:  0;
      background: #000;
      height: 50px;
      line-height: 50px;
      width: 100%;
      color: #fff;
}
.photoview .photoitem  {
     display: inline-block;
     position: relative;
     margin-bottom: 20px;
     overflow: hidden;
     border: 3px solid #ddd;
 }
.photoview .photoitem:hover  {
     border: 3px solid #2e8ac5;
 }
.photoview figure  {
     position:  relative;
     overflow: hidden;
}
.photoviewfigure img  {
     opacity:  1;
     -webkit-transition:  .3s ease-in-out;
     transition:  .3s ease-in-out;
}
.photoview figure:hover img  {
     opacity:  .5;
}
.photoview figure:hover+span  {
     bottom:  0px;
     opacity:  1;
}
.fc-view-container table  {
     margin-bottom:  0 !important;
 }
#ac-date  {
     border-bottom:  1px dotted #ddd;
     padding-bottom:  5px;
     margin-bottom:  10px;
}
#ac-place  {
     font-weight:  bold;
     margin-bottom:  10px;
}
.bbs-calinfo  {
     margin-bottom:  20px;
     background-color:  #f5f5f5;
     padding:  5px;
}
.bbs-calinfo div  {
     margin-bottom: 5px;
 }
.bbs-calinfo span  {
     font-weight:  bold;
}
.bbs-callist  {
     margin-top: 10px;
     border-top: 1px solid #f0f0f0;
     padding-top: 10px;
 }
.bbs-calitem  {
     margin-top:  0px;
     padding-top:  0px;
     margin-bottom:  17px;
     padding-bottom:  18px;
     border-top:  none !important;
     border-bottom:  1px dashed #E5E5E5;
}
.bbs-call-date {
    float:  left;
    width: 120px;
    margin:  0 30px 0 0;
    text-align:  center;
    display:  block;
    position:  relative;
    background: #fff;
    color: #333;
     text-align: center;
    border: 1px solid #ddd;
     -moz-border-radius:  3px 3px 3px 3px;
     -webkit-border-radius:  3px 3px 3px 3px;
     border-radius:  3px 3px 3px 3px;
}
.bbs-call-date .txt  {
    padding: 16px 20px;
    font-size: 24px;
    font-weight: bold;
}
.bbs-call-date .txt span  {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #777;
}
.bbs-cal-title h4  {
    line-height: 19px;
    font-size: 16px !important;
    font-weight: normal !important;
     margin-bottom: 12px;
}
.bbs-cal-title h4 span  {
     display: block;
     font-size: 14px;
     margin-top: 10px;
}
.zsbar0,  .fc-agenda .zsbar0 .fc-event-time,  .zsbar0 .fc-event-skin  {
     border-color: #4180de !important;
     background-color: #4587eb !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar1,  .fc-agenda .zsbar1 .fc-event-time,  .zsbar1 .fc-event-skin  {
     border-color: #638cd9 !important;
     background-color: #6e9cf2 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar2,  .fc-agenda .zsbar2 .fc-event-time,  .zsbar2 .fc-event-skin  {
     border-color: #798ccb !important;
     background-color: #8394cf !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar3,  .fc-agenda .zsbar3 .fc-event-time,  .zsbar3 .fc-event-skin  {
     border-color: #717a8b !important;
     background-color: #7b8493 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar4,  .fc-agenda .zsbar4 .fc-event-time,  .zsbar4 .fc-event-skin  {
     border-color: #424242 !important;
     background-color: #4b4b4b !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar5,  .fc-agenda .zsbar5 .fc-event-time,  .zsbar5 .fc-event-skin  {
     border-color: #2ab0be !important;
     background-color: #2eb8c7 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar6,  .fc-agenda .zsbar6 .fc-event-time,  .zsbar6 .fc-event-skin  {
     border-color: #65bac9 !important;
     background-color: #69c2d2 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar7,  .fc-agenda .zsbar7 .fc-event-time,  .zsbar7 .fc-event-skin  {
     border-color: #8ba4cd !important;
     background-color: #97add2 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar8,  .fc-agenda .zsbar8 .fc-event-time,  .zsbar8 .fc-event-skin  {
     border-color: #8ea0b2 !important;
     background-color: #94a5b6 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar9,  .fc-agenda .zsbar9 .fc-event-time,  .zsbar9 .fc-event-skin  {
     border-color: #8562cd !important;
     background-color: #8c66d9 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar10,  .fc-agenda .zsbar10 .fc-event-time,  .zsbar10 .fc-event-skin {
     border-color: #43b51f !important;
     background-color: #44be1e !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar11,  .fc-agenda .zsbar11 .fc-event-time,  .zsbar11 .fc-event-skin  {
     border-color: #88c141 !important;
     background-color: #93cc4b !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar12,  .fc-agenda .zsbar12 .fc-event-time,  .zsbar12 .fc-event-skin  {
     border-color: #adadad !important;
     background-color: #b4b4b4 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar13,  .fc-agenda .zsbar13 .fc-event-time,  .zsbar13 .fc-event-skin  {
     border-color: #9a80af !important;
     background-color: #a28ab5 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar14,  .fc-agenda .zsbar14 .fc-event-time,  .zsbar14 .fc-event-skin  {
     border-color: #b47fcc !important;
     background-color: #c08bd7 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar15,  .fc-agenda .zsbar15 .fc-event-time,  .zsbar15 .fc-event-skin  {
     border-color: #aab727 !important;
     background-color: #b0bc2d !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar16,  .fc-agenda .zsbar16 .fc-event-time,  .zsbar16 .fc-event-skin  {
     border-color: #c4b856 !important;
     background-color: #ccc05d !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar17,  .fc-agenda .zsbar17 .fc-event-time,  .zsbar17 .fc-event-skin  {
     border-color: #b8ac90 !important;
     background-color: #beb297 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar18,  .fc-agenda .zsbar18 .fc-event-time,  .zsbar18 .fc-event-skin  {
     border-color: #d48b8b !important;
     background-color: #da9b9b !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar19,  .fc-agenda .zsbar19 .fc-event-time,  .zsbar19 .fc-event-skin  {
     border-color: #e05472 !important;
     background-color: #f06280 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar20,  .fc-agenda .zsbar20 .fc-event-time,  .zsbar20 .fc-event-skin  {
     border-color: #d3b800 !important;
     background-color: #dec200 !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar21,  .fc-agenda .zsbar21 .fc-event-time,  .zsbar21 .fc-event-skin  {
     border-color: #dd9913 !important;
     background-color: #e6a11b !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar22,  .fc-agenda .zsbar22 .fc-event-time,  .zsbar22 .fc-event-skin  {
     border-color: #ee601b !important;
     background-color: #f3672a !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar23,  .fc-agenda .zsbar23 .fc-event-time,  .zsbar23 .fc-event-skin  {
     border-color: #dd2d2d !important;
     background-color: #f62d2d !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar24,  .fc-agenda .zsbar24 .fc-event-time,  .zsbar24 .fc-event-skin  {
     border-color: #c03e38 !important;
     background-color: #d2423c !important;
     color: #fff !important;
     font-size: 1em !important;
 }
.zsbar0 a:visited,  .zsbar0 a, .zsbar1 a:visited,  .zsbar1 a, .zsbar2 a:visited,  .zsbar2 a, .zsbar3 a:visited,  .zsbar3 a, .zsbar4 a:visited,  .zsbar4 a, .zsbar5 a:visited,  .zsbar5 a, .zsbar6 a:visited,  .zsbar6 a, .zsbar7 a:visited,  .zsbar7 a, .zsbar8 a:visited,  .zsbar8 a, .zsbar9 a:visited,  .zsbar9 a, .zsbar10 a:visited,  .zsbar10 a, .zsbar11 a:visited,  .zsbar11 a, .zsbar12 a:visited,  .zsbar12 a, .zsbar13 a:visited,  .zsbar13 a, .zsbar14 a:visited,  .zsbar14 a, .zsbar15 a:visited,  .zsbar15 a, .zsbar16 a:visited,  .zsbar16 a, .zsbar17 a:visited,  .zsbar17 a, .zsbar18 a:visited,  .zsbar18 a, .zsbar19 a:visited,  .zsbar19 a, .zsbar20 a:visited,  .zsbar20 a, .zsbar21 a:visited,  .zsbar21 a, .zsbar22 a:visited,  .zsbar22 a, .zsbar23 a:visited,  .zsbar23 a, .zsbar24 a:visited,  .zsbar24 a  {
     color: #fff !important;
 }
#bbs-searchwrap  {
    background-color:  #f5f5f5;
    padding:  20px;
    margin-bottom: 20px;
}
#bbs-searchwrap .left  {
    float: left;
}
#bbs-searchwrap .right  {
    float: right;
}
.portfolio-overlay.board  {
    height:  98.5% !important;
    background-color:  rgba(44, 62, 80, 0.5) !important;
}
.portfolio-desc.board  {
    padding: 10px 5px 10px;
}
.portfolio-desc.board .tit  {
    text-overflow:  ellipsis;
    white-space:  nowrap;
    overflow:  hidden;
}
.portfolio-desc.board .tit a {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
.portfolio-desc.board .tit a:hover {
    font-weight: 600;
    color: #2980b9;
}
.portfolio-desc.board .date  {
    margin: 6px 0 0px;
    font-size: 11px;
    line-height: 12px;
    color: #888;
}
.portfolio-desc.board .date span  {
    display:  inline;
    background: #999;
    color: #fff;
    padding: 1px 4px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    border-radius: 6px;
    margin-right: 3px;
}
.thumbnail-wrap  {
    display:  inline-block;
    width:  100%;
    border:  1px solid #eee;
}
.thumbnail-wrap img  {
    display:  block;
    max-width:  100%;
    height:  auto;
}
.thumbnail-wrap .thumb  {
    position:  relative;
    padding-top:  100%;
    overflow:  hidden;
}
.thumbnail-wrap .thumb img  {
    position:  absolute;
    top: 0;
    left:  0;
}
.thumbnail-wrap .thumb .centered  {
    position:  absolute;
     top:  0;
    left:  0;
      right:  0;
      bottom:  0;
     -webkit-transform:  translate(50%, 50%);
     -ms-transform:  translate(50%, 50%);
     transform:  translate(50%, 50%);
}
.thumbnail-wrap .thumb .centered img  {
     -webkit-transform:  translate(-50%, -50%);
     -ms-transform:  translate(-50%, -50%);
     transform:  translate(-50%, -50%);
}
.thumbnail-wrap .thumb img.portrait  {
     width:  100%;
     max-width:  none;
     height:  auto;
}
.thumbnail-wrap .thumb img.landscape  {
     width:  auto;
     max-width:  none;
     height:  100%;
}
.bbs-blogstyle .cont {
    margin: 0px 0 0 0;
}
.bbs-blogstyle  {
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0px 12px;
}
.bbs-blogstyle ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bbs-blogstyle li {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px dotted #ddd;
}
.bbs-blogstyle li:after {
    display: block;
    clear: both;
    content: ""}
.bbs-blogstyle li:last-child  {
    border-bottom: 0;
}
.bbs-blogstyle a  {
    text-decoration: none;
    cursor: pointer;
}
.bbs-blogstyle a strong {
    margin: 0 0 0px 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.bbs-blogstyle a:hover strong, .bbs-blogstyle a:active strong, .bbs-blogstyle a:focus strong {
    text-decoration: underline;
}
.bbs-blogstyle .thumb  {
    float: left;
    margin: 4px 15px 10px 0;
    zoom: 1;
    *display: inline;
    min-width: 200px;
}
.bbs-blogstyle .thumb img  {
    border: 0;
    max-width: 180px;
}
.bbs-blogstyle .date  {
    margin: 5px 0 15px 0;
    line-height: 1.4;
    font-size: 12px;
}
.bbs-blogstyle .date span  {
    color: #888;
    font-size: 12px;
}
.bbs-blogstyle .date em  {
    color: #ddd;
    font-style: normal;
    padding: 0 5px;
}
.bbs-blogstyle .date a:hover  {
    text-decoration: underline;
}
.bbs-blogstyle .deleted {
    color: #c0392b;
    text-decoration:  line-through;
    margin-right: 5px;
}
.bbs-blogstyle .cate  {
    margin-right: 5px;
}
#bbs-view-wrap  {
    margin: 5px 0px;
    position: relative;
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
}
#bbs-view-wrap h1.bbstitle  {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    border-top: 2px solid #666;
    padding: 22px 7px;
    margin-bottom: 0;
}
#bbs-view-wrap .infowrap  {
    position: relative;
    color: #222;
    background: #f2f2f2;
    padding: 10px 16px;
    border: 1px solid #ddd;
}
#bbs-view-wrap .infowrap p  {
    margin-bottom: 0 !important;
}
#bbs-view-wrap .writer  {
    float: left;
    font-size: 13px;
    line-height: 20px;
}
#bbs-view-wrap .sns  {
    float: right;
    color: #333;
    font-size: 20px;
    line-height: 20px;
}
#bbs-view-wrap .sns a  {
    color: #333;
    margin-left: 8px;
}
#bbs-view-wrap .sns a:hover  {
    color: #194389;
}
#bbs-view-wrap .writer span  {
    color: #333;
}
.bbs_contents  {
    border-bottom: 1px solid #ccc;
     padding:  40px 10px 60px;
    margin-bottom: 30px;
}
#bbs-view-wrap .cnt  {
    padding: 15px 5px;
    border-bottom: 1px dotted #bbb;
    color: #555;
    font-size: 14px;
}
#bbs-view-wrap .cnt img  {
    max-width: 100%;
    height: auto;
}
#bbs-view-wrap .att-file  {
    border: 1px solid #ddd;
    padding: 18px 20px;
    background: #ecf0f1;
}
#bbs-view-wrap .att-file p  {
    font-size: 14px;
    font-weight: bold;
    color: #333;
     margin-bottom: 10px;
}
#bbs-view-wrap .att-file ul  {
     margin-bottom: 0px;
}
#bbs-view-wrap .att-file li  {
    list-style: none;
    padding: 4px 0 0 0px;
}
#bbs-view-wrap .att-file li span {
    margin-left: 4px;
    font-size: 12px;
    font-family: 'tahoma'}
#bbs-view-wrap .att-file li a  {
    color: #444;
}
#bbs-view-wrap .att-file li a:hover  {
    color: #2754a7;
    text-decoration: underline;
}
#bbs-view-wrap .function  {
    padding: 10px 3px;
    position: relative;
}
#bbs-view-wrap .tline  {
    border-top: 1px solid #ddd;
}
#bbs-view-wrap .lbtn  {
    float: left;
}
#bbs-view-wrap .rbtn  {
    float: right;
    line-height: 20px;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 0 !important;
}
@media screen and (max-width: 767px)  {
    .bbs-blogstyle a strong {
    font-size: 14px;
}
.bbs-blogstyle .thumb {
    display: block;
    clear: both;
    margin: 0px 0 20px 0;
    zoom: 1;
    width: 100%;
    height: auto;
}
.bbs-blogstyle .thumb img {
    max-width: 100%;
    text-align: center;
    width: 100%;
    height: auto;
}
.bbs-blogstyle .tit  {
    display: block;
}
.bbs-tblstyle .title a span  {
    font-size: 14px;
}
#bbs-view-wrap h1.bbstitle  {
    font-size: 16px;
}
}