@charset "UTF-8";

.board_view {border-top:2px solid #555}
.board_view > .title {color:#333; font-size:1.8em; font-weight:600; padding:30px 20px 0; text-align:center; word-break:keep-all}
.board_view > .title .category {display:block; color:#999}
.board_view > .title .category::before {display:inline-block; position:relative; top:-2px; width:10px; height:10px; margin-right:8px; border-radius:100%; content:''; vertical-align:middle}
.board_view > .title .cateC01::before {background:#F6C375;}
.board_view > .title .cateC02::before {background:#DF7373;}
.board_view .info {padding:10px 20px 30px; border-bottom:1px solid #ddd; text-align:center; font-size:0.9em;/* background-color:#f8f9fa; */ color:#666}
.board_view .info li {color:#000; display:inline-block; vertical-align:top}
.board_view .info li + li::before {display:inline-block; position:relative; top:-1px; width:1px; height:14px; margin:0 15px 0 10px; background-color:#ddd; content:''; vertical-align:middle}
.board_view .info strong {margin-right:8px; font-weight:normal; color:#999}
.board_view .contents {padding:20px; border-bottom:1px solid #ddd;  font-family:"맑은 고딕","돋움","Malgun Gothic","Dotum","굴림","Gulim","Arial","sans-serif" !important; min-height:300px}
.board_view .contents .img {margin-top:20px}
.board_view .contents .img + .img {margin-top:10px}
.board_view .contents .thumb {display:block; max-width:80%; margin:0 auto 30px; text-align:center}
.board_view .txt_center {margin-bottom:20px}

/* 게시판 내용 파일 */
.board_view .file {position:relative; padding:20px 0 20px 145px; border-bottom:1px solid #ddd}
.board_view .file .title {position:absolute; top:50%; left:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; width:145px; font-weight:normal; color:#333; text-align:center}
.board_view .file .list img {width:25px; margin-right:5px}
.board_view .file .list li {color:#666; overflow:hidden; position:relative; padding-right:210px; text-overflow:ellipsis; white-space:nowrap; line-height:2.5; font-size:0.9em;}
.board_view .file .list li + li {margin-top:5px;}
.board_view .file .list li > a {color:#444; -webkit-transition:all 0.2s; transition:all 0.2s}
.board_view .file .list li > a:hover, .board_view .file .list li > a:focus {color:#116eb4}
.board_view .file .list .link {position:absolute; right:0; top:0}
.board_view .file .list .txt {font-size:14px; color:#999}

/* 게시판 내용 - 교육프로그램  */
.board_view.type2 {border:0}
.board_view.type2 .basic {border:1px solid #ddd; display:table; /*table-layout:fixed;*/ width:100%; position:relative; padding:50px}
.board_view.type2 .basic > * {display:table-cell; vertical-align:top}
.board_view.type2 .basic .pic {border:1px solid #ddd; width:35%; overflow:hidden; text-align:center}
.board_view.type2 .basic .pic img {display:block; width:100%; height:100%}
.board_view.type2 .basic .item {padding-left:50px; width:calc(100% - 35%)}
.board_view.type2 .basic .item li {display:table; table-layout:fixed; width:100%; padding:2px 0}
.board_view.type2 .basic .item li > strong {color:#999; font-weight:normal; display:table-cell; width:100px; padding-right:10px; vertical-align:top}
.board_view.type2 .basic .item li > span {display:table-cell; vertical-align:top}
.board_view.type2 .basic .item .title strong{font-size:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:600; color:#222; margin:7px 0 10px; width:99.9%}
.board_view.type2 .basic .item .file {border-bottom:0}
.board_view.type2 .basic .item .file .list {display:inline-block; width:80%}
.board_view.type2 .basic .item .file .file_name {font-size:14px; margin-right:5px}
.board_view.type2 .detail {border-bottom:1px solid #ddd; padding:50px 0}

/* 기본테이블 */
.board-table{ width:100%;border:0px !important}
.board-table th{ background:#f6f6f6; border-top:2px #333 solid; font-weight: 500; }
.board-table th, .board-table td{ padding:22px;border-bottom:1px #ddd solid; text-align:center;}
.board-table .al{ text-align:left;}
.board-table td{font-weight: 300;}
.board-table td:nth-child(2){padding-left: 5%; text-align: left;}


.pagination{ padding: 20px; text-align: center;}


.bo_fx { text-align: right; margin-top: 30px;}
.bo_fx button{background: #0072bc;padding: 13px 40px;display: inline-block;border-radius: 7px;color: #fff;font-size: 20px;line-height: 25px;}


/* postView*/
.board_btns {text-align:right;}
.board_btns .type1{background: #0072bc;  padding: 13px 40px;  display: inline-block; border-radius: 7px; color: #fff; font-size: 20px;  line-height: 25px;}

/* postEdit*/
.board_list {border-top:2px #333 solid;}
.board_list th { font-size: 19px; padding: 20px 0; border-bottom: 1px solid #efefef;}
.board_list td{font-size:19px;padding:20px 0;border-bottom: 1px solid #efefef; border-left:1px solid #efefef; padding-left:2%}
.board_btns a{background: #0072bc;  padding: 13px 40px;  display: inline-block; border-radius: 7px; color: #fff; font-size: 20px;  line-height: 25px;}
.form_textbox { width: 100%; padding: 20px;  border: 1px solid #dddddd;  border-radius: 10px;}


@media(max-width:640px) {
    .board-table {  font-size: 16px;}
    .board_list th{font-size:16px;}

    .bo_fx button,.board_btns .type1, .board_btns a{padding: 8px 30px; font-size: 16px;}
}