.board_top { position:relative; height:60px;}
.board_top li { position:absolute; bottom:10px;}
.board_top .board_top_left { left:0; font-size:13px;}
.board_top .board_top_right { right:0;}
.board_top .board_top_right input { height:35px; padding:5px; border:#ddd solid 1px;}

.bo_list_head { margin:0; padding:0; background:#fafafa;}
.bo_list_head ul { letter-spacing:-4px; font-size:0;}
.bo_list_head li { display:inline-block; vertical-align:top; padding:15px 0; margin:0; font-weight:800; font-size:15px; letter-spacing:0; text-align:center; border-top:#444 solid 1px; border-bottom:#bbb solid 1px;}
.bo_list_head .s-number { width:5%;}
.bo_list_head .s-name { width:55%;}
.bo_list_head .s-user { width:15%;}
.bo_list_head .s-view { width:10%;}
.bo_list_head .s-day { width:15%;}

.bo_list { margin:0; padding:0;}
.bo_list ul { letter-spacing:-4px; font-size:0;}
.bo_list li { display:inline-block; vertical-align:top; padding:13px 0; font-size:14px; letter-spacing:0; text-align:center; border-bottom:#ddd solid 1px;}
.bo_list .s-number { width:5%;}
.bo_list .s-name { width:55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bo_list .s-name a {}
.bo_list .s-user { width:15%;}
.bo_list .s-view { width:10%;}
.bo_list .s-day { width:15%;}
.bo_list .no_posts { width:100%; padding:60px 0;}

.bo_list_gallery { margin:0; padding:0; border-top:#444 solid 1px; border-bottom:#bbb solid 1px;}
.bo_list_gallery ul { font-size:0;}
.bo_list_gallery li { display:inline-block; vertical-align:top; width:25%;}
.bo_list_gallery li .bo_list_gallery_cont { padding:20px 10px;}
.bo_list_gallery li .bo_list_gallery_cont .board_humbnail { width:100%; height:300px; position: relative; overflow:hidden; border:#ddd solid 1px; background:#ddd;}
.bo_list_gallery li .bo_list_gallery_cont .board_humbnail img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.bo_list_gallery li .bo_list_gallery_cont .s-name { margin-top:10px; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.inIPrec { display:none; width:100px !important; margin-left:10px; padding:10px 5px !important; font-size:13px !important;}

/*----온오프라인 교육----*/
.online_top_check { font-size:0; padding:20px 0; margin-bottom:40px; border-bottom:#444 solid 1px;}
.online_top_check li { display:inline-block; vertical-align:top; width:25%;}
.online_dropdown { margin:10px;}
.online_dropdown .dropbtn {height:50px; width:100%; border:none; border-radius:0; padding:10px 20px; text-align:left; font-size:16px; background:#eee url(../img/sub/online_arrow.png) right center no-repeat;}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 150px;
    border: 1px solid #444;
    padding: 10px;
    z-index: 1;
}
.dropdown-content label { display: block;}
.dropdown-content input[type="checkbox"] { margin-right: 5px;}
.online_dropdown:hover .dropdown-content { display: block;}

.search-container { border: 1px solid #ccc; border-radius:0; padding:3px; background:#fff; width:380px; margin:0 10px 0 auto;}
.search-container input[type="text"] {
    border: none;
    padding: 7px 5px;
    font-size: 14px;
    outline: none;
	width:300px;
}
.search-container input[type="submit"] {
    background: #08678a;
    color: white;
    border: none;
    padding: 10px 22px;
	font-size: 15px;
    cursor: pointer;
}


.online_top_select select { font-size:15px; padding:10px; border:#aaa solid 1px; background:#fff; outline:none; width:200px;}

.bo_list_online { margin:0; padding:0;}
.bo_list_online ul { font-size:0;}
.bo_list_online li { display:inline-block; vertical-align:top; width:33.33%;}
.bo_list_online li .bo_list_online_cont { margin:10px; border-radius:20px; box-shadow:#ddd 0 0 10px; overflow:hidden;}
.bo_list_online li .bo_list_online_cont .board_humbnail { width:100%; height:220px; position: relative; overflow:hidden; border:#ddd solid 1px; background:#ddd;}
.bo_list_online li .bo_list_online_cont .board_humbnail img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.bo_list_online li .bo_list_online_cont .bo_list_online_text_box { padding:20px 20px 40px 20px;}
.bo_list_online li .bo_list_online_cont .bo_list_online_text_box .bo_list_online_text01 { font-weight:900; font-size:14px; color:#08678a;}
.bo_list_online li .bo_list_online_cont .bo_list_online_text_box .bo_list_online_text01 span { display:inline-block; margin-left:3px; border:#ddd solid 1px; padding:0 15px; border-radius:50px; font-weight:300; font-size:13px; color:#666;}
.bo_list_online li .bo_list_online_cont .bo_list_online_text_box .bo_list_online_text02 { margin-top:10px; width:100%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; font-weight:600; font-size:16px; line-height:1.5; height:50px;}
.bo_list_online li .bo_list_online_cont .bo_list_online_text_box .bo_list_online_text03 { line-height:1; margin-top:10px;}
.bo_list_online li .bo_list_online_cont .bo_list_online_text_box .bo_list_online_text04 { font-family: 'NanumSquareNeoHeavy'; text-align:right; font-size:22px; color:#08678a;}
.bo_list_online_btn { width:100%; height:45px; padding:0 20px; border:#08678a solid 1px; border-radius:none; background:#08678a; color:#fff; cursor:pointer; margin-top:10px;}

.bo_view_online_title { font-weight:900; font-size:20px; padding-bottom:5px; margin-bottom:25px; border-bottom:#000 solid 1px;}

.bo_view_online_top { font-size:0;}
.bo_view_online_top li { display:inline-block; vertical-align:top;}
.bo_view_online_top li .bo_view_online_thumbnail {}
.bo_view_online_top li .bo_view_online_thumbnail img { width:480px; height:350px;}
.bo_view_online_top li:first-child { width:40%;}
.bo_view_online_top li:last-child { width:60%;}

.bo_view_online_text_box { padding-left:40px;}
.bo_view_online_text_box .bo_view_online_text01 { font-weight:900; font-size:14px; color:#08678a;}
.bo_view_online_text_box .bo_view_online_text01 span { display:inline-block; margin-left:3px; border:#ddd solid 1px; padding:0 15px; border-radius:50px; font-weight:300; font-size:13px; color:#666;}
.bo_view_online_text_box .bo_view_online_text02 { margin:10px 0; font-weight:600; font-size:16px; line-height:1.5;}
.bbo_view_online_text_box .bo_view_online_text03 { line-height:1;}
.bo_view_online_text_box .bo_view_online_text04 { margin:20px 0 40px 0; font-weight:900; font-size:24px; color:#08678a;}
.bo_view_online_btn01 { height:45px; width:150px; padding:0 20px; border:#08678a solid 1px; border-radius:5px; background:#08678a; color:#fff; cursor:pointer;}
.bo_view_online_btn02 { height:45px; width:150px;  padding:0 20px; border:#08678a solid 1px; border-radius:5px; background:#fff; color:#08678a; cursor:pointer;}

.view_online_contents { min-height:300px; border-top:#ddd solid 1px; margin-top:40px; padding-top:40px;}
/*----온오프라인 교육----*/

/*----사이버강의----*/
.bo_list_cyber { margin:0; padding:0; border-top:#444 solid 1px; border-bottom:#bbb solid 1px;}
.bo_list_cyber ul { font-size:0;}
.bo_list_cyber li { padding:30px 0; border-bottom:#ccc dashed 1px;}
.bo_list_cyber li:last-child { border-bottom:none;}
.bo_list_cyber li .bo_list_cyber_cont { font-size:0;}
.bo_list_cyber li .bo_list_cyber_cont .board_humbnail { display:inline-block; vertical-align:top; width:30%; height:200px; position: relative; overflow:hidden; background:#ddd;}
.bo_list_cyber li .bo_list_cyber_cont .board_humbnail img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.bo_list_cyber li .bo_list_cyber_cont .bo_list_cyber_right { display:inline-block; vertical-align:top; width:65%; margin-left:5%;}
.bo_list_cyber_text01 { font-family: 'NanumSquareNeoExtraBold'; font-size:18px;}
.bo_list_cyber_text01 span { padding:10px 20px; background:#444; color:#fff; font-size:13px; margin-right:10px;}
.bo_list_cyber_text02 { font-size:15px; color:#999; margin:10px 0;}
.bo_list_cyber_text03 { color:#ec0000;}
.bo_list_cyber_btn { margin-top:10px; text-align:right;}

.board_cyber_write_title {font-family: 'NanumSquareNeoHeavy'; font-size:18px; margin-top:10px;}
/*----사이버강의----*/

.board_bottom_btn { position:relative; height:40px; margin-top:40px;}
.board_bottom_btn li { position:absolute; bottom:0;}
.board_bottom_btn .board_bottom_left { left:0; font-size:13px;}
.board_bottom_btn .board_bottom_right { right:0;}

.btn_search { width:60px; height:35px; border:#08678a solid 1px; border-radius:none; background:#08678a; color:#fff; cursor:pointer;}
.b_btn01 { height:45px; width:120px; padding:0 20px; border:#08678a solid 1px; border-radius:none; background:#08678a; color:#fff; cursor:pointer;}
.b_btn02 { height:45px; width:120px; padding:0 20px; border:#444 solid 1px; border-radius:none; background:#444; color:#fff; cursor:pointer;}
.b_btn03 { height:45px; padding:0 20px; border:#ddd solid 1px; border-radius:none; background:#eee; color:#777; cursor:pointer;}

.board_page { text-align:center; margin-top:40px;}
.board_page li { display:inline-block; vertical-align:top; width:25px; height:25px; border:#ddd solid 1px; padding:3px; font-size:13px; color:#999;}
.board_page .board_page_on { border:#08678a solid 1px;  color:#08678a;}

.view_title { font-size:20px; font-weight:800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_info { background:#fafafa; padding:5px 10px; margin:10px 0 20px 0; border-bottom:#eee solid 1px; border-top:#ddd solid 1px;}
.view_info li { display:inline-block; vertical-align:top; margin:5px 15px 5px 0; font-size:13px;}
.view_file { float:right; font-size:13px; color:#08678a; font-weight:800; margin-top:5px;}

.view_contents { min-height:300px; border-bottom:#ddd solid 1px;}

.board_write { max-width:800px; margin:0 auto; overflow-x:hidden;}
.write_input01 { font-family: 'NanumSquareNeo'; height:40px; width:100%; border:#ddd solid 1px; border-radius:5px; padding:10px; font-size:15px; margin-bottom:10px;}
.write_textarea { font-family: 'NanumSquareNeo'; height:300px; width:100%; border:#ddd solid 1px; border-radius:5px; padding:10px; font-size:15px; margin-bottom:10px;}
.write_input02 { font-family: 'NanumSquareNeo'; height:35px; width:70%; border:#ddd solid 1px; border-radius:5px; padding:10px; font-size:15px; margin-bottom:10px;}
.file_btn { height:35px; padding:0 10px;}
.board_write_bottom { text-align:center; margin-top:40px;}

@media screen and (max-width:991px){
	.bo_list_head .s-number { width:10%;}
	.bo_list_head .s-name { width:90%;}
	.bo_list_head .s-user { display:none;}
	.bo_list_head .s-view { display:none;}
	.bo_list_head .s-day { display:none;}

	.bo_list .s-number { width:10%;}
	.bo_list .s-name { width:90%;}
	.bo_list .s-user { display:none;}
	.bo_list .s-view { display:none;}
	.bo_list .s-day { display:none;}
	
	.bo_list_gallery li { width:33.33%;}
	
	.bo_list_online li { width:50%;}
}

@media screen and (max-width:767px){	
	.view_file { float:none; font-size:13px; color:#08678a; font-weight:800; margin-top:5px;}
	
	.bo_list_gallery li { width:50%;}
	
	.bo_list_online li { width:100%;}
	.bo_list_online li .bo_list_online_cont .bo_list_online_text_box .bo_list_online_text02 { overflow:auto; -webkit-line-clamp:auto; height:auto;}

	.online_top_check li { width:50%;}
	
	.bo_list_cyber li .bo_list_cyber_cont .board_humbnail { max-width:350px; width:100%; height:200px;}
	.bo_list_cyber li .bo_list_cyber_cont .bo_list_cyber_right { width:100%; margin-left:0; margin-top:10px;}
	.bo_list_cyber_btn { text-align:left;}
	
	.bo_view_online_top li .bo_view_online_thumbnail img { width:auto;}
	.bo_view_online_top li:first-child { width:100%;}
	.bo_view_online_top li:last-child { width:100%;}
	.bo_view_online_text_box { padding-left:0; margin-top:20px;}
	
	.bo_view_online_btn01 { width:100px;}
	.bo_view_online_btn02 { width:100px;}
}