@charset "utf-8";
/* CSS Document */


/*게시판 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; }

.none { display:none;}
/* 기본- 리스트 ================================================================================================================================*/

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

.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: 25px 0;
	color:#000;
	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;
}

.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: #09488A !important;
    font-weight: 500;
}

.base_table tr.tr_notice td.title a {
    color: #09488A !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;
	text-align: center;
}

.cate_list li {
    /*background: url("/layout/images/module/board/imgset_bar.gif") no-repeat scroll left 5px transparent !important;
    float: left;*/
    padding: 11px 11px !important;
    position: relative;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 6px -2px;
	width: 13.333%;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	overflow: hidden;	
}
.cate_list li:last-child {border-right: 1px solid #ccc;}

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

.cate_list li.on {
    color: #000;
    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;
	  line-height:20px  
}

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;
	  line-height:20px
}

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 #333;
/*	border-bottom: 1px solid #e4e4e4;*/
	position:relative;
	font-size: 15px;
}

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

#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;
	border-top: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;
}
.file_attach ul li:hover { background:#f6f6f6;}

.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;
}






/* viwe */
.notice .board_box {clear:both;	border-top:1px solid #777;border-bottom: 1px solid #e4e4e4;position:relative;font-size: 15px;}
.notice .board_box h3 {background: none repeat scroll 0 0 transparent !important;border-bottom:0;display: block;font-size: 21px;margin: 0px;padding: 12px !important;font-weight:400; display:inline-block;}
.notice .board_box span.date_1 { float:right; line-height:75px;}
.notice #social_icon {margin: 0;padding: 0;text-align: center;z-index: 100;position:absolute;top: 53px;right: 15px;}
.notice #social_icon li {display: inline; float: left;margin: 0;padding: 0 5px 0 0;position: relative;}
.notice #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;}
.notice #social_icon li.tw a {background-position: 0 0;width: 20px;}
.notice  #social_icon li.fa a {background-position: -25px 0;width: 20px;}
.notice  #social_icon li.me a {background-position: -50px 0;width: 20px;}
.board_box dl {margin: 0;padding:10px 10px 0;display: inline-block;width:100%;border-top: 1px solid #333;}
.notice .board_box dl dt {float: left;padding:0;margin: 1px 9px 1px 0;}
.notice .board_box dl dd {float: left;padding:0;margin: 1px 60px 1px 0;color:#969696;}
.notice .board_box dl dd span {color: #fff;font-size: 8pt;margin: 0 15px;}
.notice .board_box dl.article_info {padding:13px 10px 0;margin:0;}
.notice .board_box dl.article_info dd {color:#f34f17;}
.notice .board_content {padding:50px 0;text-align:justify !important;border-bottom:1px solid #777;}
.notice .board_content .admin_reply {clear:both;border: 1px dashed #bbb;margin:10px 0 0 0;padding:15px;}
.notice .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;}
.notice .board_content img {margin:20px auto;display:block;}
.notice .file_attach {display:block;margin: 0;padding: 0;}
.notice .attach_header {background-color: #f8f6f6;/* font-size: 8pt; */font-weight: bold;padding: 15px 15px;}
.notice .attach_header span {color: #FD2100;font-weight: normal;padding:0 0 0 3px;}
.notice .file_attach ul {margin: 10px 0 0 0;padding:0;}
.notice .file_attach ul li {border-bottom: 1px solid #EEEEEE;display: block;clear: both;overflow: auto;padding: 5px 0 11px 5px;}
.notice .file_attach ul .file_name {float: left;font-size: 10pt;font-weight: bold;margin-right: 10px;}
.notice .file_attach ul .file_name img {margin: 0 5px 2px 0;vertical-align: middle;}
.notice .file_attach ul .file_size {color: #888888;font-size: 8pt;font-weight: normal;}
.notice .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;}

.board_box h3 .lock_1 {display:inline-block; font-size:14px; color:#666;}/* 공개비공개표시 */
/* qna 비번박스 */
.pw_box .pw_  { display:inline-block}
.pw_box {width: 100%;margin: 20px auto 50px;padding: 30px;clear: both;border: 5px solid #ebebeb;display: table;box-sizing: border-box; text-align:center;}

/* viwe 날짜출력위치 변경 */
.board_box h3 {background: none repeat scroll 0 0 transparent !important;border-bottom:0;display: block;font-size: 21px;margin: 0px;padding: 12px !important;font-weight:400; display:inline-block;}
.board_box span.date_1 { float:right; line-height:75px;}
/* 포토게시판-리스트 ===================================================================================================================== */


#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: 30px 10px;
    width: 18%;
	height: 200px;
}
#photo_gallery .photo_list li:hover { background:#f6f6f6;}

#photo_gallery .photo_list p.photo_thumb {
    border: 1px solid #e2dfdf;
    margin: 0 0 10px 0;
    padding:0;
/*    width: 280px;
    height: 180px;*/
    text-align: center;	
}


#photo_gallery .photo_list p.photo_thumb img{
    width: 100%;
    height: 100%;
}
#photo_gallery .photo_list p.photo_title {
    margin:0 0 4px 0;
	padding:0;
    text-align: center;	
}

/* 추가추출 */
#photo_gallery .photo_list p.photo_contents {
	font-size: 14px;
	border-top: 1px dashed #e0e2e1;
	padding-top:10px;
	text-align:center;
}
#photo_gallery .photo_list p.photo_date {
	color:#999999;
    margin:0 0 2px 0;
	padding:0;
	font-size:14px;
	text-align: center;
}


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

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

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

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

#photo_gallery_1 .photo_list li {
    float: left;
    line-height: 1.3;
    margin: 30px 11px 10px;
    width: 23%;
	min-height: 400px;  
}

#photo_gallery_1 .photo_list p.photo_thumb {
    border: 1px solid #e2dfdf;
    margin: 0 0 10px 0;
    padding:0;
/*    width: 280px;
    height: 180px; */
    text-align: center;	
}


#photo_gallery_1 .photo_list p.photo_thumb img{
    width: 100%;
/*    height: 100%; 사파리에서 늘어짐*/
}
#photo_gallery_1 .photo_list p.photo_title {
    margin:0 0 4px 0;
	padding:0;
	font-size: 15px;
    text-align: center;	
}
#photo_gallery_1 .photo_list p.photo_contents {
	font-size: 14px;
	border-top: 1px dashed #e0e2e1;
	padding-top:10px;
}
#photo_gallery_1 .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 10px transparent;
	font-size:13px;
	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 td input.btn{
    background-color: #6e7380;
    border: 2px solid #6e7380;
    height: 30px;
    padding:0 15px;
	color:#fff;
    float: right;
}

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;
	margin-left: 10px;
}
table.boardwrite td textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    min-height: 200px !important;
    padding-left: 5px;
    width: 90% !important;
	font-size: 13px;
    line-height: 20px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #444;
}
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
}

/*제품상세페이지 탑부분
.pro_wrap{display:inline-block; width:100%;min-height:450px; margin:20px 0; border-bottom:1px dashed #e0e2e1;  }
.left_img{width:55%; float:left; position:relative;}
.left_img > img{width:100%; height:400px; border:1px solid #ccc;}

.right_txt{float:right; width:43%; min-height:400px;position:relative;}
.right_txt > h3{margin:0 0 10px; font-size:27px; line-height:36px; text-align:left !important; padding:0 !important; }
.right_txt li {border-bottom:1px solid #ccc;font-size:14px;}
.right_txt li.txt_pro01 {font-size:16px; border-top:1px solid #ccc;  line-height: 20px; padding: 10px 0; color: #369;}
.right_txt li.txt_pro02 { margin-top:10px;  line-height:20px;min-height: 25px; padding:10px 0;}
.right_txt li.txt_pro03 { margin-top:10px;  line-height:25px;min-height: 25px;padding-bottom: 10px}
.right_txt li.txt_pro03 span.tit{ display:inline-block; width:80px;color: #666;}
*/
/*20200228 가로사이즈 줄이기*/
.board_content_new { width:960px; margin:0 auto;}

.board_content_new .pro_wrap{display:inline-block; width:100%; margin:20px 0;/* border-bottom:1px dashed #e0e2e1*/}
.left_img{width:100%; position:relative; margin:0 auto;}
.left_img > img{width:100%; border:1px solid #ccc;}
/*이미지 중간.board_content_new .pro_width img {margin: 0 auto;}*/
.right_txt{ width:100%; /*min-height:400px;*/position:relative;}
.right_txt > h3{margin:20px 0 10px; font-size:27px; line-height:36px; text-align:left !important; padding:0 !important; }
.right_txt ul {border-top: 1px solid #333;}
.right_txt li {border-bottom:1px solid #ccc;font-size:15px;}
.right_txt li.txt_pro01 {font-size:16px; border-top:1px solid #ccc;  line-height: 20px; padding: 10px 0; color: #369;}
.right_txt li.txt_pro02 { margin-top:10px;  line-height:20px;min-height: 25px; padding:10px 0;}
.right_txt li.txt_pro03 { margin-top:10px;  line-height:25px;min-height: 25px;padding-bottom: 10px}
.right_txt li.txt_pro03 span.tit{ display:inline-block; width:100px;color: #000;}




.oline_reserve{display:inline-block; background:#369 url("/layout/images/www/common/sub_sprite.png") no-repeat -380px -94px; font-size:16px;width: 45%;margin:2% 0; padding-left:55px;box-sizing: border-box;}
.oline_reserve:hover{background:#333 url("/layout/images/www/common/sub_sprite.png") no-repeat -380px -94px; transition:all 0.3s;}
.oline_reserve > a{padding:15px;line-height: 25px; display:inline-block; color:#fff; font-size: 18px; font-weight: 300;}

.btn_don{display:inline-block; background:#a5a5a5 url("/layout/images/www/common/sub_sprite.png") no-repeat -370px -27px; font-size:16px;width: 45%;box-sizing: border-box;padding-left:23px;}
.btn_don:hover{background:#4177c6 url("/layout/images/www/common/sub_sprite.png") no-repeat -370px -27px; transition:all 0.3s;}
.btn_don > a{padding:15px;line-height: 25px; display:inline-block; color:#fff; font-size: 18px; font-weight: 300;}

.pro_width { width:100%; position: relative; margin: 0 auto;}
.pro_width img { display:block; text-align:center;}


/* qna 비번박스 */
.pw_box .pw_  { display:inline-block !important}
.pw_box {width: 100%;margin: 20px auto 50px;padding: 30px;clear: both;border: 5px solid #ebebeb;display: table;box-sizing: border-box; text-align:center;}
.pw_box .write_form {margin: 0 auto !important;}