html, body{height:100% !important;}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-family: 'Noto Sans KR', sans-serif;}

.board_top { position:relative; height:50px;}
.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_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; background:#ddd;}
.bo_list_gallery li .bo_list_gallery_cont .s-name { margin-top:10px; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.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;}
.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;}


/*custom*/
.container-bo{max-width: 1320px !important; margin: 0 auto;}
.bo_list_head{background:none;}
.bo_list_head li{padding: 25px 0;font-size: 16px;border-top: #444 solid 2px;    color: #111;}
.bo_list li{padding: 31px 0; border-bottom: #f1f1f1 solid 1px;}
.bo_list_head li{border-bottom: #1e1e1e solid 1px;}
.btn_search{border: #00a651 solid 1px;  background: #00a651;}
.b_btn01{border: #00a651 solid 1px;  background: #00a651;}
.board_top .board_top_right{right: 18%;}
.bo_list li{font-size: 15px;color: #353535; }
.board_page{text-align:left;}
.board_page li{text-align: center; line-height: 25px; border-radius: 50%;}
.board_page .board_page_on{border: #00a651 solid 1px;color: #fff;background: #00a651;}
.file{margin-left:3px; vertical-align:middle;}
.bo_list .s-name{text-align: left;}
.searchbox{background: #f9f9f9;border: 1px solid #eee; padding:20px 200px; border-radius: 10px;  text-align: center;}
.searchbox input{height: 35px;padding: 5px;border: #ddd solid 1px; width:55%;}


.dropdown {display: inline-block;position: relative; overflow: hidden;width: 150px; height: 34px; background: #fff; border: 1px solid;border: 1px solid #eee;vertical-align: middle;}
.dropdown:before, .dropdown:after {content: '';position: absolute;z-index: 2;top: 9px; right: 10px; width: 0; height: 0;border: 4px dashed;border-color: #888888 transparent;pointer-events: none;}
.dropdown:before {border-bottom-style: solid; border-top: none;}
.dropdown:after {margin-top: 7px;border-top-style: solid;border-bottom: none;}
.dropdown-select {position: relative;width: 130%;margin: 0;padding: 6px 8px 6px 10px;height:34px; line-height: 14px; font-size: 12px;color: #62717a;text-shadow: 0 1px white;
  background: #f2f2f2; background: rgba(0, 0, 0, 0) !important; border: 0;border-radius: 0;
  -webkit-appearance: none;}
.dropdown-select:focus {z-index: 3; width: 100%;color: #394349;outline: 2px solid #49aff2;outline: 2px solid -webkit-focus-ring-color;outline-offset: -2px;}
.dropdown-select > option {margin: 3px; padding: 6px 8px;text-shadow: none;background: #f2f2f2;border-radius: 3px;cursor: pointer;}

.view_title{margin-top: 50px;padding-top: 30px;padding-bottom: 20px;}
.view_info{background:none;border-top:none; }
.view_contents{font-size: 15px;line-height: 25px;}
.board_write{margin-top: 50px;}

.classify{margin-top: 30px; text-align: center;}
.classify li{display:inline-block; width:12%; vertical-align:top;}
.classify .box{padding:13px 20px; border-radius:3px;}
.classify .box .txt{color:#fff; font-weight:800; text-align:center;vertical-align:middle; font-size: 14px;}
.classify .box.sec01{background:#474747;}
.classify .box.sec02{background:#27a600;}
.classify .box.sec03{background:#0094a6;}
.classify .box.sec04{background:#317a97;}
.classify .box.sec05{background:#194f89;}

.s-name .sec03{background:#0094a6; padding:8px 15px; color:#fff; font-size:13px; margin-right:10px; border-radius:3px;font-weight:800; }
.s-name .sec02{background:#27a600; padding:8px 15px; color:#fff; font-size:13px; margin-right:10px; border-radius:3px;font-weight:800; }
.s-name .sec01{background:#474747; padding:8px 22px; color:#fff; font-size:13px; margin-right:10px; border-radius:3px;font-weight:800; }

@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;}
}

@media screen and (max-width:767px){	

	.view_file { float:none; font-size:13px; color:#08678a; font-weight:800; margin-top:5px;}
	.searchbox{padding: 20px 30px;}
	.searchbox input{width: 45%;}
	.dropdown{ width: 110px;}
	.classify li{width: 18%;}
	.classify .box{height: 30px; line-height: 30px; padding: 0px;}

}