@charset "utf-8";
/* 게시판 VIEW 공통 CSS */
/*뷰 테이블
-----------------------------------------------------------------------------*/
/*포토게시판 목록*/
.photo_list{overflow:hidden; text-align:center;  width:99%; padding:4% 0.5% 0 0.5%;  border-bottom:2px solid #dcdcdc;}
.photo_list ul{list-style:none; margin:0; padding:0; text-align:center;}
.photo_list li{float:left; list-style:none; margin:0; padding:0 0 0 0; width:210px; height:330px;}
.photo_list .th_img {display:table-cell; width:210px; height:250px; cursor:pointer; border:1px solid #ebebeb; padding:10px 0px 10px 0px; margin-bottom:5px; vertical-align:middle;}

.photo_list .th_a a {font-size:0.85rem;}
.photo_list li a {font-size:0.85rem;}

.th_tit{display:block; overflow:hidden; padding-top:5px; text-align:center; height:20px; }
.th_name{display:block; overflow:hidden; letter-spacing:-1px; text-align:center; height:20px; color:#666}

.photo_list .th_lst{display:inline; margin:0px;}
.th_lst A:link {text-decoration:none; color:#333333;}
.th_lst A:visited {text-decoration:none; color:#333333;}
.th_lst A:active {text-decoration:underline; color:#000;}
.th_lst A:hover {text-decoration:underline; color:#000;}

.photo_list .th_lst li{display:inline; margin:0 10px 0 22px;/*이미지양쪽여백*/}
.photo_list .th_lst li_last{display:inline;margin:0px}
.photo_list .th_lst_last{display:inline;margin:0px;}

.th_day{display:block;font-family:'돋움',dotum; color:#999;}
.th_blank{display:block; height:15px;}

.photo_blank {clear:both; width:100%; height:15px;}
.photo_list_dot {clear:both; width:100%; height:15px; border-bottom:#CCC dashed 1px; margin:0 0 15px 0; }

.view_type{width:100%; border-top:2px solid #878787; border-bottom:0px solid #dcdcdc; text-align:center}
.view_type caption{display:none}
.view_type th{padding:8px 0 5px 10px;height:20px;background-color:#f8f8f8;color:#3c3c3c;font-weight:bold; text-align:left; border-bottom:1px solid #e5e5e5;}
.view_type td{padding:0px 0 0 10px;border-bottom:1px solid #e5e5e5;color:#4c4c4c; text-align:left;}
/*.view_type .top_line{border-bottom:2px solid #878787;border-top:0px solid #fff; background:#FFFFFF}*/
.view_type .title{text-align:left;}
.view_type .contents{text-align:left; padding:25px 0 15px 5px;line-height:18px;}
.view_type a{text-decoration:none}
.view_type .pic,.view_type .title .new{margin:0 0 2px;vertical-align:middle}
.view_type .num,.view_type .date,.view_type .hit{padding:0;line-height:normal}

/*작성자정보*/
.lst_type_info {width:100%; padding:10px 0 0 0;list-style:none}
.lst_type_info ul{padding:0;list-style:none; margin:0;}
.lst_type_info li{list-style:none; font-weight:normal;vertical-align:top; color:#a1a1a1;}
.lst_type_info li.name{width:35%; float:left; text-align:left; padding:3px 3px 3px 3px;box-sizing:border-box;}
.lst_type_info li.info{width:55%; float:right; text-align:right;  padding:5px 10px 3px 10px;box-sizing:border-box;}


/*다운항목*/
.lst_type{width:100%; padding:5px 0 0 0;border:0px solid #fff;list-style:none}
.lst_type ul{padding:0 0 0 5px;list-style:none; margin:0;}
.lst_type li{margin-bottom:5px;font-weight:normal;line-height:130%;vertical-align:top; color:#a1a1a1; padding:0px 0 3px 0;}
.lst_type li.veiw_down{ background:url(/_css/v1/img/ico_file.gif);background-position: left 4px; background-repeat:no-repeat; padding-left:15px;}
.lst_type li.veiw_link{ background:url(/_css/v1/img/ico_link.gif);background-position: left 4px; background-repeat:no-repeat; padding-left:25px;}
.lst_type li img{margin-top:-2px;vertical-align:middle}
.lst_type li a{color:#4599e0;text-decoration:none}
.lst_type li a:hover{text-decoration:underline}

/*코멘트타이틀*/
.comment_tit{float:left; width:100%; height:1rem;  margin:0; padding:0px 0 5px 0; border-bottom:2px solid #878787;}
.comment_tit h2{text-align:left; font-size:15px;font-weight:bold;color:#333333; }
.comment_tit span{color:#ff3300; font-style:normal; }

/*코멘트박스1*/
.comment_cont{float:left; width:100%; text-align:left; border-bottom:dashed 1px #adadad;background:#f7f7f7; padding:15px 0px 10px 0px;}
.comment_cont ul{list-style:none; margin:0; padding:0;}
.comment_cont li{list-style:none; margin:0; padding:0;}

/*코멘트내용*/
.comment_type_info{width:100%;list-style:none; padding:0 10px 0 10px;}
.comment_type_info li{margin-bottom:10px;font-weight:normal;vertical-align:top; color:#a1a1a1; }
.comment_type_info li.name{float:left;   padding:0px 0 3px 10px;}
.comment_type_info li.info{float:right; text-align:right; padding-right:15px; text-align:right;}
.comment_type_info li.comen_cont{width:95%;float:left;color:#424242; padding-left:10px;}
.comment_type_info li.comen_cont_re{width:95%;float:left;color:#424242; padding:0 5px 0 15px;}

/*코멘트박스*/
.comment_box{
	float:left; 
	width:99.5%; 
	border:1px solid #dcdcdc;
	
	font-weight:normal;
	color:#333333;
	background:#f7f7f7;
	padding:10px; 
	border-radius:10px;
	-moz-border-radius: 10px; /*모질라*/ 
	-webkit-border-radius: 10px; /*웹킷*//*IE9+,FF4+,chrome,Safari5,+opera*/
	margin-bottom:30px;
}

.comment_box_p{padding:0 10px; }
.comm_ct {width:100%; text-align:left;}
.comm_ct ul{list-style:none; margin:0; padding:0;}
.comm_ct ul::before,.comm_ct ul::after{content:'';clear:both;display:table;margin-bottom:5px;}
.comm_ct li{list-style:none; margin:0; padding:0;}
.comm_ct li.cont_tit{float:left; width:20%; height:17px; font-weight:bold; padding:3px 0 0 0px; font-size:13px;}
.comm_ct li.cont_tit2{float:right; width:60%; text-align:right; padding-bottom:3px;}
.comm_ct li.comencnt{float:left; width:calc(100% - 110px); text-align:left; padding:0;}
.comm_ct li.comencnt_btn{float:right; text-align:right; padding:0;max-width:100px;width:100%;height:80px;}
.comm_ct li.comencnt_btn .btn {width:100%;height:100%;border-radius:5px;}

.comencnt textarea{width:100%;border:1px solid #ddd;max-height:80px;}

.view_title{font-size:1.1rem;}
.webnote {font-size:1rem; box-sizing:border-box;padding:1rem;}

.comm_ct li.cont_tit h4{color:#666;}


.contents{box-sizing:border-box !important;}
.contents .webnote{max-width:100%;}
.contents .webnote * {box-sizing:border-box;}
.contents .webnote p{display:block;width:100%;}
.contents .webnote table{table-layout:auto !important;}
.contents div.webnote{overflow:hidden !important;max-width:100% !important;}
.contents .webnote div {max-width:100%;box-sizing:border-box;}
.contents .webnote p {max-width:100%;box-sizing:border-box;}
.view_type .contents {
    text-align: left;
    padding: 25px 0 15px 5px;
    line-height: 18px;
    font-size: 12px;
	box-sizing:border-box !important;
}
.view_type > table {table-layout:fixed;}

.contents .webnote img,.contents img {display:block;height:auto !important;margin:0 auto;}

@media (max-width:768px){
	.lst_type_info li.info {float:none;clear:both;width:100%;text-align:left;}
}