@charset "utf-8";

/*공통영역*/
.hnbbs{position:relative;} /*전체레이아웃*/
.hnbbs.hnbbs_list{}/*리스트페이지*/
.hnbbs.hnbbs_view{}/*뷰페이지*/

.hn_input{border:1px solid #b5b5b5; margin:0; padding:0; font-size:12px;}
input.hn_input{height:23px; line-height:23px; padding:0 5px}
select.hn_input{height:25px;}
textarea.hn_input{}


/*리스트페이지*/
.hntable{border-spacing:0;}
.hntable th, .hntable td, .hntable a{font-family:dotum; font-size:12px;}
.hntable a:hover{color:#327fff;}
.hntable thead th{border-bottom:2px solid #000;}
.hntable tbody td{border-bottom:1px solid #e5e5e5;}

.hnsearch_bar{width:250px; background:url(../../community/img/ds_search.gif) 24px center #f3f3f3 no-repeat; border:1px solid #e1e1e1; border-radius:7px; margin:0 auto; margin-top:30px;  padding:10px 10px 10px 120px;}
.hnsearch_bar select{vertical-align:middle;}
.hnsearch_bar input{vertical-align:middle;}

.hnbbs.hnbbs_list .btn_set{position:absolute; right:0; bottom:80px;}
.hnbbs .btn_set{position:relative; bottom:0; text-align:right; margin-top:10px;}
.hnbbs .pageing{margin:0; padding:0; margin-top:20px;}


/*뷰페이지*/

.hnbbs_view .hntitle{margin:0; padding:0 5px; border-bottom:2px solid #000; height:30px; line-height:30px; position:relative; font-weight:normal; }
.hnbbs_view .hntitle span{position:absolute; right:0; top:0;}


.hnbbs_view .hndate, 
.hnbbs_view .hndata, 
.hnbbs_view .hnreLine, 
.hnbbs_view .hnredata 
.hnbbs_view .reItem{border-bottom:1px solid #cccccc; padding-left:5px; padding-right:5px;}

/*정보*/
.hnbbs_view .hndate{font-size:11px; color:#b4b4b4; height:30px; line-height:30px;}
.hnbbs_view .hndate:after{content:''; display:block; clear:both;}
.hnbbs_view .hndate b{color:#3a3a3a; padding-right:5px;}
.hnbbs_view .hndate .hnfeedSrc{float:left; font-size:11px;}
.hnbbs_view .hndate .hnfeedSrc a{font-size:inherit}
.hnbbs_view .hndate .hnwriedAndCount{float:right; font-size:11px;}
.hnbbs_view .hndate .hnwriedAndCount b{padding-left:10px;}

.hnbbs_view .hndata{font-size:12px; padding:10px 0; *height:300px; min-height:300px;}

/*글쓰기페이지*/
.hnbbs.hnbbs_write .hnwriteRow{border-bottom:1px solid #cccccc; padding:7px 5px;}
.hnbbs.hnbbs_write .hnwriteRow strong{display:inline-block; width:100px;}
.hnbbs.hnbbs_write{border-top:2px solid #000;}
.hnwriteRow.hnprivate label{margin:0; padding:0; padding-right:10px;}
.hnwriteRow.hnprivate input{margin:0; padding:0; vertical-align:middle; margin-right:5px; display:inline-block;}

.hnbbs.hnbbs_write .btn_set{text-align:center;}



/*댓글*/
.hnreLine{zoom:1; height:35px;}
.hnreLine:after{content:''; display:block; clear:both;}
	.hnreLine .hnreinfo{float:left; font-size:12px; background:url(../../community/img/icon_re_arr.gif) right center no-repeat; padding-right:15px; line-height:35px;}
	.hnreLine .modifyBtnSet{float:right; padding-top:5px;}

.hnredata{}
.hnredata .reItem{zoom:1;  line-height:22px;}
.hnredata .reItem:after{content:''; display:block; clear:both;}
	.reItem .hnperson{float:left; font-size:12px; color:#6c6c6c;}
	.reItem .hnperson .content{float:left; font-size:12px; color:#6c6c6c;padding-left:10px;}
	.reItem .hnperson b{color:#3a3a3a; padding-right:7px;}
	.reItem .reDateModify{float:right; font-size:11px;}
	.reItem .reDateModify a{font-size:inherit;}
	.reItem .reIndent{float:left; height:20px;}

.hnredata .reItem.reItemre{background:#ebebeb;}

.hnrewriteForm{border:1px solid #cccccc; margin-top:25px; padding:15px;}
	.hnrewriteForm .hnperson{margin-bottom:10px;}
	.hnrewriteForm .hnperson b{padding-right:5px; font-size:11px; font-weight:normal;}
	.hnrewriteForm .hnperson b:nth-of-type(2){padding-left:10px;}
	.hnrewriteForm .hnperson input.hn_input{height:20px; line-height:20px;}
	.hnrewriteForm textarea{}
	.hnrewriteForm .hnbtn{display:block; margin:0 auto; margin-top:10px;}

.hnquickList{margin-top:20px;}
.hnquickList ul, .hnquickList li{margin:0; padding:0; list-style:none; font-size:12px;}
.hnquickList ul{border-top:1px solid #ccc;}
.hnquickList li{height:35px; line-height:35px; border-bottom:1px solid #ccc;}
.hnquickList li a{font-size:inherit;}

.quick_prev, .quick_next{padding-left:17px;}
.quick_prev{background:url(../../community/img/icon_arr_up.gif) left center no-repeat;}
.quick_next{background:url(../../community/img/icon_arr_down.gif) left center no-repeat;}

.hnbbs.hnbbs_view .hntable{margin-top:30px;}
.hnbbs.hnbbs_view .hntable b{color:#327fff;}


.hnbbs_top_box{border-bottom:2px solid #000; padding-bottom:2px;}

/*갤러리*/
.hnbbs_gallery{}
.hnbbs_gallery .hnbbs_top_box{text-align:right;}


.hnbbs_gallery_row, .hnbbs_gallery_row li{margin:0; padding:0; list-style:none;}
.hnbbs_gallery_row{zoom:1}
.hnbbs_gallery_row:after{content:''; display:block; clear:both}
.hnbbs_gallery_row li{float:left; width:150px; padding:12px;}

.hnbbs_gallery_row li span.hnbbs_image,
.hnbbs_gallery_row li strong.hnbbs_title,
.hnbbs_gallery_row li span.hnbbs_write,
.hnbbs_gallery_row li span.hnbbs_view
{display:block; font-size:11px; line-height:16px; color:#838282; font-family:dotum}

.hnbbs_gallery_row li strong.hnbbs_title{font-size:12px; color:#535353; margin-top:6px; font-weight:normal;}
.hnbbs_gallery_row li strong.hnbbs_title b{color:#0b67ff;}


.hnbbs_tab_menu, .hnbbs_tab_menu li{margin:0; padding:0; list-style:none; font-size:11px;}
.hnbbs_tab_menu li{display:inline;}
.hnbbs_tab_menu li a{display:inline-block; color:#949494; font-size:inherit;}
.hnbbs_tab_menu li.tab_menu_on{color:#0b67ff; font-weight:bold;}


/*포토*/
.hnbbs_text_photo_item, .hnbbs_text_photo_item li{margin:0; padding:0; list-style:none;}

.hnbbs_text_photo_item li{padding:20px 10px; position:relative; border-bottom:1px solid #e5e5e5;}

.hnbbs_text_photo_item li span.hnbbs_image,
.hnbbs_text_photo_item li strong.hnbbs_title,
.hnbbs_text_photo_item li span.hnbbs_write,
.hnbbs_text_photo_item li span.hnbbs_view,
.hnbbs_text_photo_item li span.hnbbs_recom,
.hnbbs_text_photo_item li span.hnbbs_short_cont
{display:block; font-size:11px; line-height:16px; color:#838282; font-family:dotum}

.hnbbs_text_photo_item li span.hnbbs_image{float:left; margin-right:15px;}
.hnbbs_text_photo_item li strong.hnbbs_title{color:#535353; font-size:12px; margin-bottom:3px;}

.hnbbs_text_photo_item li span.hnbbs_view, .hnbbs_text_photo_item li span.hnbbs_recom{position:absolute; top:19px; right:10px; width:67px; height:73px;}
.hnbbs_text_photo_item li span.hnbbs_view b, .hnbbs_text_photo_item li span.hnbbs_recom b{display:block; text-align:center; display:inline-block; width:100%; padding-top:50px;}
.hnbbs_text_photo_item li span.hnbbs_view{background:url(../../community/img/icon_list_view.gif); right:83px;}
.hnbbs_text_photo_item li span.hnbbs_recom{background:url(../../community/img/icon_list_recom.gif);}

.hnbbs_text_photo_item li span.hnbbs_short_cont{width:580px; height:43px}

/*qna*/
.hnbbs.hnbbs_qna{}/*전체레이아웃*/
.hnbbs.hnbbs_qna .hnbbs_top_box{border-color:#3ec8a6;}
.hnbbs.hnbbs_qna .hnbbs_tab_menu li{height:30px; line-height:30px; padding-right:20px;}
.hnbbs.hnbbs_qna .hnbbs_tab_menu a{color:#535353; font-size:13px;}
.hnbbs.hnbbs_qna .hnbbs_tab_menu a:hover, .hnbbs.hnbbs_qna .hnbbs_tab_menu a.tab_on{color:#2fb493; font-weight:bold;}
.hnbbs.hnbbs_qna h3{font-size:18px; color:#2fb493; margin:20px 0 10px 0; padding:0; color:#000;}
.hnbbs_qna_item, .hnbbs_qna_item ul, .hnbbs_qna_item li{margin:0; padding:0; list-style:none;}

.hnbbs_qna_item{border-bottom:2px solid #3ec8a6;}
.hnbbs_qna_item h4{display:inline-block; background:url(../../community/img/box.gif) no-repeat left 0 #3ec8a6; color:#fff; margin:0; padding:0; margin-bottom:7px;}
.hnbbs_qna_item h4 span{display:inline-block; position:relative; background:url(../../community/img/box.gif) no-repeat right -31px; height:30px; line-height:30px; padding:0 10px; color:inherit}
.hnbbs_qna_item h4 span img{vertical-align:middle;}
.hnbbs_qna_item h4 span img{padding-right:5px;}
.hnbbs_qna_item ul{border-bottom:1px solid #e5e5e5; margin-bottom:20px; padding-bottom:10px;}
.hnbbs_qna_item li.last ul{border:0;}
.hnbbs_qna_item ul li{background:url(../../community/img/icon_qnaa.gif) 10px top no-repeat; padding-left:35px; font-size:12px; color:#898989; line-height:18px; margin-bottom:20px;}

.hnProOption{margin-top:30px;}
.hnProOption .content_recom{display:block; background:url(../../community/img/btn_recom.gif) no-repeat; width:77px; height:83px; position:relative; margin:0 auto;}
.hnProOption .content_recom:hover{background-position:-77px 0;}
.hnProOption .content_recom:hover .hntext{color:#327fff;}

.hnProOption .content_recom .hntext,
.hnProOption .content_recom .hncurtotoal{position:absolute; width:100%; text-align:center;}

.hnProOption .content_recom .hntext{top:5px; font-weight:bold; font-size:11px;}
.hnProOption .content_recom .hncurtotoal{bottom:7px; font-size:12px;}