.jbask_btn01 				{display:inline-block; zoom:1; *display:inline; text-align:center; border:1px solid #aaa; background:#fff; font-weight:500; color:#333; padding:0 15px; line-height:25px; margin:0 1px; cursor:pointer; font-size:0.95em; min-width:70px; }
.jbask_btn01:hover			{border:1px solid #444; background:#313131; color:#fff; }

.jbask_btn02 				{display:inline-block; zoom:1; *display:inline; text-align:center; border:1px solid #313131; background:#313131; font-weight:500; color:#fff; padding:0 15px; line-height:25px; margin:0 1px; cursor:pointer; font-size:0.95em; min-width:70px; }



/* 전라북도가 묻습니다 리스트 ===================================================================================== */
.listbox2					{margin-top:30px;}
.listbox2 li				{position:relative; overflow:hidden; border:1px solid #ddd; border-radius:5px; margin-bottom:30px;}
.listbox2 li:hover			{border-color:#5193f6;}
.listbox2 li:last-child		{margin-bottom:0px;}

.listbox2 .img				{position:relative; float:left; width:30%; height:260px; overflow:hidden;}
.listbox2 .img img			{width:100%; }
.listbox2 .img span			{position:absolute; left:0; top:0; width:85px; height:42px; line-height:42px; color:#fff; font-size:0.9em; letter-spacing:-1px; text-align:center; z-index:2;}
.listbox2 .img .ing			{background:#dc4d0e;}
.listbox2 .img .finish		{background:#4b5059;}
.listbox2 .info				{position:relative; float:left; width:65%; height:260px;}
.listbox2 .wrap				{padding:30px; height:100%;}

.listbox2 .info .tit		{font-weight:700; font-size:1.4em; line-height:140%; margin:0 0 10px 0; letter-spacing:-1.5px; color:#333;}
.listbox2 .info .txt		{color:#797979; font-size:0.95em; letter-spacing:-0.5px; height:65px; line-height:150%; overflow:hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}

.listbox2 .info .vote_count		{position:absolute; bottom:30px; width:100%; background:#f5f5f5; padding:15px; overflow:hidden; font-size:0.95em;}
.listbox2 .info .vote_count p	{float:left; margin-right:15px; padding:0 0 0 25px; color:#666;}
.listbox2 .info .vote_count p:last-child	{margin-right:0;}
.listbox2 .info .vote_count span		{color:#327be2; margin-left:7px;}
.listbox2 .info .vote_count .agree		{color:#346db4; background:url('../image/ico_vote_a.png') no-repeat left 3px; background-sizE:20px;}
.listbox2 .info .vote_count .oppo		{color:#ea567d; background:url('../image/ico_vote_o.png') no-repeat left 3px; background-sizE:20px; margin-right:12px;}
.listbox2 .info .vote_count .suggest	{background:url('../image/ico_vote_s.png') no-repeat left 1px; background-sizE:20px;}
.listbox2 .info .vote_count .comment	{background:url('../image/ico_vote_c.png') no-repeat left 1px; background-sizE:20px;}
.listbox2 .info .vote_count .date		{background:url('../image/ico_vote_d.png') no-repeat left 2px; background-sizE:20px;}
.listbox2 .info .vote_count .linktype	{background:url('../image/ico_vote_l.png') no-repeat left 2px; background-sizE:19px; font-size:14px; color:#327be2;}
.listbox2 .layer						{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.3) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%;}
.listbox2  li:hover .layer				{display:block;}

/* 전라북도가 묻습니다 뷰페이지 ===================================================================================== */
.jbask_view_top						{border:1px solid #ddd; margin-bottom:30px;}
.jbask_view_tit_wrap				{position:relative; border-bottom:1px solid #e2e2e2; margin:50px 30px 0 30px; padding-bottom:30px;}
.jbask_view_tit_wrap span			{display:inline-block; zoom:1; *display:inline; margin-bottom:10px; padding:0 15px; line-height:33px; font-size:0.95em; letter-spacing:-1px; color:#fff;}
.jbask_view_tit_wrap .ing			{background:#f5ad00;}
.jbask_view_tit_wrap .finish		{background:#4b5059;}
.jbask_view_tit						{font-weight:700; font-size:1.6em; line-height:140%; margin:0 0 20px 0; letter-spacing:-2px; color:#333;}
.jbask_view_date					{font-size:0.9em; color:#999; margin-top:10px;}
.jbask_view_profile					{overflow:hidden;}
.jbask_view_profile .img			{float:left; width:40px; height:40px; }
.jbask_view_profile .img img		{width:100%; height:100%; border-radius:50px; border:1px solid #efefef;}
.jbask_view_profile .info			{padding-left:50px;}
.jbask_view_profile .info li		{color:#999; font-size:0.85em;}
.jbask_view_profile .info .bold		{color:#222; font-size:0.95em;}

.jbask_view_content					{font-size:1em; padding:50px 30px;}
.jbask_view_answer					{font-size:1em; padding:20px 30px;}
.jbask_view_answer2					{border-top:1px solid #ddd;}

.jbask_view_top	.connection_wrap	{padding:0 30px;}

.jbask_vote_btns					{cursor:pointer;}

.jbask_pie_charts					{width:100%;height:300px;border:1px solid #ddd;}

/* 스킨 1 */
.jbask_vote_skinbox1				{position: relative; margin:30px; border-top:1px solid #ddd; padding:30px 0 50px 0;}
.jbask_vote_skinbox1 .wrap			{ position: relative; display: inline-block; zoom:1; *display:inline; padding: 0 100px; width: 100%; }
.jbask_vote_skinbox1 dl				{ position: absolute; text-align:center;}
.jbask_vote_skinbox1 dl dt			{height:90px; width:90px;border:2px solid #ddd; margin-bottom:5px; border-radius:5px;}
.jbask_vote_skinbox1 dl dt p			{text-align: center; font-size:1.25em; font-weight:500; padding-top:45px;padding-bottom:15px;}
.jbask_vote_skinbox1 dl dt:hover p		{color:#fff;}
.jbask_vote_skinbox1 dl dd			{font-size: 1.35em;}
.jbask_vote_skinbox1 .agree			 { left: 0; }
.jbask_vote_skinbox1 .score			{font-size:0.75em !important; font-weight:500;}
.jbask_vote_skinbox1 .agree dt		{border-COLOR:#346db4; background:url('../image/ico_vote_a.png') no-repeat center 15px; background-sizE:30px;}
.jbask_vote_skinbox1 .agree dt:hover	{background:url('../image/ico_vote_a_over.png') no-repeat center 15px #346db4; background-sizE:30px;}
.jbask_vote_skinbox1 .agree dd strong { color: #346db4; }
.jbask_vote_skinbox1 .agree dd .score { position: absolute; top: 20px; left: 100px; display: inline-block; zoom:1; *display:inline; white-space: nowrap; color: #346db4; font-size:1.2em;}
.jbask_vote_skinbox1 .oppo			{ right: 0; }
.jbask_vote_skinbox1 .oppo dt			{border-COLOR:#ea567d; background:url('../image/ico_vote_o.png') no-repeat center 15px; background-sizE:30px;}
.jbask_vote_skinbox1 .oppo dt:hover	{background:url('../image/ico_vote_o_over.png') no-repeat center 15px #ea567d; background-sizE:30px;}
.jbask_vote_skinbox1 .oppo dd strong	{color: #ea567d; }
.jbask_vote_skinbox1 .oppo dd .score	{position: absolute; top: 20px; right: 100px; display: inline-block; zoom:1; *display:inline; white-space: nowrap; color: #ea567d; font-size:1.2em;}
.jbask_vote_skinbox1 .bg				{ display: block; content:''; clear: both; width: 100%; height: 15px; margin: 45px 0 0 0; background-color: #ccc; }
.jbask_vote_skinbox1 .bg .probar1		{ display: block; content:''; height: 100%; float: left; background: #346db4; }
.jbask_vote_skinbox1 .bg .probar2		{ display: block; content:''; height: 100%; float: right; background: #ea567d; }


/* 스킨 2 */
.jbask_vote_skinbox2				{position: relative; border-top:1px solid #ddd;  margin:0px 30px;  padding:30px 0;}
.jbask_vote_skinbox2 .wrap			{position: relative; display: inline-block; zoom:1; *display:inline;width: 100%; }
.jbask_vote_skinbox2 li				{margin:0 0 15px 0;}
.jbask_vote_skinbox2 .result_check			{float:left;margin:0px 10px;padding-right:10px;}
.jbask_vote_skinbox2 .top					{overflow:hidden; margin:0px 0px 5px 5px;}
.jbask_vote_skinbox2 .nocheck				{margin:0px 0px 5px 40px !important;}
.jbask_vote_skinbox2 .top .result_type		{float:left; margin-bottom:10px;}
.jbask_vote_skinbox2 .top .result_type span	{color:#333; font-size:1.2em;}
.jbask_vote_skinbox2 .top .result_cnt		{float:right; color:#9f9f9f;}
.jbask_vote_skinbox2 .top .result_cnt .blue	{color:#327be2;}
.jbask_vote_skinbox2 .helps					{font-size:0.9em;margin:10px 0;clear:both;}
.jbask_vote_skinbox2 .count_bar				{position: relative; height: 20px; background: #f5f5f5; box-sizing: border-box; border:1px solid #eee;margin-bottom:5px;}
.jbask_vote_skinbox2 .count_bar p			{position: absolute; left: 0; top: 0; height: 20px; background: #5e96db; line-height: 22px;}
.jbask_vote_skinbox2 .count_bar p:after		{content: ''; display: block; position: absolute; top: -3px; right: 0; width: 1px; height: 30px; background: #5e96db; }
.jbask_vote_skinbox2  input[type="checkbox"], input[type="radio"]	{width:20px; height:15px; line-height:20px;}

.jbask_vote_skinbox2 .vote_btn		{display:inline-block; zoom:1; *display:inline; font-weight:500;text-align:center; border:1px solid #ea4335; background:#ea4335;  color:#fff; width:160px; line-height:52px; margin:0 1px; cursor:pointer;font-size:1.05em; border-radius:50px;}
.jbask_vote_skinbox2 .vote_btn:hover	{background:#333; border-color:#333;}
.jbask_vote_skinbox2 .vote_btn_h	{display:inline-block; zoom:1; *display:inline; font-weight:500; text-align:center; border:1px solid #ddd; background:#ddd; color:#5d5d5d; width:160px; line-height:52px; margin:0 1px; cursor:pointer;font-size:1.05em; border-radius:50px;}


.jbask_view_btn						{text-align:center; margin-bottom:30px;}
.jbask_view_btn li					{display:inline-block; zoom:1; *display:inline;  margin:0 1px; height:40px; line-height:40px; min-width:40px; border:1px solid #ddd;}
.jbask_view_btn li:hover			{border-color:#666;}
.jbask_view_btn li p				{color:#333; cursor:pointer; font-size:0.9em; color:#555; background:url('../image/list_icon_heart2.png') no-repeat 12px center;
									background-size:20px auto; padding:0 0 0 20px; min-width:90px;}
.jbask_view_btn li p:hover			{background:url('../image/list_icon_heart.png') no-repeat 12px center; background-size:20px auto; }
.jbask_view_btn .on p				{background:url('../image/list_icon_heart.png') no-repeat 12px center; background-size:20px auto;}
.jbask_view_btn .fb					{background:url('../image/view_share_fb.png') no-repeat center center; background-size:27px auto;  cursor:pointer;}
.jbask_view_btn .tw					{background:url('../image/view_share_tw.png') no-repeat center center; background-size:27px auto;  cursor:pointer;}
.jbask_view_btn .ka					{background:url('../image/view_share_ka.png') no-repeat center center; background-size:27px auto;  cursor:pointer;}
.jbask_view_btn .link				{background:url('../image/view_share_clip.png') no-repeat center center; background-size:25px auto;  cursor:pointer;}

.jbask_answer_content				{background:#f6f7fb; padding:30px; border-top:1px solid #e2e2e2;}
.jbask_answer_content .content		{margin-top:15px; font-size:1em;}

.jbask_answer_form					{display:none;}

.jbask_view_file					{overflow:hidden; background:#f5f5f5; padding:10px; margin:0 30px 30px 30px;}
.jbask_view_file_tit				{float:left; margin-right:10px; font-size:0.9em; color:#333;}
.jbask_view_file_txt				{font-size:0.9em;}
.jbask_view_file_txt .fname			{color:#818181;}

.jbask_btn_list						{text-align:center; margin-bottom:30px;}

.jbask_reply_top					{overflow:hidden; background:#f9f9f9; padding:20px; border:1px solid #ddd;}
.jbask_write_content				{float:left; width:85%;}
.jbask_write_content .input_form	{background:#fff; border-color:#ddd; margin:0;}
.jbask_write_submit					{float:right; width:15%;}
.jbask_write_submit .btn			{border:1px solid #454545; background: #525252; height:80px; line-height:80px; width:100%; color:#fff; font-size:1.2em;}

.jbask_reply_area					{padding:30px 30px 50px 30px; border:1px solid #ddd; border-top:0;}

.jbask_tabmenu3						{overflow:hidden; float:right;}
.jbask_tabmenu3 li					{display:inline-block; zoom:1; *display:inline; margin-right:5px;}
.jbask_tabmenu3 li:last-child		{margin-right:0;}
.jbask_tabmenu3 li a				{width:100%; height:100%; color:#888;}
.jbask_tabmenu3 .on span			{font-family:"NotoKrB", sans-serif; color:#333;}

.jbask_comment_view					{position:relative;  border-bottom:1px solid #e2e2e2;}
.jbask_comment_view_wrap			{overflow:hidden; padding:25px 0;}



/* 전라북도가묻습니다 폼 ===================================================================================== */
.jbask_form_wrap					{}
.jbask_form_wrap h4					{text-align:center; font-size:1.9em; font-weight:500; letter-spacing:-1px; padding:0; margin-bottom:30px;}
.jbask_form_wrap h4:after			{content: ''; display: block; width:52px; height:1px; background:#333; margin:20px auto 0 auto; }

.jbask_field_wrap					{border-top:#4c4c4c solid 2px;}
.jbask_field_wrap dl.jbask_field				{padding:15px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.jbask_field_wrap dl.jbask_field dt				{font-weight:500; color:#333; font-size:1.1em; float:left; width:20%;  text-indent:15px; line-height:40px;}
.jbask_field_wrap dl.jbask_field dd				{float:left; width:80%;}
.jbask_field_wrap .line				{line-height:40px;}
.jbask_field_wrap  .input_form		{border:1px solid #ccc; min-height:38px; padding:0 10px; margin:0; -webkit-border-radius: 0;}
.jbask_field_wrap .title .input_form	{ }
.jbask_field_wrap textarea			{padding:10px !important;}
.jbask_field_wrap select			{padding:0; height:40px;font-size:14px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
.jbask_field2						{padding:15px 0;border-bottom:1px solid #ddd;}

.jbask_sort_placeholders			{border:2px dashed #000;height:150px;width:450px;}
.jl_sel_listdivs					{border:1px solid #ccc;background:#eee;width:450px;padding:3px;margin-bottom:5px;}


/* 마이페이지_나의 투표목록  ===================================================================================== */ 
.mypage_jbask 						{border-top:1px solid #999; margin-top:10px;}
.mypage_jbask li					{border-bottom:1px solid #dfdfdf; overflow:hidden; padding:15px 0; text-align:center;}
.mypage_jbask .top					{background:#fafafa; }
.mypage_jbask .top p				{font-weight:500; color:#333;  font-size:1em; }
.mypage_jbask .top .subject			{text-align:center;}
.mypage_jbask .subject				{float:left; width:calc(100% - 340px); text-align:left; text-indent:10px; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.mypage_jbask .subject a			{color:#333;}
.mypage_jbask .date					{float:left; width:90px; font-size:0.95em; color:#999; }
.mypage_jbask .vote					{float:right; width:250px; font-size:0.95em; color:#999; word-wrap:keep-all;}
.mypage_jbask .m_info				{display:none;}


/*	투표 후 개인정보 수집 시 사용하는 레이어 스타일 부분 ========================================================== */
#jbask_layer						{display:none; position:absolute;  left:50%; top:50%; transform:translate(-50%, -50%); height:600px; z-index:9999999; overflow:auto; border-top:5px solid #486eff;}
#jbask_layer .jbask_person_data_div	{background-color:#ffffff; padding:30px;}
#jbask_layer .jbask_layer_close		{position:absolute; right:0; top:0; width:50px; height:50px; background:url('../image/login_layer_close.png') no-repeat center 0; background-size:50px;cursor:pointer;}

#jbask_layer .jbask_select_zone					{overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px;}
#jbask_layer .jbask_select_zone .jbask_title	{font-size:1.05em; line-height:35px; font-family:"NotoKrB", sans-serif;}
#jbask_layer .jbask_select_zone .jbask_select	{line-height:35px;}
#jbask_layer .jbask_select_zone .jbask_lt		{width:80px; float:left; line-height:35px;}
#jbask_layer .jbask_select_zone .jbask_rt		{float:left; width:calc(100% - 98px);}
#jbask_layer .jbask_select_zone .jbask_rt label	{display:inline-block; font-family:"NotoKrB", sans-serif; font-size:1.1em; margin:2px 0;}
#jbask_layer .form_privacy_wrap .box			{height:85px; overflow-x:hidden; overflow:auto;}
/*	투표 후 개인정보 수집 시 사용하는 레이어 스타일 부분 ========================================================== */


/* 본인인증 부분  ===================================================================================== */
.jbask_loginbox						{text-align:center; background:#f1f2f4; width:70%; margin:0 auto 40px auto; padding:40px; border-radius:20px;}
.jbask_loginbox h6					{font-size:1.6em; color:#195db9; font-weight:700; letter-spacing:-2px; padding:0; margin:20px 0; }
.jbask_loginbox>p					{font-size:1.2em; letter-spacing:-1px; font-weight:500; color:#333; margin:10px 0 20px 0;}
.jbask_loginbox>i					{font-size:2.2em; color:#195db9; width:85px; line-height:85px; text-align:center; background:rgba(256,256,256,.7); box-shadow:0 0 15px 1px rgba(0,0,0,0.05); border-radius:100%;}


@media screen and (max-width:1024px) {
	.jbask_view_top						{margin-bottom:20px;}
	.jbask_view_tit_wrap				{margin:30px 20px 0 20px; padding-bottom:20px;}
	.jbask_view_tit_wrap span			{font-size:0.9em; line-height:30px; }
	.jbask_view_profile .info li		{font-size:0.85em;}
	.jbask_view_profile .info .bold		{font-size:0.85em;}
	.jbask_view_tit						{font-size:1.75em; margin:7px 0 15px 0; line-height:130%;}
	.jbask_view_content					{padding:5% 20px;}
	.jbask_view_content img				{width:100%;}
	.jbask_view_file					{margin:0 20px 20px 20px}
	.jbask_view_file_tit, .jbask_view_file_txt				{font-size:0.85em;}
	.jbask_view_btn						{margin-bottom:40px;}
	.jbask_view_btn li					{min-width:35px; height:35px; line-height:35px;}
	.jbask_answer_content				{padding:20px;}
	.jbask_answer_content .content		{font-size:0.9em;}
	.jbask_btn_list						{margin-bottom:20px;}
	
	.jbask_view_top	.connection_wrap	{padding:0 20px;}	

	.jbask_vote_skinbox1				{padding:20px 0; margin:20px 20px 30px 20px;}
	.jbask_vote_skinbox2				{padding:20px 0 0 0; margin:20px 20px 30px 20px;}
	.jbask_vote_skinbox1 .wrap			{padding:0 70px;}
	.jbask_vote_skinbox1 dl dt			{width:65px; height:65px;}
	.jbask_vote_skinbox1 dl dt p			{font-size:0.95em; padding-top:33px;}
	.jbask_vote_skinbox1 dl dd			{font-size:1.1em;}
	.jbask_vote_skinbox1 .agree dt		{background-position:center 10px; background-sizE:25px;}
	.jbask_vote_skinbox1 .agree dt:hover	{background-position:center 10px; background-sizE:25px;}
	.jbask_vote_skinbox1 .agree dd .score	{top:10px; left:80px;}
	.jbask_vote_skinbox1 .oppo dt			{background-position:center 10px; background-sizE:25px;}
	.jbask_vote_skinbox1 .oppo dt:hover	{background-position:center 10px; background-sizE:25px;}
	.jbask_vote_skinbox1 .oppo dd .score	{top:10px; right:80px;}
	.jbask_vote_skinbox1 .bg				{margin:35px 0 0 0;}

	.jbask_vote_skinbox2 .top .result_type span		{font-size:1.1em;}
	.jbask_vote_skinbox2 .vote_btn, .jbask_vote_skinbox2 .vote_btn_h			{font-size:1em;}

	.jbask_tabmenu3 span				{font-size:0.85em;}
	.jbask_reply_area					{padding:20px 20px 5% 20px;}
	.jbask_comment_view_wrap			{padding:5% 0;}

	.jbask_form_wrap h4					{font-size:1.45em; margin-bottom:25px;}
	.jbask_form_wrap h4:after			{margin:15px auto 0 auto;}
	.jbask_field_wrap dl dt				{font-size:1em;}

	.mypage_jbask .top, .mypage_jbask .date, .mypage_jbask .vote		{display:none;}
	.mypage_jbask li					{padding:12px 5px;}
	.mypage_jbask .subject				{float:none; width:100%; text-indent:0; font-size:0.9em;}
	.mypage_jbask .m_info				{display:block; text-align:left; font-sizE:0.8em; color:#999; margin-top:3px;}


	#jbask_layer h5						{font-sizE:1.1em;}
	#jbask_layer .jbask_select_zone .jbask_rt label	{font-size:1em;}
	#jbask_layer .jbask_person_data_div		{padding:20px;}
	#jbask_layer .jbask_select_zone .jbask_title	{line-height:140%; margin-bottom:5px; font-size:0.95em;}
	#jbask_layer .jbask_select_zone					{padding-bottom:10px;}
	#jbask_layer .jbask_select_zone .jbask_select			{line-height:30px; }
	#jbask_layer .jbask_select_zone .jbask_select  label	{font-size:0.85em;}

	.jbask_loginbox						{width:90%; padding:25px 20px;}
	.jbask_loginbox>p					{font-size:1.05em; margin:5px 0 15px 0;}
	.jbask_loginbox>i					{font-size:2.2em; width:60px; line-height:60px;}
}

@media screen and (max-width:768px) {
	.listbox2 .img						{float:none; width:100%; height:100%;}
	.listbox2 .info						{float:none; width:100%;; height:100%;}
	.listbox2 .info span				{font-size:0.9em; line-height:30px; }
	.listbox2 .info .tit				{font-size:1.2em;}
	.listbox2 .info .txt				{margin-bottom:20px;}
	.listbox2 .info .wrap				{padding:20px;}	
	.listbox2 .info .vote_count			{position:relative; bottom:0; padding:10px; font-size:0.9em;}

	.jbask_write_submit .btn			{font-size:0.9em;}
	.jbask_reply_top					{padding:0; border:0; }
	.jbask_write_content textarea		{background:#f9f9f9 !important;}
	
	.jbask_field_wrap dl dt				{float:none; width:100%; text-indent:0; margin-bottom:7px; line-height:100%;}
	.jbask_field_wrap dl dd				{float:none; width:100%;}
	.jbask_field_wrap  .input_form		{min-height:33px;}
	.jbask_field_wrap .title .input_form	{width:90%;}
	.jbask_field_wrap textarea			{width:100%;}


	#jbask_layer .jbask_select_zone .jbask_lt		{float:none; width:100%; font-size:0.9em;}
	#jbask_layer .jbask_select_zone .jbask_rt		{float:none; width:100%; font-size:0.9em;}
}


@media screen and (max-width:580px) {
	.jbask_tabmenu2					{margin:0 0 10px 0;}

	.jbask_write_content			{float:none; width:100%;}

	.jbask_write_submit				{float:none; width:100%;}
	.jbask_write_submit .btn		{height:36px; line-height:36px;}
	.jbask_reply_area				{border-top:1px solid #ddd;}
}
