@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; }
body{font: 12px dotum, Verdana, sans-serif; color: #333333; }
.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;}
ul li img { display:block;}
ol li img { display:block;}
.pointer { cursor:pointer; }

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

.sb_area_board_controler { display: flex; align-items: center; gap: 10px; border-top:1px solid #3671d0; padding: 10px 4px; font-size: 15px;}
.sb_area_board_controler .board_status { color:#3e3e3e; }
.sb_area_board_controler .board_status strong { color:#000000; font-weight: 600;}
.sb_area_board_controler .board_status + form { flex: 1; }
.sb_area_board_controler .board_search { display: flex; align-items: center; justify-content: space-between; }
.sb_area_board_controler .board_search ol { display: flex; gap: 2px; margin: 0; padding: 0; list-style:none;}
.sb_area_board_controler .board_search ol li { margin: 0; padding: 0; }
.sb_area_board_controler .board_search ol li > button { border: none; border: none; background-color: #3671d0; color: #fff; }
.sb_area_board_controler .board_sort { float:right;}
.sb_area_board_controler .board_sort ol{list-style:none;}
.sb_area_board_controler .board_sort ol li{float:left; color:#3e3e3e;}
.sb_area_board_controler .board_sort ol li.bar{font:10px Tahoma; padding:0 5px; color:#e5e5e5; line-height:18px;}
.sb_area_board_controler .board_sort ol li a{font:11px dotum; color:#3e3e3e; text-decoration:none;}
.sb_area_board_controler .board_sort ol li a:hover{font:11px dotum; color:#3671d0; text-decoration:none;}

.sb_table_board_basic { width:100%;border:0px; border-collapse:collapse; font-size: 13px; }
.sb_table_board_basic thead{}
.sb_table_board_basic thead th{ padding: 6px 4px; color:#ffffff; font-weight: 500; text-align:center; background-color: #3671d0; border-top: 1px solid #6fa1ff; border-bottom: 1px solid #1a315e; font-size: 13px; }
.sb_table_board_basic tbody td { height:29px; border-bottom:1px solid #eeeeee; padding:0 3px; text-align:center; font-size: 13px; }
.sb_table_board_basic tbody td.num{ font:10px Tahoma, Geneva, sans-serif; color:#b5b5b5;}
.sb_table_board_basic tbody td.lectureName{  color:#3671d0; padding:0 0 0 12px !important; font:11px dotum; letter-spacing:-1px;}
.sb_table_board_basic tbody td.lectureName a{color:#3671d0; text-decoration:none;}
.sb_table_board_basic tbody td.lectureName a:hover, .sb_table_board_basic tbody td.subject a:hover strong{color:#0055de}
.sb_table_board_basic tbody td.reply{ text-align:left; color:#40b1b4 !important;}
.sb_table_board_basic tbody td.reply a{ text-align:left; color:#40b1b4 !important;}
.sb_table_board_basic tbody td.reply a:hover{ text-align:left; color:#3671d0 !important;}
.sb_table_board_basic tbody td.subject{ text-align:left; color:#4e4e4e; padding:0 0 0 12px !important; }
.sb_table_board_basic tbody td.subject strong{ text-align:left; color:#3671d0}
.sb_table_board_basic tbody td.subject a{color:#4e4e4e; text-decoration:none;}
.sb_table_board_basic tbody td.subject a:hover, .sb_table_board_basic tbody td.subject a:hover strong{color:#3671d0}
.sb_table_board_basic tbody td.writer{ font:11px dotum; color:#8e9abc;}
.sb_table_board_basic tbody td.seq{ font:11px dotum; color: #999999;}
.sb_table_board_basic tbody td.time{ font:12px dotum; color:#8e9abc; font-weight:bold;}
.sb_table_board_basic tbody td.date{ font:10px Tahoma, Geneva, sans-serif !important; color:#b5b5b5;}
.sb_table_board_basic tbody td.file{ font:10px Tahoma, Geneva, sans-serif !important; color:#595959;}
.sb_table_board_basic tbody td.hit{ font:10px Tahoma, Geneva, sans-serif !important; color:#9d917c;}
.sb_table_board_basic tbody td.line2{background-color:#f6f6f6}
.sb_table_board_basic tbody td.cont{background-color:#fffef9; padding:30px;color:#7a581e; text-align:left}

.sb_area_board_action { padding:10px 0; overflow:auto;}

.sb_board_page {margin:0 auto; display:inline;}
.sb_board_page ol {list-style:none;display:inline-block;}
.sb_board_page ol li { float:left;font:11px Verdana; padding:0 2px; }
.sb_board_page ol li a{ color:#8b8a8a; text-decoration:none;}
.sb_board_page ol li.current a{ color:#7ed11c; text-decoration:none; font-weight:bold;}
.sb_board_page ol li a:hover{ color:#7ed11c; text-decoration: underline;}
.sb_board_page ol li.img {line-height:10px; padding:0 3px; }
.sb_board_page ol li.bar{font:10px Tahoma; padding:0 5px; color:#e5e5e5; vertical-align:middle; }
.sb_board_button { float:right;}
.sb_board_button ol{ list-style:none;}
.sb_board_button ol li{ float:left; padding:0 2px;}
.sb_board_txt_replyNum { float:left; color:#40b1b4; display:inline-block; padding:0 20px 0 0; background:url(./img/icon_comment.gif) right no-repeat; line-height:30px;}

.sb_board_txt_replyNum strong{color:#40b1b4; font:11px tahoma;}

.sb_board_secretCheck {border:2px solid #448ad8; width:320px; padding:80px 20px 20px 20px; background:url(./img/lock_closed.gif) center 15px no-repeat #fafafa; margin:0 auto;}

.sb_table_board_wirte_basic { width:100%;border:0px; border-collapse:collapse; table-layout:fixed}
.sb_table_board_wirte_basic thead{}
.sb_table_board_wirte_basic tbody{}
.sb_table_board_wirte_basic tbody th{ font:11px dotum; color:#3a3a3a; border-bottom:1px solid #f4f4f4; font-weight:bold; padding:10px; text-align: left; letter-spacing:-1px;}
.sb_table_board_wirte_basic tbody td{ font:11px dotum; color:#686868; border-bottom:1px solid #f4f4f4; padding:10px 0;}
.sb_table_board_wirte_basic tbody td.info{ font:11px dotum; color:#3671d0; letter-spacing:-1px;}
.sb_table_board_wirte_basic tbody td ol{margin:0 10px 0 0;  display:inline-block; float:left;}
.sb_table_board_wirte_basic tbody td ol li{float:left; margin:0 16px 0 0 ; line-height:16px;  text-align:center;}

.sb_areaTip { background: url(./img/icon_reference.gif) 0px 0px no-repeat; font:11px dotum; letter-spacing:-1px; color:#999999; padding:0 0 0 22px; text-align:left;}

.sb_board_view { padding:20px 0; border-top:2px solid #448ad8; background:url(./img/bg_board_dot.gif) repeat-x left bottom; overflow:auto; _display:inline-block}
.sb_board_view .board_lectureName {float:right; float:none; font:14px dotum; font-weight:bold; letter-spacing:-1px; color:#494949}
.sb_board_view .board_lectureName .subject {float:left; padding:0 10px;}
.sb_board_view .board_lectureName .scoreStar { float:left;}
.sb_board_view .board_subject { float:left; font:14px dotum; font-weight:bold; letter-spacing:-1px; color:#3671d0}
.sb_board_view .sb_board_writeInformation { padding:20px 0 0 0;}
.sb_board_view .sb_board_writeInformation ol {list-style:none; float:none; clear:both;}
.sb_board_view .sb_board_writeInformation ol li { float:left; color:#7c7c7c; line-height:22px; font-weight:bold; padding:0 5px 0 0 ;}
.sb_board_view .sb_board_writeInformation ol li.txt_boardCategory { color:#b1b1b1; font:11px tahoma;line-height:24px;  padding:0 0 0 10px !important;}
.sb_board_view .sb_board_writeInformation ol li.bar {font:9px Tahoma; padding:0 5px !important; color:#e5e5e5; line-height:22px;}
.sb_board_view .sb_board_writeInformation ol li a { color:#40b1b4; font:11px tahoma; }
.sb_board_view .sb_board_writeInformation ol li a:hover { color:#00ced3;}
.sb_board_view .sb_board_view_control { float:right; margin:0 0 0 5px;}
.sb_board_view .sb_board_view_control ol { list-style:none; float:right; padding:0 0 0 10px;}
.sb_board_view .sb_board_view_control ol li { float:left;}
.sb_board_view_body { margin:20px 0; line-height:140%}
.sb_board_view_body p{line-height:1.5; padding: 0;}

.sb_board_comment_wrap { float:none; clear:both;}
.sb_board_comment_wrap .board_comment_item { clear:both; float:none; background:#f9f9f9; padding:15px 23px; border-top:1px solid #eeeeee; overflow:auto; position:relative; _display:inline-block}
.sb_board_comment_wrap .board_comment_item .comment_info { float:none; clear:both; overflow:auto}
.sb_board_comment_wrap .board_comment_item .comment_info ol { list-style:none;}
.sb_board_comment_wrap .board_comment_item .comment_info ol li { float:left; font:11px dotum; color:#bdbdbd;}
.sb_board_comment_wrap .board_comment_item .comment_info ol li.bar{font:9px Tahoma; padding:0 5px !important; color:#e5e5e5; line-height:10px;}
.sb_board_comment_wrap .board_comment_item .comment_info ol li strong { font:11px dotum; font-weight:bold; color:#757575}
.sb_board_comment_wrap .board_comment_item .comment_body { clear:both; float:none;font:11px dotum; color:#7c7c7c; padding:5px 0;}
.sb_board_comment_wrap .board_comment_item .comment_control {float:right; width:80px; position:absolute; top:10px; left:100%; margin-left:-80px;}
.sb_board_comment_wrap .board_comment_item .comment_control ol { list-style:none}
.sb_board_comment_wrap .board_comment_item .comment_control ol li { float:left; padding:0 2px; line-height:24px;}

.sb_board_comment_item_reply {padding:15px 23px 15px 60px  !important;  background:url(./img/icon_re1.gif) 30px 12px no-repeat  #fff !important; overflow:auto; position:relative; }

.sb_board_comment_write { float:none; clear:both; padding:15px 23px;border-bottom:1px solid #eeeeee; overflow:auto; _display:inline-block}
.sb_board_comment_write .writeBox{ float:left;overflow:auto; text-align:right;  margin:0 10px 0 0;}
.sb_board_comment_write .writeButton{ float:left;}


.sb_txt_comment{ font:10px Tahoma, Geneva, sans-serif !important; color:#77c414; font-weight:bold;}

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

.sb_board_comment_write { float:none; clear:both; padding:15px 23px;border-bottom:1px solid #eeeeee; overflow:auto; _display:inline-block}
.sb_board_comment_write .writeBox{ float:left;overflow:auto; text-align:right;  margin:0 10px 0 0; width : 80%;  width : -webkit-calc(100% - 86px);  width :    -moz-calc(100% - 86px);  width :  calc(100% - 86px); }
.sb_board_comment_write .writeButton{ float:left; width: 68px; height: 41px;  background: url(./img/btn_comment.gif) no-repeat; overflow: hidden; border: 0;}
.board_comment_item .writeBox{ float:left;overflow:auto; text-align:right;  margin:0 10px 0 0; width : 80%;  width : -webkit-calc(100% - 86px);  width :    -moz-calc(100% - 86px);  width :  calc(100% - 86px); }
.board_comment_item .writeButton{ float:left; width: 68px; height: 41px;  background: url(./img/btn_comment.gif) no-repeat; overflow: hidden; border: 0;text-indent: -9999px;}

.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;}
table .invalid_input{ width: 251px; margin: 0 auto;}
table .invalid_input input{float: left;}