@charset "utf-8";

/*button layout*/
.content-container >  button{
		margin: 20px 0 0 4px;
		float: right;
}

/* button */
button{
	/*border-radius: 3px;*/
	/*transition: 0.1s;*/
	/* -webkit-text-stroke: 0.1px; */
}
button:disabled{
	/*opacity: 0.4;*/
}

/* btn */

.btn{
	display: inline-block;
   padding: 4px 9px;
   color: #fff;
   cursor: pointer;
   background-color: #545250;
   font-size: 12px;
   border-radius: 0;
}

.btn.with-arrow:after{
	position: relative;
	top: -2px;
	content: url("/console/common/image/component/button/ico_with_arrow.png");
	padding-left: 4px;
}

.btn[disabled="disabled"]{
	background-color: #d2d2d2;
	opacity: 1;
}

/* gnb button */
#global_header button{
	font-family: 'latoBold', 'Malgun Gothic';
	font-size: 11px;
	border: 1px solid #918c88;
	background: #f1f1f1;
	color: #32302e;
	/* padding: 0px 3px 0px 3px; */
    padding: 0px 3px 2px 3px;
	/* height: 16px;
	line-height: 16px; */
	width: 59px;
	font-weight: bold;
	border-radius: 5px;
}

#global_header button:active{
	background: #8bd3eb;
	border-color: #2f97bb;
}	

/* 오피니어 활동 정보 버튼*/
button.opineer-activity-info{
	padding: 6px 10px;
	color: #545250;
	font-family: 'latoBold', 'Malgun Gothic';
	font-size: 12px;
	border: 1px solid #d8d8d8;
	background: #fff;
}
button.opineer-activity-info:active{
	color: #ff7800;
	border-color: #ff7800;
}
button.opineer-activity-info.selected{
	color: #fff;
	background: #ff7800;
	border-color: #ff7800;
	-webkit-text-stroke: 0;
}
/* 팝업 닫기 버튼 */
button.popup-close{
	border-radius: 0;
	padding: 9px 9px 8px 9px;
	background: #32302e;
	height: 40px;
}

button.popup-close.type2,
button.popup-close.type2:active
{
	background: #918c88;
}

button.popup-close:active{
	background: #ff7800;
}


/*simple button*/
	
	
	/* language set*/
	.simple-button:lang(type1){
		font-family: 'latoBold', 'notosansBold';
		font-size: 11px;
	}
	
	
	/*basic*/
	.simple-button{
			font-family: 'Malgun Gothic';
			font-size: 10px;
			padding: 1px 5px 3px 5px;
			background: #ff7800;
			transition: 0.1s;
			vertical-align: middle;
	}
	.simple-button:active{
		background: #72c0db;
	}
	.simple-button.selected{
		background: #72c0db !important;
		border-color: #72c0db !important;
		color: #fff !important;
	}

	/* common attributes*/
	
	.simple-button.type1, .simple-button.type2, .simple-button.type3, .simple-button.type5{
		color: #fff;
	}
	.simple-button.type2:active, .simple-button.type3:active, .simple-button.type4:active, .simple-button.type5:active{
		background: #8bd3eb;
		color: #fff;
	}
	.simple-button.type3, .simple-button.type4{
		min-width: 24px;
	}
	
			/*type1*/
		.simple-button.type1{
			-webkit-text-stroke: 0;
			background: #918c88;
		}
		.simple-button.type1:active{
			background: #545250;
		}
		
		/*type2*/
		.simple-button.type2{
			padding: 3px 2px 2px 2px;
			letter-spacing: 0.6px;
			min-width: 34px;
			background: #cbcbcb;
			border: 1px solid #b3b3b3;
		}
		.simple-button.type2:active{
			border-color: #8bd3eb;
		}
		/*type3*/
		.simple-button.type3{
			background: #918c88;
		}
		/*type4*/
		.simple-button.type4{
			padding: 2px 5px 1px 5px;
			border: 1px solid #d8d8d8;
			color: #918c88;
			background: #fff;
		}
		/*type5*/
		.simple-button.type5{
			background: #ff7800;
		}
		/*type6*/
		.simple-button.type6{
			background: #d8d8d8;
			border: 1px solid #cecece;
			padding-left: 3px;
			padding-right: 3px;
		}
		.simple-button.type6:active{
			background: #ff7800;
			border-color: #ff7800;
			color: #fff;
		}
		

/*basic button*/
	.basic-button{
		font-size: 12px;
		font-family: 'latoBold', 'NanumBarunGothicBold';
		color: #545250;
		background: #f1f1f1;
		padding: 9px 17px 8px 17px;
		border: 1px solid #bdbab8;
		white-space: nowrap;
	}
	
	.basic-button:active{
		background: #8bd3eb;
		border-color: #2f97bb;
	}
	
	/*type1*/
	.basic-button.type1{
		background: #ffefe1;
		border-color: #ff7800;
	}
	
	.basic-button.type1:active{
		color: #fff;
		background: #ff7800;
	}
	
	/*type2*/
	.basic-button.type2{
		-webkit-text-stroke: 0;
		padding: 5px 10px 5px 10px;
		background: #545250;
		color: #fff;
	}
	.basic-button.type2 img{
		display: inline-block;
		vertical-align: middle;
	}
	.basic-button.type2 img:first-child{
		margin-right: 5px;
	}
	.basic-button.type2 img:last-child{
		margin-left: 7px;
	}
	.basic-button.type2:active{
		background: #8bd3eb;
		border-color: #8bd3eb;
	}
	
	/* 커스터마이징 버튼 */
	.basic-button.btn-custom, .basic-button.btn-custom2, .basic-button.btn-custom3{
		padding-left: 38px;
		color: #cf6100;
	}
	.basic-button.btn-custom{
		background: #f1f1f1 url("/console/image/component/button/ico_custom1.png") 12px center no-repeat;
	}
	.basic-button.btn-custom:active{
		color: #32302e;
		background: #8bd3eb url("/console/image/component/button/ico_custom1_active.png") 12px center no-repeat;
	}
	.basic-button.btn-custom2{
		background: #f1f1f1 url("/console/image/component/button/ico_custom2.png") 18px center no-repeat;
	}
	.basic-button.btn-custom2:active{
		color: #32302e;
		background: #8bd3eb url("/console/image/component/button/ico_custom2_active.png") 18px center no-repeat;
	}
	.basic-button.btn-custom3{
		background: #f1f1f1 url("/console/image/component/button/ico_custom3.png") 13px center no-repeat;
	}
	.basic-button.btn-custom3:active{
		color: #32302e;
		background: #8bd3eb url("/console/image/component/button/ico_custom3_active.png") 13px center no-repeat;
	}
/*sign button*/
	.basic-sign-button{
		background: #918c88;
		width: 20px;
		height: 20px;
	}
	.basic-sign-button img{
		margin: 0 auto;
	}
	.basic-sign-button:active{
		background: #8bd3eb;
	}

	.basic-sign-button.type1{
		width: 13px;
		height: 13px;
		border-radius: 0;
	}
	


/*icon button*/
.icon-write, .icon-write-active, .icon-memo, .icon-chat, .icon-user-info,.icon-user-info-type2, .icon-cross{
	display: inline-block;
	width: 17px;
	height: 17px;
}
.icon-write{
	background: url("/console/image/component/button/ico_write.png") no-repeat;
}

.icon-memo{
	background: url("/console/image/component/button/ico_memo.png") no-repeat;
}

.icon-chat{
	background: url("/console/image/component/button/ico_chat.png") no-repeat;
}

.icon-user-info{
	width: 72px;
	background: url("/console/image/component/button/ico_user_info.png") no-repeat;
}

.icon-user-info-type2{
	background: url("/console/image/component/button/ico_user_info_type2.png") no-repeat;
}

.icon-cross{
	background: url("/console/image/component/button/ico_cross2.png") no-repeat;
}

.icon-write:hover,
.icon-write-active
{
	background: url("/console/image/component/button/ico_write_active.png") no-repeat;
}
/*
.icon-memo:hover{
	background: url("/console/image/component/button/ico_memo_active.png") no-repeat;
}
.icon-chat:hover{
	background: url("/console/image/component/button/ico_chat_active.png") no-repeat;
}
.icon-cross:hover{
	background: url("/console/image/component/button/ico_cross2_active.png") no-repeat;
}
.icon-user-info:hover{
	background: url("/console/image/component/button/ico_user_info_active.png") no-repeat;
}
 */


.icon-emoticon{
	width: 22px;
	height: 22px;
	border: 1px solid #bdbab8;
	border-radius: 0 3px 3px 0;
	background: #d8d8d8 url("/console/image/component/button/ico_emoticon.png") center no-repeat;
}
.icon-emoticon:hover{
	border-color: #75cae6;
	background: #8bd3eb url("/console/image/component/button/ico_emoticon_active.png") center no-repeat;
}


/*flag button*/
.flag-block img, .flag-unblock img:first-child{
	display: none;
}
.flag-block img:first-child, .flag-unblock img:last-child{
	display: block;
}


button.btn-detail-view{
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	width: 85px;
	height: 24px;
	background: #545250 url("/console/image/component/button/ico_small_right_arrow.png") no-repeat 71px center;
	padding-right: 10px;
}

button.btn-detail-view.smart-push{
	display: block;
	margin-top: 10px;
}

.basic-button.btn-analysis{
  font-family: 'notosansBold';
  color: #545250;
  font-weight: normal;
  height: 30px;
  padding: 0;
  width: 82px;
	
}


/* 레이어 버튼*/

.btn-layer-notice{
	font-family: 'Malgun Gothic' !important;
	display: inline-block;
	min-width: 50px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
    padding: 5px 12px 7px 12px;
}

.btn-layer-notice.type1{
	background: #545250;
}

.btn-layer-notice.type2{
	background: #ff7800;
}

/* 팝업 버튼 */
.btn-popup-style{
	display: inline-block;
	font-size: 0;
	width: 64px;
	height: 32px;
}

.btn-popup-style.cancel{
	background: url("/console/image/component/button/btn_popup_cancel.png")
}

.btn-popup-style.confirm{
	background: url("/console/image/component/button/btn_popup_confirm.png")
}
.btn-popup-style.close{
	background: url("/console/image/component/button/btn_popup_close.png")
}


/* 요금제 안내 버튼*/
.btn-pricing-info{
	position: absolute;
    display: inline-block;
    width: 144px;
    height: 43px;
    font-size: 0;
    background: url("/console/image/component/button/btn_pricing_info.png");
    top: 199px;
    left: 50%;
    margin-left: -70px;
}