@charset "utf-8";




/* Background */


/* Body */

.bd img{max-width:100%}
.read_body{margin:10px;line-height:1.4;color:#333}

.read_body:after{content:"";display:block;clear:both;*zoom:1}
.read_body img {border:0; max-width:100%; height:auto}
/* Hx */
.hx{position:relative;border-bottom:1px solid #ccc8be;padding:8px 10px;margin:0}
.hx:after{content:"";position:relative;display:block;clear:both;}



.hx h3{margin:0 10px 0 0;display:inline}
.hx h3{}
.hx a{color:#000}
.hx .ex{}


.hx .ex .vote .fa-thumbs-o-up {color:#0163ac;}
.hx .ex .blame .fa-thumbs-o-down {color:#d30010;}
.hx .ex .vote em {font-style: normal; margin-left: 5px;}
.hx .ex .blame em {font-style: normal; margin-left: 5px;}


.hx .tg{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:visible;border:0;cursor:pointer;opacity:0;background:none}
.hx .ca{font-size:12px;text-decoration:underline;color:#333}
.hx .ca:after{content:"";display:inline-block;position:relative;left:4px;width:0;height:0;border:4px solid;border-color:transparent;border-left-color:#8d7de1;margin:0 -8px 0 0}




/* select type */
ul.select_type {
	width: 100%;	
	border-bottom:1px solid #ddd;
	display: table;
	table-layout: fixed;
	text-align: center;

	margin: 0;
	padding: 0;
}
ul.select_type li {
	display: table-cell;
	border-left:1px solid #ddd;
}
ul.select_type li:first-child {
	border:none;
}
ul.select_type li a {
	display: block;;
	text-decoration: none;
	color: #000;
	background-color: #f6f6f6;
	
	line-height: 40px;
    overflow: hidden;
    font-weight: bold;
}
ul.select_type li.on a {
	color: #f86c6b;
	background-color: #FFF;
}
ul.select_type li a:hover {
	color: #f86c6b;
	background-color: #FFF;
}

ul.readMore {margin: 0; padding: 0; list-style: none;}
ul.readMore li {border-top : 1px solid #eee; font-size: 1em;}
ul.readMore li a{color:#000; padding: 8px 15px; display: block;}
ul.readMore li span{color:#666; font-size: 0.8em; margin-right: 10px;}

/* gallery */
.lt li.gal{float:left;position:relative;width:34%; border:0;}
.lt li.gal:nth-child(3n-1){width:32%}
.lt li.gal .thumb_box{display:block;position:relative;height:97px; width:96px;background:#eee;color:#666;text-align:center;white-space:nowrap;line-height:95px;}
.lt li.gal .thumb_box img{display:block;border:0;}
.lt li.gal a{display:block;width:96px;margin:0 auto;height:132px;text-decoration:none;}
.lt li.gal a span.title{font-size:12px; height:23px; display:inline-block;margin:3px 0 0 0;color:#666}
.lt li.gal a span.title span.etc_info{display:inline-block;padding-top:2px;font-size:11px;color:#767676}
.lt li.gal a span.title span.etc_info em.na {color: #524A87;}



/* Toggle Open */
#cmt_list {position:relative; display:block}
#cmt_list .loading_box {position: absolute;top:0;left:0;width:100%;height:100%; background:#F5F5F5; padding:auto; z-index:999; opacity:0.6}
#cmt_list .loading_box .loading_bar {position:absolute;text-align:center;  width:32px; height:32px; top:50%; left:50%; margin-left:-16px; margin-top:-16px; padding:0;}

#cl .xe_content {font-size:1em;}



.tgo{display:none;color:#333;margin:0;padding:0;list-style:none;font-size:14px;color:#333}
.tgo.open{display:block}
.file{margin:0;padding:0;list-style:none}
.file li{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;margin:0 0 -1px 0}
.file a{text-decoration:none;display:block;padding:10px 0 10px 10px;color:#333}
.file .size{font-size:12px;border-left:1px solid #bfbfbf;margin:0 5px;padding:0 10px;color:#666}








.xv {list-style:none;background:#F6F6F7;border:1px solid #EDEDED; padding:3px}
.xv dt{display:inline-block;padding:2px; color:#5F5F5F;font-size:13px;line-height:14px; font-weight:bold;letter-spacing: -1px;}
.xv dd{display:inline-block;padding:0 2px; color: #666666; font-size:12px;  line-height: 13px; margin: 0 0 2px 1px; }

.ff li.exvar label {display:block}
.ff li.exvar input.tel {width:40px; display:inline-block; padding:3px; border:1px solid #bfbfbf; margin:0; margin-right:2px; font-size:13px;}


/* Button Area */



.adWrap {text-align: center; margin: 10px 0; width: 100%; overflow: hidden;}



.bd .title_info:after {
	clear:both;
}
.bd .title_info .auth{ float:left;}
.bd .title_info .auth img.lv_icon{padding:3px 2px 0 0;vertical-align: top;}
.bd .title_info .countWrap{ float:right;}

.uf {position: relative; display:block;}
.uf ul {margin:0;padding:0;list-style:none;}
.uf li {margin:0}



.replytop {
	background:#022d41;
	color:#fff;
}
.replytop .replyHeader {
	padding:8px;
	line-height:20px;
}
.replytop .replyHeader img {
	vertical-align:middle;
}
.replytop .replyHeader:after {
	clear: both;
	content: "";
    display: block;
}

.replytop .replyHeader .reply_title {
	background:url(../img/reply_icon.png) no-repeat 1px 3px;
	background-size:24px;
	padding-left:30px;
	float:left;
}
.replytop .replyHeader .reply_refresh {
	float:right;
}
.replytop .replyHeader .reply_refresh a {
    padding:0 5px 0 10px;
}
.replytop .replyHeader .reply_refresh i {
	color:#49d4d9;
}

.commentWrap {
	position:relative;
	margin: 5px;		
}

#cmt_list {border-top:1px solid #eee;}
.commentWrap textarea {
	border:1px solid #eee;;
	float: left;
	width:100%;
	margin:0;
	height:75px;
	margin-right:80px;
}

.commentWrap ._submit_comment{
	position:absolute;top:0;right:0;
	width:75px;height:75px;
}



.comment_form_wrap {
	padding-right: 80px;
}


/*댓글 이미지 START*/
.comment_img img {
	max-width:100%;
}

.comment_image_upload {
	width:80px;	
	border:1px solid #ddd;
	overflow:hidden;
}

.comment_image_upload img {
	vertical-align:top;
}

.comment_image_upload input.file_input_button {
	width:80px;
	height:30px;
	border: none !important;
	background: none !important;
	cursor:pointer;
	font-size:12px !important;
}

.comment_image_upload input.file_input_button:hover {
	background-color:#f5f5f5 !important;
}

.comment_image_upload input.file_input {
	display:none;
}

.comment_image_upload_preview {
	position:relative;
}

.comment_image_upload_remove_div {
	position:absolute;
	top:0;
	right:0;
}

.comment_image_upload_remove_div a {
	padding:5px 7px;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
}

.comment_text .comment_image_upload_preview img {
	width:80px;
	height:80px;
}

/*댓글 이미지 END*/


/*모바일 signWrap start*/
.read_body .sign{clear:both;border:1px solid #eee;margin:0 0 -1px 0;padding:4px;overflow:hidden;zoom:1; }
.read_body .sign .pf{float:left;margin:0 4px 0 0;padding:0 4px 0 0;width:80px;height:80px; border-right: 1px solid #eee;}
.read_body .sign .pf_none{border-right: none !important; }
.read_body .sign .tx{overflow:hidden;line-height:1.3;font-size:11px;padding:0; color:#666}
.read_body .sign .tx *{margin:0}
/*모바일 signWrap end*/

/*모바일 카테고리 리스트*/
body { margin: 0; }
.zeta-menu-bar {
  display: inline-block;
  width: 100%;
}
.zeta-menu { margin: 0; padding: 0; }
.zeta-menu li {
  float: left;
  list-style:none;
  position: relative;
}

.zeta-menu ul {
  background: #eee;
  border: 1px solid silver;
  display: none;
  padding: 7px;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99;
  width: 180px;
}
.zeta-menu ul li { float: none; }
.zeta-menu ul li.expand { background: #ddd; }
.zeta-menu ul li.expand a { color: black; }
.zeta-menu ul a { color: black; }
.zeta-menu ul ul { left: 100%; top: 0; }


ul.fbList {
	margin:0;
	padding:0;
	list-style: none;
}

ul.fbList li {
    padding:5px 5px 5px 5px;
    border-bottom:1px dashed #e9e9e9;
    overflow:hidden;
    zoom:1;
}
ul.fbList li:last-child {border-bottom:1px solid #e9e9e9;}
ul.fbList li:after{content:"";display:block;clear:both}

ul.fbList li .fbMeta {	
	margin-bottom:10px;
}

ul.fbList li .fbMeta h3 {display: inline;}




ul.fbList li .indent{background:url(../img/icoIndent.gif) no-repeat;padding-left:15px;}
ul.fbList li .indent1{padding-left:15px;background-position:2px 5px}
ul.fbList li .indent2{padding-left:25px;background-position:10px 5px}
ul.fbList li .indent3{padding-left:35px;background-position:20px 5px}
ul.fbList li .indent4{padding-left:45px;background-position:30px 5px}
ul.fbList li .indent5{padding-left:55px;background-position:40px 5px}
ul.fbList li .indent6{padding-left:65px;background-position:50px 5px}
ul.fbList li .indent7{padding-left:75px;background-position:60px 5px}
ul.fbList li .indent8{padding-left:85px;background-position:70px 5px}
ul.fbList li .indent9{padding-left:95px;background-position:80px 5px}
ul.fbList li .indent10{padding-left:105px;background-position:90px 5px}
ul.fbList li .indent11{padding-left:115px;background-position:100px 5px}
ul.fbList li .indent12{padding-left:125px;background-position:110px 5px}
ul.fbList li .indent13{padding-left:135px;background-position:120px 5px}
ul.fbList li .indent14{padding-left:145px;background-position:130px 5px}
ul.fbList li .indent15{padding-left:155px;background-position:140px 5px}
ul.fbList li .indent16{padding-left:165px;background-position:150px 5px}
ul.fbList li .indent17{padding-left:175px;background-position:160px 5px}


.comment_image_upload_info {
	display: none;
}