@charset "utf-8"; 
*html{height:1px; }
*{margin:0; padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{	margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th{	font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol{	list-style: none; }
fieldset,img{	border: none; }
caption,th{text-align: left; }
img{border: 0; }
html, body{ width:100%; height:100%; }
table{border-collapse: collapse; border-spacing: 0; }
.clear{clear: both; }
.clearer{clear: both; display: block; margin: 0; padding: 0; height: 0;}
fieldset {clear:both;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.break{clear:both; margin:0; padding:0; height:10px;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.pointer { cursor:pointer; }

input { vertical-align:middle}
label { margin:0  !important; padding:0 !important;}

/* 공통 속성 */

.simple_clear { display:block; clear: both; }
.simple_left { float:left; }
.simple_right { float:right; }
.iconRe { margin-right:5px; }
.bulletArr { margin-right:2px; vertical-align: middle; }

/* 게시판 버튼 설정 */

.boardBtn_write { text-decoration: none; display: inline-block; width: 60px; height: 26px; line-height: 26px; text-align: center; }
.boardBtn_write:hover { background-color:#000; color:#fff; }
.boardBtn_normal { text-decoration: none; display: inline-block; width: 80px; height: 34px; line-height: 33px; text-align: center; font-size:14px; }
.boardBtn_normal:hover {}
.boardBtn_grBg { background-color: #AAA; color: #fff; }
.simpleBoard_view .vieWbtnWrap ol li a.BoardColor_bg:hover, .boardBtn_grBg:hover { background-color: #000; }
.boardBtn_grLine { border: 1px solid #ddd; }
.boardBtn_grLine:hover {}

.newArticle { padding: 0; margin: 0 0 0 5px; background-color: #ff5e5e; color:#fff; font-variant-caps: small-caps; display: inline-block; width: 14px; height: 14px; vertical-align: middle; line-height: 13px; text-align: center; font-size:10px; font-weight:bold; }
.fileOn { display: inline-block; width: 36px; height: 22px; line-height: 21px; text-align: center; border-width: 1px; border-style: solid;font-size: 13px; font-weight: bold; }

input.boardBtn_normal { border: none; vertical-align: unset; }

/* FAQ 게시판 */
.simple_boardFAQ { font-family:Malgun Gothic, Dotum, "sans-serif"; font-size:15px; }

/* 게시판 검색 */

.simple_boardSearch_wrap { margin-bottom: 10px; height: auto; }
.simple_boardSearch_wrap .board_search { clear: both; float: none; display: flex; align-items: center; min-height: 30px; box-sizing: border-box; }
.simple_boardSearch_wrap .board_search::after { content:" "; clear: both; float: none; display: block; }
.simple_boardSearch_wrap .board_search .search_td { float: left; }
.simple_boardSearch_wrap .board_search select { width: 98px; height: 30px; line-height: 30px; border: 1px solid #ddd; }
.simple_boardSearch_wrap .board_search .inputBoardSearch { width: 268px; height: 30px; line-height: 29px; margin-left: 5px; padding: 0 0 0 10px; border: 1px solid #ddd; color: #555; vertical-align: middle;}
.simple_boardSearch_wrap .board_search .boardBtn_search { width: 98px; height: 30px; line-height: 30px; margin-left: 5px; font-weight: bold; color: #fff; border-width: 1px; border-style: solid; }
.simple_boardSearch_wrap .board_search .board_status { font-size: 14px; height: 30px; line-height: 30px; vertical-align: middle; padding-left: 10px; } 
.simple_boardSearch_wrap .board_search .search_byme { flex: 1; text-align: right; font-size: 15px; }
.simple_boardSearch_wrap .chklb_ip:checked + .chklb_bx { border-color: #000; background-color: #000; transition: all .3s; }
.simple_boardSearch_wrap .chklb_ip:focus + .chklb_bx { border: 2px solid #000; }
.simple_boardSearch_wrap .chklb_ip:checked + .chklb_bx + .chklb_sp { color: #000; }


/* 게시판 리스트 */


ul.simpleBoard_table_wrap { box-sizing: border-box; width: 100%; font-family:Malgun Gothic, Dotum, "sans-serif"; font-size:14px; border-top-width:1px; border-top-style: solid; }
ul.simpleBoard_table_wrap img { display:inline-block; }
ul.simpleBoard_table_wrap li.board_table { display: table; width: 100%; padding: 10px 0; border-bottom: 1px solid #ebebeb; }
ul.simpleBoard_table_wrap li.board_table span.board_td { display: table-cell; text-align: center; vertical-align: middle; }
ul.simpleBoard_table_wrap li.board_thead { font-weight:bold; background-color: #f8f9fb; }

ul.simpleBoard_table_wrap .td_num { width: 5%; }
ul.simpleBoard_table_wrap .td_category { width: 12%; font-weight:bold; }
ul.simpleBoard_table_wrap .td_ans { width: 8%; }
ul.simpleBoard_table_wrap .td_lectureName { width: 15%; }
ul.simpleBoard_table_wrap .td_title { width:auto; }
ul.simpleBoard_table_wrap .td_file { width: 6%; }
ul.simpleBoard_table_wrap .td_aver { width: 10%; }
ul.simpleBoard_table_wrap .td_writer { width: 10%; }
ul.simpleBoard_table_wrap .td_view { width: 10%; }
ul.simpleBoard_table_wrap .td_date { width: 10%; }

ul.simpleBoard_table_wrap li.board_tbody span.td_title { text-align:left; padding: 0 5px; }
ul.simpleBoard_table_wrap li.board_tbody span.td_title a { text-decoration:none; color: #000000; font-size:15px; }
ul.simpleBoard_table_wrap li.td_empty { text-align:center; font-weight:bold; padding: 10px; box-sizing: border-box; }
ul.simpleBoard_table_wrap li .sb_txt_comment { font-size: 14px; }
ul.simpleBoard_table_wrap li.board_tbody span.td_writer,ul.simpleBoard_table_wrap li.board_tbody span.td_view, ul.simpleBoard_table_wrap li.board_tbody span.td_date { color:#747474; }

ul.simpleBoard_table_wrap  .ratingList .rating { border: none;  }
ul.simpleBoard_table_wrap  .ratingList fieldset, .simpleBoard_write ul li .ratingList label { margin: 0; padding: 0; }
ul.simpleBoard_table_wrap  .ratingList .rating > label:before { margin: 3px; font-size: 0.9em; font-family: FontAwesome; display: inline-block; content: "\f005"; }
ul.simpleBoard_table_wrap  .ratingList .rating > label { color: #ddd; float: right; }
ul.simpleBoard_table_wrap  .ratingList .rating > label.on { color: #FFD700;  }



ul.simpleBoard_table_wrap .td_ans .ans_ready { color:#ccc; }
ul.simpleBoard_table_wrap .td_ans .ans_comp { }

ul.simpleBoard_table_wrap li.board_list_notice { background-color: rgba(0, 0, 0, 0.02); border-bottom-color: rgba(0, 0, 0, 0.05); }

.simpleBoard_btnBox { margin-top: 20px; }

/* 게시판 페이지네이션 */

.pagenation_wrap {}
.pagenation_wrap ul {}
.pagenation_wrap ul li.pageTab { display: inline-block; width: 20px; height:20px; line-height: 19px; font-size:14px; text-align: center; vertical-align: middle; }
.pagenation_wrap ul li.pageTab i { color: #e5e5e5; padding-top: 2px; }
.pagenation_wrap ul li.pageTab a { color :#222; text-decoration: none; }
.pagenation_wrap ul li.pageTab a i { color :#000; }

/* 게시판 비밀글 보기 */

.sb_board_secretCheck { padding: 50px 0; text-align: center;  }
.sb_board_secretCheck .secretDoor { margin-bottom:30px; font-family:Malgun Gothic, Dotum, "sans-serif"; font-size:14px; }
.sb_board_secretCheck .secretDoor input[type=password] { padding: 0 10px; height: 30px; line-height: 29px; margin-left: 10px;   }
.sb_board_secretCheck .secretDoor input[type=submit] { border: none; padding: 0 10px; height: 30px; line-height: 29px; color:white; font-family:Malgun Gothic, Dotum, "sans-serif"; font-size:14px;  }
.sb_board_secretCheck .secretTip {  font-family:Malgun Gothic, Dotum, "sans-serif"; font-size:14px; line-height: 140%; }


/* 게시판 글 보기 */

.simpleBoard_view { font-family:Malgun Gothic, Dotum, "sans-serif"; }
.simpleBoard_view .viewHead { font-size:14px; }
.simpleBoard_view .viewHead h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; color:#000; border-bottom-style: solid; border-bottom-width: 1px;  padding-bottom: 20px; }
.simpleBoard_view .viewHead ul {}
.simpleBoard_view .viewHead ul li { display: inline-block; vertical-align: top; margin-right: 14px; }
.simpleBoard_view .viewHead ul li.viewFile { display:block; margin-top: 7px; }
.simpleBoard_view .viewHead ul li .label { margin-right: 3px; }
.simpleBoard_view .viewHead ul li .value { color:#aaa; }
.simpleBoard_view .viewHead   .ratingList .rating { border: none;  }
.simpleBoard_view .viewHead   .ratingList fieldset, .simpleBoard_write ul li .ratingList label { margin: 0; padding: 0; }
.simpleBoard_view .viewHead  .ratingList .rating > label:before { margin: 3px; font-size: 0.9em; font-family: FontAwesome; display: inline-block; content: "\f005"; }
.simpleBoard_view .viewHead   .ratingList .rating > label { color: #ddd; float: left; }
.simpleBoard_view .viewHead   .ratingList .rating > label.on { color: #FFD700;  }


.simpleBoard_view .viewHead ul li.viewFile .label { }
.simpleBoard_view .viewHead ul li.viewFile .value a { text-decoration: underline; color:#888; }
.simpleBoard_view .viewHead ul li.viewFile .value a:hover { text-decoration: underline; }
.simpleBoard_view .viewBody { margin-top: 20px; padding: 20px 0; border-top:1px dashed #e1e1e1; border-bottom:1px solid #ddd; font-size: 14px; }
.simpleBoard_view .viewBody .addedImg { margin-bottom: 30px; }
.simpleBoard_view .viewBody .hashtagWrap { margin: 20px 0; }
.simpleBoard_view .viewBody .hashtagWrap .hashtag { display: inline-block; margin-right: 2px; padding: 2px 6px; background-color: #ccc; text-align: center; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; text-decoration: none; line-height: 19px; }
.simpleBoard_view .viewBody .viewRep .viewRep_conWrap { background-color: #f8f8f8; padding: 20px 20px 20px 50px; margin-top: 30px; }
.simpleBoard_view .viewBody .viewRep h4 { margin-bottom:10px; font-weight: bold; }
.simpleBoard_view .viewBody .viewRep .answerCont { font-size: 14px; }


/* 댓글 보기 */

.simpleBoard_view .viewFoot .commentWrap { font-size:14px;}

.simpleBoard_view .viewFoot .commentWrap textarea, .simpleBoard_view .viewFoot .commentWrap input { font-family:Malgun Gothic, Dotum, "sans-serif"; font-size: 14px; }
.simpleBoard_view .viewFoot .commentWrap .writeCommentBox { padding: 10px 0; }
.simpleBoard_view .viewFoot .commentWrap .writeCommentBox:after { content:" "; display: block; clear: both; }
.simpleBoard_view .viewFoot .commentWrap .writeCommentBox .invalid_input { margin-bottom: 3px; }
.simpleBoard_view .viewFoot .commentWrap .writeCommentBox .invalid_input input { border: 1px solid #eeeeef; background-color: #fff; font-size: 14px; height: 28px; line-height: 26px; padding: 0 10px; }
.simpleBoard_view .viewFoot .commentWrap .writeCommentBox .writeBox{ float: left; width : -webkit-calc(100% -100px);  width : -moz-calc(100% - 100px); width : calc(100% - 100px); min-width: 400px; min-height: 84px;  }
.simpleBoard_view .viewFoot .commentWrap .writeBox .sb_textarea_comment {	width: 100%; height: 84px; padding: 10px; box-sizing: border-box; margin: 0; border: 1px solid #eeeeef; }
.simpleBoard_view .viewFoot .commentWrap .writeCommentBox .writeForm { float: left; border: 0; }
.simpleBoard_view .viewFoot .commentWrap .commentControl { position: absolute; top:0; right: 0; }
.simpleBoard_view .viewFoot .commentWrap .commentControl a { display: inline-block; font-size: 13px; width: 16px; overflow: hidden; box-sizing: border-box; text-align: center; }

.simpleBoard_view .viewFoot .commentWrap .commentReply { }
.simpleBoard_view .viewFoot .commentWrap .commentReply:after { content:" "; display: block; clear: both; }
.simpleBoard_view .viewFoot .commentWrap .commentReply .invalid_input { margin-bottom: 3px; }
.simpleBoard_view .viewFoot .commentWrap .commentReply .invalid_input input { border: 1px solid #eeeeef; background-color: #fff; font-size: 14px; height: 26px; line-height: 24px; padding: 0 10px; }
.simpleBoard_view .viewFoot .commentWrap .commentReply .writeBox { float: left;  width : -webkit-calc(100% -100px); width : -moz-calc(100% - 100px); width : calc(100% - 100px); min-width: 500px; min-height: 84px;  }
.simpleBoard_view .viewFoot .commentWrap .commentReply .writeForm { float: left;  border: 0; overflow: hidden; }

.simpleBoard_view .viewFoot .commentWrap .writeButton { width: 98px; height: 86px; display: inline-block; text-decoration: none;  line-height: 86px;text-decoration: none;  text-align: center; font-size:14px; color: #fff; margin-left: 2px; border: 0 solid #fff;  }
.simpleBoard_view .viewFoot .commentWrap a.writeButton:hover { text-decoration: none; }

/* .aboutComment .board_comment_item ol li{ display: inline-block} */
.aboutComment .sb_board_txt_replyNum { margin-bottom:5px; }
.aboutComment .board_comment_item{ background-color: rgba(0, 0, 0, 0.03); padding: 30px; border-bottom:1px solid rgba(255, 255, 255, 0.5); }
.aboutComment .board_comment_item .comment_info{ position: relative; margin-bottom: 15px; }
.aboutComment .board_comment_item .comment_color{ color: #aaa; }
.aboutComment .board_comment_item .WriterLabel { font-family:Malgun Gothic, Dotum, "sans-serif"; font-size:16px;  font-weight: bold; color: #222222;}
.aboutComment .board_comment_item .reg_time { margin-left: 10px; font-size: 12px; }
.aboutComment .board_comment_item .comment_body table tr td .invalid_input { border-top:1px dashed rgba(0, 0, 0, 0.05); border-bottom:1px dashed rgba(0, 0, 0, 0.05); text-align: center; padding: 10px 0; margin: 10px 0;}
.aboutComment .board_comment_item .comment_body table tr td .invalid_input:before { content:"글 작성시 사용한 비밀번호를 입력해주세요."; color: rgba(0, 0, 0, 0.5);  display: block; margin-bottom: 7px; font-size: 15px; font-weight: bold; }
.aboutComment .board_comment_item .comment_body table tr td .invalid_input .sb_input_text_basic { height: 26px; box-sizing: border-box; vertical-align: top; }
.aboutComment .board_comment_item .comment_body table tr td .invalid_input .sb_button_invailreplyDel { height: 26px; padding: 0 7px; line-height: 26px; box-sizing: border-box; background-color: #ccc; vertical-align:middle; border: none; }
.aboutComment .board_comment_item .comment_body table tr td .invalid_input .sb_button_invailreplyDel:after { content: "삭제"; vertical-align:middle; color: #fff; }

.aboutComment .sb_board_comment_item_reply { padding:20px 30px 20px 46px; background:url(./img/icon_rere.png) no-repeat 30px 26px; }

.aboutComment .sb_input_text_basic  { border-color:#ddd; }

.sr-only{    display: none;}

/*
.simpleBoard_view .vieWbtnWrap { margin-top: 10px; }
.simpleBoard_view .vieWbtnWrap ol { text-align: center; }
.simpleBoard_view .vieWbtnWrap ol li { display: inline-block; width: 80px !important; list-style: none; }
.simpleBoard_view .vieWbtnWrap ol li a { color:#fff; }
*/
.aboutComment{ padding: 25px 0 ;}

.viewFoot { margin-bottom:30px; }
.viewFoot .vieWbtnWrap { margin-top: 10px; }
.viewFoot .vieWbtnWrap ol { text-align: center; letter-spacing: -3px; }
.viewFoot .vieWbtnWrap ol li { display: inline-block; width: 80px !important; list-style: none; letter-spacing: -1px; vertical-align: middle; }
.viewFoot .vieWbtnWrap ol li a { color:#fff; }


.sb_button_replyReg{}
.sb_button_replyReg{ text-decoration: none; display: inline-block; width: 80px; height: 34px; line-height: 33px; text-align: center; font-size:14px; }
.sb_input_text_basic { border: 1px solid #eeeeef; background-color: #fff; font-size: 14px; height: 26px; line-height: 24px; padding: 0 10px; }


/* 글쓰기 */

.simpleBoard_write { font-size:14px; font-family: Malgun Gothic, Dotum; font-style: normal; color: #333333; border-top-style: solid; border-top-width: 1px; }
.simpleBoard_write ul {}
.simpleBoard_write ul li { display: table; width: 100%; padding: 10px 0; border-bottom: 1px solid #eeeeef; }
.simpleBoard_write ul li .label { display: table-cell; width: 100px; font-family: Malgun Gothic, Dotum; font-style:normal; font-weight: bold; color: #333333; vertical-align: middle;  }
.simpleBoard_write ul li .value { display: table-cell; font-family: Malgun Gothic, Dotum; font-style: normal; color: #333333;  }
.simpleBoard_write ul li select { height:26px; line-height: 24px; border: 1px solid #ddd;  padding-bottom: 2px; }
.simpleBoard_write ul li .sb_input_text_basic { border: 1px solid #ddd; background-color: #fff; font-size: 14px; height: 26px; line-height: 24px; padding: 0 10px; width: 90%; }
.simpleBoard_write ul li .value .tagsinput { height: 26px; line-height: 24px; padding: 0 10px; width: 90% !important; border: 1px solid #ddd; }
.simpleBoard_write ul li .value .tagsinput span.tag { padding: 1px 5px; font-size: 15px;}
.simpleBoard_write ul li.ratingList .rating { border: none; float: left;  }
.simpleBoard_write ul li.ratingList fieldset, .simpleBoard_write ul li .ratingList label { margin: 0; padding: 0; }
.simpleBoard_write ul li.ratingList .rating > input { display: none; } 
.simpleBoard_write ul li.ratingList .rating > label:before { margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005"; }
.simpleBoard_write ul li.ratingList .rating > label { color: #ddd; float: right; }

/***** CSS Magic to Highlight Stars on Hover *****/

.simpleBoard_write ul li.ratingList .rating > input:checked ~ label,
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

/* 색상 설정 */

.BoardColor_line { border-color: #42c7ad; }
.BoardColor_bg { background-color: #42c7ad; }
.BoardColor_txt { color:#42c7ad; }

.BoardHighlight_line { border-color: #ff5e5e; }

.BoardHighlight_bg { background-color: #ff5e5e; color:#fff; }
.BoardHighlight_txt { color:#ff5e5e; }


.pagenation_wrap ul li.current { border: 1px solid #42c7ad; }
.pagenation_wrap ul li.current a { color:#42c7ad; }


.sb_textarea_comment { height:24px; font:11px dotum; color:#404040; border:1px solid #c9c9c9; padding:8px; width:500px;}

.sb_board_write {border-top:2px solid #448ad8; border-bottom:1px solid #5287dd; }

.sb_input_text_basic{border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;  height:21px; padding:5px 0 0 10px; color:#2d76e5; font:14px tahoma; font-weight:bold;background: #fcfcfc; }

.sb_button_replyModify { background:url(./img/btn_comment_edit.gif) no-repeat; width:68px; height:41px; border:0; font:0px; display: inline; overflow:hidden; cursor:pointer;}
.sb_button_replyReg { background:url(./img/btn_comment.gif) no-repeat; width:68px; height:41px;border:0; font:0px; display: inline; overflow:hidden; cursor:pointer;}
.sb_button_invailreplyModify { background:url(./img/btn_modi.png) no-repeat; width:68px; height:41px; border:0; font:0px; display: inline; overflow:hidden; cursor:pointer;}
/* .sb_button_invailreplyDel { background:url(./img/btn_del.gif) no-repeat; width:68px; height:41px; border:0; font:0px; display: inline; overflow:hidden; cursor:pointer;} */