/***** 기본게시판 스타일 *****/
.basic_board_sty01 {float:left; width:100%; overflow:hidden;}
.basic_board_sty01 table{float:left; width:100%; border-top:2px solid #eb4846;}
.basic_board_sty01 th, .basic_board_sty01 td{color:#222; border-bottom:1px solid #ddd; line-height:22px; text-align:center;}
.basic_board_sty01 th{padding:12px 10px; font-size:16px; font-weight:400; text-align:center; max-width:234px; background:#f9f9f9;}
.basic_board_sty01 td{padding:16px 10px; font-size:16px; font-weight:400;}
.basic_board_sty01 td a{display:inline-block; float:left; width:calc(100% - 24px); height:24px; font-size:16px; font-weight:400; color:#222; text-align:left; overflow:hidden;}
.basic_board_sty01 td a:hover{color:#eb4846;}
.basic_board_sty01 td .board_file{display:inline-block; float:left; width:24px; height:24px; background:url(../images/board_file.png) no-repeat left center; cursor:pointer;}
.basic_board_sty01 td.board_prev a{color:#555;}
.basic_board_sty01 td.board_next a{color:#555;}
.basic_board_sty01 td.board_reply{background:#f8f8f8 url(../images/contents/reply.png) no-repeat left 15px top 18px; padding:10px 10px 10px 30px;}
.basic_board_sty01 td.board_reply ul{display:block; float:left; width:100%; margin:0;}
.basic_board_sty01 td.board_reply ul li{display:inline-block; float:left; margin-left:4px; font-size:16px; font-weight:300; color:#666; line-height:28px;}
.basic_board_sty01 td.board_reply ul li:first-child{margin-left:0px; font-weight:500; color:#333;}
.basic_board_sty01 td.board_reply div{display:inline-block; float:left; width:100%; font-size:16px; font-weight:300; color:#333; line-height:28px; text-align:left;}
.basic_board_sty01 td .new_ico{display:inline-block; float:left; width:17px; height:17px; background-size:17px; background:url(../images/new_ico.png) no-repeat left center; cursor:pointer; margin-right:10px; margin-top:4px;}


.basic_board_sty01 .file_board td{padding:20px 20px;}
.basic_board_sty01 .file_board td h4{float:left; width:100%; font-size:15px; font-weight:300; color:#333; text-align:left; padding:0; margin:0;}
.basic_board_sty01 .file_board td h3{float:left; width:100%; font-size:20px; font-weight:400; color:#333; text-align:left; line-height:30px; padding:0; margin:0;}
.basic_board_sty01 .file_board td .file_down{float:right; width:28px; height:28px; background:url(../images/contents/download_btn.png) no-repeat; text-indent:-10000px;}

/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.basic_board_sty01 .list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.basic_board_sty01 .list_go:hover{font-size:16px; font-weight:400; color:#fff;}




/* 일반게시판_상세 스타일 수정 */
.dev_board_width{width:100% !important; padding:0 !important;}
.dev_board_width table th{padding:12px 0px; color:#333; background:#f8f8f8; font-size:15px; font-weight:400; border-top:2px solid #eb4846; border-bottom:1px solid #ddd; text-align:center !important; }
.dev_board_width table th.th_list_tit{background:#fff; color:#222; padding:12px 0; font-size:16px; font-weight:400;}
.dev_board_width table th.th_title{padding:12px 10px;}
.dev_board_width table th.th_normal{border-top:1px solid #ddd;}
.dev_board_width table th.th_left{border-left:1px solid #ddd; text-align:left !important; background:#fff; padding:0 10px;}
.dev_board_width table th .writer_name{display:inline-block; font-size:15px; font-weight:400; color:#333; line-height:22px;}
.dev_board_width table th .writer_mail{display:inline-block; width:98px; font-size:13px; font-weight:400; color:#f98217; line-height:22px; background:url(../images/contents/ibtn_mail.gif) no-repeat left 10px center; border:1px solid #f98217; margin-left:10px; text-indent:26px;}
.dev_board_width table td{padding:10px 0px;text-align:center; border-bottom:1px solid #ddd; color:#555; font-size:15px; font-weight:400; letter-spacing:-0.05em; }
.dev_board_width table td a{width:100%; color:#444; font-size:15px; font-weight:400; height:auto;}
.dev_board_width table td a:hover{color:#444; font-weight:400;}
.dev_board_width table td.td_subject{text-align:left;}
.dev_board_width table td.td_content{text-align:left; padding:20px 10px; font-weight:400; line-height:24px;}
.dev_board_width table td.td_content p img{width:auto !important; height:auto !important; max-width:100% !important; display:block;}
.dev_board_width table td.td_list{padding:14px 0; color:#333; font-size:15px; font-weight:400;}
.dev_board_width table td.td_list a{color:#333; font-size:15px; font-weight:400; height:22px; display:inline-block; overflow:hidden; padding-right:10px;}
.dev_board_width table td.td_list a:hover{color:#333;}
.dev_board_width table td a.report_btn{display:inline-block; padding:4px 10px; background:#eb4846; text-align:center; font-size:13px; font-weight:400; color:#fff;}
.dev_board_width table td.dev_board_20110103000000000001_form_title{border-right:1px solid #ddd;}
.dev_board_width table td.dev_board_20110103000000000001_form_cont{padding:10px; text-align:left;}

.dev_board_prev_next_title{display:inline-block; width:60px !important; font-size:14px; line-height:26px;}
.dev_board_prev_next_cont{display:inline-block; width:calc(100% - 60px); color:#555; font-size:14px !important; font-weight:400; line-height:26px;}
.dev_board_prev_next_cont a{display:inline-block; color:#555; font-size:14px !important; font-weight:400; line-height:28px;}
.dev_board_prev_next_cont:hover{font-weight:400 !important;}

.dev_btn_align_right{margin:0 !important; text-align:center !important;}
.dev_btn_align_right ul{display:block; float:left; width:100%; text-align:right; margin-top:20px;}
.dev_btn_align_right ul li{display:inline-block; margin-left:4px;}
.dev_btn_align_right ul li:first-child{margin-left:0;}
.dev_btn_align_right ul li a{display:block; float:left; padding:8px 16px; margin:0 0 20px 0; font-size:13px; font-weight:400; color:#333; border:1px solid #ddd;}

.dev_pagging{margin-top:20px;}
.dev_pagging img{margin:0 5px !important;}



/****** 게시판 검색 ******/
.board_search_sty01 {float:left; width:100%; margin:0 0 40px 0;}
.board_search_sty01 .search_wrap{width:100%; max-width:370px; height:42px; margin:0 auto; border:2px solid #eb4846; overflow:hidden;} 
.board_search_sty01 .search_wrap .search_input{float:left; width:calc(100% - 42px); height:38px; overflow:hidden;}
.board_search_sty01 .search_wrap .search_input input{display:block; float:left; width:100%; height:38px; padding:0 10px; margin:0; border:0;}
.board_search_sty01 .search_wrap .search_btn{display:block; float:left; width:42px; height:38px; background:url(../images/search_btn.png) no-repeat center; text-indent:-10000px;}


/****** 게시판넘버 ******/
.page_num{float:left; width:100%; height:38px; text-align:center; margin-top:40px;}
.page_num span{display:inline-block;}
.page_num span a{display:inline-block; color:#666; background:#fff; padding:0px; margin:0; font-size:15px; font-weight:300; line-height:35px; width:35px; height:35px; border:1px solid #ddd;}
.page_num span a.page_on{background:#eb4846; color:#fff; font-weight:400;}
.page_num span a:hover{background:#eb4846; color:#fff;}
.page_num .buttomDiv {float:right;}








@media screen and (max-width:991px){
/* 일반게시판 - 기본형 */
.basic_board_sty01 th, .basic_board_sty01 td{line-height:22px;}
.basic_board_sty01 th{padding:10px 10px; font-size:15px;}
.basic_board_sty01 td{padding:14px 10px; font-size:15px;}
.basic_board_sty01 td a{width:calc(100% - 24px); height:24px; font-size:15px;}
.basic_board_sty01 td .board_file{width:24px; height:24px; background:url(../images/board_file.png) no-repeat left center;}
.basic_board_sty01 td .new_ico{width:14px; height:14px; background-size:14px;}

/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.list_go:hover{font-size:16px; font-weight:400; color:#fff;}

.basic_board_sty01 td.board_reply ul li{font-size:15px; line-height:26px;}
.basic_board_sty01 td.board_reply div{font-size:15px; line-height:26px;}


/* 게시판넘버 */
.page_num{margin-top:30px;}


/* 게시판 검색 */
.board_search_sty01 {margin:0 0 30px 0;}
}




@media screen and (max-width:767px){
/* 일반게시판 - 기본형 */
.basic_board_sty01 th, .basic_board_sty01 td{line-height:20px;}
.basic_board_sty01 th{padding:8px 6px; font-size:13px;}
.basic_board_sty01 td{padding:12px 6px; font-size:13px;}
.basic_board_sty01 td a{width:calc(100% - 20px); height:20px; font-size:13px;}
.basic_board_sty01 td .board_file{width:20px; height:20px; background-size:14px auto;}
.basic_board_sty01 td .new_ico{width:12px; height:12px; background-size:12px;}


/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.list_go:hover{font-size:16px; font-weight:400; color:#fff;}

.basic_board_sty01 td.board_reply ul li{font-size:13px; line-height:24px;}
.basic_board_sty01 td.board_reply div{font-size:13px; line-height:24px;}


/* 게시판넘버 */
.page_num{height:28px; margin-top:20px;}
.page_num span a{font-size:13px; line-height:28px; width:28px; height:28px;}



/* 일반게시판 구 */
.dev_board_width table th{padding:10px 0; font-size:14px;}
.dev_board_width table th.th_list_tit{font-size:14px; padding:16px 0; height:auto;}
.dev_board_width table td.td_list{font-size:13px; padding:8px 0; height:auto;}
.dev_board_width table td.td_list a{font-size:13px; height:22px;}
.dev_board_width table th .writer_name{font-size:14px;}
.dev_board_width table td{font-size:13px; line-height:22px;}
.dev_board_width table td.td_content p iframe{width:100% !important;}
.dev_board_prev_next_cont{font-size:13px !important; line-height:26px; display:inline-block; width:calc(100% - 60px); text-align:left;}
.dev_board_prev_next_cont a{font-size:13px !important; line-height:26px;}


/* 게시판 검색 */
.board_search_sty01 {margin:0 0 20px 0;}
.board_search_sty01 .search_wrap {max-width:100%; height:36px;} 
.board_search_sty01 .search_wrap .search_input {width:calc(100% - 36px); height:34px;}
.board_search_sty01 .search_wrap .search_input input {height:34px;}
.board_search_sty01 .search_wrap .search_btn {width:36px; height:34px; background-size:18px auto;}



}





.board_pr_wrapper {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.board_pr_wrapper:nth-child(2) {
	border-top: 2px solid rgb(235, 72, 70);
}
    .board_pr_wrapper .card_pr:nth-child(2n) {
        
        padding-left: 35px;
    }
    .board_pr_wrapper .card_pr:nth-child(2n+1) {
        padding-right: 35px;border-right: 1px solid #ddd;
    }
	.board_pr_wrapper .card_pr.big {border-right:0;}

.card_pr {
    border-bottom: 1px solid #ddd;
    width:50%;
    padding-top: 30px;
    padding-bottom: 30px;
	box-sizing:Border-box;
}

    .card_pr.big {
        flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 1px solid #ddd;
    }


	.card_pr .img-wrapper {
		line-height: 0;
		width:167px;
		position:relative;
		float:left;
	}


    .card_pr.big .img-wrapper {
		width:333px;
    }

	.card_pr .img-wrapper > div {
		position:relative;
		width:100%;
		padding-bottom:65.169%;
		overflow:hidden;
	}

	.card_pr.big .img-wrapper > div {
		padding-bottom:65.27%;
		overflow:hidden;
	}
    
	.card_pr .img-wrapper {
		width:167px;
		position:relative;
		float:left;
	}

    .card_pr .img-wrapper img {
       position:absolute;
	   width:100%;
	   top:50%;
	   transform:translateY(-50%);
    }

    .card_pr .content-wrapper {
		float:right;
		width:calc(100% - 200px);
		padding-top:8px;
    }

        .card_pr .content-wrapper h5 {
            font-size: 15px;
        }

            .card_pr .content-wrapper h5 .type {
                font-size: 15px;
                letter-spacing: -0.05em;
                color: rgb(235, 72, 70);
                font-weight: 600;
                padding-right: 10px;
                margin-right: 10px;
                position: relative;
            }

                .card_pr .content-wrapper h5 .type::after {
                    position: absolute;
                    content: '';
                    height: 10px;
                    width: 1px;
                    background-color: #ccc;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                }

            .card_pr .content-wrapper h5 .date {
                font-size: 15px;
                letter-spacing: -0.05em;
                color: #777;
            }

.card_pr.big .content-wrapper h1 {
    margin-top: 20px;
    font-size: 24px;
    letter-spacing: -0.05em;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card_pr .content-wrapper h1 {
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: -0.05em;
    font-weight: 500;
    color: #222;
    line-height: 1.38;
    margin-bottom: 10px;
}


.card_pr .content-wrapper h1 a {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    height: 50px;
}


.card_pr .content-wrapper p {
    font-size: 16px;
    letter-spacing: -0.05em;
    color: #555;

	   display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
overflow: hidden;
    height: 50px;
}

.card_pr .content-wrapper .more {
    margin-top: auto;
    font-size: 15px;
    letter-spacing: -0.05em;
    color: #555;
    margin-bottom: 16px;
    position: relative;
}



.board_pr_wrapper .card_pr.big .content-wrapper {float:right; width:calc(100% - 370px); height:217px; position:relative;}
.board_pr_wrapper .card_pr.big .content-wrapper .more {position:absolute; bottom:0; left:0;}


@media (max-width: 766px) {
    .card_pr {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .board_pr_wrapper .card_pr:nth-child(2n) {
        padding-left: 0;
        border-left: none;
    }
    .board_pr_wrapper .card_pr:nth-child(odd) {
        padding-right: 0;
    }

    .card_pr.big {
        flex-direction: column;
    }

        .card_pr.big .img-wrapper, .card_pr.big .content-wrapper {
            padding-left: 0;
            padding-right: 0;
        }

            .card_pr.big .img-wrapper img {
                max-width: initial;
                width: 100%;
            }

        .card_pr.big .content-wrapper {
            margin-top: 20px;
        }

            .card_pr.big .content-wrapper .more {
                margin-top: 30px;
            }

.board_pr_wrapper .card_pr:nth-child(2n+1) {border-right:0;}

.card_pr.big .img-wrapper {width:100%;}

.board_pr_wrapper .card_pr.big .content-wrapper {width:100%; height:inherit;}
.board_pr_wrapper .card_pr.big .content-wrapper .more {position:relative; display:block; margin:20px 0 0 0; font-size:14px;}
.card_pr.big .content-wrapper h1 {font-size:18px;}

.card_pr .content-wrapper p {font-size:14px; height:40px;}
.card_pr .content-wrapper h1 a {font-size:14px; height:40px;}

.card_pr .content-wrapper {width: calc(100% - 180px);}


.card_pr .content-wrapper h5 .type,.card_pr .content-wrapper h5 .date {font-size:13px;}


}