@charset "UTF-8";

/* 체험후기 페이지 */
#board-section {
    width: 100%;
    height: 100%;
}
.board-grid {
    width: 100%;
    padding-top: 130px;
}

.col-inner .container {
    width: 80%;
    margin: 70px auto 50px;
    height: 100%;
}

/* 체험사례 타이틀 */
.board-header {
    margin-top: 100px;
}
.board-title {
    margin-bottom: 80px;
}
.board-title h1 {
    
}
.board-title h1 a {
    font-size: 60px;
    color: #1C1C1C;
    font-family: 'ELAND_Choice_B';
}


.board-wrap {width:100%;height:100%;}
.board-gap {margin:0;width:100%;}
.board-container {position:relative;width:100%;height:100%;}
.board-content {width:100%;height:100%;margin:0 auto;}
.board {width:100%;text-align:center;}
.board th {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    height:50px;
    background:#f6f5ef;
    font-size:17px;
    
}
.board th:nth-child(1) {width:10%;}
.board th:nth-child(2) {width:auto;}
.board th:nth-child(3) {width:25%;}
.board td {border-bottom:1px solid #ccc;height:60px;font-size:16px;color: #000;}
.board td:nth-child(2) {text-align:left;text-indent:30px;}

/* 페이지네이션 */
#page {position:relative;text-align:center;padding:30px 0;}
#page .page-gap {margin:30px 0;}
#page .page-box {display:inline-block;width:35px;height:34px;}
#page .page-box a {display:inline-block;}
#page .page-box a img {width:35px;height:34px;margin-top:0;}

.page-number-box {margin:0 13px;width:auto;height:34px;display:inline-block;line-height:34px;position: relative;top:0;}
.page-number-box ul {height:34px;}
.page-number-box ul li {width:33px;height:32px;display:inline-block;border:1px solid #ddd;margin:0 7px;margin-left:0;}
.page-number-box ul li:hover {border:1px solid #000;}
.page-number-box ul li a {width:100%;height:100%;display:block;line-height:32px;color:#777;font-size:13px;margin-top: -3px;}
.page-number-box ul li a:hover {color:#333;background:#eee;}
.page-number-box ul li a.addPage {color:#333;background:#eee;}



@media (max-width:1200px){

    .board-title h1 a {
        font-size: 55px;
        color: #1C1C1C;
        font-family: 'ELAND_Choice_B';
    }

}

@media (max-width:1000px){
    .board-grid {
        padding-top: 70px;
    }
    .col-inner .container {
        width: 90%;
    }
    .board-header {
        margin-top: 40px;
    }
    .board-title {
        margin-bottom: 40px;
    }
    .board-title h1 {
        margin-bottom: 12px;
    }
    .board-title h1 a {
        font-size: 50px;
    }

}


@media (max-width:760px){

    .board-title h1 {
        margin-bottom: 10px;
    }
    .board-title h1 a {
        font-size: 40px;
    }
    .board td {height:55px;font-size:14px;}
    .board td:nth-child(2) {text-indent:10px;}
}

@media (max-width:600px){

    .board-header {
        margin-top: 20px;
    }
    .board-title h1 {
        margin-bottom: 30px;
    }
    .board-title h1 a {
        font-size: 5.56vw;
    }

    #page .page-gap {margin:5px 0;}
    
}


@media (max-width:500px){
    .board th {
        height:45px;
        font-size:14px;
    }
    .board td {height:55px;font-size:13px;}
    .board td:nth-child(2) {text-indent:0;}
}

@media (max-width:450px){

    .board-title {
        margin-bottom: 20px;
        margin-top: 50px;
    }
    .board td {font-size:12px;}

}

@media (max-width:400px){

    .board-title {
        margin-bottom: 20px;
    }
    .board-title h1 {
        margin-bottom: 10px;
    }
    .board-title h1 a {
        font-size: 7vw;
    }

}


@media (max-width:300px){

    .board-title {
        margin-left: 30px;
    }

}


/* 게시물 본페이지 */
.boardList_container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
}
.boardList_cont {width: 100%;height: 100%;}
.boardList_wrap {width: 100%;height: 100%;}
.boardList-title {
    display: block;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    line-height: 60px;
    padding-left: 10px;
}
.boardList-title span {
    font-size: 20px;
    font-weight: bold;
    color: #222222;
}
.boardList_img {
    display: block;
    position: relative;
    padding: 30px 10px;
}
.boardList_gap_img {
    height: 100%;
    text-align: center;
}
.boardList_gap_img img {
    width: 60%;
    height: auto;
}

@media (max-width:1500px){

    .boardList_img {
        padding: 30px 0;
    }
    .boardList_gap_img img {
        width: 100%;
    }
    
}

@media (max-width:900px){
    .boardList_container {
        width: 90%;
    }
    .boardList-title span {
        font-size: 18px;
        font-weight: bold;
    }
    
}

@media (max-width:500px){

    .boardList-title {
        line-height: 50px;
        padding-left: 0px;
        text-align: center;
    }
    .boardList-title span {
        font-size: 16px;
        font-weight: bold;
    }
    
}

@media (max-width:400px){

    .boardList-title span {
        font-size: 13px;
        font-weight: bold;
    }
    
}