/* *******************************************************************
    학술행사 스타일
******************************************************************* */
.event-list-area {

}

/* 소개 문구 */
.event-list-area .highlight-box {
    margin: 0;
}
.event-list-area .highlight-box p {
    margin: 0 0 10px;
}
.event-list-area .highlight-box p:last-child {
    margin: 0;
}

/* 행사 리스트 */
.event-list {

}
.event-wrap {

}
.event-wrap > ul {

}
.event-wrap > ul > li {
    margin: 0;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.event-wrap > ul > li:last-child {
    border-bottom: 0;
}
.event-wrap > ul > li:nth-child(2n) {
    background-color: #fff;
}
/*.event-wrap > ul > li:nth-child(2n) .label {*/
/*background-color: #fff !important;*/
/*}*/

/* 포스터 */
.event-wrap > ul > li > p.poster {
    float: left;
    width: 160px;
    height: 220px;
    margin: 0 30px 0 0;
}
.event-wrap > ul > li > p.poster img {
    width: 160px;
    height: 220px;
}

/* 행사내용 */
.event-wrap > ul > li > ul.event-info {
    position: relative;
    float: left;
    width: 630px;
    padding-bottom: 60px;
    min-height: 220px;
}
.event-wrap > ul > li > ul.event-info.no-poster {
    width: 840px;
}
.event-wrap > ul > li > ul.event-info.no-btn {
    padding-bottom: 0;
    min-height: auto;
}
.event-wrap > ul > li > ul.event-info > li {
    margin: 0 0 5px;
}
.event-wrap > ul > li > ul.event-info > li.title {
    position: relative;
    margin: 0 0 25px;
    line-height: 1.3;
}
.event-wrap > ul > li > ul.event-info > li.title strong {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    font-weight: bold;
    color: #001573;
}
.event-wrap > ul > li > ul.event-info > li.title .flag {
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    padding: 5px 8px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    background-color: #feb349;
}
.event-wrap > ul > li > ul.event-info > li .label {
    display: inline-block;
    width: 40px;
    margin: 0 7px 0 0;
    padding: 3px 7px;
    vertical-align: middle;
    font-size: 12px;
    color: #4d4d4d;
    border: 1px solid #eee;
    border-radius: 2px;
    background-color: #fafafa;
}
.event-wrap > ul > li > ul.event-info > li .conts {
    width: 570px;
    vertical-align: middle;
}
.event-wrap > ul > li > ul.event-info.no-poster > li .conts {
    width: 780px;
}
.event-wrap > ul > li > ul.event-info > li.date {

}
.event-wrap > ul > li > ul.event-info > li.place {

}
.event-wrap > ul > li > ul.event-info > li.detail {
    margin-top: 7px;
}
.event-wrap > ul > li > ul.event-info > li.detail .label {
    display: inline-block;
    vertical-align: top;
}
.event-wrap > ul > li > ul.event-info > li.detail .conts {
    display: inline-block;
    vertical-align: top;
}
.event-wrap > ul > li > ul.event-info > li .conts {
    vertical-align: middle;
}
.event-wrap > ul > li > ul.event-info > li.quick-btn {
    position: absolute;
    left: 0;
    bottom: 0;
}
.event-wrap > ul > li > ul.event-info > li.quick-btn > a.btn {
    margin-right: 5px;
    border-radius: 0;
}
.event-wrap > ul > li > ul.event-info > li.quick-btn > a.btn i {
    margin-right: 5px;
}
span.event-period {
    display: inline-block;
    max-width: 400px;
    margin-right: 5px;
    padding: 2px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-size: 11px;
    /*color: #dcdfe2;*/
    color: #fff;
    border-radius: 11px;
    background-color: #13459d;
}
span.regist-period {
    display: inline-block;
    max-width: 400px;
    margin-right: 5px;
    padding: 2px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-size: 11px;
    /*color: #dcdfe2;*/
    color: #fff;
    border-radius: 11px;
    background-color: #008597;
    background-color: #fd3f59;
}

/* 기술교육 검색/리스트 페이지 */
.event-search-area {
    margin: 0 0 20px;
    padding: 20px 10px;
    border: 1px solid #e3f0ff;
    border-radius: 2px;
    background-color: #f6faff;
}
.event-search-area .form-control {
    height: 30px;
    padding: 0 8px;
    line-height: 30px;
    font-size: 13px;
    border-radius: 2px;
}

/* .filters-area */
.filters-area {
    margin: 0 0 20px;
    text-align: center;
}
.filters-area .filter-element {
    display: inline-block;
    vertical-align: middle;
}
.filters-area .filter-element label {
    margin: 0 2px 0 10px;
    font-size: 13px;
    font-weight: bold;
}
.filters-area .filter-element:first-child label {
    margin-left: 0;
}
.filters-area .filter-element .input-group.date input.form-control {
    width: 90px;
    font-size: 13px;
}
.filters-area .filter-element .input-group.date input.form-control::placeholder {
    letter-spacing: -0.45px;
    font-size: 11px;
}
.filters-area .filter-element.search input.form-control {
    width: 120px;
}

/* .keyword-search-area */
.keyword-search-area {
    margin: 0 0 20px;
    text-align: center;
}
.keyword-search-area label {
    margin: 0 7px 0 30px;
    font-size: 15px;
    font-weight: bold;
}
.keyword-search-area input.form-control {
    width: 100px;
}

/* .btn-area */
.event-search-area .btn-area {
    margin: 0;
    padding: 0;
}
.event-search-area .btn-area .btn {
    margin: 0 5px;
    padding: 3px 10px;
}

/* .seminar-list */
.seminar-list table.table {
    margin: 0;
    border-bottom: 1px solid #ddd;
}
.seminar-list tr.past {
    background-color: #f7f7f7;
}
.seminar-list .title {
    font-weight: bold;
    color: #333;
    letter-spacing: -0.45px;
}
.seminar-list table.table tr.past .title {
    font-weight: normal;
}
.seminar-list .event-date p {
    margin: 0 0 5px;
    font-size: 13px;
    letter-spacing: -0.45px;
}
.seminar-list .event-date p:last-child {
    margin: 0;
}
.seminar-list .event-date span {
    display: inline-block;
    vertical-align: middle;
}
.seminar-list .event-date span.date {
    letter-spacing: -0.45px;
}
.seminar-list .text-success,
.seminar-list .text-info,
.seminar-list .text-danger {
    font-size: 14px;
    letter-spacing: -0.45px;
}
.seminar-list .text-success {
    color: #13489a;
}
.seminar-list .text-info {
    color: #13489a;
}
.seminar-list .text-danger {
    color: #999;
}



/* *******************************************************************
	반응형 스타일
******************************************************************* */
/* phone ~ 767px */
@media screen and (max-width: 767px) {

    /* 소개 문구 */
    .event-intro {
        margin: 0 0 30px;
    }

    /* 포스터 */
    .event-wrap > ul > li > p.poster {
        display: none;
    }

    /* 행사내용 */
    .event-wrap > ul > li > ul.event-info {
        float: none;
        width: 100%;
        min-height: auto;
        padding-bottom: 0;
    }
    .event-wrap > ul > li > ul.event-info.no-poster {
        width: 100%;
    }
    .event-wrap > ul > li > ul.event-info.conf-ready {
        /*background-color: #fcf9ed;*/
    }
    .event-wrap > ul > li > ul.event-info > li.title {
        margin: 0 0 20px;
    }
    .event-wrap > ul > li > ul.event-info > li.title .flag {
        display: block;
        width: 80px;
        margin: 10px 0 0;
    }
    .event-wrap > ul > li > ul.event-info > li .conts {
        width: 100%;
    }
    .event-wrap > ul > li > ul.event-info.no-poster > li .conts {
        width: 100%;
    }
    .event-wrap > ul > li > ul.event-info > li.date {

    }
    .event-wrap > ul > li > ul.event-info > li.place {

    }
    .event-wrap > ul > li > ul.event-info > li.detail {

    }
    .event-wrap > ul > li > ul.event-info > li.detail .label {
        vertical-align: middle;
    }
    .event-wrap > ul > li > ul.event-info > li.detail .conts {
        display: block;
        margin-top: 5px;
        vertical-align: middle;
    }
    .event-wrap > ul > li > ul.event-info > li.quick-btn {
        position: static;
        margin-top: 20px;
    }
    .event-wrap > ul > li > ul.event-info > li.quick-btn > a.btn {
        margin: 0 5px 5px 0;
        padding: 3px 5px;
        font-size: 12px !important;
        border-radius: 0;
    }
    .event-wrap > ul > li > ul.event-info > li.quick-btn > a.btn i {
        margin-right: 5px;
    }

    /* 기술교육 검색/리스트 페이지 */
    .event-search-area {
        padding: 10px;
    }
    .event-search-area .form-control {
        display: inline-block;
        width: 180px;
    }

    /* .filters-area */
    .filters-area {
        text-align: left;
    }
    .filters-area .filter-element {
        display: block;
        margin: 0 0 10px;
    }
    .filters-area .filter-element label {
        width: 45px;
        margin: 0 5px 0 0;
        font-size: 12px;
        letter-spacing: -0.75px;
    }
    .filters-area .filter-element .input-group {
        display: inline-table;
        width: 110px;
        vertical-align: middle;
    }
    .filters-area .filter-element .input-group.date input.form-control {
        width: 80px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }
    .filters-area .filter-element .input-group.date input.form-control::placeholder {
        letter-spacing: -0.75px;
        font-size: 11px;
    }
    .filters-area .filter-element .input-group.date .input-group-addon {
        padding: 6px 8px;
    }
    .filters-area .filter-element.search input.form-control {
        width: 180px;
    }


    /* .btn-area */
    .event-search-area .btn-area .btn {
        display: inline-block;
    }

}