/*게시판 css*/

.sub-tit-top {background:url("/layout/images/module/board/sub-tit-top.gif") no-repeat scroll 0 0 transparent; clear:both; font-size:0; height:10px; margin:0; overflow:hidden; width:700px; }
.content_top_alert {background:url("/layout/images/module/board/sub-tit-bg.gif") repeat-y scroll 0 0 transparent; float:left; margin:0; width:700px; }
.content_top_alert .alert_content { margin:0 14px; color:#666666;  font-size:11px; }
.content_top_alert .button { text-align:right; padding-right:10px; padding-bottom:5px;}
.content_top_alert .alert_content hr { display:block !important; border:0; border-top:1px dotted #ccc; height:4px !important; line-height:160% !important; width:auto !important; visibility:visible !important;}

.sub-tit-bottom {background:url("/layout/images/module/board/sub-tit-bottom.gif") no-repeat scroll 0 0 transparent; clear:both; font-size:0; height:10px; margin:-4px 0 10px 0; overflow:hidden; width:700px; }


/* 기본- 리스트 ================================================================================================================================*/

.base_table {
    clear: both;
	border-bottom: 1px solid #A3A3A3;
    border-top: 1px solid #808080;
	border-collapse: collapse;
	width:100%;
	font-size: 12px;
}

.base_table th {
	background: url("/layout/images/module/board/table_bg02.gif") no-repeat scroll right 12px transparent;
	border-color: #C9C9C9;
	border-style: none none solid;
	border-width: 0 0 1px;
	padding: 12px 0 12px;
	color:#333;
	text-align: center;
	font-size: 15px;
}

.bg_none {
    background: none repeat scroll 0 0 transparent !important;
}

.base_table td {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #D6D6D6;
    color: #666666;
    padding: 15px;
    text-align: center;
	font-size:15px;
}

.base_table tr.tr_notice td.list_idx {
    background: url("/layout/images/module/board/icon_notice.png") no-repeat scroll 50% 50% #EFF9F9;
    text-indent: -100000px;
	font-size:0; 
	line-height:0;
}
.base_table tr.tr_notice td {
    background-color: #EFF9F9;
    color: #5991CC !important;
    font-weight: bold;
}

.base_table tr.tr_notice td.title a {
    color: #5991CC !important;
}

.base_table td.title {
    display: table-cell;
    text-align: left !important;
}

.base_table td.reply {
	padding:0 0 0 20px;
}

.base_table td a.title_delete {
    background: none repeat scroll 0 0 #e3e3e3;
    color: #999999;
}

.base_table td.bg_g {
    background-color: #fff;
}

span.icon_image {
    background: url("/layout/images/module/board/ico_filedown.png") no-repeat;
    display: inline-block;
    height: 22px;
	margin-left: 2px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 23px;
}

span.icon_attach {
    background: url("/layout/images/module/board/board_icon.png") no-repeat scroll -27px 0 transparent;
    display: inline-block;
    height: 12px;
    margin-left: 2px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 12px;
}
span.icon_new {
    background: url("/layout/images/module/board/ico_new.png") no-repeat;
    display: inline-block;
    height: 22px;
    margin-left: 2px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 40px;
}

span.icon_lock {
    background: url("/layout/images/module/board/ico_lock.png") no-repeat ;
    display: inline-block;
    height: 17px;
    margin-left: 3px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 13px;
}

span.icon_hidden {
    background: url("/layout/images/module/board/board_icon.png") no-repeat scroll -146px 0 transparent;
    display: inline-block;
    height: 14px;
    margin-left: 3px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 37px;
}

span.icon_reply {
    background: url("/layout/images/module/board/board_icon.png") no-repeat scroll -116px 0 transparent;
    display: inline-block;
    height: 13px;
    margin-left: 3px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 29px;
	padding: 0 0 0 3px;
}
span.icon_movie {
    background: url("/layout/images/module/board/board_icon.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 12px;
    margin-left: 3px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 12px;
}

span.comment_cnt {
    background: url("/layout/images/module/board/board_icon.png") no-repeat scroll -84px 0 transparent;
    color: #FD2100;
    display: inline-block;
    font-family: tahoma;
    font-size: 9px;
    height: 12px;
    letter-spacing: 0;
    line-height: 120%;
    margin-left: 3px;
    overflow: hidden;
    padding: 0 2px;
    text-align: center;
    vertical-align: middle;
    width: 15px;
}

.cate_list {
    clear: both;
    line-height: 140%;
    margin: 10px 0 0 0;
    padding: 0;
}

.cate_list li {
    background: url("/layout/images/module/board/imgset_bar.gif") no-repeat scroll left 5px transparent !important;
    float: left;
    padding: 0 11px 5px 11px !important;
    position: relative;
	margin:0;
}

.cate_list li.first {
    background: none repeat scroll 0 0 transparent !important;
    padding-left: 1px;
}

.cate_list li.on {
    color: #3366CC;
    font-weight: bold;
}

.cate_list li span {
    margin: 0 0 0 2px;
	padding:0;
}

span.icon_proc_appli{
    background: url("/layout/images/module/board/icon_process.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin-left: 6px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 44px;
}

span.icon_proc_receipt{
/*    background: url("/layout/images/module/board/icon_process.gif") no-repeat scroll 0 -17px transparent;*/
      display: inline-block;
	  height: 20px;
	  margin-left: 6px;
	  overflow: hidden;
	  vertical-align: middle;
	  width: 50px;
	  background-color: #3dbad3;
	  color: #fff;
	  font-size: 13px;
	  padding: 2px 7px;
}

span.icon_proc_complete{
/*    background: url("/layout/images/module/board/icon_process.gif") no-repeat scroll 0 -34px transparent;*/
   	  display: inline-block;
	  height: 20px;
	  margin-left: 6px;
	  overflow: hidden;
	  vertical-align: middle;
	  width: 50px;
	  background-color: #ac2523;
	  color: #fff;
	  font-size: 13px;
	  padding: 2px 7px;
}

span.icon_proc_close{
    background: url("/layout/images/module/board/icon_process.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin-left: 6px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 44px;
}

span.icon_proc_appro{
    background: url("/layout/images/module/board/icon_process.gif") no-repeat scroll 0 -51px transparent;
    display: inline-block;
    height: 16px;
    margin-left: 3px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 31px;
}

span.icon_proc_objection{
    background: url("/layout/images/module/board/icon_process.gif") no-repeat scroll 0 -68px transparent;
    display: inline-block;
    height: 16px;
    margin-left: 3px;
    overflow: hidden;
    text-indent: -5000px;
    vertical-align: middle;
    width: 37px;
}



/* 기본- 상세보기 ================================================================================================================================*/

.board_box {
	clear:both;
	border-top:1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	position:relative;
	font-size: 15px;
	background-color: #fafafa;
}

.board_box h3 {
	background: none repeat scroll 0 0 transparent !important;
    border-bottom: 1px solid #DDDDDD;
    color: #b2111b;
    display: block;
    font-size: 17px;
    margin: 0px;
    padding: 12px !important;
	font-weight:500;
}

#social_icon {
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 100;
	position:absolute;
	top: 53px;
	right: 15px;
}

#social_icon li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
}

#social_icon li a {
    background: url("/layout/images/module/board/icon_sns.gif") no-repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    height: 20px;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding-right: 0;
    text-indent: -5000px;
}

#social_icon li.tw a {
    background-position: 0 0;
    width: 20px;
}
#social_icon li.fa a {
    background-position: -25px 0;
    width: 20px;
}
#social_icon li.me a {
    background-position: -50px 0;
    width: 20px;
}

.board_box dl {
    margin: 0;
	padding:10px;
	display: inline-block;
	width:100%;
}

.board_box dl dt {
	float: left;
	padding:0;
    margin: 1px 9px 1px 0;
}
.board_box dl dd {
    float: left;
	padding:0;
    margin: 1px 60px 1px 0;
	color:#969696;
}

.board_box dl dd span {
    color: #CCCCCC;
    font-size: 8pt;
    margin: 0 15px;
}

.board_box dl.article_info {
	padding:13px 10px 10px;
	margin:0;
}

.board_box dl.article_info dd {
	color:#f34f17;
}

.board_content {
	padding:50px 0;
	text-align:justify !important;
	border-bottom:1px solid #333;
}

.board_content .admin_reply {
	clear:both;
	border: 1px dashed #bbb;
	margin:10px 0 0 0;
	padding:15px;
}

.board_content .admin_reply h4 {
	display:block;
	background-color: #3b5279;
	background-image: none !important;
	border: 1px solid #3b5279;
	margin:0 0 5px 0;
	padding: 10px 0;
	text-align:center;
	font-size:14px;
	color:#fff;
}

.board_content img {
	margin:20px auto;
	display:block;
}

.file_attach {
	display:block;
    margin: 0;
    padding: 0;
}

.attach_header {
    background-color: #f8f6f6;
  /* font-size: 8pt; */
  font-weight: bold;
  padding: 15px 15px;
}

.attach_header span {
    color: #FD2100;
    font-weight: normal;
	padding:0 0 0 3px;
}

.file_attach ul {
	margin: 10px 0 0 0;
	padding:0;
}

.file_attach ul li {
      border-bottom: 1px solid #EEEEEE;
  display: block;
  clear: both;
  overflow: auto;
  padding: 5px 0 11px 5px;
}

.file_attach ul .file_name {
   float: left;
  font-size: 10pt;
  font-weight: bold;
  margin-right: 10px;
}

.file_attach ul .file_name img {
    margin: 0 5px 2px 0;
    vertical-align: middle;
}

.file_attach ul .file_size {
    color: #888888;
    font-size: 8pt;
    font-weight: normal;
}

.file_attach  ul .file_down {
	background: url(/layout/images/module/board/icon_download.gif) no-repeat scroll 0 6px transparent;
  padding: 0 0 0 10px;
  font-size: 10pt;
}






/* 포토게시판-리스트 ===================================================================================================================== */


#photo_gallery {
	margin:20px 0;
	padding:0;
}

#photo_gallery .photo_list {
    clear: both;
    display: inline-block;
	padding:0;
	margin:0;
    height: auto;
    width: 100%;
	text-align:left;
}

#photo_gallery .photo_list li.none {
    margin-left: 0 !important;
}

#photo_gallery .photo_list li {
    float: left;
    line-height: 1.3;
    margin: 0 15px 30px 15px;
    width: 190px;
}

#photo_gallery .photo_list p.photo_thumb {
    border: 1px solid #9E9D9D;
    margin: 0 0 10px 0;
    padding:0;
    width: 200px;
    height: 150px;
}


#photo_gallery .photo_list p.photo_thumb img{
    width: 200px;
    height: 150px;
}
#photo_gallery .photo_list p.photo_title {
    margin:0 0 4px 0;
	padding:0;
	font-weight:bold;
	font-size: 12px;
}

#photo_gallery .photo_list p.photo_date {
	color:#999999;
    margin:0 0 2px 0;
	padding:0;
	font-size:11px;
}

/* 글쓰기 입력 폼 ============================================================================================================ */

.form_table{margin:1em 0;font-size:12px;}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:15px;}
.form_table table{width:100%;border:0;border-top:2px solid #999;}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left;}
.form_table th{padding:8px 8px 8px 15px;border:0;}
.form_table td{padding:8px;border:0;vertical-align:midde;}
.form_table th{color:#333;}
.form_table td{color:#666;}
.form_table thead th{border-bottom:1px solid #ccc;background:#f8f8f8;}
.form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left;}
.form_table tfoot th{border-bottom:1px solid #ddd;}
.form_table tbody td{border-bottom:1px solid #ddd;}
.form_table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333;}
.form_table .item {
  position: relative;
  margin: 3px 0;
  display: inline-flex;
  line-height: 25px;}
.form_table .item .i_help{position:absolute;top:4px;right:0;}
.form_table .item .i_label{ top:6px; left:10px;}
.form_table .item .i_dsc{margin:2px 0;}
.form_table .item input.i_file{display:block; margin:0 0 4px 0; height:21px;}
.form_table .item .i_check,
.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle;}
.form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;}
.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.form_table .item select{margin:2px; height:21px;;}
.form_table .item label{margin:0 10px 0 0;cursor:pointer;}
.form_table .w90 {width:90% !important;}
.form_table .w70 {width:70% !important;}
.form_table .w40 {width:40% !important;}
.form_table .w30 {width:30% !important;}

/* 게시물 설정 ============================================================================================================ */


span#tab_article_setting {
	background: url("/layout/images/module/article_bl.gif") no-repeat scroll 0 5px transparent;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding:0 0 0 19px;
	float:right;
}

table.boardlist {
    border-bottom: 1px solid #FFFFFF;
    border-spacing: 1px;
    border-top: 2px solid #4D4D4D;
    clear: both;
    width: 100%;
	margin:0 0 15px 0;
	padding:0;
	font-size: 12px;
}


table.boardlist th {
    background-color: #F5F6F6;
    border-bottom: 1px solid #DDDDDD;
    color: #555555;
    font-weight: bold;
    margin: 0;
    padding: 8px 8px 8px 15px;
    text-align: left;
}


table.boardlist td {
    border-bottom: 1px solid #DDDDDD;
    color: #505050;
    font-family: Dotum;
    margin: 0;
    padding: 5px 0 10px 10px;
    text-align: left;
}


table.boardlist td #process {
	padding:3px 5px !important;
}


table.boardlist td input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 22px;
    padding-left: 5px;
}

table.boardlist a#btn_erase {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 22px;
    padding: 5px;
}


#admin_comment {
    height: 150px;
    width: 95%;
	padding:5px;
}

/*  코멘트  */
.report_up{position:absolute; left:590px; top:13px; padding:2px;  display:block; width:35px; height:12px; border-top:#e4e4e6  solid 1px; border-left:#e4e4e6  solid 1px; border-right:#bfc6ce  solid 1px; border-bottom:#bfc6ce solid 1px; font-weight:normal !important; font-style: normal; text-align:center; }
.report_up em{color:#FB4C14; font-style: normal; font-size:9px;}
.report_up a{font-style: normal; font-weight:normal !important; font-size:11px;}
.report_down{position:absolute; left:640px; top:13px; padding:2px;  display:block; width:35px; height:12px; border-top:#e4e4e6  solid 1px; border-left:#e4e4e6  solid 1px; border-right:#bfc6ce  solid 1px; border-bottom:#bfc6ce solid 1px; font-weight:normal !important; font-style: normal; text-align:center; }
.report_down em{color:#FB4C14; font-style: normal; font-size:9px;  }
.report_down a{font-style: normal; font-weight:normal !important; font-size:11px;}

.delete{margin-left:15px; vertical-align:middle; line-height: 14px;}
.user_info{ line-height: 12px; margin: 0; padding: 0 0 0 0; vertical-align:middle;}


.social_connect { margin:10px 0 20px 0 !important; height:17px; display:inline-block; width:100%; border-bottom:1px solid #CCC; padding-bottom:10px;}
.social_connect li{float:left !important; padding:0 5px 0 0 !important; background:none !important;}
.clear{ clear:both !important;}
.social_board{ padding-left:10px;}

/* 과목 상세정보 ================================================================================================================================*/

table.class_view {
    border-bottom: 1px solid #FFFFFF;
    border-spacing: 1px;
    border-top: 2px solid #464646;
    clear: both;
    width: 100%;
	margin:0 0 15px 0;
	padding:0;
	font-size: 12px;
}

table.class_view th {
    background-color: #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    color: #464646;
    font-weight: bold;
    margin: 0;
    padding: 8px 8px;
    text-align: center;
}

table.class_view td {
    border-bottom: 1px solid #DDDDDD;
    color: #505050;
    margin: 0;
    padding: 8px 10px;
    text-align: left;
}
table.class_view td.situation {
    color: #EF462F;
	font-weight:bold;
	vertical-align:middle;
}
#content table.class_view td.situation img {
	padding:0;
	margin-left:5px;
	vertical-align:middle;
    
}
table.class_view td.class_tit {
    color: #000;
	font-weight:bold;
}


/* ----------------------------- 글쓰기 페이지 ------------------------------------ */
table.boardwrite {
  clear: both;
  width: 100%;
}
table.boardwrite th {
    background-color: #f8f8f8;
  border-bottom: 1px solid #DDDDDD;
  color: #000000;
  font-weight: normal;
  height: 28px;
  margin: 0;
  font-size: 15px;
  vertical-align: top;
}
table.boardwrite td {
    border-bottom: 1px solid #DDDDDD;
    color: #505050;
    margin: 0;
    padding: 5px 0 5px 10px;
    text-align: left;
	font-size:14px;
}
table.boardwrite td.status .ing {
    color: #DF2626;
}
table.boardwrite td input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 22px;
    padding-left: 5px;
}
table.boardwrite td textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    min-height: 200px !important;
    padding-left: 5px;
    width: 90% !important;
}
table.boardwrite td p.nob input {
    border: medium none;
    margin: 0;
    padding: 0;
}
table.boardwrite td input.w530 {
    width: 90% !important;
}
table.boardwrite td textarea.w530 {
    width: 90% !important;
}
table.boardwrite td input.w270 {
    width: 270px;
}
table.boardwrite td input.w200 {
    width: 150px;
}

table.filelist {
    border-spacing: 1px;
    border-top: 1px solid #C7C7C7;
    clear: both;
    width: 100%;
}
table.filelist th {
    background-color: #F5F6F6;
    border-bottom: 1px solid #DDDDDD;
    color: #404C73;
    font-weight: normal;
    height: 28px;
    margin: 0;
    padding: 5px 15px;
}
table.filelist td {
    border-bottom: 1px solid #DDDDDD;
    color: #505050;
    font-family: Dotum;
    margin: 0;
    padding: 5px 0 5px 10px;
    text-align: left;
}
table.filelist td.blog_img {
    padding-bottom: 10px;
    vertical-align: top;
}
table.filelist td.title {
    line-height: 16px;
    padding: 9px 0 7px;
    text-align: left;
}
table.filelist td.title p {
    color: #2F2F2F;
    font-weight: bold;
    margin: 0 0 5px;
}
table.filelist td.title p a {
    color: #2F2F2F;
}
table.filelist td.title a {
    color: #505050;
}
table.filelist td.status {
}
table.filelist td.status .ing {
    color: #DF2626;
}
table.filelist td input.w530 {
    width: 95%;
}
table.filelist td input.w270 {
    width: 270px;
}
table.filelist td input.w200 {
    width: 150px;
}
table.filelist td .file_input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 22px;
    padding-left: 5px;
    width: 60% !important;
	font-size: 13px;
	
}

.file_upload_box {font-size:13px !important;}

#site_setting { width:650px; border:1px solid #000; background-color:#fff;}
#site_setting .header { background-color:#f2f2f2; font-weight:bold; }


ul.type03 {
    border: 1px dashed #e84a49;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px 10px 10px 20px !important;
}
ul.type03 li {
    background: url("/layout/images/module/common/icon_excla.gif") no-repeat scroll left 3px transparent !important;
    color: #FF3300;
    height: 18px;
    padding: 0 0 0 20px !important;
}

/*faq스킨*/
#faq_cate {
	clear: both;
	border-top:2px solid #808080;
	border-bottom:1px solid #a3a3a3;
	margin-bottom:10px;
	height:43px;
}

#faq_cate .faq_cate_list {
    clear: both;
    margin: 10px 0 10px 0;
	height:22px;
}

#faq_cate .faq_cate_list li {
	list-style:none;
    padding: 0 11px 5px 11px !important;
	margin:0 5px 0 20px;
	border:0px solid #eee;
	float:left;
}

#faq_cate .faq_cate_list li.first {
    background: none repeat scroll 0 0 transparent !important;
    padding-left: 1px;
}

#faq_cate .faq_cate_list li.on {
    color: #c0272d;
    font-weight: bold;
}

#faq_cate .faq_cate_list li span {
    margin: 0 0 0 2px;
	padding:0;
}

#board_wrap {
	border-top:2px solid #808080;
}

#board_head {clear:both; height:32px; color:#333; border-bottom:1px solid #c9c9c9; background:url("/layout/images/module/board/table_bg01.gif") repeat-x;}
#board_articles {clear:both;}
#board_head div {float:left; text-align:center; font-weight:bold; padding-top:6px;}

#board_wrap .board_no {width:8%; text-align:center;}
#board_wrap .board_cate {width:12%; text-align:center;}
#board_head .board_title {width:80%;}

#board_head .board_no {background:url("/layout/images/module/board/table_bg02.gif") no-repeat right 8px;}
#board_head .board_cate {background:url("/layout/images/module/board/table_bg02.gif") no-repeat right 8px;}

#board_articles .row_bg0 { background-color:#fff;}
#board_articles .row_bg1 { background-color:#fafafa;}
#board_articles .board_article {clear:both; border-bottom:1px solid #c9c9c9; width:100%;}
#board_articles .board_contents {display:none; border-bottom:1px solid #c9c9c9; padding:10px 25px 15px 50px;}

.board_article {height:31px;}
.board_article .board_no {float:left;padding:5px 0 8px 0;}
.board_article .board_cate {float:left;padding:5px 0 8px 0;}
.board_article .board_title {float:left;width:79%;padding:5px 0 8px 0; margin-left:5px; cursor:pointer; }


input[type=radio], input[type=checkbox] { border:0px !important;}


table th {padding:20px; border-bottom:1px solid #e4e4e4;}
table td {padding:20px; border-bottom:1px dashed #e4e4e4;}



/*주요일정 글쓰기*/
table.sche_write th {
  width: 27%;
}
table.sche_write td input {
    width:105px;
}

table td.sche_time  {
    font-size:13px !important;
}

table.sche_write td.sche_time input {
    width:15px;
	margin-top:10px !important;
}
table.sche_write td.sche_time label {
 	vertical-align:super
}