/* ==================================================================================
    공통 스타일
================================================================================== */
.article p.table-info {
    margin: 0;
    padding: 5px 0 0;
    font-size: 13px;
    color: #2c91e5;
}
.article .table-responsive {
    border: 0;
    padding-bottom: 20px;
}
.article table.table thead th {
    color: #fff;
    border: 1px solid #0d3895 !important;
    border-right: 1px solid #fff !important;
    background-color: #0d3895 !important;
}
.article table.table thead th.bd-b1 {
    border-bottom: 1px solid #fff !important;
}
.article table.table thead tr th:last-child {
    border-right: 1px solid #0d3895 !important;
}
.article table.table tbody th {
    padding: 10px !important;
    text-align: center;
    font-size: 15px;
}
.article table.table tbody td {
    padding: 10px !important;
    text-align: center;
    font-size: 15px;
}

/* ==================================================================================
    공모개요
================================================================================== */
.article.overview {

}
.article.overview table tbody tr.divine td {
    border-bottom: 3px double #999;
}
.article.overview table tbody tr td {
    text-align: left;
}
.article.overview table tbody tr td:first-child,
.article.overview table tbody tr td:nth-child(4),
.article.overview table tbody tr td:nth-child(7) {
    text-align: center;
}
.article.overview table tbody tr td:nth-child(5),
.article.overview table tbody tr td:nth-child(6) {
    text-align: right;
}
.article.overview table tbody tr td {
    text-align: left;
    font-size: 14px;
}

/* 공모 방식 */
.article.overview .contest-box-area{

}
.article.overview .contest-box {
    float: left;
    width: 360px;
}
.article.overview .contest-box li {
    display: block;
    text-align: center;
    border: 1px solid #333;
    border-top: 0;
}
.article.overview .contest-box li:first-child{
    padding: 10px;
    color: #fff;
    background: #333;
}
.article.overview .contest-box li:nth-child(2){
    padding: 20px 0;
}

.article.overview .contest-box .contest-box-conts {
    padding: 10px;
    border-bottom: 1px solid #333;
}
.article.overview .contest-box.redline{
    border: 2px solid #ec120d;
}
.article.overview .contest-arrow {
    float: left;
    margin: 0 20px;
    padding: 90px 15px 0;
}
.article.overview .contest-arrow i {
    font-size: 25px;
    color: #767676;
}

/* 공모 일정 */
.tb-announcement {

}
.tb-announcement th,
.tb-announcement td {
    font-size: 15px;
}
.tb-announcement th {
    font-weight: bold !important;
}
.tb-announcement td {

}
.tb-announcement tr.announce_first.top th,
.tb-announcement tr.announce_first.top td {
    border-top: 2px solid #333;
}
.tb-announcement tr.announce_first.bottom th,
.tb-announcement tr.announce_first.bottom td {
    border-bottom: 2px solid #333;
}
.tb-announcement tr.announce_first th {
    border-left: 2px solid #333;
}
.tb-announcement tr.announce_first td {
    border-right: 2px solid #333;
}

/* ==================================================================================
    COMPETITION - 일정
================================================================================== */
.article.schedule {

}
.article.schedule table tbody tr td:last-child {
    text-align: left;
}

/* ==================================================================================
    COMPETITION - 심사위원
================================================================================== */
.article.jury {

}
.article.jury .jury-area {

}
.article.jury .jury-area > ul {

}
.article.jury .jury-area > ul > li {
    position: relative;
    float: left;
    width: 280px;
    height: auto;
    margin: 0 20px 20px 0;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.article.jury .jury-area > ul > li:nth-child(3n) {
    margin-right: 0;
}
.article.jury .jury-area > ul > li .name {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.article.jury .jury-area > ul > li .name strong {
    display: block;
    font-size: 24px;
    color: #333;
}
.article.jury .jury-area > ul > li .name small {
    display: block;
    font-size: 14px;
    color: #767676;
}
.article.jury .jury-area > ul > li .profile {

}
.article.jury .jury-area > ul > li .profile > ul {
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.article.jury .jury-area > ul > li .profile > ul > li {
    font-size: 14px;
}
.article.jury .jury-area > ul > li .profile > p {
    margin: 0;
    padding: 15px;
    font-size: 14px;
}
.article.jury .jury-area > ul > li .label {
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 5px 8px;
    font-size: 13px;
    border-radius: 0;
    background-color: #999;
}

/* ==================================================================================
    map
================================================================================== */
.map-area {
    width: 100%;
    height: 400px;
    margin: 0 0 30px;
}
#marker-title {
    width: 200px;
    height: 40px;
}
#marker-title h1 {
    height:40px;
    line-height:40px;
    font-size: 15px;
}

/* ==================================================================================
    FOR ENTRANTS - 제공자료
================================================================================== */
.article.downloads .section .btn-download {

}
.article.downloads .section .btn-download {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.article.downloads .section .btn-download > li {
    float: left;
    width: 50%;
    margin: 0 0 15px;
    padding: 0 10px;
}
.article.downloads .section .btn-download > li > a {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 15px;
    letter-spacing: -0.75px;
}
.article.downloads .section .btn-download > li > a > i {
    position: absolute;
    right: 15px;
    top: 2px;
    font-size: 28px;
    vertical-align: middle;
    color: rgba(255,255,255,0.75);
}

/* ==================================================================================
    WINNERS - 당선작
================================================================================== */
.article.winners {

}
.article.winners .section .pannel-box {

}

/* 당선작 */
.article.winners .section .pannel-box .winner-1st {

}
.article.winners .section .pannel-box .winner-1st .thm {
    overflow: hidden;
    position: relative;
    float: left;
    width: 460px;
    height: 323px;
    margin-right: 40px;
    background-color: #eee;
}
.article.winners .section .pannel-box .winner-1st .thm .label {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 13px;
    border-radius: 0;
    z-index: 90;
}
.article.winners .section .pannel-box .winner-1st .thm .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    line-height: 60px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,0.45);
    transition: all 0.25s;
    z-index: 90;
}
.article.winners .section .pannel-box .winner-1st .thm:hover .caption {
    height: 60px;
    line-height: 60px;
}
.article.winners .section .pannel-box .winner-1st .thm #winner1 {
    width: 100%;
    height: 323px;
}
.article.winners .section .pannel-box .winner-1st .winner-info {
    float: left;
    width: 380px;
}
.article.winners .section .pannel-box .winner-1st .winner-info .title {
    margin: 0 0 20px;
    font-size: 21px;
    font-weight: bold;
    color: #0c3c92;
}
.article.winners .section .pannel-box .winner-1st .winner-info .commentary {

}

.article.winners .section .commentary-area {
    padding: 20px;
    background-color: #f3f8fe;
}
.article.winners .section ol.commentary {
    padding: 0 20px;
    list-style: decimal !important;
}
.article.winners .section ol.commentary li {
    margin: 0 0 20px;
}
.article.winners .section ol.commentary li:last-child {
    margin: 0;
}


/* toolbar */
.winner-toolbar {
    position: absolute !important;
    right: 0;
    width: 104px;
    z-index: 90;
}
.winner-toolbar ul {
    width: 104px;
}
.winner-toolbar ul li {
    float: left;
    width: 26px;
    height: 26px;
}
.winner-toolbar ul li a {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-right: 1px solid rgba(255,255,255,0.45);
    background-color: #999;
    transition: all 0.25s;
}
.winner-toolbar ul li a:hover {
    background-color: #45c1c1;
}
.winner-toolbar ul li:last-child a {
    border-right: 0;
}

/* 입선 */
.article.winners .section .pannel-box .winner-etc {
    margin-top: 30px;
}
.article.winners .section .pannel-box .winner-etc > ul {

}
.article.winners .section .pannel-box .winner-etc > ul > li {
    overflow: hidden;
    position: relative;
    float: left;
    width: 280px;
    height: 200px;
    margin-right: 20px;
}
.article.winners .section .pannel-box .winner-etc > ul > li:last-child {
    margin-right: 0;
}
.article.winners .section .pannel-box .winner-etc > ul > li .thm {
    display: block;
    background-color: #eee;
}
.article.winners .section .pannel-box .winner-etc > ul > li .thm .view {
    height: 200px;
}
.article.winners .section .pannel-box .winner-etc > ul > li .thm .label {
    position: absolute;
    left: 0;
    top: 0;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    font-size: 13px;
    border-radius: 0;
    z-index: 90;
}
.article.winners .section .pannel-box .winner-etc > ul > li .thm .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,0.45);
    transition: all 0.25s;
    z-index: 90;
}
.article.winners .section .pannel-box .winner-etc > ul > li:hover .thm .caption {
    height: 80px;
    padding: 15px 10px;
}
.article.winners .section .pannel-box .winner-etc > ul > li .thm img {

}

/* table */
.article.winners .section .tb-winners {
    margin: 30px 0 0;
}
.article.winners .section .tb-winners th {
    font-size: 14px;
}
.article.winners .section .tb-winners td {
    padding: 10px 15px !important;
}
.article.winners .section .tb-winners tr td:nth-child(2) {
    text-align: left;
    font-weight: bold;
}
.article.winners .section .tb-winners tr td:nth-child(3) {
    text-align: left;
    font-size: 13px;
    color: #767676;
}
.article.winners .section .tb-winners tr:last-child th {
    border-bottom: 1px solid #dfdfdf;
}
.article.winners .section .tb-winners tr:last-child td {
    border-bottom: 1px solid #dfdfdf;
}

/* ==================================================================================
    Survey
================================================================================== */

.article.winners .section .pannel-box .survey-list {
    margin-top: 30px;
}
.article.winners .section .pannel-box .survey-list > ul {

}
.article.winners .section .pannel-box .survey-list > ul > li {
    position: relative;
    float: left;
    width: 205px;
    margin-right: 20px;
    margin-bottom: 50px;
}
.article.winners .section .pannel-box .survey-list > ul > li .select-box {
    width: 100%;
    margin-top: 5px;
    padding: 5px 10px;
    text-align: right;
    border: 1px solid #eff5fe;
    background-color: #f7faff;
}
.article.winners .section .pannel-box .survey-list > ul > li .select-box label {
    font-size: 13px;
    font-weight: bold;
    color: #0c3f8f;
}
.article.winners .section .pannel-box .survey-list > ul > li .select-box:hover {
    border: 1px solid #ffe4e4;
    background-color: #fff4f4;
}
.article.winners .section .pannel-box .survey-list > ul > li .select-box:hover label {
    color: #ff7d7d;
}
.article.winners .section .pannel-box .survey-list > ul > li:nth-child(4n) {
    margin-right: 0;
}
.article.winners .section .pannel-box .survey-list > ul > li .thm {
    position: relative;
    height: 160px;
    background-color: #eee;
}
.article.winners .section .pannel-box .survey-list > ul > li .thm .view {
    height: 160px;
}
.article.winners .section .pannel-box .survey-list > ul > li .thm .label {
    position: absolute;
    left: 0;
    top: 0;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    font-size: 13px;
    border-radius: 0;
    z-index: 90;
}
.article.winners .section .pannel-box .survey-list > ul > li .thm .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding: 7px 10px 0;
    line-height: 1.4;
    font-size: 13px;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    transition: all 0.25s;
    z-index: 90;
}
.article.winners .section .pannel-box .btn-area {
    text-align: center;
}


/* ==================================================================================
    Media query
================================================================================== */
@media only screen
and (max-width: 768px) {

    .article > h1 {
        font-size: 24px;
    }

    /* ==================================================================================
        공모개요
    ================================================================================== */
    /* 공모 방식 */
    .article.overview .contest-box {
        float: none;
        width: 100%;
    }
    .article.overview .contest-arrow {
        float: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .article.overview .contest-arrow i {
        font-size: 25px;
        color: #767676;
    }

    /* ==================================================================================
        COMPETITION - 심사위원
    ================================================================================== */
    .article.jury .jury-area > ul > li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    /* ==================================================================================
        FOR ENTRANTS - 지구별 제공자료
    ================================================================================== */
    .article.downloads .section .btn-download > li {
        float: none;
        width: 100%;
    }
    .article.downloads .section .btn-download > li > a {
        font-size: 14px;
    }
    .article.downloads .section .btn-download > li > a > i {
        display: none;
        top: 2px;
    }

    /* ==================================================================================
        WINNERS - 당선작
    ================================================================================== */

    /* 당선작 */
    .article.winners .section .pannel-box .winner-1st {
        margin: 0 0 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
    }
    .article.winners .section .pannel-box .winner-1st .thm {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px !important;
    }
    .article.winners .section .pannel-box .winner-1st .thm #winner1 {
        height: 280px;
    }

    /* 입선 */
    .article.winners .section .pannel-box .winner-etc > ul > li {
        overflow: initial;
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 30px !important;
    }
    .article.winners .section .pannel-box .winner-etc > ul > li .thm .view {
        height: 300px;
    }
    .article.winners .section .pannel-box .winner-etc > ul > li .thm .caption {
        height: 80px;
        padding: 15px 10px;
        font-size: 15px;
    }
    .article.winners .section .pannel-box .winner-etc > ul > li:hover .thm .caption {
        height: 80px;
        padding: 15px 10px;
    }

    /* ==================================================================================
        Survey
    ================================================================================== */
    .article.winners .section .pannel-box .survey-list > ul > li {
        float: none;
        width: 100%;
        margin: 0 0 30px;
    }
    .article.winners .section .pannel-box .survey-list > ul > li .thm {
        height: 300px;
    }
    .article.winners .section .pannel-box .survey-list > ul > li .thm .view {
        height: 300px;
    }

}