@charset "utf-8";


#poll_wrap .btnarea		{padding:30px 0;}
#poll_wrap .btnarea a	{margin:0 1px;width:140px;font-weight:normal;}
#poll_wrap .btnarea:after{content:"";display:block;float:none;clear:both;}
#poll_wrap em				{display:inline-block;text-align:center;width:18px;height:18px;background:url(../../cmsware/img/btn_em.png) no-repeat -2px -2px;margin-right:6px;text-indent:-5000px;color:transparent}

#poll_wrap					{padding:0;margin:0 auto;font-family:ngn;font-size:13px;color:#666;max-width:960px;}
#poll_wrap .edit_bx			{position:relative;margin:0 0 1px 0;padding:20px;border-bottom:1px solid #eee;background:#fff}
#poll_wrap .edit_bx:hover	{outline:1px solid #3E78C1;}
#poll_wrap .edit_bx:hover .edit_control	{display:block;}
#poll_wrap .edit_control		{position:absolute;right:-1px;top:-30px;display:none;}
#poll_wrap .edit_control a		{display:block;float:left;width:30px;height:30px;line-height:30px;background:#3E78C1;text-align:center;color:#fff !important;border-left:1px solid rgba(0,0,0,0.1)}
#poll_wrap .edit_control a:before{color:#fff;}
#poll_wrap .edit_control a:first-child{border:none;}
#poll_wrap .edit_control a:hover {text-decoration:none;}
#poll_wrap .edit_control a:last-child {background:#1B365D}
#poll_wrap .edit_bx input[type="radio"], #poll_wrap .edit_bx input[type="checkbox"]	{margin-top:6px;}
#poll_wrap .edit_bx.read input[type="radio"], #poll_wrap .edit_bx.read input[type="checkbox"]	{margin-top:-1px;}
#poll_wrap input[type="radio"], 
#poll_wrap input[type="checkbox"] { display: inline-block; width: 16px; height: 16px; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:-1px 5px 0 0; padding:0; cursor: pointer }
#poll_wrap input[type="radio"] { background: url(../../cmsware/img/btn_radio.png) no-repeat 0 -40px; }
#poll_wrap input[type="checkbox"] { background: url(../../cmsware/img/btn_checkbox.png) no-repeat 0 -40px; }
#poll_wrap input[type="checkbox"]:checked, 
#poll_wrap input[type="radio"]:checked { background-position: 0 -20px; }
#poll_wrap input[type="checkbox"]:disabled, 
#poll_wrap input[type="radio"]:disabled { background-position: 0 -40px; }
#poll_wrap input[type="checkbox"]:disabled:checked, 
#poll_wrap input[type="radio"]:disabled:checked { background-position: 0 -60px; }
#poll_wrap .edit_bx .terms:hover .terms_guide{display:block;}
#poll_wrap .edit_bx .terms_guide{display:none;}
#poll_wrap .edit_bx .terms_guide:before		{content:"필수여부";position:absolute;left:-9px;top:-10px;font-size:11px;text-align:center;width:48px;line-height:14px;padding:2px 0;border-radius:2px;background:#B8BFC7;color:#fff;font-weight:normal;}
#poll_wrap .edit_bx .terms_guide:after		{content:"";position:absolute;left:10px;top:6px;height:0;width:0;border: solid transparent;border-top-color:#B8BFC7;border-width:6px;}
#poll_wrap .edit_bx .terms input[type="checkbox"] {position:absolute;left:6px;top:8px; display: inline-block; width: 20px; height: 20px;background: url(../../cmsware/img/btn_em.png) no-repeat 0 -20px;vertical-align: top; -webkit-appearance: none; border-radius: 0; border: 0; margin:0 5px 0 0; padding:0; cursor: pointer }
#poll_wrap .edit_bx .terms input[type="checkbox"]:checked { background-position: 0 0; }

.read_bx			{position:relative;padding:20px;border-bottom:1px solid #eee}
.edit_bx.read .poll_option.list label.text,
.read_bx .poll_option.list label.text,
.edit_bx.read .poll_option.list label.text	{width:calc(100% - 25px);margin-right:0;}
.read_bx .poll_option.likert th, 
.read_bx .poll_option.likert td,
.edit_bx.read .poll_option.likert th, 
.edit_bx.read .poll_option.likert td{border:1px solid #eaeaea;padding:5px;}
.read_bx .poll_option.likert th,
.edit_bx.read .poll_option.likert th{background:#f6f6f6}
.poll_title			{font-size:16px;font-weight:bold;color:#5A6378}
.poll_title:after,
.poll_option li:after,
.poll_option:after{content:"";clear:both;display:block;float:none;}

.t_poll					{border:2px solid #5A6378;background:#fff}
.t_poll > ul > li		{position:relative;border-bottom:1px dotted #5A6378;/**/padding:15px;}
.t_poll li:last-child	{border-bottom:none}
.t_poll .tit			{font-size:15px;color:#222;font-weight:bold;margin:0 0 15px 40px;line-height:160%}
.t_poll .tit .num		{display:inline-block;width:30px;height:30px;line-height:30px;margin-left:-40px;margin-right:5px;background:#5A6378;color:#fff;font-family:verdana;font-size:12px;font-weight:normal;border-radius:50%;text-align:center;}
.t_poll .txt			{margin:0 0 0 40px;}
.t_poll label			{font-weight:normal;}


.poll_title label.text		{position:relative;width:calc(100% - 35px);padding:0;margin:0 5px 0 0;float:left;}
.poll_title label.text .btn_d	{position:absolute;right:6px;top:6px;font-weight:normal;border-color:#768395;background:#768395;color:#fff;}
.poll_title label.text input	{border:2px solid #768395;line-height:35px;height:35px;font-size:14px;font-weight:bold;text-indent:25px;}
.poll_title label.text input::-webkit-input-placeholder	{ color:#768395  !important}
.poll_title label.text input::-moz-placeholder			{ color:#768395  !important}
.poll_title label.text input::-ms-input-placeholder		{ color:#768395  !important}
.poll_option			{margin-top:10px;font-weight:bold;}
.poll_option a			{font-weight:normal;}
.poll_option a.ico_btn,
.poll_title a.ico_btn	{float:right;width:28px;height:28px;line-height:28px;padding:0;margin:0;font-size:14px;vertical-align:top;color:#aaa;}
.poll_title a.ico_btn	{margin-top:3px;}
.poll_option img	{width:auto;max-width:100%;margin:10px 0;}
.poll_add_ex		{background:#f6f6f6;padding:15px;}
.poll_add_tit		{border-bottom:double 4px #5A6378;color:#5A6378;font-size:24px;text-align:center;padding:20px 0 15px 0;font-family:ngn;line-height:120%}
.poll_add_img		{margin:10px 0;}
.poll_add_img img	{max-width:100%;}
#poll_wrap .poll_add_tit{margin:20px;}
#poll_wrap .poll_add_ex,
#poll_wrap .poll_add_img{margin:10px 20px;}
.read_bx .poll_add_ex,
.read_bx .poll_add_img{margin:10px 0 !important;}

/* 리스트타입 - 단일,복수선택 */
.poll_option.list li			{margin:2px 0;}
.poll_option.list label			{padding:0;margin:0;vertical-align:top;}
.poll_option.list label.check	{float:left;width:25px;}
.poll_option.list label.text	{float:left;position:relative;width:calc(100% - 60px);margin-right:5px;}
.poll_option.list label.text .ico_delete	{position:absolute;right:8px;top:5px;}
.poll_option.list label.text .ico_delete:before{content:"X";color:#aaa}

/* 리스트타입 - 리커트 */
.poll_option.likert .circle	{display:inline-block;width:20px;height:20px;line-height:20px;margin:0 5px 0 0;background:#B8BFC7;color:#fff;font-family:verdana;font-size:10px;}
.poll_option.likert	table	{margin-top:20px;text-align:center;}
.poll_option.likert th	{width:20%;text-align:center;padding:0 0 10px 0;line-height:1.2}
.poll_option.likert td	{padding:1px;}

#preview .inside	{width:960px;margin:30px auto}
#preview .preview_tit	{position:relative;background:#5A6378;color:#fff;line-height:45px;height:45px;}
#preview .preview_tit h1{position:absolute;left:10px;top:0;background:none;padding:0;margin:0;color:#fff;line-height:inherit;}
#preview .preview_tit .btn{position:absolute;right:10px;top:0;}
#preview .view_type		{width:101px;margin:0 auto;border-right:1px solid rgba(0,0,0,0.1);}
#preview .view_type a	{float:left;display:block;text-align:center;width:50px;font-size:20px;color:#aaa;border-left:1px solid rgba(0,0,0,0.1)}
#preview .view_type a:hover,
#preview .view_type a.on{background:rgba(0,0,0,0.2);color:#fff}

.p_info				{padding:20px;margin-bottom:20px;background:#fff;}
.p_info	table th	{text-align:left;width:140px;}

.poll_tmp1		{padding:20px;background:#F5EFE2 url(../img/poll_tmp1.png) no-repeat 100% 0;font-family:ngn}
.poll_tmp1 .toparea{padding:20px}
.poll_tmp1 .tit	{font-size:36px;color:#836856;line-height:140%;margin:0 0 20px 0;padding-right:200px;font-family:ngl;line-height:1.2}
.poll_tmp1 .txt	{font-size:14px;color:#AD855C;line-height:140%;margin:0 0 20px 0;padding-right:200px;}
.poll_tmp1 .info{font-size:16px;background:rgba(0,0,0,0.2);border-radius:4px;padding:10px;color:#fff;margin:0 0 20px 0;}
.poll_tmp1 .cont{background:#fff}
.poll_tmp1 .btn_confirm		{background:#FDA82B;border-color:#FDA82B;color:#fff}

.poll_tmp2		{padding:20px;background:#5B626C url(../img/poll_tmp2.png) repeat 0 0;font-family:ngn;}
.poll_tmp2 .toparea{padding:20px;text-align:center;}
.poll_tmp2 .tit span{display:inline-block;padding:8px 2px 4px 2px;font-size:36px;color:#ffffff;line-height:140%;margin:0 0 20px 0;font-family:ngl;line-height:1.2;border-top:1px solid;border-bottom:1px solid;border-color:rgba(255,255,255,0.2)}
.poll_tmp2 .txt	{font-size:14px;color:#cccccc;line-height:140%;margin:0 0 20px 0;}
.poll_tmp2 .info{font-size:16px;background:rgba(0,0,0,0.2);padding:10px;color:#fff;margin:0 0 20px 0;}
.poll_tmp2 .cont{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.4)}
.poll_tmp2 .btn_confirm		{background:#FDA82B;border-color:#FDA82B;color:#fff}


@media all and (max-width:720px){
	#poll_wrap		{width:auto;min-width:280px;}

	.p_info			{padding:0;}
	.p_info	table th,
	.p_info	table td{display:block;padding:0 10px;width:auto;}
	.p_info	table tr{display:block;padding:10px 0;border-top:1px dotted #ddd}
	.p_info	table tr:first-child{border:none;}

	.poll_add_tit	{font-size:18px;}
	.poll_title		{font-size:16px;}
	.poll_option.likert th	{font-size:11px;}

	.poll_tmp1	{background-image:none;padding:10px;}
	.poll_tmp1 .toparea{padding:10px}
	.poll_tmp1 .tit, .poll_tmp1 .txt{padding-right:0}
	.poll_tmp1 .tit	{font-size:28px;text-align:center;}
	.poll_tmp1 .txt	{font-size:13px;}

	.poll_tmp2 .toparea{padding:0}
	.poll_tmp2 .tit	{font-size:28px;}
	.poll_tmp2 .txt	{font-size:13px;}


}
/* user-설문조사 리스트/결과 */
.poll_list			{}
.poll_list table thead th	{background:#5A6378;color:#fff;line-height:35px;}
.poll_list table tbody th, 
.poll_list table tbody td	{font-weight:normal;text-align:center;padding:5px;border-bottom:1px solid #ddd;}
.poll_list .date{font-size:11px;}
.poll_list .subject{text-align:left;}

.poll_result			{margin-bottom:20px;}
.poll_result .desc		{font-size:14px;}
.poll_result .desc p	{margin:4px 0}
.poll_result .desc .subject{font-size:18px;color:#222;font-weight:bold;margin-bottom:20px}
.poll_result .desc .tt{display:inline-block;width:80px;color:#888}

.t_poll_result			{max-width:960px;margin:0 auto;background:#fff;border:2px solid #5A6378}
.t_poll_result > ul > li	{position:relative;border-top:1px dotted #5A6378;padding:15px;}
.t_poll_result > ul > li:first-child	{border-top:none}
.t_poll_result .tit		{font-size:15px;color:#555;font-weight:bold;margin:0 0 15px 25px;}
.t_poll_result .tit	.num{display:inline-block;width:20px;margin-left:-25px;font-size:12px;}
.t_poll_result .txt		{margin-left:25px;}
.t_poll_result .txt span{display:inline-block;}
.t_poll_result .answer	{margin:10px 0;font-size:11px;}
.t_poll_result .graph	{width:calc(100% - 100px);background:#eee;height:14px;font-size:0 !important;vertical-align:middle;}
.t_poll_result .bar		{background:#3E78C1;height:14px;}
.t_poll_result .answer .num	{width:100px;text-align:right;line-height:100%;}
.result_tit		{padding:20px;text-align:center;font-size:15px;}
.result_tit h1	{padding:0;margin:0 0 20px 0;background:none;font-size:32px;color:#5A6378;line-height:140%;}
.result_tit p		{border:1px solid #ddd;padding:15px;font-size:12px;line-height:140%;text-align:left}

@media all and (max-width:720px){
	.poll_list table thead,
	.poll_list table tbody th{display:none;border:none;width:auto}
	.poll_list table tbody tr{display:block;border-bottom:1px solid #ddd;padding:10px 0;position:relative;}
	.poll_list table tbody td{display:block;border:none;text-align:left;padding:0;}
	.poll_list .btn_d{position:absolute;right:0;top:10px;padding:0;border-radius:50%;width:60px;height:60px;line-height:60px;}
	.poll_list .subject{font-size:16px;font-weight:bold;}
}