/* 
    Board.css
    WildRain ¼öÁ¤ 2012-11-09

    °Ô½ÃÆÇ ±âº» CSS
*/

img {
    border : 0;
}

.board-write {
    /*width : 100%;*/
    border-top : 2px solid #aaa;
    border-bottom : 1px solid #aaa;
    margin : 0 0 0 20px;
    width : 770px;
}
.board-write input[type=text],
.board-write textarea {
    font : normal normal normal 12px/18px "µ¸À½", Dotum, "±¼¸²", Gulim;
}
.board-write input[type=text],
.board-write input[type=password] {
    height : 18px;
    padding : 2px 0 0 0;
    border : 1px solid #bcd38d;
}
.board-write input[type=text] {
    /*width : 80%;*/
}
.board-write select {
}
.board-write textarea {
    height : 70px;
    width : 90%;
    border : 1px solid #bcd38d;
}
.board-write select {
    border : 1px solid #bcd38d;
}
.board-write > tbody > tr > th,
.board-write > tbody > tr > td {
    border-bottom : 1px solid #eee;
    padding : 8px;
}
.board-write > tbody > tr > th {
    color : #888;
    width : 100px;
}
.board-write.foot {
    margin : 20px 0 0 0;
    text-align : center;
}
.board-write .auto-fit {
    width : 80%;
}

.board-write small {
    display : block;
    font-size : 11px;
    margin : 5px 0 0 0;
    color : #888;
}
.board-write tr:last-child th,
.board-write tr:last-child td {
    border-bottom : 1px solid #aaa;
}

/**************************************/
/*  board-search                      */
/**************************************/

.board-search {
    text-align : right;
    margin : 0 0 10px 0;
}
.board-search select {
    border : 1px solid #c7c7c7; /*#bcd38d;*/
    font-size : 12px;
    height : 22px;
    /*padding : 0 0 2px 0;*/
}
.board-search input[type=text] {
    border : 1px solid #c7c7c7; /*#bcd38d;*/
    height : 18px;
    width : 150px;
    background-color : White;
    color : #888;
    font-size : 12px;
    line-height : 18px;
    padding : 2px 0 0 0;
    margin : 0 0 0 5px;
}
.board-search button,
.board-search input[type=submit] {
    border : 1px solid #9a9a9a;
    color : #666666;
    font : normal 11px dotum;
    height : 22px;

    background: -webkit-linear-gradient(white, blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, blue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, blue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #eaeaea); /* Standard syntax (must be last) */
}

/**************************************/
/*  board-list                        */
/**************************************/

.board-list {
    /* 
        board-listÀÇ width´Â 100%¸¦ À¯ÁöÇÑ´Ù. 
        »çÀÌÁî, À§Ä¡µî Á¶Á¤ ÇÊ¿ä½Ã¿¡´Â board-list¸¦ µÑ·¯½Ñ wrapper¸¦ ÀÌ¿ëÇÑ´Ù.
    */
    box-sizing : border-box;
    width : 100%;
    border-bottom : 1px solid #aaaaaa!important;
    table-layout : fixed;
    font : normal normal normal 12px/12px "µ¸¿ò", Dotum, "±¼¸²", Gulim, Verdana, sans-serif;
    border-collapse : collapse;
    border-spacing : 0;
}
.board-list > thead > tr > th,
.board-list > tbody > tr > th {
    box-sizing : border-box;
    min-height : 35px;
    height : 35px;
    border-top : 2px solid #aaaaaa!important;
    background : url(/Images/Board/board-header-separator.png) no-repeat center right;
    color : #888888;
    /*padding : 10px 5px;*/
    font-weight :normal;
}
.board-list > tbody > tr > td {
    box-sizing : border-box;
    min-height : 35px;
    height : 35px;
    border-bottom : 1px solid #eeeeee;
    /*padding : 7px 3px;*/
    color : #666;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space:nowrap;
}
.board-list .board-list-header {
    width : 100%;
}

.page-navigator {
    text-align : center;
    margin : 10px 0 0 0;
}
.page-navigator > table {
    margin : 0 auto;
}
.page-navigator table tbody tr td {
    padding : 0;
}
.board-function {
    text-align : right;
    margin : 20px 0 0 0;
}

/**************************************
    board-view 
**************************************/

.board-view {
    box-sizing : border-box;
    margin : 0 0 0 20px;
    width : 770px;
    border-bottom : 1px solid #aaa;
}
.board-view > thead > tr > th {
    border-top : 2px solid #aaa;
    border-bottom : 1px solid #eee;
    color : #888;
    padding : 10px 10px;
    background : url(/Images/Board/board-header-separator.png) no-repeat center right;
}
.board-view > thead > tr > td {
    color : #666; 
    padding : 10px;
    text-align : center;
    background: url(/Images/Board/board-header-bg.png) repeat-x bottom;
}
.board-view > tbody > tr > td {
    padding : 10px;
    line-height : 150%;
}
.board-view > thead > tr > th,
.board-view > thead > tr > td,
.board-view > tbody > tr > td {
    box-sizing : border-box;
    min-height : 35px;
}



.board-view-vertical {
    width : 100%;
    border-top : 2px solid #aaa!important;
    border-bottom : 1px solid #aaa;
    margin : 0 0 -1px 0;
}
.board-view-vertical > tbody > tr > th,
.board-view-vertical > tbody > tr > td {
    border-top : 1px solid #eee;
    padding : 10px;
}
.board-view-vertical > tbody > tr > th {
    color : #888;
    width : 100px;
}
.board-view-vertical > tbody > tr > td {
    color : #666;
}



/**************************************
    board-pass
**************************************/

.board-pass {
    margin : 0 0 0 20px;
    width : 770px;
    border-bottom : 1px solid #aaa;
}
.board-pass th {
    width : 100px;
    color : #888;
}
.board-pass th,
.board-pass td {
    padding : 8px;
}
.board-pass input[type=password] {
    height : 18px;
    padding : 2px 0 0 0;
    border : 1px solid #bcd38d;
}

input.zipcode {
    width : 60px!important;
}
input.address {
    width : 300px!important;
}
input.detail-adress {
    margin : 5px 0 0 0;
}
input.date {
    width : 70px!important;
}

/*.validation-summary-errors {
    margin-left : 20px;
}*/

.text-center {
    text-align : center;
}


.hiway-page-navi {
            padding: 10px 0;
            clear: both;
            text-align: center;
            /*border : 1px solid red;*/
        }
        .hiway-page-navi img {
            border : 0;
            vertical-align : middle;
        }
        .hiway-page-navi a,
        .hiway-page-navi span,
        .hiway-page-navi .first,
        .hiway-page-navi .previous,
        .hiway-page-navi .goto,
        .hiway-page-navi .next,
        .hiway-page-navi .last {
            font-family: µ¸¿òü;
            font-size: 12px;
            padding: 3px 5px 0 5px;
            background-color: White;
            margin: 1px;
            font-weight: bold;
        }

        .hiway-page-navi a {
            text-decoration: none;
            color: #777;
        }

        .hiway-page-navi .current {
            color: #b36e0c;
            border: 1px solid #b36e0c;
        }

        .hiway-page-navi .disabled {
            color: #aaa;
        }



.file-select-holder {
            height: 25px;
            overflow: hidden;
        }

        .file-select-holder label {
            border: 1px solid #333;
            display: inline-block;
            font-size: 11px;
            line-height: 11px;
            padding: 3px 5px 0px 5px;
            vertical-align: auto;
            border-radius: 5px;
            color: White;
            background-color: #444;
            text-align: center;
            cursor: pointer;
        }

        .file-select-holder input[type=text] {
            width: 400px !important;
        }

        .file-select-holder a {
            display: inline-block;
            border: 1px solid #bcd38d;
            line-height: 18px;
            height: 18px;
            width: 400px !important;
            padding: 1px 4px;
            vertical-align: middle;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .file-select-holder input[type=file] {
            width: 10px;
            margin: -120px 0 0 0;
        }

.phone-numbers-holder {

        }
        .phone-numbers-holder input {
            width : 50px;
            text-align : center;
        }
        .email-address-holder {

        }
        .email-address-holder input[type=text] {
            width : 100px;
        }
        .email-address-holder select {
            
        }
        .address-holder {

        }
        .address-holder input {

        }
        .address-holder #Form_ZipCode,
        .address-holder input.zip-code {
            width : 70px;
            text-align : center;
        }
        .address-holder a {

        }
        .address-holder #Form_ZipAddr,
        .address-holder input.zip-addr {
            width : 250px;
        }
        .address-holder #Form_DtlAddr,
        .address-holder input.dtl-addr {
            width : 435px;
            margin : 5px 0 0 0;
        }
        .editor-holder {
            padding : 0!important;
            height : 455px;
        }

.board-agree {
            margin : 15px 0 15px 20px;
            text-align : center;
        }
        .board-agree iframe {
            width : 100%;
            border : 1px solid #cdcdcd;
        }

.card-number-holder {

}
.card-number-holder input[type=text],
.card-number-holder input[type=password] {
    width : 50px;
    text-align : center;
}
.card-valid-date-holder {

}
.card-valid-date-holder input[type=text],
.card-valid-date-holder input[type=password] {
    width : 60px;
    text-align : center;
}
.textarea-holder {

}
.textarea-holder textarea {
    box-sizing : border-box;
    width : 100%;
    height : 50px;
}

.title-holder input[type=text] {
    width : 100%;
}