/* Add here all your css styles (customizations) */
/*ÆùÆ® »ö»ó*/
.fc_green {color:#72c02c; font-weight:600;}

/**/
.breadcrumbs {font-family:'Nanum Gothic';}

/*¸ÞÀÎ*/
.desc a {color:#555;}

/*¸±¸®È¸¶õ? - Àλ縻*/
.greeting_img {display:block; margin:0 auto; margin-top:30px; overflow:hidden; text-align:center; }
.greeting_img .greeting_pc {display:block; margin:0 auto; border:0px solid red;}
.greeting_img .greeting_mo {display:none; border:0px solid blue;}
.greeting_txt {display:block; width:890px; margin:0 auto; margin-top:30px; padding-top:30px;  margin-bottom:100px; text-align:left; border-top:1px dashed #7e7e7e; font-size:15px; line-height:180%;}





/*---------------°Ô½ÃÆÇ(LIST)---------------*/
/*°Ô½ÃÆÇ Å©±â, margin*/
.panel {width:1000px; margin:0 auto; box-shadow:0; webkit-box-shadow:0; margin-bottom:100px;}
.panel a {color:black;}
.btns a {color:white;}

/*°Ô½ÃÆÇ Å¸ÀÌƲ »ö»ó*/
.panel table {border-bottom:1px solid #dddddd; vertical-align:middle;}
.panel th {background:#72c02c; color:#fff; text-align:center; vertical-align:middle;}
.panel .table_subject:first-child {text-align:center;}
.panel .table_subject {width:50%; padding-left:20px; text-align:left;}
.panel .write_num {width:5%; overflow:hidden; text-align:center;}
.panel .list_name {text-align:center;}
.panel .hit_num {text-align:center;}
.panel .date {text-align:center;}
.panel .hidden-sm {text-align:center;}

/*°Ë»öâ+¹öÆ°*/
.boardlist_btngroup {overflow:hidden; border:0px solid #e2e2e2;}
.boardlist_btngroup .btns .btn{overflow:hidden; display:block; float:left; width:80px; height:30px; padding:0;}
.boardlist_btngroup .btns {border:0px solid red; float:right;}
.boardlist_btngroup .btns button:first-child {margin-right:3px;}
.boardlist_btngroup .search_forms {overflow:hidden; float:left; width:300px; border:0px solid blue;}
.boardlist_btngroup .search_forms_mobile {display:none;}
.boardlist_btngroup .search_forms form {display:block; float:left;}
.boardlist_btngroup .search_forms .search_type {border:1px solid #e2e2e2; width:80px; height:30px;}
.boardlist_btngroup .search_forms .inputst {border:1px solid #e2e2e2; width:150px; height:30px;}
.boardlist_btngroup .search_forms .btn {width:50px; height:30px;}
.mobile_user_btns {display:none;}
.btn-success {background-color:#72c02c; border-color:#4cae4c;}
.btn-success:hover {background-color:#72c02c; border-color:#4cae4c;}

/*°Ô½ÃÆÇ ÆäÀÌÁö À̵¿*/
.paginate_complex{padding:15px 0;line-height:normal;text-align:center; border:0px solid gray;}
.paginate_complex_mobile {display:none;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ffa800;}
.paginate_complex .direction{font-family:'Nanum Gothic'; border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover, .paginate_complex .direction:active, .paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}

/*---------------°Ô½ÃÆÇ(WRITE)---------------*/
.panel .write_sort {width:90px; vertical-align:middle;}
.panel .write_input_name .inputst {margin-left:20px; padding-left:5px; border:1px solid #e2e2e2; width:30%; height:25px;}
.panel .write_input_mail .inputst {margin-left:20px; padding-left:5px; border:1px solid #e2e2e2; width:30%; height:25px;}
.panel .write_input_subject .inputst {margin-left:20px; padding-left:5px; border:1px solid #e2e2e2; width:95%; height:25px;}
.panel .write_sort_contents {height:300px; vertical-align:middle;}
.panel .write_input_contents .inputst {margin-left:20px; padding-left:5px; border:1px solid #e2e2e2; width:95%; height:300px;}
.panel .write_sort_file {height:50px; vertical-align:middle;}
.panel .write_input_file {padding-left:28px;}
.boardlist_btngroup_write {text-align:center; overflow:hidden; height:40px; margin-top:20px; border:0px solid red;}
.boardlist_btngroup_write .btns {overflow:hidden; margin:0 auto; border:0px solid lime;}
.boardlist_btngroup_write .btns .btn {width:80px; height:40px;}
.write_sort_file_mobile {display:none;}

/*---------------°Ô½ÃÆÇ(VIEW)---------------*/
.panel .view_sort {width:40px; vertical-align:middle;}
.sort_contents {height:300px;}
.panel .view_name, .panel .view_mail {width:200px;}




@media screen and (max-width:1024px){

/*¸±¸®È¸¶õ? - Àλ縻*/
.greeting_txt {width:98%; margin:0 auto; }
.greeting_txt {width:96%; margin:0 auto; margin-top:30px; padding-top:30px;  margin-bottom:100px; text-align:left; border-top:1px dashed #7e7e7e;}


/*---------------°Ô½ÃÆÇ(LIST)---------------*/
/*°Ô½ÃÆÇ Å©±â, margin*/
.panel {width:95%; margin:0 auto; margin-bottom:100px;}
.panel a {color:black;}

/*°Ô½ÃÆÇ Å¸ÀÌƲ »ö»ó*/
.panel th {background:#72c02c; color:#fff; text-align:center;}
.panel .write_num {display:none; width:5%; overflow:hidden; text-align:center;}
.panel .hit_num {text-align:center;}
.panel .date {text-align:center;}
.panel .hidden-sm {text-align:center;}

}

@media screen and (max-width:600px){
/*¸±¸®È¸¶õ? - Àλ縻*/
.greeting_img {width:98%; margin:0 auto; }
.greeting_img .greeting_pc {display:none; margin:0 auto; border:0px solid red;}
.greeting_img .greeting_mo {display:block; margin:0 auto; width:90%; margin-top:30px; padding-bottom:30px; border:0px solid blue;}
.greeting_txt {width:98%; margin:0 auto;}

/*---------------°Ô½ÃÆÇ(LIST)---------------*/
/*°Ô½ÃÆÇ Å©±â, margin*/
.panel {width:95%; margin:0 auto; margin-bottom:100px; overflow:hidden; padding:20px 0px 20px 0px; border:1px solid white;}
.panel table {width:100%;}
.panel a {color:black;}

/*°Ô½ÃÆÇ Å¸ÀÌƲ »ö»ó*/
.panel th {background:#72c02c; color:#fff; text-align:center;}
.panel .table_subject {width:50%; padding-left:20px; text-align:center;}
.panel .write_num {display:none; width:5%; overflow:hidden; text-align:center;}
.panel .hit_num {width:10%; text-align:center;}
.panel .date {text-align:center;}
.panel .hidden-sm {display:block; !important; text-align:center;}

/*°Ô½ÃÆÇ ÆäÀÌÁö À̵¿*/
.paginate_complex {display:none;}
.paginate_complex_mobile {display:block; margin-top:20px; text-align:center;}
.paginate_complex_mobile a,
.paginate_complex_mobile strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:0px 8px 0px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex_mobile a:hover, .paginate_complex_mobile a:active, .paginate_complex_mobile a:focus{background-color:#f8f8f8}
.paginate_complex_mobile strong{color:#ffa800;}
.paginate_complex_mobile .direction{font-family:'Nanum Gothic'; border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex_mobile .direction:hover, .paginate_complex_mobile .direction:active, .paginate_complex_mobile .direction:focus{color:#323232;background-color:#fff}
.paginate_complex_mobile .prev{border-left:0}
.paginate_complex_mobile .next{border-right:0}
.paginate_complex_mobile .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex_mobile .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex_mobile .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}

/*°Ë»öâ+¹öÆ°*/
.boardlist_btngroup .search_forms {display:none;}
.boardlist_btngroup .search_forms_mobile {display:block; overflow:hidden; float:left; margin-top:10px; width:100%; border:0px solid blue;}
.boardlist_btngroup .search_forms_mobile form {display:block; text-align:center;}
.boardlist_btngroup .search_forms_mobile .search_type {border:1px solid #e2e2e2; width:50px; height:30px;}
.boardlist_btngroup .search_forms_mobile .inputst {border:1px solid #e2e2e2; width:150px; height:30px;}
.boardlist_btngroup .search_forms_mobile .btn {width:50px; height:30px;}
.boardlist_btngroup .btns {display:none;}
.boardlist_btngroup .btns button:first-child {margin-right:0px;}
.mobile_user_btns {display:block; text-align:center; overflow:hidden; width:100%; margin-top:10px; border:0px solid red;}
.mobile_user_btns .wrap {overflow:hidden; width:200px; margin:0 auto; text-align:center; border:0px solid red;}
.mobile_user_btns button {display:inline; width:70px; height:30px;}
.mobile_user_btns .btn:first-child {margin:0;}

/*---------------°Ô½ÃÆÇ(WRITE)---------------*/
.panel .write_input_name .inputst {margin-left:10px; padding-left:5px; border:1px solid #e2e2e2; width:35%; height:25px;}
.panel .write_input_mail .inputst {margin-left:10px; padding-left:5px; border:1px solid #e2e2e2; width:50%; height:25px;}
.panel .write_input_subject .inputst {margin-left:10px; padding-left:5px; border:1px solid #e2e2e2; width:95%; height:25px;}
.panel .write_sort_contents {height:300px; vertical-align:middle;}
.panel .write_input_contents .inputst {margin-left:10px; padding-left:5px; border:1px solid #e2e2e2; width:95%; height:300px;}
.panel .write_sort_file {height:50px; width:20%; vertical-align:middle;}
.panel .write_input_file {padding-left:18px;}
.boardlist_btngroup_write {text-align:center; overflow:hidden; height:40px; margin-top:20px; border:0px solid red;}
.boardlist_btngroup_write .btns {overflow:hidden; margin:0 auto; border:0px solid lime;}
.boardlist_btngroup_write .btns .btn {width:80px; height:40px;}
input[type=file] {display:block; width:98%;}

/*---------------°Ô½ÃÆÇ(VIEW)---------------*/
.panel .view_sort {width:25%; vertical-align:middle;}
.sort_contents {min-height:300px;}
.panel .view_name, .panel .view_mail {width:30%;}
.panel .view_mail {font-size:0.9em;}

}