@charset "utf-8";

.sound_only {font-size:0}

/* sub4_3 자격증 취득현황 */
.search-wr{padding: 55px 0;text-align: center;margin: 0 0 30px;}
.certi-select{width: 180px;padding: 5px 20px;border: 1px solid #ccc;font-family:inherit;background: #FFF url('/site/eleccar/img/sub/search_arrow.png') no-repeat 95% 50%;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color: #7c7c7c;font-size: 17px;height: 50px;}
.certi-select::-ms-expand{display:none}
.search-bar{border: 1px solid #cccccc;padding: 15px 20px;font-size:17px;color:#7c7c7c;width: 350px;height: 50px;}
.search-button{width: 50px;height: 50px;background: #4650a5;border:0;position:relative}
.search-button::after{display:block;content:'';background:url('/site/eleccar/img/sub/search_icon.png') no-repeat center;background-size:contain;width: 20px;height: 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}


/* 갤러리 */

.gallery_board_wr {position:relative; width:100%; overflow:hidden}
.gallery_board_wr > ul > li {position:relative; float:left; width:31%; margin:1%; border:1px solid #d7d7d7; }
.gallery_board_wr .img {width:100%; height:0; padding-bottom:60% }
.gal_thum_text_wr {padding:10px 20px; overflow:hidden;}
.gal_thum_text_wr .subject {
	font-size:17px; color:#000; font-weight:700; margin-bottom:7px; border-bottom:1px solid #ddd; width:100%; padding-bottom:7px;
	text-overflow:ellipsis;overflow: hidden;white-space: nowrap;
}
.gal_thum_text_wr .text_list {font-size:14px; color:#000; font-weight:400; line-height:20px;}
.gal_thum_text_wr .text_list span {font-size:14px; color:#000; font-weight:700; margin-right:5px;}
.gal_thum_text_wr .date_list {float:left; font-size:12px; color:#838383; font-weight:300; padding-top:7px;}
.gal_thum_text_wr .date_list li {float:left; margin-right:10px;}
.gal_thum_text_wr .date_list span {font-size:12px; color:#000; font-weight:300; margin-right:5px;}
.gallery_board_wr .img, .gal_thum_text_wr {cursor:pointer; }

.gal_thum_text_wr .more_list {float:right; margin-top:5px; }
.gal_thum_text_wr .more_list li {float:left; margin-left:5px;}
.gallery_board_wr ul li .img_open {position:absolute; width:40%; top:5px; right:5px; text-align: right;}
.gallery_board_wr ul li .img_open img {width:100%; background: white;}

@media screen and (max-width:800px) {
	.gallery_board_wr > ul > li {width:48%; margin:1%;}
}
@media screen and (max-width:500px) {
	.gallery_board_wr > ul > li {float:none; width:99%; margin-bottom:10px;}
	.gallery_board_wr .img {width:100%; height:0; padding-bottom:40% }
 }

.layer_	private {overflow-y:auto; border: 1px solid #ccc; background: #fff; color: #444; vertical-align: middle; border-radius: 3px;
    padding:10px; width:100%;  height:150px; font-size:15px;
    -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);
}

/* 게시판 버튼 */
.btn {padding:8px 20px;border:0;border-radius:4px;background:#686868;color:#fff;cursor:pointer;font-weight:bold;font-size: 16px;}

@media screen and (max-width: 600px) {
  .btn {font-size:15px;}
}

@media screen and (max-width:480px) {
	.btn {font-size:14px;}
}

/* 글 작성 / 수정 */
.select.gubun{
	width: 180px;
    padding: 0px 20px;
    border: 1px solid #ccc;
    font-family: inherit;
    background: #FFF url(/site/eleccar/img/sub/search_arrow.png) no-repeat 95% 50%;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #7c7c7c;
    margin: 10px 10px;
    font-size: 17px;
    height: 30px;
}

/*리스트*/

.bo_list_total{padding: 0 0 20px;}
.bo_list_total span {font-weight:600;color: #4650a5;}
.bo_basic_list {width:100%;border-top: 2px solid #4650a5;font-size:15px;border-collapse: collapse;margin-bottom: 20px;}
.bo_basic_list th, .bo_basic_list td {padding:13px 10px}
.bo_basic_list thead th {background:#f8f8f8;border-bottom:1px solid #cbcbcb;padding: 13px 10px;}
.bo_basic_list tbody td {border-bottom:1px solid #e0e0e0}
.bo_basic_list tbody td a {padding: 13px 10px;display: block;}
.notice_list {background:#ecf1f6; font-weight:bold; color:#340f19}

.td_chk {text-align:center; width:10px;}
.td_num2 {text-align:center; width:60px;}
.td_gubun {text-align:center; width:250px;cursor:pointer}

.td_subject {text-align:left; cursor:pointer}
.td_name2 {text-align:center; width:150px;}

.td_file {text-align:center; width:70px; }
.td_name {text-align:center; width:100px;}
.td_num {text-align:center; width:70px;}
.td_datetime {text-align:center; width:110px;}

.btn_bo_user {text-align: right;}
.btn_bo_user li {padding: 10px 0}
.btn_bo_user li button{padding:8px 20px;border:0;border-radius:4px;background:#686868;color:#fff;cursor:pointer;font-weight:bold;font-size:16px;}
.btn_bo_user li button:hover {background:#333; color:#fff}

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


.btn_bo_write {clear:both; text-align:center; margin:30px 0}
.btn_bo_write ul li {display:inline-block; }
.btn_bo_write .btn3{background: #4552a6;border: 0px;padding:8px 20px;border-radius:5px;color:#fff;font-weight:500}
.btn_bo_write .btn3 b{color:#fff;font-weight:500}

@media screen and (max-width: 1024px) {
	.search-wr{padding: 40px 0}
	.certi-select{width: 130px;height:40px;;padding: 10px 15px;font-size:15px;}
	.search-bar{padding: 10px;width: 300px;height: 40px;font-size:15px;}
	.search-button{width: 40px;height: 40px;}
}

@media screen and (max-width: 768px) {
	.search-wr{padding: 30px 0}
	.certi-select{width: 130px;border: 1px solid #CCC;padding: 10px;font-size: 14px;}
	.search-bar{width: 240px;font-size:14px;}

	.bo_basic_list {display:block;}
	.bo_basic_list tbody {display:block;}
	.bo_basic_list tbody tr:first-child {border-top: 2px solid #4650a5;}
	.bo_basic_list tbody tr {position:relative;display:block;padding: 8px 0;border-bottom:1px solid #e0e0e0}
	.bo_basic_list tbody td {border-bottom:0px solid #e0e0e0; }
	.notice_list {background:#f0f1f8; font-weight:bold; color:#8b0026}

	.bo_basic_list td.td_subject {width: 100%;padding:5px 10px;display: block;}
	.bo_basic_list td.td_gubun {display: block;width: 100%;padding: 5px 10px;text-align: left;background: #f3f3f3;}

	.bo_basic_list td.td_name {padding:0px 10px;display:inline;text-align:center;color:#999;font-size: 13px;}
	.bo_basic_list td.td_name2 {padding:0px 10px;display:inline;text-align:center;color:#999;font-size: 13px;width: 150px;}
	.bo_basic_list td.td_datetime {display:inline;text-align:center;color:#999;font-size: 13px;}
	.bo_basic_list td.td_file {display:block; position:absolute; right:10px; bottom:10px; width:20px; text-align:center; color:#999}
	.td_chk {display:none;}
	.td_num2 {display:none;}
	.td_num {display:none;}
	.th_category, .th_subject, .th_chk, .th_num2, .th_num, .th_name, .th_name2, .th_datetime, .th_file {display:none;}
	
	.th_gubun {width: 150px; text-align:center; }
	.td_gubun {width: 150px; text-align:center; cursor:pointer}
	.th_subject {width: 250px; text-align:left; }
	.td_subject {width: 250px; text-align:left; cursor:pointer}
}

@media screen and (max-width: 500px) {
	.search-wr{padding: 20px 0}
	.certi-select{width: 80px;height:35px;padding: 7px;font-size: 12px;}
	.search-bar{width: 150px;height:35px;}
	.search-button{width:35px;height:35px;}
}

/* 게시판 읽기 */
/*view*/
.view_wrap{position:relative;margin:20px 0}
.board-view{padding:50px 0}

.view_subject {position:relative; width:100%; margin-bottom:10px;font-size:20px;font-weight:400;line-height:30px;color:#000}
.view_wrap .meta {margin:0;padding:8px 0 13px;border-bottom:1px solid #ddd; color:#666;}
.view_wrap .meta .author {margin-left:8px;}
.view_content {border-bottom:1px solid #ddd;padding:50px 0;}
.view_content > p {word-break:break-all;}
.view_content p img {max-width:100%}

@media screen and (max-width: 700px) {
	.view_content p img {width:100%}
}

/* 게시판 댓글 */
.comment_no_text {color:#666;  padding:20px; border-bottom:1px solid #ddd}
.comment_bo_write {padding:20px 0;padding-bottom: 0px;}
.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,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(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,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);margin:3px;}

@media screen and (max-width: 600px) {
	.bo_basic_list td.td_sttus {padding:0px 10px; display:inline; text-align:center; width:65px; color:#999; }
	.bo_basic_list td.td_result_cnt {display:inline; text-align:center; width:97px;  color:#999}
}


@media screen and (max-width:420px) {
	.board_search select, .board_search input {height:35px;font-size:14px;}
	.board_search select {width:100%;margin-bottom:5px;}
	.board_search input {width:100%;}
	.sch_btn {width:100%;margin-top:5px;}
}

@media screen and (max-width:320px) {
	.view_wrap .meta .author{display:block; width:100%; margin-left:0px;}
}