@charset "utf-8";



.board {width:710px; font-size:14px;}
.board .BoardListSearch *{ vertical-align:middle;}
.board .BoardListSearch {     background: none repeat scroll 0 0 #bebebe;
    border-radius: 3px;
    padding: 10px 0;
    position: relative;
    text-align: center;}
.board .BoardListSearch select {   height: 28px;border:1px solid #b2b1b1; 
    width: 80px;}
    /**/
.board .BoardListSearch input[type=search] { border:1px solid #b2b1b1; padding:1px 3px 3px 3px;    height: 22px;
    border: 1px solid #b2b1b1;    border-radius: 3px;    color: #de405f;width: 250px;    outline-color: #0093F0;}
.board .BoardListSearch input[type=text] { border:1px solid #b2b1b1; padding:1px 3px 3px 3px;    height: 22px;
    border: 1px solid #b2b1b1;    border-radius: 3px;    color: #de405f;width: 250px;    outline-color: #0093F0;}
.board .BoardListSearch img.search { cursor:pointer;}

.BoardList{width:100%; margin-top:3px;  border-top:2px solid #bebebe; border-bottom:2px solid #bebebe;}
.BoardList th {height:28px; background-color:#5b8ebb; text-align:center; color:#fff; }
.BoardList th div { background-image:url(../../images/Site/bl_95c0d21x8.jpg); background-position: right center; background-repeat:no-repeat; text-align:center; color:#fff;}
.BoardList th.noBg div {background-image:none;}
.BoardList tr.noBg td {border:none;}
.BoardList td{height:60px;border-bottom:1px dashed #E0E0E0; color:#3f3e3e; text-align:center;}
.BoardList tr:hover{background-color:#fafafa;}
.BoardList td.num { width:80px; }
.BoardList td.title { text-indent:11px; text-align:left;}
.BoardList td.regDate { width:120px; }
.BoardList td.file { width:20px; }

.board-detail {width:710px; font-size:14px;border-top:2px solid #bebebe;border-bottom:2px solid #bebebe;
               margin-top:30px;}
.board-detail .view-header {padding: 24px;} 
.board-detail .view-header h3 {color:#de405f; font-size:20px; margin-bottom:10px;}

.readBody{padding: 20px;}

.view-footer { font-size: 16px;border-top:1px solid #bebebe;}
.file-th {padding:16px 30px;background:#fafafa;}
.file-td {padding:16px 30px;}
.file-td dl{line-height:33px;}

.PicList{width:100%; margin-top:3px;  border-top:2px solid #e0e0e0;}

.PicThumb{ width:160px;  }
.PicThumb td.pic { height:130px;  }
.PicThumb td.title { text-indent:11px; text-align:left;}
.PicThumb td.regDate { width:100px; }

/** album-box **/

.album-box {margin-top:2px; width:740px;}
.album-box li {float:left;display: block;overflow: hidden; margin:30px 19px 10px 0px;width:162px;}
    .album-box li dt.photo {
        height: 130px;
        width:160px;
        border:1px solid #E0E0E0; 
        text-align:center;
        position: relative;
        display:table;
    }

        .album-box li dt.photo span { display:table-cell; vertical-align:middle; }

        .album-box li dt.photo img 
        {
           /*position:absolute;
             top:0px;
            left:0px;*/
        }

/*
.album-box li dt.photo {text-align:center;  height:130px; vertical-align:middle; position: relative;}
    .album-box li dt.photo img {
        position: absolute;
        top: 50%;
        left: 50%;
        left: 0px\9;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
*/

.album-box li dl .tit { padding-top:7px;text-align:center; display:block;  overflow:hidden;}
.album-box li dl .date { text-align:center; padding-top:7px; font-size:13px;color:#9b9b9b;}

.view-header {
    background: none repeat scroll 0 0 #F9F9F9;
}


/* Board Navigation */
.boardNavigation{ text-align:center; *zoom:1; _zoom:0;}
.boardNavigation:after{ content:""; display:block; float:none; clear:both;}
.boardNavigation .pagination{ padding:5px 0; }
.boardNavigation .buttonLeft{ float:left; text-align:left;}
.boardNavigation .buttonRight{ float:right; text-align:right;}

/* Pagination */
.pagination{ padding:15px 0; margin:0; text-align:center;font-size: 14px;}
.pagination *{ margin:0; padding:0; vertical-align:middle;}
.pagination img{ border:0;} 
.pagination strong,
.pagination a{ margin: 0 10px; font-weight:bold;}
.pagination strong,
.pagination a.prev,.pagination a.next,.pagination a.prevEnd,.pagination a.nextEnd
{  margin: 0px;}

.pagination strong {
    background: none repeat scroll 0 0 #de405f;
    border-radius:40px;
    /*background-image:url(../../images/Site/back_list.png);  background-repeat:no-repeat;*/
    color: #FFFFFF; text-align:center; 
    display: inline-block;
    line-height: 1.3;
    margin: 0 6px;
    padding: 6px 11px;
    vertical-align: middle;
}

/* BoardRead */
.boardRead { position:relative; font-size:12px;}
.boardRead .titleAndDate { background-color:#5b8ebb; height:28px; *zoom:1;}
.boardRead .titleAndDate:after{ content:""; display:block; clear:both;}
.boardRead .titleAndDate .title { float:left; font-weight:bold; color:#fff; line-height:30px; padding-left:14px; font-size:12px;}
.boardRead .titleAndDate .date { float:right;  padding-right:9px; line-height:31px; color:#fff; font-size:12px;}

.boardRead .numAndReading {position:relative; top:-2px; margin:0; height:28px; background-color:#f3f3f3;  *zoom:1;}
.boardRead .numAndReading:after{ content:""; display:block; clear:both;}
.boardRead .numAndReading div { font-size:12px; line-height:30px;}
.boardRead .numAndReading .num { float:left; width:142px; padding-left:14px; }
.boardRead .numAndReading .category {float:left;}
.boardRead .numAndReading .author {float:right; margin-right:9px;}

.boardRead .readBody { padding:29px 0 45px 14px; line-height:18px; font-size:12px;}

.boardRead .attachFile { padding-left:13px; background-color:#f3f3f3;	line-height:28px; *zoom:1;}
.boardRead .attachFile:after{ content:""; display:block; clear:both;}

.boardRead .boardSummaryList { margin:9px 0 0 0; padding:0 0 4px 13px; list-style:none; border-bottom:1px solid #eaeaea;}
.boardRead .boardSummaryList li{ line-height:2;}

.clear {margin:0; padding:0; clear:both; height:0; line-height:0; font-size:0; *zoom:1;}

/* feedBack */
.feedbackList { margin:0; padding:0; width:700px; *zoom:1;}
.feedbackList:after{ content:""; display:block; clear:both;}
.feedbackList .emoticon { margin:44px 0 0 0;}
.feedbackList .sizeAndLogin{ padding-bottom:6px; border-bottom:2px solid #e0d8c9;  *zoom:1;}
.feedbackList .sizeAndLogin:after{ content:""; display:block; clear:both;}
.feedbackList .sizeAndLogin .size { float:left; margin-top:8px;}
.feedbackList .sizeAndLogin .login { float:right;}
.feedbackList .textEditor * { vertical-align:middle;}
.feedbackList .replyList { width:700px; border-top:1px solid #e0d8c9; border-bottom:2px solid #e0d8c9;}
.feedbackList .replyList td {height:34px;text-align:left; border-top:1px dotted #bbbbbb; font-size:12px;}
.feedbackList .replyList td.author {padding-left:15px; font-weight:bold; color:#625f58;}
.feedbackList .replyList tr#firstchild td {border:none;}

.preNxtList {width:700px; border-top:2px solid #e0d8c9; border-bottom:2px solid #e0d8c9;}
.preNxtList td { padding-left:10px; height:33px;text-align:left; border-top:1px solid #e0d8c9; font-size:12px;}
.preNxtList td.empty {color:#d5c2b4;}
.preNxtList td strong { color:#736357;}
.preNxtList td a {}

/* tableType */
.tableType1 {width:629px; margin:0 auto; border-collapse:collapse; }
.tableType1 th { padding:0 20px 0 30px; width:100px; background-color:#f2f2f2; border:1px solid #d1cbcd; text-align:left; vertical-align:middle; white-space:normal; font-size:12px; line-height:1.5;}
.tableType1 td { border:1px solid #d1cbcd; padding:16px 21px; font-size:12px; line-height:1.5;}


.tableType2 {width:100%; border-collapse:collapse; }
.tableType2 th { padding:7px 0 5px 0; background-color:#f2f2f2; border:1px solid #d1cbcd; text-align:center; vertical-align:middle; white-space:normal; font-size:12px; line-height:1.5;}
.tableType2 td { border:1px solid #d1cbcd; padding:16px 10px; font-size:12px; line-height:1.5; text-align:left;}

.tableType3 {width:100%; border-collapse:collapse; }
.tableType3 th { padding:0 13px 0 15px; width:139px; background-color:#f2f2f2; border:1px solid #d1cbcd; text-align:left; vertical-align:middle; white-space:normal; line-height:1.5; font-weight:normal;}
.tableType3 td { border:1px solid #d1cbcd; padding:12px 15px; line-height:1.5;}

.tableType4 {width:620px; margin-left:24px; border-top:1px solid #e5e5e5; border-collapse:collapse; }
.tableType4 th { padding:20px 10px 26px 14px; width:204px; border-bottom:1px solid #e5e5e5; text-align:left; vertical-align:middle; white-space:nowrap; line-height:1.5; font-weight:normal;}
.tableType4 td { border-bottom:1px solid #e5e5e5; padding:20px 0 26px 0; vertical-align:middle; line-height:1.5;}