@charset "utf-8";

/* 이벤트 list */
#event-list .media {
    border-bottom:1px solid #efefef;
    padding-bottom:10px;
    padding-top:10px;
    clear:both;
    overflow:hidden;
    margin:0;
}
#event-list .board-thumbnail {
    padding:5px;
    border:1px solid #ddd;
    background-color:#fff;
    text-align:center;
    display:table;
    width:100%;
}
#event-list .board-thumbnail a {
    height:80px;
    display:table-cell;
    vertical-align:middle;
    color:#666;
    text-decoration:none;
}
#event-list .board-thumbnail a img {
    max-width:100%;
    max-height:80px;
}

#event-list .board-subject {
    clear:both;
    overflow:hidden;
    margin:5px 0 10px;
}
#event-list .board-subject a {
    color:#333;
    font-weight:bold;
}
#event-list .board-info .name {
    padding:0 6px 0 0;
    font-weight:bold;
    font-size:13px;
    color:#777;
}
#event-list .board-info .date {
    height:12px;
    padding:0 0 0 10px;
    font-size:13px;
    color:#666;
    border-left:1px solid #ddd;
    overflow:hidden;
}
@media (max-width:768px) {
    #event-list .board-thumbnail {
        margin-bottom:10px;
    }
}

/* FAQ 탭메뉴 */
#faq-list .category-collapse {
    padding-left:0;
    padding-right:0;
}
#faq-list .category-collapse .menu {
    margin:0 0 20px;
    padding-left:0;
    list-style:none;
}

#faq-list .category-collapse .menu {
    overflow:hidden;
    width:100%;
    position:relative;
}
#faq-list .category-collapse .menu:after {
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:#ddd;
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1;
}
#faq-list .category-collapse li {
    float:left;
    border:1px solid #fff;
    border-bottom:1px solid #ddd;
    margin-right:2px;
    background:#fff;
}
#faq-list .category-collapse li a {
    display:block;
    color:#444;
    padding:10px 15px;
    text-decoration:none;
}
#faq-list .category-collapse li a:hover {
    background:#eee;
}
#faq-list .category-collapse li.active {
    color:#ea321a;
    border:1px solid #ddd;
    border-bottom:1px solid #fff;
}
#faq-list .category-collapse li.active a {
    color:#ea321a;
    font-weight:bold;
}
@media (max-width:768px) {
    #faq-list .navbar-toggle {
        margin:0 0 10px 0;
    }
    #faq-list .category-collapse li {
        border:none !important;
        float:none;
        display:block;
    }
    #faq-list .category-collapse li a {
        padding:8px 10px;
    }
    #faq-list .category-collapse li.active a {
        background:#eee;
    }
}

/* FAQ 본문 */
#faq-list .panel-group {
    margin-bottom:-1px;
}
#faq-list .panel {
    border:1px solid #ddd;
    border-width:1px 0;
}
#faq-list .panel-heading {
    background:#fff;
    padding:0;
}
#faq-list .panel-heading a {
    display:block;
    padding:10px 17px;
    color:#444;
    text-decoration:none;
    font-weight:bold;
    font-size:13px;
}
#faq-list .panel-heading a.collapsed {
    font-weight:normal !important;
}
#faq-list .panel-heading .bulit {
    color:#666;
    margin-right:10px;
    font-weight:bold;
    display:inline-block;
}
#faq-list .panel-body {
    padding:10px 10px 10px 40px;
    position:relative;
    background:#fbfbfb;
    font-size:13px;
}
#faq-list .panel-body .bulit {
    position:absolute;
    left:18px;
    top:10px;
    font-weight:bold;
    color:#c66;
}

/* FAQ 줄어들었을때 생기는 버튼 */
#faq-list .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color:#ddd;
}
#faq-list .navbar-toggle {
    border-color:#ddd;
}
#faq-list .navbar-toggle .icon-bar {
    background-color:#888;
}

/* 평점관련 */
.rate {
    float: left;
    display: inline;
    margin-right: 5px;
    background: url('/imgs/system/icon/rate_bg.gif') repeat-x 0 0;
}
.rate_on {
    overflow: hidden;
    float: left;
}
.rate_on img {
    vertical-align: top;
}

/* 테이블 view 공통 */
table.type-article-view {
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
table.type-article-view thead th,
table.type-article-view thead td {
    border:1px solid #ddd;
    border-width:1px 0;
    font-size:13px;
}
table.type-article-view thead th {
    background:#fbfbfb;
    color:#666;
    font-weight:bold;
}
table.type-article-view thead h4 {
    font-size:14px;
    color:#333;
    font-weight:bold;
    margin:0;
    line-height:130%;
    word-break:break-all;
}
table.type-article-view thead td {
    color:#999;
    height:45px;
    padding-left:15px;
}
table.type-article-view td.content {
    padding:0;
}
table.type-article-view .content-list {
    padding:10px;
    font-size:13px;
}
table.type-article-view .content-list h5 {
    font-weight:bold;
    font-size:13px;
    margin:0 0 10px;
}
table.type-article-view .content-list .date {
    color:#666;
    font-size:13px;
    font-weight:normal;
}
table.type-article-view .content-list .content {
    margin-bottom:5px;
}
table.type-article-view .content_q {
    border-top:1px dotted #ddd;
}
table.type-article-view .content_q:first-child {
    border-top:none;
    padding-top:15px;
}
table.type-article-view .content_q h5 {
    color:#c66;
}
table.type-article-view .content_q ul {
    margin:10px 0;
}
table.type-article-view .content_q ul li {
    color:#c66;
    list-style:none;
    margin-bottom:5px;
}
table.type-article-view .content_q table {
    width:100%;
}
table.type-article-view .content_a {
    padding-top:0;
    padding-left:45px;
    padding-bottom:15px;
    background:url("../imgs/comment_list_reply_bulit.gif") no-repeat 20px 0;
}
table.type-article-view .content_a h5 {
    color:#369;
}
table.type-article-view .content_a .box {
    padding:15px 20px;
    background:#fff6f6;
}
table.type-article-view tfoot td {
    padding:20px;
    border:1px solid #ddd;
    background:#fbfbfb;
}
table.type-article-view tfoot td p {
    margin-bottom:0;
}
table.type-article-view tfoot td textarea {
    margin-bottom:10px;
}
@media (max-width:1200px) {
    /* 모바일에서 이미지 작아지지 않는 것 때문에 추가 */
    table.type-article-view .content-list.content_q img {
        width:100% !important;
        height:auto !important;
    }
}

/* 테이블 list 공통 */
.board-list table.table {
    border-top:1px solid #ddd;
}
.board-list table.table th,
.board-list table.table td {
    border:1px solid #ddd;
    border-width:1px 0;
    color:#666;
    font-size:13px;
}
.board-list table.table th {
    background:#fbfbfb;
}
.board-list table.table td.item-info a {
    color:#333;
}
.board-list table.table td.status-ready {
    color:#666;
}
.board-list table.table td.status-ok {
    color:#369;
}
.board-list table.table td.status-add {
    color:#f63;
}
.board-list table.table td.status-read,
.board-list table.table td.status-run,
.board-list table.table td.status-not {
    color:#c33;
}

/* 테이블 list - mobile 버전 */
.board-list table.table-mobile td.item-info {
    padding-left:7px !important;
}
.board-list table.table-mobile th,
.board-list table.table-mobile td.item-info,
.board-list table.table-mobile td.item-info a {
    font-size:13px;
}
.board-list table.table-mobile ul.info-list {
    overflow:hidden;
    padding:0;
    margin:3px 0 0;
}
.board-list table.table-mobile ul.info-list li {
    position:relative;
    list-style:none;
    font-size:11px;
    color:#666;
    float:left;
    display:inline;
    padding-right:5px;
    margin-right:5px;
}
.board-list table.table-mobile ul.info-list li:after {
    content:"";
    display:block;
    width:1px;
    height:12px;
    background:#ccc;
    position:absolute;
    right:0;
    top:1px;
}
.board-list table.table-mobile ul.info-list li:last-child {
    margin-right:0;
    padding-right:0;
}
.board-list table.table-mobile ul.info-list li:last-child:after {
    display:none;
}
.board-list form[name=form-search] {
    margin-top:20px;
}
@media (max-width:768px) {
    .board-list form[name=form-search] .form-group {
        float:left;
        margin-right:5px;
        width:20%;
    }
}


/* -------------------- 여기까지 maker -------------------- */

/* pagination reset */
.pagination {clear:both; width:100%; margin:0; padding:10px 0; text-align:center;}
.pagination * {margin:0; padding:0;}
.pagination a,
.pagination strong {display:inline-block; position:relative; color:#333; font-family:tahoma, sans-serif; text-decoration:none; vertical-align:middle; line-height:normal;}

.pagination a:hover,
.pagination a:active,
.pagination a:focus {background-color:#f4f4f4 !important;}
.pagination strong {color:#f22222;}

.pagination span a {font-weight:normal !important; white-space:nowrap;}
.pagination span a:hover,
.pagination span a:active,
.pagination span a:focus {background:transparent !important; text-decoration:none;}

.pagination .prev a {border-left:none !important;}
.pagination .next a {border-right:none !important;}

.pagination .direction.prev {margin-right:-3px;}
.pagination .direction.next {margin-left:-3px;}

/* pagination .a1 */
.pagination.a1 span {color:#ccc;}
.pagination.a1 a,
.pagination.a1 strong {margin:0; padding:1px 9px; border-right:1px solid #ccc; font-weight:bold; background-color:transparent;}
.pagination.a1 span a {margin:0;}