*					{ margin:0; padding:0; font-family:"맑은 고딕", "Malgun Gothic", "돋움", "돋움체", dotum; font-size:16px; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; }
body				{ color:#333333;}
html				{ overflow:scroll; overflow-x:auto; min-height: 100%;position: relative;}
table				{ border-collapse:collapse; }
img,
fieldset			{ border:none; }
a					{ color:#000000; text-decoration:none; cursor:pointer; }
label				{ cursor:pointer; }
.button				{ cursor:pointer;}

pre { word-break: break-word; white-space: pre-wrap !important; }

body, td, div, input, textarea {
						margin:0;						
						/*text-align:justify;*/
						text-decoration:none;
						line-height:20px;
					 }
					 
body {
    width: 100%;
    margin: 0 auto;
    background: #e6e6e6;
}

.hidden				{ display:none; }
.pointer     { cursor:pointer; }
input[type="text"] {height:22px; border:1px solid #BCBCBC; background-color:#fff; line-height:22px; padding:0px 5px;}
input[type="checkbox"]{width:13px; height:13px !important; vertical-align:-3px !important; margin:0px !important; padding:0px !important}
input[type="radio"]{width:13px; height:13px !important; vertical-align:-3px !important; margin:0px !important; padding:0px !important;}

/*
	LAYOUT
*/
#head_logo					{ width:100%; margin:0; padding:5px; color:#FFFFFF; font-size:14px; background-color:#ffffff; }
#head_logo	img				{ height:25px; }
#header						{ width:100%; min-height:45px; font-size:14px; font-weight:bold; }
#header						{ background-color:#00a087; border-bottom:1px solid #037374;}
#header	.title				{ text-align:center; padding:12px; color: #fff;}

.q							{ color:#e95200; }
.answer .cntn				{ color:#333333 !important; }

.guideView 					{ margin:10px auto; position: relative; min-height:80%; max-width: 1024px; width:90%;}
.contents					{ margin:10px auto; position: relative; min-height:80%; max-width: 1024px; width:90%;
								background-color: #fff; border: 1px solid #cbcbcb; border-radius: 10px; padding: 10px;
							}
.contents h1				{ color:#333333; font-size:14px; margin-bottom:5px; font-weight:normal; }
.content					{ border:1px solid #BEBEBE; background-color:#efefef; }
.content fieldset			{ position:relative; border:1px solid #FFFFFF; }


.imgDiv						{ width:100%; text-align:center; }
.imgDiv img					{ width:100%; }

.errMsgBox					{ padding:10px; color:#333333 !important}
.errMsgBox	img				{ margin-right:10px; }
/*
	LOGIN
*/
.auth_form									{ margin:0px; padding:10px 0px; position: relative; }
.auth_form .input-area						{ padding:0 75px 0 0px; }
.auth_form .input-area input[type="text"]		{ width:100%; height:28px; line-height:28px }
.auth_form .btn-area					{ position:absolute; top:10; right:0; bottom:10px; 
											width:60px; text-align: right;}
.auth_form .btn-area input				{ width:100%; height:30px; line-height:18px;}

/*
	SURVEY_LIST
*/
.survey_list				{ position:relative: margin:0; padding:0; }
.survey_list_title			{ }
.survey_sb_list				{ list-style:none;  padding-bottom:5px;}
.survey_sb_list li			{ clear:both;}
.survey_sb_list .text		{ width:100%; margin:0 0 4px 2px; border:1px solid #CDCDCD;}
.survey_sb_list img			{ width:100%;}
.survey_sb_list .quest		{ padding-bottom:5px; padding-top: 15px; border-bottom: 1px solid #e6e6e6; }
.survey_sb_list .answer		{ padding:5px 10px; }
.survey_sb_list .imgDivQ	{ padding:10px 10px 10px 22px; }
.survey_sb_list	.quest .q	{ font-weight:bold; width:25px; text-shadow:1px 1px 3px #999; }
.survey_sb_list	.cntn		{ width: auto; margin:-20px 0 0 40px; word-wrap: break-word;}
.survey_sb_list	.quest .add_q	{ width:76px; }
.survey_sb_list	.quest .add_cntn	{ margin:-20px 0 0 80px; font-size:14px; word-wrap: break-word;}
.survey_sb_list	.answer .cntn		{ margin:-15px 0 0 22px; }
.survey_sb_list	.answer .q			{  }
.survey_sb_list .answerimg	{ padding:3px 13px 3px 20px; min-height:68px;}
.survey_sb_list .answerimg table	{ width:100%; table-layout:fixed; border-spacing:0px; border:0px; border-collapse:collapse }
.survey_sb_list .answerimg td.input	input {padding:0px }
.survey_sb_list .answerimg td.input	{ width:17px; }
.survey_sb_list	.answerimg td.cntn		{ width:76px;padding:0px 0 0 8px;}
.survey_sb_list	.answerimg td.txt		{ word-wrap: break-word; vertical-align:bottom; padding-left:5px;}
.survey_sb_list dd {float:left; min-height:68px; width:auto;border:1px solid }

.survey_table				{ margin:0; }
.survey_table th			{ padding:5px 0 3px 0; text-align:center; }
.survey_table td			{ padding:5px 0 3px 0; }
.survey_table input			{ margin:0 5px 2px 0; vertical-align:middle; }
.survey_cmpl				{ clear:both; margin:30px 0 20px 0; text-align:center; }
.survey_cmpl input			{ width:120px; }
input.btn 		{ width: 100px; padding:5px; border:1px solid #0c5470; cursor:pointer; text-align:center; background-color:#1e81a8; color:#ffffff; font-weight:bold; }


.disable *					{ color:#aaaaaa; }
.disable	input				{ color:#aaaaaa; }
.disable	.q					{ color:#aaaaaa;}
.disable	td					{ color:#aaaaaa;}

/* 주관식 입력창 */
.answerText					{ width: 70% !important; max-width: 500px !important;}
.answerTextArea				{ resize: none; width: 100% !important; height: 80px; padding: 5px; margin: 5px;
								margin-top: 5px; border:1px solid #CDCDCD; border-radius: 5px; box-sizing: border-box;
							}
.answer_etc					{ width:130px !important;}

#pageView					{ position:relative; height:25px; margin:0 auto; padding:10px 0px; width:90%; max-width:1024px; }
#pageView .track			{ height:4px; background:#ffffff; border:3px solid #32abf8; margin:0px 2px; }
#pageView #thumb			{ background:#e77343; width:0px; height:4px}
#pageView #thumbImage		{ position:absolute; top:5px; left:0px; background:transparent url("../images/survey/n.png") center center no-repeat; width:20px; height:20px}
#pageView .text				{ list-style: none; margin:0px 2px; margin-top:5px;}
#pageView .text	li			{ margin: 0px; padding: 0px; border: 0px; float: left; color: #32abf8; font-weight:bold; font-size:11px}
#pageView .text #currentPage	{ position:absolute; color:#e77343; padding:0px 2px; background:inherit;}
#pageView .text #totalPage	{ float: right;}

.questType3 {  }
.questType3 .evalueType1 .iconStar { width: auto !important; margin-right: -2px; float: left;}
.questType3 .evalueType1 .exampleText { margin-left: 5px; vertical-align: middle; float:left; }

.iconScoreDiv { background: url(../images/survey/bgScore_ver.png) repeat-y 52px 0px; }
.iconScoreDivFirst { background: none !important; }
.questType3 .evalueType2 .exampleText { float: left; margin-left: 5px;}
.questType3 .iconScoreImg { width: 25px; float: left; margin-top: -4px;}


#rewardPhoneLayer {
	position: absolute;
	display: none;
	left: 0;
    top: 0;
	width: 100%;
	height: 100%;
    z-index: 999;
    background-color: rgba(0,0,0,0.2);  
}

#rewardPhoneLayer .box {
	position: relative;
	z-index: 1000;
    padding: 10px 0px;
    background: rgb(237, 237, 237);
    border: 1px solid rgb(181, 181, 181);
    background: #fcfcfc;
    width: 90%;
    max-width: 960px;
    height: 142px;
    margin: 0px auto;
    text-align: center;
    border-radius: 10px;
}

#rewardPhoneLayer .guide {
	padding: 0 10px;
    padding-top: 10px;
    font-weight: bold;
}

#rewardPhoneLayer .rewardPhoneInput {
    margin-top: 10px;
    height: 30px;
    width: 180px;
    font-size: 12px;
}

#rewardPhoneLayer .rewardPhoneBtn {
    margin-top: 10px;
}

#rewardPhoneLayer .rewardPhoneBtn span {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 4px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 40px;
    position: relative;
    transition: color .1s ease;
    padding: 5px;
    border: 1px solid #0c5470;
    cursor: pointer;
    text-align: center;
    background-color: #1e81a8;
    font-weight: bold;
}

#rewardPhoneLayer .rewardPhoneBtn span a {
    color: #fff;
}

.contents.loading {
    overflow: hidden;   
}

#loading 	{
				position:absolute; 
				z-index:99999; 
				left:0px; top:0px; width:100%; height:100%; 
				clip:rect(0px 100% 100% 0px); 
				background-color:#000;
				background-image:url(../images/common/loader.gif); 
				background-repeat: no-repeat; 
				background-position: center;
				opacity: 0.2;
			}
			
.warning { display: none !important;}