@charset "utf-8";

body{background:#323846;}
button {cursor:pointer; font-family:'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif;}
#wrap{width:100%; min-width:320px; padding:0; margin:0; background:url(../../images/site/body_bg.gif); position:relative; }

/*header*/
header#mainheader{position:relative; width:100%; background:url(../../images/site/header_bg.gif) left bottom repeat-x; height:70px;}
header#mainheader .top{width:100%; max-width:1000px; margin:0 auto; position:relative; height:70px;}
header#mainheader .top h1{position:absolute; /*background:url(../../images/site/logo.png) no-repeat left center;*/ height:70px; top:0; left:5px;}
header#mainheader .top h1 a { color:#fff; padding:0 0 0 5px; line-height:70px; font-family:NGB;font-size:2.4em;}
header#mainheader .top p.loginbtn{position:absolute; top:0; right:0; width:70px; height:70px; background:url(../../images/site/loginbtn_mbg.gif) no-repeat; margin:0; }
header#mainheader .top p.logoutbtn{position:absolute; top:0; right:0; width:70px; height:70px; background:url(../../images/site/logoutbtn_mbg.gif) no-repeat; margin:0; }
header#mainheader .top p.loginbtn a,header#mainheader .top p.logoutbtn a{display:block; width:100%; height:70px;}
header#mainheader .top p.loginbtn a span, header#mainheader .top p.logoutbtn a span{display:none;}

/*검색영역*/
header#mainheader .top div#searchForm{display:none;}

/*section*/
section#content{width:100%; max-width:1000px; margin:0 auto; padding:0; background:#fff;}
section#content h1{width:auto; border-left:1px solid #d1dbe4; border-right:1px solid #d1dbe4; height:50px; line-height:50px; text-align:center; color:#595656; font-size:2em; font-weight:normal; font-family:NGB; background:#f1f1f1;}
section#content div.contWrap{width:auto; border-left:1px solid #d1dbe4; border-right:1px solid #d1dbe4;}
section#content div.contWrap div.contents{padding:30px 15px 20px 15px; margin:0; width:auto;}

/*footer*/
footer#footwrap{ background:#323846; width:100%; padding:20px 0; margin:0; color:#fff;}
footer#footwrap div.foot{position:relative; width:100%; max-width:1000px; margin:0 auto; *zoom:1;}
footer#footwrap div.foot:after {content:""; clear:both; display:block; height:0; visibility:none;}
footer#footwrap div.foot ul.bmenu{position:absolute; top:0; right:0; padding:0; margin:0;}
footer#footwrap div.foot ul.bmenu li{background:url(../../images/site/bmenu_01.gif) no-repeat left center; height:22px; padding:0; margin:0;}
footer#footwrap div.foot ul.bmenu li a{display:block; height:22px; line-height:20px; width:auto; padding:0 30px; color:#fff;}
footer#footwrap div.foot address{ line-height:150%; margin:0; padding:0 0 0 30px;}
footer#footwrap div.foot small{ line-height:150%; margin:0; padding:3px 0 0 30px;}
footer#footwrap div.foot small strong{color:#4fa0cf; font-weight:normal; font-family:NGB;}

/*.btn_top*/
.btn_top {position:fixed; right:30px; bottom:100px; width:54px; height:40px; margin:0; z-index:100;}


/**********************************************contents**********************************************/	

/* page style */
#surveylist_page {clear:both; width:100%; display:inline-block; *display:inline; zoom:1; margin:0 0 25px 0; text-align:center; color:#c7b4a2; line-height:32px; }

a.page:link,a.page:visited,a.page:active{ display:inline-block; *display:inline; zoom:1; color:#939393; font-family:NGB; border:1px solid #afb1b2; width:32px; height:32px; }
a.page:hover {color:#828282; font-weight:bold;  text-decoration:none;}

a.current_page {color:#fff; background:#64a4d9; font-family:NGB; display:inline-block; *display:inline; zoom:1; text-align:center; width:32px; height:32px; border:#5094cd solid 1px; }
a.current_page:hover{ color:#fff; background:#64a4d9; text-decoration:none;border:#5094cd solid 1px;}

a.spbtn01 {display:inline-block; *display:inline; zoom:1; width:34px; height:34px; background:url(../../images/site/spbtn01.gif) right center no-repeat; padding:0; vertical-align:middle; }
a.spbtn04 {display:inline-block; *display:inline; zoom:1; width:34px; height:34px; background:url(../../images/site/spbtn04.gif) left center no-repeat;padding:0; vertical-align:middle; }

a.spbtn01 span, a.spbtn04 span{display:none;}

a.spbtn02 {display:inline-block; *display:inline; zoom:1; width:34px; height:34px;padding:0; vertical-align:middle; text-align:left; background: #fcfcfc; position:relative;}
a.spbtn03 {display:inline-block; *display:inline; zoom:1;  width:34px; height:34px;padding:0; vertical-align:middle; text-align:right; background: #fcfcfc; position:relative;}
a.spbtn02 span.imgBox{ width:auto; display:block; height:34px; padding:0; line-height:32px;text-align:center;}
a.spbtn03 span.imgBox{ width:auto; display:block; height:34px; padding:0; line-height:32px;text-align:center;}

a.spbtn02 span.imgBox img, a.spbtn03 span.imgBox img{.padding-top:10px;}
a.spbtn02 span.txtBox, a.spbtn03 span.txtBox{display:none;}



/*survey_01*/
.survey_01{clear:both; padding:0; margin:0; *zoom:1;}
.survey_01:after {content:""; clear:both; display:block; height:0; visibility:none;}
.survey_01 p.surveyText{background:url(../../images/site/surveyText_bg.gif) left top no-repeat;font-size:1.167em; color:#4b4d51; padding:0 0 20px 25px;}
.survey_01 p.surveyText span {color:#ff0000;font-weight:bold;}
.survey_01 p.surveyText span.colTxt{float:none !important; display:inline !important;}
.survey_01 ul{width:100%; padding:0; margin:0;}
.survey_01 ul li{padding:0; margin:0 0 0 0; *zoom:1;}
.survey_01 ul li.surline {margin-bottom:25px;} 
.survey_01 ul li .surveyList{width:100%; padding:0; margin:0;}
/*.survey_01 ul li .surveyList {padding:0; margin:0; width:auto;}*/
.survey_01 ul li .surveyList p.surveyTit{padding:15px; width:auto; margin:0; font-size:1.333em; border:1px solid #e2e0e0; border-bottom:2px solid #7f7d7d; *zoom:1;}
.survey_01 ul li .surveyList p.surveyTit:after {content:""; clear:both; display:block; height:0; visibility:none;}
.survey_01 ul li .surveyList p.surveyTit span{display:inline-block; *display:inline; zoom:1;  line-height:36px;  }
.survey_01 ul li .surveyList p.surveyTit span.sTn{width:36px; height:36px;color:#fff; text-align:center; background:#7f7d7d; padding:0; margin:0 15px 0 0;}
.survey_01 ul li .surveyList p.surveyTit span.sTT{line-height:140%; }
.survey_01 ul li .surveyList p.survey_bar{width:auto; background:#f6f6f6;border-left:#e2e0e0 solid 1px; height:42px; line-height:42px; font-size:1.167em; *zoom:1; .position:relative;}
.survey_01 ul li .surveyList p.survey_bar:after {content:""; clear:both; display:block; height:0; visibility:none;}
.survey_01 ul li .surveyList p.survey_bar span.surveyparticipate{ padding:0 0 0 20px;}
.survey_01 ul li .surveyList p.survey_bar span.surveystanby{float:right; width:130px; border:1px solid #b5cb17; background:#d1eb14; text-align:center; height:40px; line-height:40px;  .float:none; .position:absolute; .right:0; .top:0;}
.survey_01 ul li .surveyList p.survey_bar span.surveyprogress{float:right; width:130px;border:#9bd468 solid 1px; background:#a8e075;font-family:NGB; text-align:center; height:40px; line-height:40px;  .float:none; .position:absolute; .right:0; .top:0;}
.survey_01 ul li .surveyList p.survey_bar span.surveyend{float:right; width:130px; border:1px solid #c7c2bc; background:#cec8c1; text-align:center; height:40px; line-height:40px;  .float:none; .position:absolute; .right:0; .top:0;}
.survey_01 ul li .surveyList div.surveyCon{width:auto;  border:1px solid #e2e0e0; /*border-bottom:none;*/ padding:20px 15px;}
.survey_01 ul li .surveyList div.surveyCon p.sc_q{ font-size:1.167em; color:#4b4d51; line-height:1.857em; padding:0 0 20px 0;}
.survey_01 ul li .surveyList div.surveyCon ul{background:#f6f2f2; width:auto; padding:25px;}
.survey_01 ul li .surveyList div.surveyCon ul li{display:block; font-size:1.167em; line-height:1.714em; padding:0; border:none;}
.survey_01 ul li .surveyList div.surveyCon ul li span{color:#f71142;}
.survey_01 ul li .surveyList p.surveyBtn{ padding:20px 0 0 0; margin:0; *zoom:1;margin:0 0 25px 0; }
.survey_01 ul li .surveyList p.surveyBtn:after {content:""; clear:both; display:block; height:0; visibility:none;}
.survey_01 ul li .surveyList p.surveyBtn span{display:block; width:49%; float:left; }
.survey_01 ul li .surveyList p.surveyBtn span.surveyBtn_s02 {float:right;}
.survey_01 ul li .surveyList p.surveyBtn span button{display:block; width:100%; padding:0; margin:0; text-align:center; color:#fff; border:none; font-size:1.333em; line-height:46px; height:46px;}
.survey_01 ul li .surveyList p.surveyBtn span.surveyBtn_s01 button{ background:#f49732;}
.survey_01 ul li .surveyList p.surveyBtn span.surveyBtn_s01 button.endbtn { background:#969592;}
.survey_01 ul li .surveyList p.surveyBtn span.surveyBtn_s02 button{ background:#3a3738;}

/*공통상단*/
div.surveyView{width:auto; background:#f7f7f7; border:1px solid #e3e1e1; border-top:2px solid #7f7d7d;}
div.surveyView p{display:none;}
div.surveyView ul{padding:10px; margin:0; width:auto;}
div.surveyView ul li{line-height:150%; padding:3px 0; *zoom:1;}
div.surveyView ul li:after {content:""; clear:both; display:block; height:0; visibility:none;}
div.surveyView ul li span.svTit{display:block; width:90px; background:#7f7d7d; color:#fff; text-align:center; font-size:1.167em; height:27px; line-height:27px; float:left;}
div.surveyView ul li span.svTxt{display:block; font-size:1.167em; padding:3px 0 0 100px;}
p.surveyText{background:url(../../images/site/surveyText_bg.gif) left 20px no-repeat;font-size:1.167em; color:#4b4d51; padding:20px 0 0 25px; *zoom:1;}
p.surveyText:after {content:""; clear:both; display:block; height:0; visibility:none;}
p.surveyText span {color:#ff0000;float:right;}


/*survey_02*/
.survey_02{clear:both; padding:0; margin:0; *zoom:1;}
.survey_02:after {content:""; clear:both; display:block; height:0; visibility:none;}

/*survey_03*/
.survey_03{clear:both; padding:0; margin:0; *zoom:1;}
.survey_03:after {content:""; clear:both; display:block; height:0; visibility:none;}



ul.surveyWrite{padding:0; margin:0; width:100%;}
ul.surveyWrite li{padding:0 0 0 0; margin:0; width:100%;}
ul.surveyWrite li p.surwrTit{background:url(../../images/site/surwrTit02.gif) left center no-repeat ;border-bottom:#3388d7 solid 2px; width:auto; padding:8px 0 10px 25px;margin-top:20px; font-size:1.2em;color:#3388d7; line-height:150%;font-family:NGB;}
/*ul.surveyWrite li ul{margin:0; padding:0; width:100%;}*/
ul.surveyWrite li > div.quest {padding:20px 0 0 0; margin:0; width:100%; border-bottom:1px dashed #cccccc;}
ul.surveyWrite li div.quest p.suNumber{width:auto; padding:5px 0 5px 20px; border:1px solid #e5e5e5; background:#f0f0f0; font-size:1.167em; line-height:150%;}
ul.surveyWrite li div.quest p.suNumber span{color:#d3212f; padding-left:10px; font-size:0.929em;}
ul.surveyWrite li div.quest div.surwrlist_q{width:auto; padding:10px 0;}
ul.surveyWrite li div.quest div.surwrlist_q ul li{padding: 3px 0; border:none !important; font-size:1.167em; line-height:150%;}
ul.surveyWrite li div.quest div.surwrlist_q ul li input{vertical-align:middle; margin-left:20px;}
ul.surveyWrite li div.quest div.surwrlist_q ul li input[type=text]{height:25px; line-height:25px; border:1px solid #d3d3d3; width:200px;}
ul.surveyWrite li div.quest div.surwrlist_q ul li label{padding:0 5px;}
ul.surveyWrite li div.quest div.surwrlist_q ul li textarea{width:100%; height:70px;}

ul.surveyWrite li div.quest div.surwrlist_a {background:#ffffff; padding:15px 15px 15px 15px;}
ul.surveyWrite li div.quest div.surwrlist_a ul li {padding:4px 0 4px 0; border:0; display:block; background:none; font-size:1.167em; *zoom:1;}
ul.surveyWrite li div.quest div.surwrlist_a ul li:after {content:""; clear:both; display:block; height:0; visibility:none;}
ul.surveyWrite li div.quest div.surwrlist_a ul li p.saTxt {color:#6c6c6c;}
ul.surveyWrite li div.quest div.surwrlist_a ul li p.saTxt span.suTotal {float:right; .margin-top:-12px; display:inline-block; color:#fa672d; font-size:0.857em; padding:0;}
ul.surveyWrite li div.quest div.surwrlist_a ul li p.saImg {color:#6c6c6c; border:#d2cdc7 solid 1px; height:18px; margin:10px 0 0 0; }
ul.surveyWrite li div.quest div.surwrlist_a ul li p.saImg span {display:block;height:18px;background:#fa672d; border-right:#d2cdc7 solid 1px;}
ul.surveyWrite li div.quest div.surwrlist_a ul li .gradeinfo {clear:both;  padding:10px 0;color:#2854e2; font-size:0.857em;}
/*ul.surveyWrite li ul li div.surwrlist_a ul li p.saTxt a.anopen {display:inline; width:80px;background:#5f5959 url(../../images/site/anopen.gif) 90% 6px no-repeat;font-size:0.95em;color:#fff; border:solid 1px; padding:2px 18px 2px 6px; text-align:center;}
ul.surveyWrite li ul li div.surwrlist_a ul li p.saTxt a.anclose {display:inline; width:80px;background:#5f5959 url(../../images/site/anclose.gif) 90% 6px no-repeat;font-size:0.95em;color:#fff; border:solid 1px; padding:2px 25px 2px 10px; text-align:center;}*/
	
	/*답변보기 닫기 버튼*/
	ul.surveyWrite li div.quest div.surwrlist_a ul li p.saTxt a.anopen, ul.surveyWrite li div.quest div.surwrlist_a ul li p.saTxt a.anclose{display:inline-block; *display:inline; zoom:1; background:#5f5959; font-size:12px !important; color:#fff; padding:3px 20px 3px 10px; margin:0 0 0 5px;}
	ul.surveyWrite li div.quest div.surwrlist_a ul li p.saTxt a.anopen{background:#5f5959 url(../../images/site/anopen.gif) no-repeat right center;}
	ul.surveyWrite li div.quest div.surwrlist_a ul li p.saTxt a.anclose{background:#5f5959 url(../../images/site/anclose.gif) no-repeat right center;}

ul.surveyWrite li div.quest div.surwrlist_a ul li div.anopen_list {display:none; width:100%; padding:15px 0; background:#e3e3e3; margin-top:10px;}
ul.surveyWrite li div.quest div.surwrlist_a ul li div.anopen_list ul li {background:url(../../images/site/anopen_list_dot.gif) 10px 11px no-repeat; padding:3px 0 6px 20px;  font-size:0.929em;line-height:150%;}

 p.surveyBtn{ padding:20px 0 0 0; margin:0; *zoom:1;}
 p.surveyBtn:after {content:""; clear:both; display:block; height:0; visibility:none;}
 p.surveyBtn span{display:block; width:49%; float:left; }
 p.surveyBtn span.surveyBtn_s04 {float:right;}
 p.surveyBtn span button{display:block; width:100%; padding:0; margin:0; text-align:center; color:#fff; border:none; font-size:1.333em; line-height:46px; height:46px;}
 p.surveyBtn span.surveyBtn_s03 button{ background:#f49732;}
 p.surveyBtn span.surveyBtn_s04 button{ background:#3a3738;}

#surveym_page {clear:both; padding:20px 0 0 0; margin:0; text-align:center;}
#surveym_page button{ display:block; width:100%; background:#2b85d3; color:#fff; font-size:1.133em; padding:15px 0;}

/* pc layout */
@media only screen and (min-width:1024px) { 
	/*header*/
	header#mainheader .top{background:url(../../images/site/h1_bg.gif) no-repeat left top;}
	header#mainheader .top h1{left:10px;}
	header#mainheader .top p.loginbtn{position:absolute; top:0; right:0; width:128px; height:70px; background:url(../../images/site/loginbtn_bg.gif); margin:0; }
	header#mainheader .top p.logoutbtn{position:absolute; top:0; right:0; width:128px; height:70px; background:url(../../images/site/logoutbtn_bg.gif); margin:0; }
	header#mainheader .top p.loginbtn a span, header#mainheader .top p.logoutbtn a span{display:block; width:auto; font-size:1.333em; padding:0 0 0 55px; color:#fff; line-height:70px;font-family:NGB;}
	
	/*검색영역*/
	header#mainheader .top div#searchForm{display:block; position:absolute; top:13px; right:151px; width:248px; height:44px; line-height:44px; background:#fff; padding:0; margin:0;}
	header#mainheader .top div#searchForm form{margin:0; padding:0; display:block; width:100%;}
	header#mainheader .top div#searchForm form div.search_box{width:238px; margin:0; padding:0 5px; *zoom:1;}
	header#mainheader .top div#searchForm form div.search_box:after {content:""; clear:both; display:block; height:0; visibility:none;}
	header#mainheader .top div#searchForm form div.search_box input[type=text]{width:181px; margin:0; padding:0 5px 0 8px; height:40px; line-height:44px; border:none; .border:0; float:left;}
	header#mainheader .top div#searchForm form div.search_box p {float:left; width:44px; height:44px; padding:0 !important; margin:-1px 0 0 0;}
	header#mainheader .top div#searchForm form div.search_box p img {width:100%; padding:0;}
	
	.btn_top {right:auto; left:50%; margin: 0 0 0 416px;}
		
/**********************************************contents**********************************************/
	
	/* page style */
	a.page:link,a.page:visited,a.page:active{display:inline-block; *display:inline; zoom:1;}
	a.current_page {display:inline-block; *display:inline; zoom:1;}
	a.spbtn01 {display:inline-block; *display:inline; zoom:1;  background-position:right center;}
	a.spbtn04 {display:inline-block; *display:inline; zoom:1;  background-position:left center;}
	
	a.spbtn01 span, a.spbtn04 span{display:none;}
	
	a.spbtn02, a.spbtn03{display:inline-block; *display:inline; zoom:1; float:none; width:34px; height:34px;}
	a.spbtn02 span.imgBox, a.spbtn03 span.imgBox{ border:none; width:auto; display:block; height:34px; padding:0; line-height:32px;text-align:center;}
	a.spbtn02 span.txtBox, a.spbtn03 span.txtBox{display:none;}
	
	/*survey_01*/
	.survey_01 ul li{display:block; padding:25px; margin-bottom:25px; width:auto;  border:1px solid #e2e0e0; position:relative;}
	.survey_01 ul li .surveyList p.surveyTit{padding:0 0 15px 0; width:auto; margin:0; font-size:1.333em; border:none; border-bottom:2px solid #7f7d7d;}
	.survey_01 ul li .surveyList p.survey_bar{ position:absolute; top:25px; right:25px; font-size:0.929em; height:29px; line-height:27px; background:none; .float:right; .width:160px;border-left:0;}
	.survey_01 ul li .surveyList p.survey_bar span.surveyparticipate{ display:block; width:auto; padding:0 15px;; background:#f6f6f6; border:1px solid #ccc; float:left; margin:0 4px 0 0; line-height:27px; height:27px; }
	.survey_01 ul li .surveyList p.survey_bar span.surveystanby{ width:50px; border:1px solid #b5cb17; height:27px; line-height:27px;}
	.survey_01 ul li .surveyList p.survey_bar span.surveyprogress{ width:50px;  height:27px; line-height:27px;}
	.survey_01 ul li .surveyList p.survey_bar span.surveyend{ width:50px; border:1px solid #c7c2bc; height:27px; line-height:27px;}
	.survey_01 ul li .surveyList div.surveyCon{border:none; padding:20px 0 0 0;}
	.survey_01 ul li .surveyList div.surveyCon ul li{padding:0; margin:0;}
	.survey_01 ul li .surveyList p.surveyBtn{ margin:0;}
	
	/*공통상단*/
	div.surveyView{background:#f7f7f7 url(../../images/site/svlist_bg_pc.gif) repeat-y right top; position:relative;}
	div.surveyView p{display:block; width:167px; position:absolute; text-align:center; top:50%; right:0; font-size:1.5em; line-height:26px; height:26px; color:#fff; margin:-13px 0 0 0; }
	div.surveyView p a{color:#fff;}
	

	/*설문결과 목록 버튼*/
	#surveym_page button{ width:50%; margin:0 auto;}

}


@media only screen and (max-width:400px) {
	/*header*/
	header#mainheader .top h1{background-size:35px;}
	header#mainheader .top h1 a{font-size:1.833em; letter-spacing:-1px; padding-left:40px;}
	
	/*section*/
	section#content h1{font-size:1.667em;}
	
	/*footer*/
	footer#footwrap div.foot ul.bmenu{ position:static; float:right; padding-bottom:10px;}
	footer#footwrap div.foot address{clear:both; display:block; padding:0 0 0 0; text-align:center;}
	footer#footwrap div.foot small{padding:3px 0 0 0; text-align:center; display:block;}

}