@charset "utf-8";

#periodSection{
    margin-top: 30px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    height: 50px;
    display: flex;
    padding-right: 20px;
    padding-left: 52px;
    background-size: 20px 20px;
    background-color: #fff;
    background-image: url("/help/image/icon.search.png");
    background-repeat: no-repeat;
    background-position: left 20px center;
}

#periodSection * {
    align-self: center;
}

#periodSection .calendarButton{
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 16px;
}

#periodSection span.wave{
    color: #666;
    font-size: 12px;
    margin: 0 11px;
}

#periodSection input[type="text"]{
    color: #666666;
    width: 110px;
    height: 24px;
    font-size: 12px;
    border: 1px solid #d8d8d8;
    text-indent: 10px;
    border-radius: 4px;
}

#periodSection label{
    margin-left: 0;
}

#periodSection .input-group{
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
}

/* 버튼 사용시 두개다 활성 시키기*/
/*#periodSection .input-group:after{*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 5px;*/
    /*content: "";*/
    /*display: inline-block;*/
    /*height: 16px;*/
    /*width: 1px;*/
    /*border-right: 1px solid #acacac;*/
/*}*/

/*#periodSection .searchButton{*/
    /*font-size: 0;*/
    /*display: inline-block;*/
    /*width: 54px;*/
    /*height: 24px;*/
    /*background-image: url("/help/image/button.search.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: contain;*/
/*}*/

.boardDetail .content *  {
    font-family: 'Malgun Gothic';
    vertical-align: bottom;
}

.boardDetail .content img.fr-tag    {
    border: 1px solid #ebebeb;
    padding: 2px;
}

.boardListTable{margin-top: 20px;font-size: 14px;}
.boardListTable th,.boardListTable td{height: 40px;}
.boardListTable td{color: #666;}
.boardListTable .cell_title{padding-left: 15px;text-align: left;}
.boardListTable .title:hover{color: #000000;font-weight: 700;}

/* boardDetail */
.boardDetail .detailTable{
    margin-top: 103px;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    color: #666666;
}
.boardDetail .detailTable .title th{
    color: #000000;
    border-top: 1px solid #ff7800;
    height: 38px;
    font-size: 14px;
}
.boardDetail .detailTable .date th{
    font-size: 12px;
    color: #666;
    border-top: 1px solid #e8e8e8;
    height: 39px;
    text-align: right;
    padding-right: 20px;
    background-color: #fff;
}
.boardDetail .detailTable .date th strong{
    margin-right: 8px;
}
.boardDetail .detailTable .date th span{
    margin-left: 11px;
}

.boardDetail .detailTable td{
    border-top: 1px solid #e8e8e8;
}

.boardDetail .detailTable .content td{
    font-size: 14px;
    vertical-align: top;
    line-height: 18px;
    padding: 30px;
    height: 307px;
    color: #666;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
}

.boardDetail .goListButton{
    min-width: 60px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #545250;
    border-radius: 3px;
}

.boardDetail .buttonWrap{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}


/* 페이지네이션 */
.paging{display: flex; align-items: flex-start; justify-content: center;margin-top: 30px;}
.paging > *{
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    display: inline-block;
    text-decoration: none;
    color: #888888;
    font-size: 12px;
}

.paging a:LINK, a:ACTIVE, a:VISITED{
    color: #888888;
}

.paging .first,
.paging .prev,
.paging .next,
.paging .last{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    margin-top: 1px;
}



.paging.type1 > *{
    padding: 0 2px;
}

.paging.type1 > * + *{
    margin-left: 11px;
}

.paging.type1 > *.now{
    color: #000000;
}

.paging.type1 > *.now:after{
    content: "";
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 4px;
    height: 2px;
    background-color: #000;

}

.paging.type1 .first{
    width: 10px;
    height: 9px;
    background-image: url("/help/image/paging/type1/button.first.png");
}
.paging.type1 .prev{
    width: 6px;
    height: 9px;
    background-image: url("/help/image/paging/type1/button.prev.png");
}
.paging.type1 .next{
    width: 6px;
    height: 9px;
    background-image: url("/help/image/paging/type1/button.next.png");
}
.paging.type1 .last{
    width: 10px;
    height: 9px;
    background-image: url("/help/image/paging/type1/button.last.png");
}

.paging.type1 .first:hover{
    background-image: url("/help/image/paging/type1/button.first.hover.png");
}
.paging.type1 .prev:hover{
    background-image: url("/help/image/paging/type1/button.prev.hover.png");
}
.paging.type1 .next:hover{
    background-image: url("/help/image/paging/type1/button.next.hover.png");
}
.paging.type1 .last:hover{
    background-image: url("/help/image/paging/type1/button.last.hover.png");
}