@charset "euc-kr";
/* CSS Document */

input, textarea, select {
	padding:.5em 0; 
	border:1px solid #CCCCCC;
	margin:5px 0 5px 0;
	box-sizing:border-box;
}

.board_detail {position:relative; margin:0 auto;  padding:3em 0 ;}
.online_detail {position:relative; margin:0 auto;  padding:3em 0 ;}


/* ¼­ºêÄÜÅÙÃ÷ - °Ô½ÃÆÇÆäÀÌÁö */
.board_detail_m {position:relative;  display:none;}

/*************¼­ºê°Ô½ÃÆÇ*************/
.board_list{ border-top:1px solid #ccc;}

/***°Ô½ÃÆÇ ¸®½ºÆ®***/
.board_list .b_list_form{ width:100%; margin:0 auto; border-bottom:1px solid #ccc; padding:15px 0 15px 0; background:url(../img/cust/btn_next.png) 96% center no-repeat;}
.b_list_form  table{ width:96%; margin:0 auto; cursor:pointer;}
.b_list_form .b_title a{font-size:16px; height:0; color:#222; }
.b_list_form .b_who{color:#666; background:url(../img/cust/icon_who.jpg) left center no-repeat;word-break:keep-all;}
.b_list_form .b_date{color:#666; margin-right:20px;}
.b_list_form .b_date span{margin-left:0; color:#666; }

/***°Ô½ÃÆÇ »ó¼¼ÆäÀÌÁö***/
.board_list .b_detail_form{ width:100%; margin:0 auto; border-bottom:1px solid #ccc; padding:0px 0 20px 0;}
.b_detail_form .b_tit_wrap {border-bottom:1px solid #ccc; padding:15px 0 15px 0; background:#f9f9f9;}
.b_detail_form .b_tit_wrap  table{ width:96%; margin:0 auto;}
.b_detail_form .b_tit_wrap02 {border-bottom:1px solid #ccc; padding:15px 0 15px 0;}
.b_detail_form .b_tit_wrap02  table{ width:96%; margin:0 auto;}
.b_detail_form .b_title{ font-size:17px; width:70%; height:0; }
.b_detail_form .b_who{color:#444; background:url(../img/cust/icon_who.jpg) left center no-repeat; word-break:keep-all;}
.b_detail_form .b_date{font-weight:300; color:#666; margin-right:20px; }
.b_detail_form .b_date span{ color:#666; }

.b_con{ width:95%; margin:0 auto; padding:50px 0 50px 0;}
.b_con img{ width:auto; }

.b_detail_form .b_btn_wrap {border-top:1px solid #ccc; padding:15px 0 0px 0; text-align:right;}

.b_btn_list {display:inline-block; width:140px; height:45px; color:#fff; text-align:center; cursor:pointer; vertical-align:middle; background:#d72f16;}
.b_btn_list a{color:#fff;}
.b_btn_list a:hover{color:#fff;}



/*³»°¡ Ãß°¡ÇÑ ¾ç½Ä ¼Ó¼º*/

.input1{
	padding: 0 1%; 
	border:0px solid #CCCCCC;
	min-height:36px;
	width:98%;
	background:#fff;
	font-size:16px;
}
.input2{
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:30%;
	background:#fff;
	font-size:16px;
}
.input3 {
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:98%;
	background:#fff;
	font-size:16px;
}
.textarea1 {
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	height:70px;
	width:98%;
	background:#fff;
	font-size:16px;
}
.select1{
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:99%;
	margin-bottom:0px;
	background:#fff;
	font-size:16px;
}
.select2{
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:30%;
	background:#fff;
	font-size:16px;
}
.select3{
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:16%;
	background:#fff;
	font-size:16px;
}
/*.input2, .textarea2, .select2, .button2 {
	padding:2px; 
	border:0px solid #CCCCCC;
	min-height:36px;
	min-width:60px;
	background:#f4f4f4;
}*/
.checkbox2, .radio2{
	min-height:18px;
	min-width:18px;
	width:18px;
	height:18px;
	border:1px solid #ddd;
	background:#fff;
	font-size:16px;
}


/******************* tablet max-width:768px *******************/
@media screen and (max-width:768px){
	
/* ¼­ºêÄÜÅÙÃ÷ - °Ô½ÃÆÇÆäÀÌÁö */
.subcontainer .board_detail {}
.b_list_form  table{font-size:13px; }
.b_list_form .b_title a{font-size:14px; width:100%;  display:block; }
.b_list_form .b_who{ display:block; width:100%;}
.b_list_form .b_date{color:#666; margin-right:0;}
.b_detail_form  table{font-size:13px; }
.b_detail_form .b_title{ font-size:14px; width:100%;  display:block; }
.b_detail_form .b_who{ display:block; width:100%;}
.b_detail_form .b_date{color:#666; margin-right:0;}
.b_con img{ width:100%; }

}

/******************* mobile *******************/
@media screen and (max-width:640px){
	
/* ¼­ºêÄÜÅÙÃ÷ - °Ô½ÃÆÇÆäÀÌÁö */
	
.subcontainer .board_detail {}

}

@media all and (max-width:480px){
	
.subcontainer .board_detail {}

}