#altcontents					{height:0; overflow:hidden; display:none;}
#skipnavigation					{display:none; position:relative; margin:0 auto; z-index:2;}
#skipnavigation a				{display:block; padding:0 10px;  color:#000; text-align:right;}
#skipnavigation a:hover, #skipnavi a:focus, #skipnavi a:active {height:auto;}

body {margin:0; padding:0; font-size:14px; line-height:1.8em; font-family:dotum; color:#313131;}
img {border:0; vertical-align:middle; margin:0; padding:0;}
form, fieldset {display:block; border:0;}
ul,ol,li {list-style:none;}
select, textarea {border:1px solid #d3d3d3; vertical-align:middle; font-family:dotum; font-size:1em; color:#67625c;}
input.txt {border:1px solid #d3d3d3; height:14px; padding:3px 0 0 5px;}
select.txt {height:18px;}
hr,legend {display:none;}
ul,li,dl,dt,dd,p{margin:0; padding:0;}
table caption{display:none;}

.fl		{float:left;}
.fr		{float:right;}
.clear	{clear:both;}
.fb		{font-weight:bold;}
.vat	{vertical-align:top;}
.vam	{vertical-align:middle;}
.bdr	{border:1px solid red;}
.bdn	{border:none;}
.dpn	{display:none;}
.dpb	{display:block;}
.tl {text-align:left;} .tc {text-align:center;} .tr {text-align:right;}

.width30{width:30px;}
.width50{width:50px;}
.width70{width:70px;}
.width80{width:80px;}
.width100{width:100px;}
.width150{width:150px;}
.width180{width:180px;}
.width200{width:200px;}
.width220{width:220px;}
.width300{width:300px;}
.width500{width:500px;}
.width550{width:550px;}
.width600{width:600px;}
.width630{width:630px;}
.width800{width:800px;}
.width850{width:850px;}
.pd5	{padding:5px;}
.pdrl5	{padding:0 5px;}
.pdt5	{padding-top:5px;}
.pdt10	{padding-top:10px;}
.pdt20	{padding-top:20px;}
.mgt5	{margin-top:5px;}
.mrt10	{margin-top:10px;}
.mrt20	{margin-top:20px;}
.mgr5	{margin-right:5px;}
.mgr10	{margin-right:10px;}

.fblue	{color:#4864cd}
.colorr	{color:red;}
.bdrg	{border:1px solid #dedede;}


#wrap		{width:100%; height:100%; padding:31px 0 0 0; background:url(/inc/img/view_topbg.gif) repeat-x 0 0;}
#contents	{width:850px; height:100%; margin:0 auto; padding:0 0 50px; overflow:hidden;}

.surveyview_logo	{width:150px; padding-top:10px;}
.title				{float:left; width:720px; padding:28px 40px 0 40px; line-height:50px; text-align:center; vertical-align:middle;}
.title span.title_l	{display:inline-block; height:50px; background:url(/inc/img/view_titlebg_l.gif) no-repeat 0 0;}
.title span.title_r	{display:inline-block; height:50px; padding:0 50px; font-size:14px; color:#ffffff; font-weight:bold; background:url(/inc/img/view_titlebg_r.gif) no-repeat right top;}
.company			{clear:both; width:720px; margin:0 auto; padding:0 30px 0 0; text-align:right;}
.data				{clear:both; width:750px; text-align:left;  margin:0 auto;  background:url(/inc/img/view_conbgmdl.gif) repeat-y 0 0;}
.data .topbgbox					{width:700px; padding:50px 50px 25px 50px; background:url(/inc/img/view_conbgtop.gif) no-repeat 0 0;}
.data .topbgbox span.data_title	{color:#4864cd; font-weight:bold;}
.data .topbgbox p				{padding:10px 0;}
.data p.btn_surveygo		{width:750px; text-align:right; background:url(/inc/img/view_conbgbtm.gif) no-repeat left bottom;}
.attention					{width:650px; padding:20px; border-top:1px solid #2e81ce; border-bottom:1px solid #b9b9b9;}
.data .topbgbox ul			{width:628px; margin:25px 0 0 0; padding:30px; border:1px solid #e6e6e6;}
.data .topbgbox li			{padding:5px 0; color:#555555; font-weight:bold;}
.data .topbgbox li.colorr	{color:#ff642e;}

.data .pwinput		{padding:0 0 25px 51px;}
.data .pwinput p	{width:372px; height:33px; padding:7px 0 0 320px; background:url(/inc/img/bg_pwinputbg.gif) no-repeat 0 0;}
.data .pwinput input{width:180px; height:18px; padding:3px 0 2px 5px; font-size:15px; border:2px solid #be5622;}

.data p.txtpoint	{padding:10px 0 20px 0; color:#5f5f5f; font-weight:bold;}
.data span.orange	{color:#ff5d1d;}
.data p.pointaccrue	{padding:0 0 30px 0; font-weight:bold; color:#1c5bbb;}

#survey_form{margin:0; padding:0;}


.survey_data				{clear:both; width:850px; margin:0 auto;}
.survey_title				{float:left; height:74px; padding:0; background:url(/inc/img/bg_surveytitle.gif) no-repeat right top;}
.survey_title dl.subject dt,
.survey_title dl.request dt	{float:left; width:98px; margin:0; padding:0;}
.survey_title dl.subject dd	{float:left; height:26px; padding:12px 10px 0 0; color:#ffffff; font-weight:bold; font-size:14px;}
.survey_title dl.request dd	{float:left; height:29px; padding:7px 20px 0 0; color:#ffffff;}

.graph		{clear:both; position:relative; float:right; width:211px; height:45px; background:url(/inc/img/bg_graph.gif) no-repeat 0 0;}
.graph img	{position:absolute; left:5px; top:22px; z-index:1;}
.graph p	{position:absolute; left:50%; top:20px; z-index:2;}

.survey_content	{clear:both; width:808px; margin:10px 0 0 0; padding:50px 20px 20px 20px; border:1px solid #c5c5c5; background:url(/inc/img/bg_surveydata.gif) no-repeat 0 0;}

.btn_next	{clear:both; width:850px; height:31px; margin:30px 0 0 0; text-align:center;}

/* open_del
.survey_endok				{clear:both; position:relative; width:409px; height:469px; margin:0 auto; padding:0 40px 0 20px; background:url(/inc/img/bg_surveyend.gif) no-repeat 0 0;}
.survey_endok dl			{padding:180px 0 0 10px; font-weight:bold;}
.survey_endok dl dt			{display:inline; padding:10px 20px; color:#ffffff; font-size:14px; background:#ff934b;}
.survey_endok dl dd			{padding:20px 0 0 0; color:#5f5f5f;}
.survey_endok .orange		{color:#ff5d1d;}
.survey_endok p.pointaccrue	{padding:40px 0 0 0; font-weight:bold; color:#1c5bbb; text-align:center;}
.survey_endok p.btn_close	{position:absolute; top:369px; left:184px; width:82px; height:31px; margin:0 auto;}*/


.question			{width:805px; margin:0 0 20px; padding:0 0 15px; border-bottom:1px dotted #d4d4d4; overflow:hidden;}
.question h2		{margin:0 0 20px; padding:5px; color:#555555; font-size:15px; border:2px solid #7c9de6;}
.question h6		{width:680px; margin:0 0 20px;; color:#555555; font-size:14px;}
.question h6 span	{width:37px; height:22px; margin:0 5px 0 0; padding:0 0 0 5px; display:inline-block; color:#ffffff; font-size:12px; background:url(/inc/img/dooit/bg_Qnum.gif) no-repeat 0 0;}

.question div.sel_question			{float:left; width:280px;}
.question div.btn_graph				{float:right; width:210px; display:inline-block;}
.question div.sel_question label	{color:#555555; font-weight:bold;}
.question table				{clear:both; width:800px; margin:10px 0 0 0; border-collapse:collapse;}
.question th,.question td	{padding:5px; text-align:center; border:1px solid #d1d4d5;}
.question th				{color:#226dbc; background-color:#edf8ff;}
.question td.colorb			{text-align:center; background-color:#f6f6f6;}
.question td.tl				{text-align:left;}
.question th.colorbb,
.question td.colorbb		{color:#226dbc; background-color:#eff0f1;}
.question th.colorbh,
.question td.colorbh		{color:#226dbc; font-weight:bold; background-color:#dfe4ee;}

/* personal_info */
h5.personal_header				{font-size:12px; font-weight:normal; color:#55555; margin:0 0 30px; padding:10px 0; border-bottom:1px solid #dedede;}
h5.personal_header span.line	{text-decoration:underline;}
h5.personal_header span.color	{color:#226dbc;}

.persomal_content						{width:750px;}
.persomal_content dl					{clear:both; width:750px; margin:0 0 20px; padding:0 0 10px; display:inline-block; border-bottom:1px dotted #dfdfdf;}
.persomal_content dl dt					{margin:0 0 5px; color:#555555; font-size:12px; font-weight:normal;}
.persomal_content dl dt span			{ margin:0 5px 0 0; padding:0 0 0 5px; display:inline-block; font-size:12px; font-weight:bold;}
.persomal_content dl dd span.color		{color:#226dbc;}
.persomal_content ul.marriage li		{float:left; padding:5px 50px 0 0;}
.persomal_content ul.marriage li label	{position:relative; top:0px; *top:3px; left:0;}

.persomal_content ul.email			{vertical-align:top;}
.persomal_content ul.email li		{float:left; height:22px;}
.persomal_content ul.email li input	{position:relative; top:2px; left:0;}

.persomal_content ul.phone			{vertical-align:top;}
.persomal_content ul.phone li		{float:left; line-height:20px;}
.persomal_content ul.phone li input	{position:relative; top:3px; left:0;}

.persomal_content table				{clear:both; width:650px; margin:10px 0 0 0;}
.persomal_content table th,
.persomal_content table td			{padding:5px; text-align:center; border:1px solid #d1d4d5;}
.persomal_content table th			{color:#226dbc; text-align:right; background-color:#edf8ff;}
.persomal_content table td			{text-align:left;}

.a { cursor:pointer; }
.s_admin_n	{width:804px; height:90px; margin-top:5px; text-align:center;}
.s_admin_e	{width:700px; margin-top:20px; text-align:center;}
.btn_content_next{background:#5682eb;}