.appriseOverlay{position:fixed;top:0;left:0;background:rgba(0,0,0,0.3);display:none;}.appriseOuter{background:#eee;border:1px solid #fff;box-shadow:0 3px 7px #333;-moz-box-shadow:0 3px 7px #333;-webkit-box-shadow:0 3px 7px #333;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;z-index:99999999;min-width:200px;min-height:50px;max-width:75%;position:fixed;display:none;}.appriseInner{color:#333;text-shadow:0 1px 0 #fff;padding:20px;}.appriseInner button{border:1px solid #bbb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;background:0;color:#232d3d;font-size:12px;font-weight:700;text-shadow:0 1px 0 #fff;cursor:pointer;box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;margin:0 3px;padding:4px 10px;}.appriseInner button:hover{color:#d85054;}.aButtons,.aInput{text-align:center;margin:20px 10px 0;}.aTextbox{border:1px solid #aaa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;width:180px;font-size:12px;font-weight:700;padding:5px 10px;}
body {margin:0; padding:0; background:#fff; font:12px/1.5 'Malgun Gothic',sans-serif;}
input,select,textarea{font:12px/1.5 'Malgun Gothic',sans-serif;}

a:link        {color:#555;text-decoration:none;font:12px/1.5 'Malgun Gothic',sans-serif;}
a:visited     {color:#555;text-decoration:none;font:12px/1.5 'Malgun Gothic',sans-serif;}
a:hover       {color:#888888;cursor:pointer;font:12px/1.5 'Malgun Gothic',sans-serif;}

.text1 {}
.text2 {background-color:gray;}

li { list-style:none; margin:0px; padding:0px;}
h1{top:25px; margin:0; padding:0; position:absolute; z-index:3;}
h2{margin:0; padding:0; margin-top:20px;}

table {border-collapse:collapse; empty-cells:show; font:12px/1.5 'Malgun Gothic',sans-serif;}
table, td, div, li{font:12px/1.5 'Malgun Gothic',sans-serif;}
form {margin:0; padding:0;}

hr {border-bottom-width:1px solid #e4e4e4; }

ol {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ol li,
ul li,
li ul li {
	list-style: none;
	padding: 0 0 0 0;
	line-height: 100%;
	font:14px/1.5 'Malgun Gothic',sans-serif;
	line-height: 100%;
}

fieldset {margin:0; padding: 0; border: none;}
legend {visibility:hidden; position:absolute; overflow:hidden; height:0; width:0; font-size:0; margin:0; padding:0;}
caption {display:none;}

a img {border: none; }
img {vertical-align: top;}
.accessibility {visibility:hidden; position:absolute; overflow:hidden; height:0; width:0; font-size:0; margin:0; padding:0;}

#mainLogo{margin:0 auto; width:70%; padding-top:10px;}
#mainTitle{margin:0 auto; width:70%; background:#FB992C; padding:7px 5px 6px 5px; font:12px/1.5 'Malgun Gothic',sans-serif;}
.loginBox{border:1px solid #d2d2d2; margin:0 auto; width:70%; padding:0 0 40px 0;}
.log_box{position:relative; background:url('../images/log_box.jpg') no-repeat; width:50%; height:227px; margin:0 0 0 0;}
.log_box .m_visual{position:absolute; top:13px; left:13px;}
.loginf{position:absolute; z-index:5; top:50px; left:300px;}
.loginf ul li{padding:5px 0 5px 35px;}
.loginf ul li.id{background:url('../images/t_id.gif') no-repeat 3px; padding-left:35px;}
.loginf ul li.pw{background:url('../images/t_pw.gif') no-repeat 3px; padding-left:35px;}
.loginf ul li.chk{padding:10px 0 10px 40px; color:#555;}
.main_login{
				position: absolute;
				z-index: 6;
				top: 60px;
				left: 530px;
}

.faq_t{margin:15px 0 0 48px;}
.faq{margin:5px 0 0 48px; width:590px; border-top:1px solid #d2d2d2;}
.faq ul{margin:0;}
.faq ul li{font-weight:normal; padding:5px 0 5px 5px; color:#848484;}

#mainCopy{width:700px; margin:0 auto; padding-top:10px; text-align:center; color:#bbb; font-weight:bold;}
#subCopy{position:relative; width:100%; background:#fafafa; height:32px; }
#copyright{ margin:0 auto; width:800px; padding-top:5px;text-align:center; color:#909090; font-weight:bold;}
.f_logo{position:absolute; z-index:3; top:5px; left:20px;}
.f_menu{position:absolute; z-index:4; width:100%; text-align:right; top:5px; font-size:11px; color:#333;}

#adminLogo{margin:0 auto; width:800px; padding-top:10px; margin-bottom:10px;}
#adminTitle{margin:0 auto; width:800px; background:#FB992C; padding:7px 5px 6px 5px; font:12px/1.5 'Malgun Gothic',sans-serif;}
.aloginBox{border:1px solid #d2d2d2; margin:0 auto; width:800px; padding:0 0 40px 0;}
.alog_box{position:relative; background:url('../images/log_box.jpg') no-repeat; width:617px; height:227px; margin:45px 0 0 40px;}
.alog_box .m_visual{position:absolute; top:13px; left:13px;}
.aloginf{position:absolute; z-index:5; top:50px; left:300px;}
.aloginf ul li{padding:5px 0 5px 35px;}
.aloginf ul li.id{background:url('../images/t_id.gif') no-repeat 3px; padding-left:35px;}
.aloginf ul li.pw{background:url('../images/t_pw.gif') no-repeat 3px; padding-left:35px;}
.aloginf ul li.chk{padding:10px 0 10px 40px; color:#555;}
.admin_login{
				position: absolute;
				z-index: 6;
				top: 50px;
				left: 510px;
}
/*font*/
.logo{color: #FB992C;}
.html_shade {background-color:#000000;}

/* survey body */
.style-bar{margin:0 auto; height:80px; position:relative; width:1024px;}
#surveyLogo{margin:0 auto; padding-top:10px;padding-bottom:10px;}
#surveyTitle{margin:0 auto; width:1024px; background:#FB992C; padding:7px 5px 6px 5px; font:12px/1.5 'Malgun Gothic',sans-serif;}

/* Skin type */
.surveyBox{border:1px solid #d2d2d2; margin:0 auto; width:1012px; padding:10px 5px 10px 5px; font:12px/1.5 'Malgun Gothic',sans-serif;}

.surveyTxt{font:12px/1.5 'Malgun Gothic',sans-serif;}
.prog{position:absolute; z-index:2; top:8px; right:10px; float:right; width:180px; text-align:right;vertical-align:middle;}
.prog_bar{width:180px; text-align:left; margin-top:40px;}

/* etc style */
.style03-bar{margin:0 auto;background:url('../images/style03_topimg.gif') no-repeat #0949a8; border-bottom:2px solid #1cb5d0; height:70px; position:relative; width:1024px;}
.title03{color:#fff; font-weight:bold; font-size:16px; padding:8px; float:left;width:800px;}
.prog_bar02{width:180px; background:#dcdcdc; text-align:left; margin-top:6px;}

/* 설문 버튼 영역 스타일 */
.btnC{text-align:center; margin-top:10px; margin-bottom:10px;display: none;}
#prev{cursor:pointer;}
#next{cursor:pointer;}
#MediaReplay{cursor:pointer;}

/* 설문지 영역 */
.outdiv{background:#f4f4f4; border:1px solid #dbdbdb; padding:8px; margin:0 20px 10px 20px;font:14px/1.5 'Malgun Gothic',sans-serif;}
.indiv{background:#fff; border:1px solid #dbdbdb; padding:8px; margin:5px 0 0 0;}
.indivs{background:#fff; border:0px solid #dbdbdb; padding:8px; margin:5px 0 0 0;}

.survey_list ul{ margin:0;}
.survey_list li{padding:5px;}
.radio1 {cursor:pointer;}
.q_area { padding-left:30px;font:14px/1.5 'Malgun Gothic',sans-serif;}

/* 가로순위 테이블 */
.attab00 {
width:98%;
border:1px solid #dbdbdb;
margin-bottom : 15px;
}
.attab00 td {
	padding: 0 0 0 0;
	font:13px/1.5 'Malgun Gothic',sans-serif;
	line-height: 150%;
	border:1px solid #dbdbdb; 
	height:40px;
}

/* 설문지 테이블 스타일 */
.attab01 {width:98%;}
.attab01 tr {height:20px;}
.attab01 th {
	height: 30px;
	background:#cccccc;
	font-color:#fff;
	font-weight:bold;	
	text-align:center;
	font:12px/1.5 'Malgun Gothic',sans-serif;
	border:1px solid #dbdbdb; 
}
.attab01 td {
	padding: 0 0 0 0;
	line-height: 100%;
	font:12px/1.5 'Malgun Gothic',sans-serif;
	height: 30px;
	border:1px solid #dbdbdb; 
	vertical-align: middle;
}
.attab01 td:hover {background:#eeeeee;}

/* 설문지 속성 테이블 스타일 */
.attab02 {
width:100%;
border-collapse:collapse;
border:1px solid #dbdbdb;
background:#fff;
}
.attab02 th {
	height: 30px;
	background:#cccccc;
	font-color:#fff;
	font-weight:bold;
	text-align:center;
	vertical-align: bottom;
	border:1px solid #dbdbdb; 
	border-collapse:collapse;
}
.attab02 .ATTHeader 
{
	height: 30px;
	padding: 0px 5px 0px 5px;
	vertical-align:middle;
	line-height: 200%;
	text-align:left;
}
.attab02 td {
	padding: 0 0 0 0;
	height: 35px;
	font:12px/1.5 'Malgun Gothic',sans-serif;
	line-height: 200%;
	text-align:center;
	border-collapse:collapse;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	vertical-align: middle;
}

.attab02 td:hover {background:#eeeeee;}

.over {background:#ffffff;}
.hover {background:#eeeeee;}

.attab03 
{
	width:100%;
	background:#fff;
	border-collapse:collapse;
	border-bottom:0px solid #dbdbdb; 
}

.attab03 td {
	padding: 0 0 0 5px;
	height: 30px;
	font:12px/1.5 'Malgun Gothic',sans-serif;
	line-height: 200%;
	text-align:left;
	border-collapse:collapse;
	border-top:0px solid #dbdbdb; 
}

/* 설문지 속성 테이블 스타일 */
.attab04 {
width:98%;
border-top:1px solid #dbdbdb;
}
.attab04 th {
	height: 30px;
	background:#cccccc;
	font-color:#fff;
	font-weight:bold;
	text-align:center;
	vertical-align: bottom;
	border:1px solid #dbdbdb; 
}
.attab04 .ATTHeader 
{
	vertical-align:middle;
	padding: 5px 5px 5px 5px;
	line-height: 150%;
	text-align:left;
}
.attab04 td {
	padding: 0 0 0 0;
	height: 30px;
	font:12px/1.5 'Malgun Gothic',sans-serif;
	line-height: 100%;
	text-align:center;
	border-top:0px solid #dbdbdb;
	vertical-align: middle;
}

.attab05 {width:98%;}
.attab05 tr {height:20px;}
.attab05 th {
	height: 30px;
	background:#cccccc;
	font-color:#fff;
	font-weight:bold;	
	text-align:center;
	font:12px/1.5 'Malgun Gothic',sans-serif;
	border:1px solid #dbdbdb; 
}
.attab05 td {
	padding: 0 0 0 0;
	line-height: 100%;
	font:12px/1.5 'Malgun Gothic',sans-serif;
	height: 30px;
	border:1px solid #dbdbdb; 
	vertical-align: middle;
}


/***** 임의 정의한 클래스 Start*******/

.Bd {
	font-weight:bold;
}

.Un {
	text-decoration:underline;
}

.BlueBd {
	font-weight:bold;
	color:blue;
}

.RedBd {
	font-weight:bold;
	color:red;
}

.UnBd {
	font-weight:bold;
	text-decoration:underline;
}

.UnBlueBd {
	font-weight:bold;
	text-decoration:underline;
	color:blue;
}

.UnRedBd {
	font-weight:bold;
	text-decoration:underline;
	color:red;
}

/***** 임의 정의한 클래스 End*******/