/* CSS Document */



/*°Ë»ö*/
.t_search{width:256px; float:right; right:20px; position:relative; height:35px;}
.sub_search_l {float:left; height:22px;margin:1px 5px 0 0;}
.sub_search { width:132px; height:24px;padding:4px 5px;  border: 1px solid #dfdfdf; background:#fff url('../image/input_bg.gif') 5px 6px no-repeat;float:left; margin-right:3px; }
.sub_search_on { width:132px; height:14px;padding:4px 5px;  border: 1px solid #dfdfdf; background:#fff url;float:left; margin-right:3px; }
.ssenboard .sub_btnsearch { float:right;}
/*»ó´Ü ¸Þ´º*/
.t_left {float:left; margin-bottom:5px; }
.t_left li {float:left; margin-right:7px;}

.ssenboard {position: relative; width: 100%; padding: 0 40px;  border-bottom: 1px solid #dfdfdf;  }
.ssenboard a{ width:100%; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: flex-start; color: #484848;}
.ssenboard:first-child {
    border-top: 1px solid #dfdfdf; /* ù ¹ø° Ç׸ñ¿¡¸¸ À§ÂÊ ¼± */
}


/*¸®½ºÆ®°Ô½Ã±Û*/
.ssenboard .ssen_l_list {
    width:calc(100% - 0px);
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content: flex-start;
	padding: 17px 0;
}


.ssenboard  .ssen_l_list:hover {background:#fbfbfb;}
.ssenboard  .ssen_l_list a{ padding-left:15px; color:#696969; text-ssenration:none; }
.ssenboard  .ssen_l_list a:hover, a:active, a:focus {color:#696969; text-ssenration:none; }

.ssenboard  .ssen_l_list .l_title{ width: calc(100% - 0px); position:relative; line-height: 2rem; text-align: left; padding: 0 0 0 10PX;}
.l_title span{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.ssenboard  .ssen_l_list .l_day{  width: 180px; text-align: center; padding: 0 10px;}
.ssenboard  .ssen_l_list .l_attach{ position: absolute; right:35px; top:25%; width: 22px; height: 22px; margin-right: 10px; transform: translateY(-50%;)}


@media (max-width: 768px) {
	.ssenboard  .ssen_l_list .l_day{  display: none;}
.ssenboard  .ssen_l_list .l_attach{ position: absolute; right:0px; top:25%; width: 22px; height: 22px; margin-right: 10px; transform: translateY(-50%;)}

}


.btn_choice{ float:right;}

/*ÇϴܺΠ¹öÆ°¿µ¿ª*/
.btm_btn_a {width:100%; padding: 3px; display:block;margin:10px 0 40px 0; float:left; text-align: center; color: #484848;}
.btm_btn_a:after {content:"";clear:both;display:block;}
.btn_write{float:right;  border: 1px solid #ccc;  padding: 5px 20px; cursor: pointer; border-radius: 0 0 10px 0; cursor: pointer;}
.btm_pagenation { text-align:center;line-height:2.5em;}
.btm_pagenation .nomber{width:14px; height:12px; padding:0 3px;  margin:0px; color:#4d6185;  text-ssenration:underline;}
.btm_pagenation .noimg{ padding-top:6px;}
.btm_search {float:right;margin:3px 10px 0 0;}
.btm_pagetit {float:left;margin:3px 0 0 5px;}



/*ÆäÀÌÁö³Ñ±â±â*/
#paging{ float:left; width:100%; margin:20px 0 20px 0; position:relative; color:#b3b3b3; text-align:center;}
#paging .nomber{ width:14px; height:14px; padding:0px 3px;  margin:0px; color:#4d6185; font:12px Dotum; display:inline; position:relative; clear:both; text-ssenration:underline;}
#paging .noimg{ padding-top:6px;}

/*ºä°Ô½Ã±Û»ó´Ü*/
.ssen_v .v_title {width:100%;margin:0 auto; padding:10px 0;   color:#484848; margin-top:0px; border-bottom: 1px solid #ccc; position: relative; display: inline-block;}
.v_title .subject{ font-size: 2.5rem; font-weight: 500}
.v_title .time{ float: right; font-size: 1.2rem; padding: 5px 0;}
.ssen_v .v_title_sub{ width:100%;margin:0 auto;padding:4px 0 0px 0px; color:#666;  border-bottom:1px solid #bbbbbb; float:left;  }
.ssen_v .hitndate {width:100%; background:#f4f4f4 ; padding:6px 5px ; float:left;}
.ssen_v .v_tpbtn {  width:130px; float: right;	display: flex;	flex-direction: row;	align-items:center; justify-content:flex-end; text-align: right; margin:7px 20px;  color:#383838; }
.ssen_v .v_tpbtn a {padding:0 5px;margin:0; font-weight:normal; cursor: pointer;}

.ssen_v .v_more { float:left; width:100%;  padding:10px 0px; }


.ssen_v .ssen_content{width:100%;  padding:20px 5px 20px 5px; display: block; border-bottom: 1px solid #ccc;}
.ssen_v .ssen_content:after {clear:both;content:"";display:block;}
.ssen_v .ssen_content img {float:left;margin-top:5px; line-height:21px;}
.ssen_v .ssen_content .content_img {text-align:center; width:90%; margin:0 auto;}
.btn_all{ width: 100%; padding:20px 30px; text-align:center; position:relative; margin: 10px auto; display: flex; flex-wrap: nowrap; justify-content: center; flex-direction: row;}
.btn_all a{ border:1px solid #ccc; color: #484848; padding: 5px 20px; cursor: pointer; border-radius: 0 0 10px 0;}
.btn_all input{border:1px solid #ccc; color: #484848; padding: 5px 20px; cursor: pointer; border-radius: 0 0 10px 0; background: #fff; font-size: 1.6rem; margin: 0 10px;}


/*ÀÌÀü,´ÙÀ½°Ô½Ã¹°*/
.ssen_v .comment_l01{ width:100%; border-top:1px solid #e3dfd6; border-bottom:1px solid #f2f2f2; margin-top:30px; padding:8px; position:relative; float:left;}
.ssen_v .comment_l01 .typr_prev{ margin:3px; padding-left:20px;}
.ssen_v .comment_l01 A{color:#696969; text-ssenration:none; }
.ssen_v .comment_l01 a:hover, a:active, a:focus{color:#696969; text-ssenration:none; }
.ssen_v .comment_l02{ width:100%; border-bottom:1px solid #e3dfd6; margin-bottom:10px; padding:8px; position:relative; float:left;}
.ssen_v .comment_l02 .typr_next{ margin:3px;padding-left:20px;}
.ssen_v .comment_l02 A{color:#696969; text-ssenration:none;  }
.ssen_v .comment_l02 a:hover, a:active, a:focus{color:#696969; text-ssenration:none;}

/*´ñ±Û*/
 .comment {width:100%;margin:10px auto;;padding:10px 5px;position:relative;float:left;background:#eeeeee;}

/*´ñ±Û¾²±â*/
 .comment_w{ width:692px; height:130px; margin-top:20px; padding:14px; background:url(../image/comment_w_bg.gif) no-repeat top center; position:relative; float:left; }
.comment_w .w_title{ width:160px; height:35px;  margin:0px 10px 10px 10px; float:left;}
.comment_w .w_title_t{width:484px; height:35px;  margin:0px 10px 10px 10px; float:left;}
.comment_w .w_title_all{ width:660px; height:30px;  margin:10px; float:left;}
.comment_w .w_title_allt {margin:5px; float:left}
.comment_w .w_title_allb{ width:550px; height:20px;  margin:5px 0 0 10px; float:left;}
.comment_w .w_con_all{ width:660px; margin:0 10px; float:left;}
.comment_w .w_con_allt {margin:20px 5px 5px 15px; float:left;}
/*.w_con_allb{ float:left; width:420px; height:75px; border:1px solid #ccc; padding:3px;  margin:13px 0 0 10px;}*/
.comment_w .w_con_allb{ float:left; width:420px; height:75px; border:1px solid #ccc; padding:3px;  margin:13px 0 0 10px;}
.co_pw{ width:100%; position:relative; float:left;}
.co_con{width:100%; position:relative; float:left;}
.co_text{ width:680px; margin:0; position:relative; float:left; padding:7px; line-height:17px;}
.co_title{ width:98%; height:20px; padding:20px 0 0 20px; color:#F30; position:relative; float:left;  }
.co_pw_box{ margin:2px 0 0 15px; float:left; font-weight:bold;border:1px solid #ccc; padding:3px;}
.co_pw_tit{ float:left; margin-top:5px; margin-left:10px;}

/* .comment_w .w_btn{ margin-left:300px;} */

/*´ñ±Ûº¸±â*/
.comment_v{ width:692px;  margin:14px;}
.comment_v .v_title{ width:672px; height:30px;  margin:10px 0; float:left; background-color:#f5f5f5; }
.comment_v .v_tit{ width:300px; font-weight:bold; float:left; margin:7px 0 0 10px;}
.comment_v .v_day{ width:265px; float:left; margin:7px 0 0 10px; text-align:right;}
.comment_v .co_del{ right:20px; float:right; position:relative; margin-top:5px;}
.comment_v .v_del{ right:20px; float:right; position:relative; margin-top:5px;}
.comment_v .v_con_t{ width:670px; height:20px;  margin:5px; float:left; font-weight:bold;}
.comment_v .v_con_c{ width:670px;   margin:0 0 5px 5px; float:left; line-height:25px; background:url(../image/board_img/comment_line.gif) repeat-x center bottom; }
.ssenboard .comment_v{ width:95%; border-bottom:1px solid #e3dfd6; margin:2px 5px 2px 20px; position:relative; float:left;  }
.ssenboard .comment_v .co_text{ width:680px; margin:0; position:relative; float:left; padding:7px; line-height:17px;}
.ssenboard .comment_v .co_btn .co_name1{ width:530px; float:left; padding:5px}
.ssenboard .comment_v .co_btn{ width:670px; margin:5px 0; text-align:left; border:1px solid #e3dfd6; padding:5px;}
.ssenboard .comment_v .co_del{ float:right; position:relative; }
.ssenboard .comment_v .co_edit{ float:right; margin:4px; position:relative; }



/*¾²±âÆäÀÌÁö*/
.ssen_w .con_write{ width:100%;position:relative; float:left; margin-left:10PX;  margin-top:5px;padding-top:5px;}
.ssen_w .con_write p{width:calc(100% - 0px);	display: flex;	flex-direction: row;	align-items:center;	justify-content: flex-start;}
.ssen_w .con_write p .w_tit{  width:100px; text-align:right;  padding-top:5px;position:relative; }
.ssen_w .con_write p .w_con{ position:relative; width:100%; margin:0 0 0 40px;} /*¼öÁ¤*/
.ssen_w .con_write p .text_box{ float:left; padding:3px; border:1px solid #CCC;}


/*Á¦¸ñ*/
.ssenboard .con_title_b { width:98%; height:30px; padding:3px 0 3px 20px;position:relative; float:left; border-top:2px solid #e3dfd6; }
.ssenboard .con_title_b .con_titleb_tit{margin:9px; float:left; position:relative;}
.ssenboard .con_title_b .con_titleb_box{ position:relative; width:400px; height:20px;  margin:5px 0 0 18px; float:left;}
/*ÀÛ¼ºÀÚ*/
.ssenboard .con_name{ width:98%; height:30px; padding:3px 0 3px 20px;position:relative; float:left; border-top:1px solid #e3dfd6 }
.ssenboard .con_name .con_name_tit{margin:9px; float:left}
.ssenboard .con_name .con_name_box{width:150px; height:20px;  margin:5px 0 0 10px; float:left;}
/*°øÁö*/
.ssenboard .con_noti{ width:98%; height:30px; padding:3px 0 3px 20px; position:relative; float:left; border-top:1px solid #e3dfd6 }
.ssenboard .con_noti .con_noti_tit{margin:9px; float:left; }
.ssenboard .con_noti .con_noti_cbox{ margin:5px 0 0 13px; float:left; height:20px; }
.ssenboard .con_noti .con_noti_font{ margin:9px 0 0 13px; float:left; height:20px; }

/*³»¿ë*/
.ssenboard .con_conbox{ width:98%;   padding:5px 0 0 20px;position:relative; float:left; border-top:1px solid #e3dfd6 }
.ssenboard .con_conbox .con_conbox_tit{margin:9px  29px 9px 9px; float:left}
.ssenboard .con_conbox .con_conbox_box{width:550px; height:380px;  margin:5px 0 0 18px; float:left;}

/*÷ºÎÆÄÀÏ*/
.ssen_w .con_file{  width:calc(100% - 0px);
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content: flex-start;
	padding: 17px 0;}

.ssen_w .con_file .w_tit{  width:100px; text-align:right;  padding-top:5px;position:relative; }
.ssen_w .con_file .w_con{ position:relative; width:100%; margin:0 0 0 40px;} /*¼öÁ¤*/
.ssen_w .con_file .con_file_tit{margin:4px 40px 4px 8px; float:left;}
.ssen_w .con_file .con_file_plus{float:left; margin:0 3px 0 8px; }
.ssen_w .con_file .con_file_minus{float:left; margin:0; }
.ssen_w .con_file .con_file_box{width:200px; height:20px;  margin:5px 0 0 5px; float:left;}
.ssen_w .con_file .con_file_btn{width:70px; height:22px;  margin:5px 0 0 10px; float:left; }

/*ºñ¹Ð¹øÈ£*/
.ssenboard .con_pass{ width:98%; height:30px; padding:3px 0 3px 20px;position:relative; float:left; border-top:1px solid #e3dfd6 }
.ssenboard .con_pass .con_pass_tit{margin:9px; float:left}
.ssenboard .con_pass .con_pass_box{width:150px; height:20px;  margin:5px 0 0 10px; float:left;}


/*üũ¹Ú½º*/
.ssenboard .con_check{ width:98%; height:30px; padding:3px 0 3px 20px;position:relative; float:left; border-top:1px solid #e3dfd6 }
.ssenboard .con_check .con_check_tit{margin:9px; float:left}
.ssenboard .con_check .con_check_box{ height:20px;  margin:5px 0 0 10px; float:left;}

/*´ñ±Û¾²±â*/
.comment_member {border:1px solid #dadada;height:40px;}
.comment_member:hover {border:1px solid #dedede;background:#f3f1f2;cursor:pointer}
.comment_member p {font-size:12px;text-align:center;}
.comment h4 {padding-bottom:10px;margin-top:20px;}
.comment_wrap {border:1px solid #bbbbbb;width:710px;margin:0 auto;height:52px;margin-top:20px; background:#fff;}
.comment_wrap li {float:left;}
.comment_wrap .comment_left {background:#f3f1f2;width:85px;border-right:1px solid #646464;height:51px;}
.comment_wrap .comment_left img {padding:8px 0 0 23px;}
.comment_wrap .comment_center {width:620px;height:40px;font:normal 12px Dotum;overflow:hidden;padding:5px;border:none !important;}
.comment_wrap .comment_right {float:right;background:white;width:78px;height:52px;cursor:pointer;}
.comment_wrap .comment_right input {display:block;padding:15px 5px;margin-left:5px}
/*
.comment_wrap {border:1px solid #646464;width:710px;height:53px;}
.comment_wrap li {float:left;height:52px;}
.comment_wrap .comment_left {background:#f3f1f2;width:85px;border-right:1px solid #646464;}
.comment_wrap .comment_left img {width:32px;height:35px;padding:9px 0 0 23px;}
.comment_wrap .comment_center {width:544px;height:52px;border:none;border-right:1px solid #646464;font-size:12px;color:#444;}
/*.comment_wrap .comment_center:hover, .comment_wrap .comment_center:focus {background:#e7edff;width:544px;}
.comment_wrap .comment_right {background:#6989f8;width:79px;height:53px;border-right:none;margin:0 auto;cursor:pointer;}
.comment_wrap .comment_right input {width:27px;height:16px;margin:20px 0 0 25px;display:inline;}
*/
.comment_re {border-bottom:1px dotted #ccc;clear:both;margin:20px 0 20px 0;overflow:hidden;}
.comment_re .comment_name {line-height:2.0em;}
.commnet_re_content {height:auto;}
.comment_re div {float:left;padding-right:20px;max-height:500px;padding:5px 0 10px 20px;overflow:hidden;}
.comment_re div img {padding-top:4px;}
.comment_re .commnet_re_content {width:600px;display:block;overflow:hidden;margin-bottom:5px;}
.comment_re h5 {font-weight:bold;float:left;color:#000;}
.comment_re span {font-size:11px;padding:0 2px 0 2px;color:#444;font-weight:normal;}
.comment_re p {clear:both;padding-right:30px;margin-bottom:10px;display:block;overflow:hidden;}


.ssen_content_img {}
.ssen_content_img:after {content:"";display:block;clear:both;}
.ssen_content_img2 {max-width:100%;}


.ssenboard .v_name{ width:10%; position:relative; float:left; text-align:center;   height:15px; border-right:1px solid #e3dfd6;  margin:10px 0;}
.ssenboard .v_name_con{ width:30%; position:relative; float:left; text-align:center;   height:15px; border-right:1px solid #e3dfd6;  margin:10px 0;}
.ssenboard .v_name_rm{ width:30%; position:relative; float:left; text-align:center;   height:15px; border-right:1px solid #e3dfd6;  margin:10px 0;}
.ssenboard .v_day{ width:10%; position:relative; float:left; text-align:center;   height:15px; border-right:1px solid #e3dfd6;  margin:10px 0;}
.ssenboard .v_day_con{ width:19%; position:relative; float:left; text-align:center;   height:15px;  margin:10px 0;}
.ssenboard .v_line{ width:100%; border-bottom:1px solid #e3dfd6; height:1px; position:relative; float:left;}

.ssenboard .v_attach{ width:10%; position:relative; float:left; text-align:center;   border-right:1px solid #e3dfd6;  margin:10px 0;}
.ssenboard .v_attach_con{ width:40%; position:relative; float:left;  border-right:1px solid #e3dfd6;  margin:10px 0;}
.ssenboard .v_attach_rm{ width:30%; position:relative; float:left; text-align:center; ; border-right:1px solid #e3dfd6;  margin:10px 0;}
.ssenboard .v_ask{ width:10%; position:relative; float:left; text-align:center;   ; border-right:1px solid #e3dfd6;  margin:10px 0;}
.ssenboard .v_ask_con{ width:9%; position:relative; float:left; text-align:center;     margin:10px 0;}



@media (max-width: 768px) {
	.ssenboard  .ssen_l_list .l_day{  display: none;}
.ssenboard  .ssen_l_list .l_attach{ position: absolute; right:0px; top:25%; width: 22px; height: 22px; margin-right: 10px; transform: translateY(-50%;)}
	.v_title .subject{ font-size: 2rem; font-weight: 500; width: 100%;}
.v_title .time{ float: right; font-size: 1.2rem; padding: 5px 0; width: 100%;}

}