/* 댓글페지 css */
.comment_body{padding-top:80px}
.comment_list{width:90%;margin:0px auto;text-align:left}
.comment_list li{border-top: 1px solid #eaeaea;padding-top:20px;width:100%}
.comment_list header{border-bottom:2px solid #eee;width:auto;width:50%}
.comment_list h5,.comment_list span{display:inline-block;line-height:25px;vertical-align:top}
.comment_section{font-size:0.9em;padding:15px 15px;line-height:24px;color:#727272}
.comment_date{font-size:0.8em;padding-left:10px;color:#727272}
.comment_date img{vertical-align:middle;padding-bottom:3px;padding-right:5px}
.comment_hit{font-size:0.9em;padding-left:30px}
.comment{margin:0px auto;padding:20px 0;width:90%;text-align:left}
.comment fieldset{border:1px solid #eee;box-shadow:0px 3px 5px 3px rgba(127, 127, 127, 0.1);}
.comment fieldset legend{font-size:0.9em;font-weight:bold;color:#727272}
.comment_block{padding-left:15px;width:95%}
.sec_col,.sec_col_icon{display:inline-block;line-height:25px}
.sec_col_icon{width:100%}
.sec_col_icon .selected{border:2px solid green;border-radius:3px;opacity:1}
.sec_col img{margin-right:15px;vertical-align:bottom}
.sec_col input{width:80%}
.comment_row{width:30%;display:inline-block}
.comment_title{width:100%;}
.comment_email{width:40%;}
.comment_email_c{width:40%;font-size:0.8em;color:#727272}
.comment_label,.comment_row label{line-height:2em;font-size:0.9em;font-weight:bold;color:#727272}
.comment_label span,.comment_row label span{color: #e24747;}
.comment_label{vertical-align:top;display:inline-block;width:100%}
.comment_contents{width:95%}
.emodicon,.emodicon_view{background: url('../image/emodicon.png') no-repeat;width:23px;height:23px;display:inline-block;margin:0px 3px;opacity:0.7}
.emodicon:hover,.emodicon_view:hover{cursor:pointer;opacity:1}
#eicon0{background-position:-0px -1px}
#eicon1{background-position:-27px -1px}
#eicon2{background-position:-53px -1px}
#eicon3{background-position:-79px -1px}
#eicon4{background-position:-107px -1px}
#eicon5{background-position:-133px -1px}
#eicon6{background-position:-159px -1px}
#eicon7{background-position:-185px -1px}
#eicon8{background-position:-212px -1px}
#eicon9{background-position:-238px -1px}
#eicon10{background-position:-264px -1px}
#eicon11{background-position:-290px -1px}
#eicon12{background-position:-316px -1px}
#eicon13{background-position:-342px -1px}
#eicon14{background-position:-368px -1px}
#eicon15{background-position:-395px -1px}

/* 페지viewbar css */
.pagination {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	border-radius: 4px;
}
.pagination>li {
	display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	margin-right: 0;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.pagination li a, .pagination li a:link{
	cursor: pointer;
	font-size:13px;
	font-family:맑은 고딕;
	color: #0488cd;
}
.pagination>li>a, .pagination>li>span {
	outline: 0 !important;
	color: #0488cd;
	text-decoration: none;
	position: relative;
	float: left;
	padding: 5px 10px;
	margin-left: -1px;
	line-height: 1.428571429;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination>.active>a,.pagination>.active>a:link, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #0488cd;
	border-color: #0488cd;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	background-color: #eee;
	color: #555;
}
/* 검색,login 모듈부분css */
input:hover, textarea:hover, input:focus, textarea:focus {
	border-color: #C9C9C9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	background-color: #FFFFFF;
	border-radius: 4px !important;
	font-size: 13px;
	transition-duration: 0.1s;
	font-family: "맑은 고딕",Open Sans,Helvetica,Arial,sans-serif;
	margin: 0 0 10px;
	/* border: solid 1px #E5E5E5; */
	border: solid 1px #ccc;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
.searchtext,.logintext,.input_general,.textarea_general:-moz-placeholder{color:#999}
.searchtext,.logintext,.input_general,.textarea_general::-moz-placeholder{color:#999}
.searchtext,.logintext,.input_general,.textarea_general:-ms-input-placeholder{color:#999}
.searchtext,.logintext,.input_general,.textarea_general::-webkit-input-placeholder{color:#999}
.searchtext,.logintext,.input_general,.textarea_general{
	display:inline;
	padding:0px 12px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.searchtext,.logintext,.input_general{height:27px;width:100%;line-height:27px}
.textarea_general{padding:5px 10px}
.logintext{width:300px;padding-left:24px}
.input_general{padding-left:5px;width:90%}
.sec_key{padding-left:5px;width:30%}
.searchtext:focus,.logintext:focus,.input_general:focus,.textarea_general:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

/*검색,lognin,button css*/
.login_block{
	width:500px;
	margin:0px auto;
	text-align:center
}
.lb_left,.lb_right{display:inline-block;vertical-align:middle}
.lb_left i{display:block;font-style:normal;position:relative}
.search_block{
	width:100%;
	white-space: nowrap;
	display:table;
	border-collapse: separate
}
.btn_fix{
	position: relative;
	white-space: nowrap;
	width: 1%;
	display: table-cell;
}
.search_btn:hover,.login_btn:hover {
	background: -webkit-linear-gradient(#0488cd,#2eaef0);
	background: -moz-linear-gradient(#0488cd,#2eaef0);
	background: -o-linear-gradient(#0488cd,#2eaef0);
	background: -ms-linear-gradient(#0488cd,#2eaef0);
	background: linear-gradient(#0488cd,#2eaef0);
	background: -webkit-gradient(linear, left top, left 25, from(#2eaef0), color-stop(4%, #0488cd), to(#2eaef0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0488cd', endColorstr='#ff2eaef0', GradientType=0);
	
}
.search_btn,.login_btn {
	background: -webkit-gradient(linear, left top, left 25, from(#0488cd), color-stop(4%, #2eaef0), to(#0488cd));
	background: -webkit-linear-gradient(#2eaef0,#0488cd);
	background: -moz-linear-gradient(#2eaef0,#0488cd);
	background: -o-linear-gradient(#2eaef0,#0488cd);
	background: -ms-linear-gradient(#2eaef0,#0488cd);
	background: linear-gradient(#2eaef0,#0488cd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2eaef0', endColorstr='#ff0488cd', GradientType=0);
	border: 1px solid #2f7295;
	-webkit-box-shadow: inset 0 1px 1px 0 #9fcee7, 0 2px 0 -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px 0 #9fcee7, 0 2px 0 -1px rgba(0,0,0,0.2);
	cursor: pointer;
	color: #fff !important;
	text-shadow: 0 1px #555 !important;
	-webkit-transition: all .5s ease-in-out !important;
	-moz-transition: all .5s ease-in-out !important;
	-o-transition: all .5s ease-in-out !important;
	-ms-transition: all .5s ease-in-out !important;
	transition: all .5s ease-in-out !important;	
	display: inline-block;
	font-size: 14px;
	padding: 3px 15px;
	font-family: 맑은 고딕;
	line-height: 1.428571429;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	margin: 5px 5px;
	font-weight:bold;
}
.search_btn{padding:3px 15px;margin: 0px 0px;}
.submit_btn{padding: 10px 15px;margin: 0px 0px;border-radius:3px;}
.login_btn {height:65px;margin-left:20px;margin-bottom:15px}
.pwd_btn {height:145px;margin-left:10px;}

/*font awesome리용*/
.icon-user:before{content:"\f007";display:inline-block}
.icon-lock:before{content:"\f023";display:inline-block;}
.icon-unlock:before{content:"\f09c";display:inline-block;}
.icon-angle-down:before{content:"\f107";display:inline-block;}
.icon-info-sign:before{content: "\f05a";display:inline-block;font-size:1.5em;margin-right:5px}
.icon-angle-right:before{content:"\f105";display:inline-block;}
.icon-angle-down,.icon-angle-right{color:white;line-height:18px}
.icon-angle-right{padding-top:6px} 
.nav:after {
  clear: both;
  display: table;
  content: " ";
}
/*관련편집물, 련재*/
.publish_relative{width:100%;height:auto}
.publish,.relative{width:90%;margin:20px auto}
.publish_title,.relative_title{width:80px;padding:5px;text-align:center;background-color:#6a6a6a;color:white;font-size:0.9em;font-weight:bold;float:left}
.publish_cont,.relative_cont{float:left;width:850px;margin-left:10px}
.publish_record,.relative_record{width:auto;padding:3px 5px}
.publish_record_categ3,.relative_record_categ3{width:auto;display:inline-block;font-size:0.9em;color:#25a3c7}
.publish_record_title,.relative_record_title{width:auto;margin-left:10px;font-size:0.9em;display:inline-block}
.publish_record:hover,.relative_record:hover{background:#eee;width:auto}