@charset "UTF-8";

/*게시판 css*/

/* 게시판 뷰 css */
table caption.ir,  caption.hidden{display: table-caption;}
.board_wrap{
    margin-top: 40px;
}

.board_con{padding: 6rem 0;}
.board_view_1{width: 100%; margin-top: 50px; border-collapse: collapse; border-top: 2px solid #9c2024;}
.board_view_1 th, .board_view_1 td{padding: 18px 10px 16px;}
.board_view_1 th, .board_view_1 td.v_date{border-right: 1px solid #ddd;}
.board_view_1 th{font-weight: 400;}
.board_view_1 tr{border-bottom: 1px solid #ddd;}
.board_view_1 td.v_content{padding: 35px 10px;}
.board_view_1 tr:hover{background-color: #f9f9f9;}
.board_view_1 .attach_file img{margin-right: 20px; max-width: 20px; vertical-align: middle;}

.preview_list{width: 100%; margin-top: 50px; border-collapse: collapse; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.preview_list th > a, .preview_list td{padding: 18px 10px 16px;}
.preview_list th{border-right: 1px solid #ddd;}
.preview_list tr:hover{background-color: #f9f9f9;}
.preview_list tr + tr{border-top: 1px solid #ddd}
.preview_list th a, .preview_list td a{display: block;}
.preview_list td.v_date{text-align: right;}


/*게시판 리스트 css*/

.search_sec{margin-bottom: 20px;}
.total_cnt{float:left; font-size: 0.8em; line-height: 35px;}
.search_wrapper{float: right;}
.search_class{display: inline-block;}
.search_select{width: 134px; height: 35px; line-height: 35px; border: 1px solid #a6aaaf; text-indent: 10px; font-size: 0.95em;}
.search_text{width: 170px; height: 35px; line-height: 35px; border: 1px solid #a6aaaf !important; text-indent: 10px; font-size: 0.95em; box-sizing: border-box;}
.search_text:focus{background-color: #e6e6e6;}
.btn_group, .btnWrap{text-align: right; margin: 20px 0;  overflow: hidden;}
.bbs_btn, .btnList{display:inline-block; width:64px; height: 35px; line-height: 35px; color: #fff; background-color: #1594c3; text-align: center; border-radius: .28571429rem; font-size: 0.88em; border: 0; cursor: pointer;}
.bbs_btn.list{float: left;}
.bbs_btn.edit{background-color: #00b5ad;}
.bbs_btn.del{background-color: #d42d04;}
.bbs_btn_2.answer{display: block; width: 64px; height: 20px; margin-bottom: 5px; line-height: 20px; background-color:#f2711c; text-align: center; color: #fff; border-radius:.28571429rem;}
.btn_search, .btn_apply{display: inline-block; border: none; width: 64px; height: 35px; line-height: 35px; background-color: #9c2024; border-radius: .28571429rem; color: #fff;}

.board_list_1{width: 100%; border-collapse: collapse; border-top: 6px solid #3e3e3e;}
.board_list_1 th, .board_list_1 td{text-align: center; font-weight: 400;}
.board_list_1 thead th, .board_list_1 thead td{padding: 15px 6px;}

.board_list_1 tbody th, .board_list_1 tbody td{padding: 10px;}
.board_list_1 thead th{background-color: transparent;}
.board_list_1 tr{border-bottom: 1px solid #ddd;}
.board_list_1 tr:hover{background-color: #f9f9f9;}
.board_list_1 td.b_sub, .board_list_1 td.b_type{text-align: left;}
.board_list_1 td.b_type{
    text-align: center;
}
.board_list_1 td .ans{display: inline-block; padding: 3px 7px; background-color: #e67e22; font-size: 12px; color: #fff; border-radius: 2em; margin-left: 5px;}
.board_list_1 tbody td.b_name i.view_cnt{display: none; font-size: 0.7em; color: #b7b7b7;}
.board_list_1 td.b_attach img{width: 20px;}
.board_list_1 .label{margin-left: 7px; font-weight: 300;}


.pagination{margin: 35px 0; text-align: center;}
.pagination > span{display: inline-block; vertical-align: middle;}
.pagination > span > a {display: block; width: 30px; height:32px; line-height: 30px; border: 1px solid #c5c7cc; margin: 0 3px;}
.pagination > span > a:hover, .pagination > span > a.active{border: 1px solid #9c2024;background-color: #9c2024; color: #fff;}

.pagination > span > a.btn-ico{width: 40px;}
.pagination > span > a.btn-ico.btn-first{background: url("../images/board/btn_first_2x.gif") 50% 50% no-repeat; background-size: 40%;}
.pagination > span > a.btn-ico.btn-prev{background: url("../images/board/btn_previous_2x.gif") 50% 50% no-repeat; background-size: 20%;}
.pagination > span > a.btn-ico.btn-next{background: url("../images/board/btn_next_2x.gif") 50% 50% no-repeat; background-size: 20%;}
.pagination > span > a.btn-ico.btn-last{background: url("../images/board/btn_last_2x.gif") 50% 50% no-repeat; background-size: 40%;}

.label_status{
    display: inline-block;
    padding: 0.1em 0.5em;
    text-align: center;
    border-radius: 0.2em;
    color: #fff;
    background-color: #3d3d3d;
}
.label_status.on{
    background-color: #FB951D;
}

/*게시판 작성 및 수정 css*/
.board_write_1{width: 100%; margin-top: 50px; border-collapse: collapse; border-top: 2px solid #1c263a;}
.board_write_1 input[type="text"].form-input, .board_write_1 input[type="password"].form-input{width: 100%; height: 35px; line-height: 35px; border: 1px solid #a6aaaf; text-indent: 10px; font-size: 0.95em;}
.board_write_1 th, .board_write_1 td{padding: 18px 30px 16px;}
.board_write_1 th, .board_write_1 td.v_date{border-right: 1px solid #ddd;}
.board_write_1 th{
    font-weight: 500;
}
.board_write_1 tr{border-bottom: 1px solid #ddd;}
.board_write_1 th.secret{border-left: 1px solid #ccc;}
.board_write_1 td.v_content{padding: 35px 30px;}
.board_write_1 td.v_content > textarea{width: 100%;}
.board_write_1 tr:hover{background-color: #f9f9f9;}
.board_write_1 .attach{margin:3px 0;}
.board_write_1 .attach > a {display: inline-block; max-width: 200px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.board_write_1 .attach_file{border: none; background-color: #fff;}
.ui.action.input input[type="file"] {
    display: none;
}
.attach_input_wrap{
    margin: 0.3em 0;
    cursor: pointer;
}
.attach_input_wrap input{
    cursor: pointer;
}
.board_write_1 .type_content{
    display: none;
}

/*갤러리 게시판 */
.board_gallery{overflow: hidden;}
.board_gallery > li{float: left; width: 21%; margin: 2%;}
.board_gallery > li > .thumb_wrap{text-align: center;}
.board_gallery > li > .thumb_wrap > .gall_thumb{display:block; max-width: 240px; max-height: 200px;  border: 3px solid transparent; overflow: hidden;}
.board_gallery.bigger > li > .thumb_wrap > .gall_thumb{max-width: 300px; max-height: 300px;}
.board_gallery > li > .thumb_wrap > .gall_thumb:hover{border: 3px solid #548500;}
.board_gallery > li > .thumb_wrap > .gall_thumb > img{display:block; vertical-align: top; box-sizing: border-box;}

/* 동영상 게시판 */
.vid_wrap{overflow: hidden;}
.vid_box, .con_box{float:left; width: 47%;}
.con_box{margin-left: 6%;}
.vid_top{line-height: 40px; background-color: #548500;}
.vid_top > h3{margin-left: 5%; font-size: 1.4em; color: #fff;}
.vid_top > h3 > span{margin-left: 1%; font-size: 0.7em;}
.vid_con iframe{width: 100%; height: 350px; border: 0;}

.passwordBoard_copy{width: 100%; margin-top: 50px; padding:250px 0 100px; border-top: 2px solid #1c263a; border-bottom: 2px solid #1c263a; text-align: center; background: url("../images/board/bg_password.png") 50% 50px no-repeat}
.passwordBoard_copy .btnWrap{
    margin-top: 50px;
    text-align: center;
}
/*포트폴리오 게시판*/
.board_portfolio > li{
    float: left;
    width: 31.454545454545457%;
    margin-bottom: 3%;
    box-sizing: border-box;
    overflow: hidden;
}
.board_portfolio > li + li{
    margin-left: 2.8181818181818183%;
}
.board_portfolio > li:nth-child(3n+1){
    margin-left: 0;
}
.portfolio_con{
    padding: 3%;
    font-size: 1.3rem;
}
.portfolio_con > a {
    display: block;
}
.board_portfolio > li .thumb_wrap{
    height: 270px;
    overflow: hidden;
}
.board_portfolio > li .thumb_wrap img{
    transition: all 0.3s cubic-bezier(0.74, 0.18, 0.1, 0.84);
    vertical-align: top;
}
.board_portfolio > li:hover .thumb_wrap img{
    transform: scale(1.1);
}
.portfolio-info{
    margin-bottom: 100px;
}

.portfolio-img{
    float: left;
    width: 470px;
    height: 300px;
    overflow: hidden;
}
.portfolio-img img{
    width: 100%;
}
.portfolio-detail{
    float: left;
    width: calc(100% - 470px);
    padding: 0 5%;
    box-sizing: border-box;
}
.portfolio-detail h4{
    font-size: 1.8rem;
    margin-bottom: 28px;
    font-weight: 500;
}
.portfolio-detail dl{
    line-height: 1.87;
    color: #666;
    font-weight: 400;
}
.portfolio-detail dl dt{
    float: left;
    width: 100px;
}
.portfolio-detail dl dd{
    float: left;
    width: calc(100% - 100px);
}
.portfolio-content{
    padding: 2rem 0;
}
.ui.pagination.menu .active.item{
    background-color: #136734;
    color: #fff;
}
@media (max-width: 1024px) {
    .portfolio-img{
        width: 37.301587301587304%;
        height: auto;
    }
    .portfolio-detail{
        width: 62.698412698412696%;
    }
    #smart_editor2{
        display: none;
    }
}
@media (max-width: 640px) {
    /*게시판 css*/
    .total_cnt{float:none;}
    .search_wrapper{float: none;}
    .search_select{display:block; width: 100%; margin-bottom: 10px;}
    .search_text{width: 75%;}
    .btn_search{float:right; width: 24%;}

    .board_list_1, .board_list_1 tr,.board_list_1 th, .board_list_1 td{display: block;}
    .board_list_1 thead{display: none;}
    .board_list_1 tbody{
        display: block;
        width: 100%;
    }
    .board_list_1 tbody tr{position: relative;}
    .board_list_1 tbody td{padding: 0;}
    .board_list_1 tbody td.b_sub{width: 90%; padding: 18px 10px 30px; display: block; text-overflow: ellipsis; overflow: hidden;}
    .board_list_1 tbody td.b_num,
    .board_list_1 tbody td.b_name,
    .board_list_1 tbody td.b_date,
    .board_list_1 tbody td.b_cnt,
    .board_list_1 tbody td.b_status,
    .board_list_1 tbody td.b_type{
        position: absolute;
        font-size: 0.85rem;
    }
    .board_list_1 tbody td.b_num{top: 0; left: 10px; display: none;}
    .board_list_1 tbody td.b_name{bottom: 3px; left:10px;}
    .board_list_1 td .ans{position: absolute; right:0; top: 20px;}
    .board_list_1 td.b_attach img{position: absolute; right: 100px; bottom: 3px; width: 10px;}
    .board_list_1 tbody td.b_name i.view_cnt{display: inline-block; margin-left: 10px;}
    .board_list_1 tbody td.b_cnt{display: none;}
    .board_list_1 tbody td.b_date{bottom: 3px; right: 10px;}
    .board_list_1 tbody td.b_status{
        right: 10px;
        top: 5px;
    }
    .board_list_1 tbody td.b_type{
        bottom: 0;
        left: 50%;
    }
    .pagination > span > a {width: 15px; height:16px; line-height: 16px;}
    .pagination > span > a.btn-ico{width: 15px;}

    /*게시판 작성 및 수정 css*/
    .board_write_1, .board_write_1 th, .board_write_1 td{display: block;}
    .board_write_1 th{padding: 10px 3%; text-align: left; border-bottom: 1px solid #ccc; border-right: 0; background-color: #f9f9f9;}
    .board_write_1 th.secret{border-left: 0;}
    .board_write_1 td, .board_write_1 td.v_content{padding: 16px 3%;}
    .board_gallery > li,
    .board_gallery.bigger > li{width: 50%; margin: 0; padding: 2%; box-sizing: border-box;}

     /* 사업실적 */
    .portfolio-img{
        float: none;
        width: 100%;
        text-align: center;
    }
    .portfolio-detail{
        float: none;
        width: 100%;
        margin-top: 25px;
    }
    .portfolio-info{
        margin-bottom: 1vh;
    }
    .board_portfolio > li{
        float: left;
        width: 49%;
        margin-bottom: 3%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .board_portfolio > li + li{
        margin-left: 2%;
    }
    .board_portfolio > li:nth-child(3n+1){
        margin-left: 2%;
    }
    .board_portfolio > li:nth-child(2n+1){
        margin-left: 0;
    }
    .board_portfolio > li .thumb_wrap{
        height: auto;
        max-height: 150px;
    }

    .board_gallery.bigger > li > .thumb_wrap > .gall_thumb{
        max-width: 200px;
        max-height: 200px;
    }
}

@media (max-width: 420px) {
    .board_gallery.bigger > li > .thumb_wrap > .gall_thumb{
        max-width: 150px;
        max-height: 150px;
    }
}