@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background-color:#000; font-family:"Dotum", Arial, Helvetica, sans-serif; cursor:url(../images/pen.cur)}

input, select { font-family:"Dotum", Arial, Helvetica, sans-serif}
img a{ border:0;}
.BodyCon { width:998px; margin:auto;}
.BgQuestionnaire { background:url(../images/BgQuestionnaire.jpg) no-repeat; display:block; height:601px;}
.BgFans { background:url(../images/BgFans.jpg) no-repeat; display:block; height:601px;}
.BgStep { background:url(../images/BgStep.jpg) no-repeat; display:block; height:601px;}
.BgPrize{ background:url(../images/BgPrize.jpg) no-repeat; display:block; height:601px;}

.Menu { background:url(../images/menu.png) no-repeat; width:278px; height:378px; display:block; float:left; background:none;}
.MainCon { width:450px; display:inline-block; float:left; padding-left:270px}

.QuestionnaireT01Con { font-size:12px; color:#441006; padding:100px 20px 0 17px; margin-left:30px;}
.QuestionnaireT02Con { font-size:12px; color:#441006; padding-top:100px; padding-right:40px; padding-left:10px;}
.FansCon { font-size:12px; color:#441006; padding:184px 20px 0 17px; background:url(../images/FansConBg.png) no-repeat 15px 0; margin:100px 0 0 0; height:260px;}
.QuestionnaireHeadStep01 { text-indent:-5000px; background:url(../images/QuestionnaireStep01.png) no-repeat center; height:43px; margin-bottom:10px;}
.QuestionnaireHeadStep02 { text-indent:-5000px; background:url(../images/QuestionnaireStep02.png) no-repeat center; height:87px; margin-bottom:10px;}
.QT01Title1 { font-weight:bold; height:16px; line-height:12px; background:url(../images/QStepNum01.png) no-repeat; padding:3px 0 0 25px;}
.QT01Title2 { font-weight:bold; height:16px; line-height:12px; background:url(../images/QStepNum02.png) no-repeat; padding:3px 0 0 25px;}
.QT01Title3 { font-weight:bold; height:16px; line-height:12px; background:url(../images/QStepNum03.png) no-repeat; padding:3px 0 0 25px;}
.QT01Title4 { font-weight:bold; height:16px; line-height:12px; background:url(../images/QStepNum04.png) no-repeat; padding:3px 0 0 25px;}
.QT01Title5 { font-weight:bold; height:16px; line-height:12px; background:url(../images/QStepNum05.png) no-repeat; padding:3px 0 0 25px;}
.QT01Title6 { font-weight:bold; height:16px; line-height:12px; background:url(../images/QStepNum06.png) no-repeat; padding:3px 0 0 25px;}
.QT01Title7 { font-weight:bold; height:16px; line-height:12px; background:url(../images/QStepNum07.png) no-repeat; padding:3px 0 0 25px;}
.QT01Ans  { padding:0 0 7px 20px;}
.ShowN { display:none};
.ShowY { display:inline-block;}
.BtQuSp1 { border:0; width:162px; height:76px; display:block; background:url(../images/BtQuSp1.png) no-repeat left; text-indent:-5000px; position:absolute; top:505px; margin-left:251px;}
.BtQuSp1:hover { background:url(../images/BtQuSp1.png) no-repeat right; top:507px; margin-left:253px;}
.BtQuSp2 { border:0; width:146px; height:71px; display:block; background:url(../images/BtQuSp2.png) no-repeat left; text-indent:-5000px; position:absolute; top:375px; margin-left:251px;}
.BtQuSp2:hover { background:url(../images/BtQuSp2.png) no-repeat right; top:376px;}
.QT02Title { width:80px; padding-right:15px;text-align:right; height:30px; font-weight:bold;}
.QuestionnaireT02Con table input { border:0;border-bottom:1px dashed #a9945d; background:transparent;}
.QuCheckNum { margin-bottom:-6px; margin-right:6px; padding-top:5px}
.QT02Woram { margin-top:50px; padding:0 0 0 10px; line-height:16px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

.BtnBeFance { background:url(../images/BtnBeFance.gif) no-repeat; width:87px; height:24px; display:block; text-indent:-5000px; margin-left:230px; height:28px;}
.BtnBeFance:hover { position:relative; top:1px; left:1px;}

.BtnShare { background:url(../images/BtnShare.gif) no-repeat; width:53px; height:18px; display:block; text-indent:-5000px; margin-left:230px;}
.BtnShare:hover { position:relative; top:1px; left:1px;}
.FansQCon { margin-top:40px;}
.FansQCon input { border:0;border-bottom:1px dashed #a9945d; background:transparent;}
.FansQTitle { width:80px; padding-right:15px;text-align:right; height:24px; font-weight:bold;}
.FansQTitle2 { width:40px; padding-right:15px;text-align:right; height:24px; font-weight:bold;}
/*.BtFansSent { width:146px; height:71px; display:block; background:url(../images/BtQuSp2.png) no-repeat left; text-indent:-5000px; position:absolute; top:497px; margin-left:300px;    left: 401px;}*/
.BtFansSent { width:146px; height:71px; display:block; background:url(../images/BtQuSp2.png) no-repeat left; text-indent:-5000px; position:absolute; top:515px; margin-left:300px;}
.BtFansSent:hover { background:url(../images/BtQuSp2.png) no-repeat right;}



.BtnHowFB { padding-left:15px; text-decoration:none; color:#F00; background:url(../images/IconHowFB.gif) no-repeat 0 1px; width:9px; height:9px; margin-left:5px;}
.BtnHowFB:hover { cursor:pointer; text-decoration:underline;}

/* Step Start */
.StepsCon { font-size:12px; color:#441006; padding:0px 10px 0 17px; margin:100px 30px 0 30px; line-height:16px; height:440px; overflow:auto}
.StepsCon p { margin-bottom:30px;}
.StepsCon h3 { text-align:center; font-size:16px; font-weight:bold; border-bottom:1px solid; width:70px; margin:0 auto;}
.StepsCon ul { margin:10px 0 30px 20px; padding:0;}
.StepsCon li { list-style:decimal; padding-bottom:6px;}
.StepsCon {   scrollbar-face-color: #dbc184;  scrollbar-highlight-color: #eae4c5;  scrollbar-shadow-color: #a98b50;  scrollbar-3dlight-color: #ebd6ac;
 			 scrollbar-arrow-color: #660000;  scrollbar-track-color: #e3d1a3;  scrollbar-darkshadow-color: #b4976f;}
.StepsCon em { color:#910000; font-style:normal;}

.PrizeCon { text-indent:-5000px;}