.sound_only {font-size:0}

/* 리스트 */

.board_wrap {position:relative;width:1300px;padding:0 10px; margin:0 auto;}
.board_search {
	margin:20px 0;
	padding:20px 40px;
	border:1px solid #d9d9d9;
	box-shadow:0px 3px 0px rgba(241,241,241,1);
	overflow:hidden;
}

.board_search form {float:right;width: 358px;}
.board_search select, .board_search input {padding:0 1%;vertical-align:middle;height: 38px;border:1px solid #d9d9d9;padding-left: 10px;}
.sch_btn {vertical-align:middle; width: 50px; line-height: 10px; height: 38px; background: #005aab; color:#fff; border: 0; font-size: 15px; cursor:pointer; }

#bo_list_total {float:left; padding:10px 0 0 20px; background:url('../img/board_icon1.jpg') no-repeat 0 12px;}
#bo_list_total span {font-weight:bold}

/*버튼*/
.btn_bo_user {clear:both; float:right; margin:30px 0}
.btn_bo_user li {display:inline-block; }
.btn {padding:8px 20px; border:0; border-radius:4px; background:#686868; color:#fff; cursor:pointer; font-weight:bold; font-size:15px}
.btn:hover {background:#333; color:#fff}
.btn_more {padding:10px 20px; border:0; border-radius:0px; background:#686868; color:#fff; cursor:pointer; font-weight:bold}
.btn_more:hover {background:#333; color:#fff}
.btn_bo_user li a {color:#fff;}
.btn_b02 {background:#005aab;}
.btn_b02:hover {background:#004584; color:#fff}
.btn_cancel {background:#686868;  color:#fff}
.btn_cancel:hover {background:#333;}
.btn_blue {background:#005aab;}
.btn_blue:hover {background:#004584; color:#fff}
.btn_blue2 {background:#638cb9;}
.btn_blue2:hover {background:#406ea1; color:#fff}

.btn2 {padding:5px 10px; border:0; background:#333; color:#fff; cursor:pointer; border-radius:3px; font-size:12px !important}
.btn2:hover {background:#222; color:#fff}
.btn3 {padding:5px 10px; border:0; background:#638cb9; color:#fff; cursor:pointer; border-radius:3px; font-size:12px !important}
.btn3:hover {background:#406ea1; color:#fff}
.btn_cancel2 {background:#686868;  color:#fff}
.btn_cancel2:hover {background:#555;}

.btn3a {padding:5px; border:0; background:#686868; color:#fff; cursor:pointer; border-radius:3px; font-size:13px}
.btn3a:hover {background:#555; color:#fff}
.btn3b {padding:5px; border:0; background:#333; color:#fff; cursor:pointer; border-radius:3px; font-size:13px}
.btn3b:hover {background:#222; color:#fff}
 
.btn_bo_write {clear:both; text-align:center; margin:30px 0}
.btn_bo_write ul li {display:inline-block; }

/*글쓰기*/
.write_wrap{width:1300px;height:auto;overflow:hidden;margin:0 auto}
.write_wrap h2 {margin:20px 0; color:#638cb9; font-size:16px;}
.write_wrap i {color:#638cb9}
.write_wrap .bo_w_info {width:100%}
.write_wrap .bo_w_info li {float:left; width:24.5%; margin-right:0.5%}
.write_wrap .bo_w_info input {width:100%; height: 38px;}
.write_wrap input {
	border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 0px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
	
}
input.wr_subject {width:99.5%; height: 38px; margin:10px 0}
.bo_w_download {margin-top:20px}
.bo_w_download input {width:100%; margin:5px 0 10px 0}

/*view*/
.view_wrap{position:relative;margin:20px 0}
.view_wrap i {color:#638cb9}
.view_subject {position:relative; width:100%; margin-bottom:10px;font-size:22px;font-weight:600;line-height:30px;color:#000l}
.view_wrap .meta {margin:0;padding:8px 0 13px;border-bottom:1px solid #ddd; color:#666; font-size: 14px;}
.view_wrap .meta .author {margin-left:8px;}
.view_content {border-bottom:1px solid #ddd; padding:50px 0; font-size: 15px;}
.view_content p img {width:700px}


/*댓글*/
.comment_wrap {}
.comment_tt {font-weight:bold; border-bottom:2px solid #638cb9;padding-bottom:10px; }
.comment_text_wrap {position:relative; }
.comment_text {color:#666; padding:15px 20px; border-bottom:1px solid #ddd}
.comment_text li {padding-bottom:5px; font-size:14px;}
.comment_text li:first-child {float:left; margin-right:30px}
.comment_text li span {margin-right:10px; padding-right:10px; border-right:1px solid #ddd;color:#333; font-weight:bold}
.comment_text li.con {word-break:break-all; border:0px solid red; width:100%; font-size:15px; margin-top:10px; margin-bottom:20px; }
.comment_text_btn {position:absolute; right:10px; bottom:10px; }
.comment_text_btn li {float:left; padding-right:7px}
.comment_no_text {color:#666;  padding:20px; border-bottom:1px solid #ddd; font-size: 14px;}

.comment_bo_write {padding:20px 0}
.comment_bo_write textarea {border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    width: 100%;
    height: 50px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
	margin:3px;
	}
.comment_bo_write input {float:left; width:140px; height:38px; border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
	margin:3px;} 

.board_number {margin-bottom:50px}
.pg_wrap {clear:both; text-align:center; }
.pg_wrap span {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#fff; border:1px solid #bbbcc3;  cursor:pointer; }
.pg_current {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#283e68 !important; color:#fff; border:0  !important}
.pg_wrap span:hover {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#283e68 !important; color:#fff; border:0  !important}


/*
ul.low_menu li a {
	min-height:20px;
	padding-left:30px !important;
	padding-top:10px;
	padding-bottom:5px;
	font-size:15px;
	color:#666;
	line-height:1.3em;
	background: #f9fbfe;
}

ul.low_menu li:last-child {
	border-bottom:1px solid #2c80ef;
}


ul.low_menu li a:hover, .low_menu li.active2 a  {
	color:#fff;
	font-weight:600;
	background: linear-gradient(to right, #2c87e9, #32c5b5);
}
*/
{font-style:none !important}

/* 반응형 css */
@media(max-width:1300px){
.board_wrap,.write_wrap{width:100%;padding:0 20px}
}

@media(max-width:500px){
#bo_list_total{float:none;margin-bottom:10px}
.board_search{padding:2%}
}

@media(max-width:380px){
.board_search form{float:none;width:unset;}
.sch_btn{width:100%}
.board_search select, .board_search input{margin:1% 0;width:100%}
.sound_only{display:none}
}