/*°Ô½ÃÆÇ°øÅë*/

.boardarea{width:100%;}

.boardarea h4{text-align:center;font-size:18px;padding:10px;margin-top:30px;border-top:2px solid #ccc;border-bottom:1px solid #ccc;background:#f6f6f6}

.boardarea input.noneb{border:0px;background:none;vertical-align:middle}


.form_style{border:1px solid #ccc; padding:7px;;font-size:12px}
.form_style2{border:1px solid #ccc; padding:3px;font-size:12px;;}
.form_style5{border:1px solid #ccc; padding:7px;font-size:12px;width:200px;;}
.fom_fileinput{border:1px solid #ccc; padding:3px;font-size:12px;float:left;}
.form_style3{border:0px solid #ccc; padding:0px;font-size:0px;float:left;background:red;width:80px;;}
input.form_style4{width:80px;border:1px solid #ccc; padding:2px;font-size:12px;}




.form_textarea{width:96%; 
 	 border:1px solid #ccc;;
     line-height:130%;
	 padding:2%;

	 }
.subject_A{width:80%;}

/*Àб⠷α×ÀÎ*/
.readbox{border: 1px solid #ccc;width:250px;margin:0 auto;}


/*list*/
.boardarea .noarea{width:10%;text-align:center;}
.boardarea .subjectarea{width:46%;text-overflow: ellipsis;white-space: nowrap;}
.boardarea .filearea{width:7%;text-align:center;}
.boardarea .hitarea{width:7%;text-align:center;}
.boardarea .namearea{width:15%;text-align:center;}
.boardarea .dataarea{width:15%;text-align:center;}

.boardtitbar{margin-top:30px;}
.boardtitbar ul{height:35px;margin-bottom:0px;}
.boardtitbar ul li{color:#333;float:left;background:#f6f6f6;text-align:center; border-top: 2px solid #709bd3;border-bottom:1px solid #dddddd}
.boardtitbar ul li span{display:block;padding:10px 0 10px 0;}


.boardnotarea{clear:both;}
.boardnotarea ul li{float:left;text-align:center; background:#e8faff;border-bottom: 1px solid #dddddd;padding-top:10px;padding-bottom:10px;}
.boardnotarea ul li.subjectarea{text-align:left;}
.nonetext{clear:both;text-align:center;padding:10px;border-bottom: 1px solid #ccc;margin-bottom:10px;}

.boardcontent{clear:both;}
.boardcontent ul{}
.boardcontent ul li{float:left;text-align:left;border-bottom: 1px solid #dddddd;padding-top:10px;padding-bottom:10px;}
.boardcontent ul li a,.boardcontent ul li a:hover{}


.searcharea{clear:both;padding-top:20px;width:100%;}
.searcharea form{float:left;width:80%;}
.searcharea .wr_icon{float:right;text-align:right;}

.btnareaA{text-align:center;width:340px;margin: 20px auto;}
 
.sendbuttonA{
    
	background: #2055c4;
     color: #fff;
    text-align: center;
    padding: 3px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
	
 	 
 	margin: 5px 2px;
	 
}

.cancelbuttonB{
    
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 3px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
	
 	 
 	margin: 5px 2px;
	 
}
.boardbutton{
    
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 3px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
	
 	 
 	margin: 5px 2px;
 
	 
}

 .boardbutton a, 
 .boardbutton a:hover,
 .sendbuttonA a, 
 .sendbuttonA a:hover,
 .cancelbuttonB a, 
 .cancelbuttonB a:hover
 {color:#fff;display:block;padding:5px 0px;width:100%;}


 .iconarea{width:100%; position:relative;text-align:center;border-top: 0px solid #ccc;padding:10px 0;margin:  20px auto 0 auto;}
 .iconarea_in{padding:30px 0; margin: 0 auto; }
 .iconarea_in .sendbuttonA{display:inline-block;vertical-align:middle}
 .iconarea_in .cancelbuttonB{display:inline-block;vertical-align:middle}
 .iconarea_in .boardbutton{display:inline-block;vertical-align:middle}
 .iconarea_in .blank{display:inline-block;width:0;height:0px;vertical-align:middle}



@media(max-width:380px){
.btnareaA{text-align:left;width:95%;left:50%;margin-left:-130px;position:relative;overflow:hidden;}
  
 
 }



@media all and (max-width:768px) {


/*list*/
.boardarea .noarea{display: none;}
.boardarea .subjectarea{width:75%;}
.boardarea .filearea{display: none;}
.boardarea .hitarea{display: none;}
.boardarea .namearea{display: none;}
.boardarea .dataarea{width:25%;text-align:center;}


}
@media all and (max-width:580px) {


/*list*/
.boardarea{margin-top:30px;border-top: 2px solid #709bd3;}
.boardtitbar{display:none}
.boardarea .subjectarea{width:98%;border-bottom:none;padding:2px 3px 0px 10px;margin:0;}
.boardarea .boardcontent .subjectarea{background: url(/image/arrow3.png) no-repeat 0 10px}
.boardarea .dataarea{width:98%;text-align:left;font-size:13px;padding:0 0 3px 10px;margin:0;color:#898989}

.boardnotarea{background:#e8faff}
.boardarea .boardnotarea ul li.subjectare{background:#e8faff}

}

/*view*/
.viewarea{}
.viewarea h5.boardtitle{text-align:center;padding:5px; font-size:18px;font-weight:normal;}
.viewarea h4.boardtitle{text-align:center;padding:5px 10px 10px 10px;font-size:20px;font-weight:bold;}

.viewarea  #DivContents{max-width:1800px}
.viewarea  #DivContents img{margin-bottom:10px;max-width: 100%; 
    width: auto; /* IE8 */
    height: auto;
}

 

.viewarea .view_con_info{text-align:right;border-bottom: 1px dashed #ccc;padding:5px;}
.viewarea .view_con_info ul li{display:inline;margin-left:30px;font-size:12px;}

.view_content{clear:both;padding:10px}
.view_content .content_txtA a{text-decoration:underline;}

.downloadare{ padding:4px;}

 


p.iconarae{text-align:center;border-top: 1px solid #ccc;padding:10px;margin-top:40px;}


/*write*/

table.boardform				{width: 100%;  border-collapse:collapse;margin:10px 5px 0 0px; }
table.boardform caption		{display:none;}
 

table.boardform  th{letter-spacing:-0.05em;font-weight:400;padding:8px 0px 8px 20px; width:20%;text-align:center; border-bottom: 1px solid #ccc; } /*th񃧯*/
table.boardform  th.bordernone{height:34px;}
table.boardform  td{border-bottom: 1px solid #ccc;padding:8px;width:80%; } 

 table.boardform .bar{border-top: 2px solid #ccc;}

 

 /*ÆÄÀÏ÷ºÎ*/

.file_input_textbox{float: left} 
.file_input_div{position: relative;width: 100px; height:25px;overflow: hidden;} 
.file_input_button{
width: 100px;
position: absolute;
top: 0px;padding:5px;
background-color: #33BB00;
color: #FFFFFF;
border-style: solid;} 

.file_input_hidden{
font-size: 45px;
position: absolute;
right: 0px;
top: 0px;
opacity: 0; 
filter: alpha(opacity=0);
ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;}
 


.btnarea {text-align:center;margin-bottom:60px;}
.btnarea a{display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; background:#2c48b4; color:#fff; margin:50px 0 0 15px;}

.boxAA{padding:6px;}

/* page */
.paginate{clear:both;padding:30px 0;text-align:center;font-size:12px}
.paginate a, .paginate span{display:inline-block;position:relative;min-width:32px;height:32px;line-height:32px;color:#2a2f3a;text-decoration:none;border:1px solid #d5d5d5;padding:0 5px}
.paginate a:hover{background:#fff;border:1px solid #555}
.paginate span{color:#fff !important;background:#2c48b4;border:1px solid #2c48b4}
.paginate a.pre,.paginate a.next,.paginate a.first,.paginate a.last{position:relative;vertical-align:top}
.paginate a i{display:block;overflow:hidden;background:url("/image/page.png") no-repeat;text-indent:-9999px;position:absolute;top:6px;left:10px;width:23px;height:20px}
.paginate a.pre{margin:0 12px 0 0}
.paginate a.pre i{background-position:-45px 0px}
.paginate a.next{margin:0 0 0 12px}
.paginate a.next i{background-position:-177px 0px}
.paginate a.first i{width:23px;background-position:0 0px}
.paginate a.last i{width:23px;background-position:-223px -0px}