@charset "utf-8";
@import url(reset.css);      /* 테이블 전용 */

/* skip 숨김영역 */
.skip, hr, fieldset legend {
  position:absolute;
  width:0;
  height:0;
  font-size:0px; 
  font-family:Arial;
  overflow:hidden;
  left:-999em;
}

table caption  {position:absolute;top:-100px;left:-100px;display:none}
a img{ border:none; outline:none;}


/* 클린평가 온라인평가장 팝업 */

#wrapper{padding:0px; margin:0px; width:987px; padding-bottom:30px;} 
#wrapper01{margin:0;padding:0px;margin:0px;width:1000px;margin-left:auto;margin-right:auto;text-align:left;}


#header{clear:both; position:relative; width:987px; margin:0;}
#header .logo {float:left; margin:5px 0 7px 10px;}
#header .logo span {position:absolute; display:inline-block; top:15px; right:15px;}
#header .logo span img{padding-left:3px;}
#header .spot {clear:both; background:url('../images/webcs/main_img.jpg') no-repeat 0px 0px; height:39px; padding:58px 0 0 22px; }
#header .spot h2{font-weight:bold; font-size:1.9em; letter-spacing:-0.9px; color:#333;}

/* 컨텐츠 */
#container{position:relative; margin-top:10px;}

#content{float:left; width:987px;}

/* 로그인 정보 및 평가시간 */
.info_box {margin:0px; padding:0px; background-color:#fff; height:95px;}
.time_box {float:left; background:url('../images/webcs/time_img.gif') no-repeat 20px 15px; padding-left:110px; background-color:#2084c9; width:383px; color:#fff; height:95px;}
.time {float:left; width:200px;}
.time h3 {font-size:1.5em; letter-spacing:-0.9px; margin:15px 0 5px 0;} 
.time ul li.first {display:block; padding-top:3px; color:#fff;} 
.time ul li {display:block; padding-top:7px; color:#d2edff;} 
.count {float:left; width:170px;}
.count h3 {font-size:1.2em; letter-spacing:-0.9px; padding:20px 0 10px 0;} 

.count .count_num li {float:left; display:block; padding:5px 0 0 10px; height:32px; width:23px; background:url('../images/webcs/count_bg.jpg') no-repeat 0px 0px;  font-size:1.6em; color:#fffc00; font-weight:bold;} 
.count .count_num li.first {display:block; padding:5px 0 0 4px; height:32px; width:10px; background:none; font-size:1.6em; color:#fffc00;}

.login_box {float:left; background:url('../images/webcs/login_img.gif') no-repeat 20px 15px; padding-left:110px; background-color:#26b7b7; width:383px; color:#fff; height:95px;}
.login {float:left; width:250px;}
.login h3 {font-size:1.5em; margin:15px 0 5px 0; color:#016d6d;} 
.login ul li.first {display:block; padding-top:3px; color:#fff;} 
.login ul li {display:block; padding-top:7px; color:#d2edff;} 


/* 공시정보 및 일정 */
.data_box {position:relative; padding:25px 0 0 15px;}
.bt_close{position:absolute; right:10px; top:0px; z-index:1000;}

.data_info {float:left; display:inline-block; width:460px; height:235px; margin:0 12px 0 0px;  background:url('../images/webcs/data_infobg.gif') no-repeat 0px 0px; padding:14px 0 0 13px;}

/*
.data_info ul li.first{float:left; width:80px; display:inline-block; color:#1166ad; background:url('../images/webcs/bu_01.gif') no-repeat 3px 7px; padding:3px 0 0 15px; font-weight:bold;}
.data_info ul li.first2{width:80px; display:inline-block; color:#1166ad; background:url('../images/webcs/bu_01.gif') no-repeat 3px 9px; padding:5px 0 0 15px; font-weight:bold;}
.data_info ul li {width:360px; display:inline-block; color:#1166ad; height:27px; color:#555; padding:3px 0 0 0px; }
.data_info ul li.last {width:360px; display:inline-block; color:#1166ad; height:27px; color:#555; padding:0px 0 3px 0px;}
.data_info ul li img {vertical-align:middle;} 
.data_info ul li .qna_bg {display:inline-block; width:80px; height:67px; background:url('../images/webcs/qna_bg.gif') no-repeat 0px 0px; padding:8px 0 0 0px; text-align:center; color:#227ebe; line-height:25px;}
*/

.select {padding:3px 2px 3px 2px; border:1px #ccc solid;}

/* 컨텐츠 일반 테이블 */
.data_info01 {border-top:#5f87be solid 0px; border-collapse:collapse;}
	.data_info01 th {
		background-color:#edeff2;
		color:#1166ad;
		background:url('../images/webcs/bu_01.gif') no-repeat 3px 10px; 
		padding:3px 0 0 13px;
		text-align:left;
		font-size:1.1em; 		
		font-weight:bold;
		height:20px;
	}
	.data_info01 td {
		color:#555;
		padding:5px 5px 3px 5px;
		font-size:1.1em; 		
		text-align:left;
	}

  .data_info01 th.first {background-color:#edeff2; color:#1166ad; background:url('../images/webcs/bu_01.gif') no-repeat 3px 13px; padding:0px 0 0 13px; }
  .data_info01 th.last {background-color:#edeff2; color:#1166ad; background:url('../images/webcs/bu_01.gif') no-repeat 3px 46px; padding:0px 0 0 13px; }
  .data_info01 td.last {padding:10px 0 0 0;}
  .data_info01 td .img_vt {vertical-align:middle;}
  .data_info01 .qna_bg {float:left; display:block;  width:85px; height:77px; font-family: NanumGothicBold, '나눔고딕(굵게)' !important; background:url('../images/webcs/qna_bg.gif') no-repeat 0px 0px; padding:13px 0 0 0px; margin-right:5px; text-align:center; color:#227ebe; line-height:25px;}

.schedule_info {display:inline-block; width:460px; height:235px; background:url('../images/webcs/schedule_infobg.gif') no-repeat 0px 0px;  padding:20px 0 0 15px; }
.schedule_info ul li.first{display:inline-block; color:#049595; background:url('../images/webcs/bu_02.gif') no-repeat 3px 4px; padding:0 0 10px 15px; font-weight:bold;}
.schedule_info ul li {display:inline-block; color:#1166ad; color:#555;}
.schedule_info ul li span{color:#555; font-weight:normal;}
.schedule_info ul li.last{display:inline-block; background:none; padding:10px 0 0 5px;}
.schedule_info ul li.last .circle_off{display:inline-block; background:url('../images/webcs/circle_bg1.gif') no-repeat 0px 0px; width:126px; height:124px; color:#759b9b; font-family: NanumGothicBold, '나눔고딕(굵게)' !important; text-align:center; padding:20px 0 0 0; line-height:20px;}
.schedule_info ul li.last .circle_on{display:inline-block; background:url('../images/webcs/circle_bg2.gif') no-repeat 0px 0px; width:126px; height:124px; color:#fff; font-family: NanumGothicBold, '나눔고딕(굵게)' !important; text-align:center; padding:20px 0 0 0; line-height:20px;}
.schedule_info ul li.last .arr{display:inline-block; padding:50px 0 0 0; vertical-align:top; width:30px; text-align:center;}


/* 평가 질의목록 구분 */
.qnalist {float:left; display:inline-block; width:100%; padding:0px 0px 0 0px; height:33px;}
.qnalist li.first {float:left; display:inline-block; padding:10px 0 0 0px; width:615px; border:0px #333 solid; }
.qnalist li.last {float:right; display:inline-block; width:345px; border:0px #333 solid;}
.qnalist li .numlist {color:#206cc9; font-weight:bold;}
.qnalist li .title {float:left; display:inline-block; background:url('../images/webcs/bu_03.gif') no-repeat 0px 7px; padding:5px 5px 0 17px; font-weight:bold; font-size:1.1em;}
.qnalist li select {float:right; vertical-align:middle; margin-bottom:2px;}


/*가이드  */
.guide_box {position:relative; display:inline-block; font-size:1.1em; border:1px #ccc solid; padding:25px 0px 0px 130px; height:75px; width:830px; background:url('../images/webcs/guide_img.gif') no-repeat 30px 15px;} 
.print_bt {position:absolute; left:130px; top:50px; width:158px;  height:31px; display:inline-block; font-size:0.9em; color:#666; padding:8px 0 0 35px; background:url('../images/webcs/print_bt.gif') no-repeat 0px 0px;}

.guide_box2 {position:relative; display:inline-block;  border:1px #ccc solid; padding:25px 20px 10px 130px; margin-top:15px;  width:608px; background:url('../images/webcs/guide_img.gif') no-repeat 30px 15px;} 
.guide_box2 .title {display:block; font-size:1.2em; font-family: NanumGothicBold, '나눔고딕(굵게)' !important; padding:0px 0 10px 0px;} 
.guide_box2 li {display:block; padding:0 0 7px 7px; font-size:1.1em; line-height:18px; background:url('../images/webcs/bu_10.gif') no-repeat 0px 5px; word-break:keep-all;}

.guide_box3 {position:relative; color:#fff; display:inline-block; padding:80px; height:90px; width:798px; background:url('../images/webcs/guide_img2.gif') no-repeat 0px 0px;}

/* 질의응답 가이드  */
.qna_area {position:relative; display:inline-block;  border-top:2px #8a78d8 solid; border-left:1px #b4acd4 solid; border-right:1px #b4acd4 solid; border-bottom:1px #b4acd4 solid;  background-color:#fcfbff;  padding:5px 15px 15px 15px; width:730px;} 
.qna_area .num1 {font-size:1.1em; line-height:20px; padding:10px 0 10px 39px; background:url('../images/webcs/num1.gif') no-repeat 0 8px; word-break:keep-all;} 
.qna_area .num2 {font-size:1.1em; line-height:20px; padding:10px 0 10px 39px; background:url('../images/webcs/num2.gif') no-repeat 0 8px; word-break:keep-all;} 
.qna_area .num3 {font-size:1.1em; line-height:20px; padding:10px 0 10px 39px; background:url('../images/webcs/num3.gif') no-repeat 0 8px; word-break:keep-all;} 
.qna_area .num4 {font-size:1.1em; line-height:20px; padding:10px 0 10px 39px; background:url('../images/webcs/num4.gif') no-repeat 0 8px; word-break:keep-all;} 
.qna_area .num5 {font-size:1.1em; line-height:20px; padding:10px 0 10px 39px; background:url('../images/webcs/num5.gif') no-repeat 0 8px; word-break:keep-all;} 


.qna_type01 {border-top:#7f7bc8 solid 1px; border-collapse:collapse; margin:0 0 5px 39px;}
	.qna_type01 th {
		background-color:#e5e5ff;
		color:#333;
		border-bottom:#b2b2d7 solid 1px;
		border-left:#b2b2d7 solid 1px;
		padding:5px 5px 3px 5px;
		text-align:center;
		font-size:1.2em; 		
		font-weight:normal;
		height:25px;
		line-height:18px;
	}
	.qna_type01 td {
		border-bottom:#b2b2d7 solid 1px;
		border-left:#b2b2d7 solid 1px;
		color:#555;
		padding:5px 5px 3px 5px;
		font-size:1.2em; 		
		text-align:left;
		height:25px;
		line-height:18px;
	}

.qna_type01 th, .qna_type01 td.liner {border-right:#b2b2d7 solid 1px;}


/* 파일업로드 가이드  */
.upload_area {position:relative; display:inline-block;  border-top:2px #06b3b1 solid; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; background-color:#fafafa; 
  padding:15px 15px 15px 15px; width:730px; margin-top:15px;} 
.upload_area .title {display:inline-block; width:100%; font-size:1.2em; letter-spacing:-0.9px; padding:0px 0 0px 12px;  background:url('../images/webcs/bu_08.gif') no-repeat 0 5px; font-family: NanumGothicBold, '나눔고딕(굵게)' !important; } 
.upload_area .text {display:inline-block; width:100%; font-size:1.2em; letter-spacing:-0.9px; padding:5px 0 7px 12px;} 

.upload_type01 {border-top:#4fc8c7 solid 1px; border-collapse:collapse;}
	.upload_type01 th {
		background-color:#ddf3eb;
		color:#333;
		border-bottom:#ccc solid 1px;
		border-left:#ccc solid 1px;
		padding:5px 5px 3px 5px;
		text-align:center;
		font-size:1.1em; 		
		font-weight:normal;
		height:25px;
		line-height:18px;
	}
	.upload_type01 td {
		border-bottom:#cfdbeb solid 1px;
		border-left:#ccc solid 1px;
		color:#555;
		padding:5px 5px 3px 5px;
		font-size:1.1em; 		
		text-align:left;
		height:25px;
		line-height:18px;
	}

.upload_type01 th, .upload_type01 td.liner {border-right:#b2b2d7 solid 1px;}

/* 테이블 */
.table_list {clear:both; padding:20px 0px 0 15px; width:960px;}

/* 컨텐츠 일반 테이블 */
.tbl_type01 {border-top:#5f87be solid 2px; border-collapse:collapse;}
	.tbl_type01 th {
		background-color:#edeff2;
		color:#555555;
		border-bottom:#dddddd solid 1px;
		padding:5px 5px 3px 5px;
		text-align:center;
		font-size:1.2em; 		
		font-weight:bold;
		height:27px;
		line-height:18px;
	}
	.tbl_type01 td {
		border-bottom:#cfdbeb solid 1px;
		color:#555;
		padding:5px 5px 3px 5px;
		font-size:1.2em; 		
		text-align:center;
		height:27px;
		line-height:18px;
	}

   .tbl_type01 th.al, .tbl_type01 td.al {text-align:left;padding:5px 0px 3px 10px;}
   .tbl_type01 td a:link {text-decoration:none; color:#555;}
   .tbl_type01 td a:active, .tbl_type01 td a:visited, .tbl_type01 td a:hover {text-decoration:underline;}


.tbl_type02 {border-top:#5f87be solid 2px; border-collapse:collapse;}
	.tbl_type02 th {
		background-color:#edeff2;
		color:#555555;
		border-bottom:#dddddd solid 1px;
		padding:5px 5px 3px 10px;
		text-align:left;
		font-size:1.2em; 		
		font-weight:bold;
		height:27px;
		line-height:18px;
	}
	.tbl_type02 td {
		border-bottom:#cfdbeb solid 1px;
		color:#555;
		padding:5px 5px 3px 10px;
		font-size:1.2em; 		
		text-align:left;
		height:27px;
		line-height:18px;
	}

   .tbl_type02 td a:link {text-decoration:none; color:#555;}
   .tbl_type02 td a:active, .tbl_type02 td a:visited, .tbl_type02 td a:hover {text-decoration:underline;}
   .tbl_type02 td.p15 {padding:15px 15px 15px 10px; height:27px; line-height:18px;}
   .tbl_type02 th .appday {display:block; font-weight:normal; font-size:0.9em; }
   .down_bt{display:inline-block; background:url('../images/webcs/down_bt.gif') no-repeat; color:#fff; font-size:0.8em;  padding:2px 0px 3px 0px; width:58px; text-align:center;}
   .end_bt{display:inline-block; background:url('../images/webcs/end_bt.gif') no-repeat; color:#fff; font-size:0.8em; padding:2px 0px 3px 0px; width:58px; text-align:center;}
   .downline {display:inline-block;  background:url('../images/webcs/downline.gif') no-repeat 10px 10px; width:20px; height:20px;}


/* Pager */
.pager{clear:both; padding:20px 0 0 0; text-align:center;}
.pager a{display:inline-block; text-decoration:none; color:#777; width:26px; height:25px; margin:0 1px; padding:6px 4px 0 0; vertical-align:top; font-size:11px; background:url('../images/webcs/bg_paging.gif') no-repeat;}
.pager a.btn{width:26px; height:25px; padding:0;}
.pager a.current{font-weight:bold; color:#fff; background:url('../images/webcs/bg_paging_current.gif') no-repeat;}


/* 팝업  */
#wrapper_pop {padding:0px; margin:0px; width:780px; padding-bottom:0px;} 
#header_pop {background-color:#0057b0; height:40px;}
#header_pop h2{color:#fff; font-size:1.3em; padding:10px 0 0 10px;}


#content_pop{float:left; display:inline-block; padding:0px 10px 20px 10px; width:760px;}
.par_text {font-size:1.1em;  padding:10px 0 10px 12px; background:url('../images/webcs/bu_07.gif') no-repeat 0 13px;} 


.tab_pop {border-bottom:1px #178edf solid; height:31px; width:100%; padding-top:20px;}
.tab_pop .tab_on{float:left; font-size:1.2em; text-align:center; color:#fff; font-family: NanumGothicBold, '나눔고딕(굵게)' !important; text-decoration:none; border-top:1px #1183d2 solid; border-left:1px #1183d2 solid; border-right:1px #1183d2 solid; background-color:#2396e4; width:120px; height:23px; padding:7px 0 0 0;}
.tab_pop a.tab_off:link{display:inline-block; font-size:1.2em;  text-align:center; color:#777;  font-family: NanumGothicBold, '나눔고딕(굵게)' !important; border-top:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; background-color:#efefef; width:120px; height:23px; padding:7px 0 0 0; margin-left:2px;}
.tab_pop a.tab_off:visited, a.tab_off:hover, a.tab_off:active {display:inline-block; text-align:center; color:#fff; font-family: NanumGothicBold, '나눔고딕(굵게)' !important; text-decoration:none; border-top:1px #1183d2 solid; border-left:1px #1183d2 solid; border-right:1px #1183d2 solid; background-color:#2396e4; width:120px; height:23px; padding:7px 0 0 0; }

#content_pop h3 {clear:both; display:inline-block; width:80%; font-size:1.2em; letter-spacing:-0.9px; padding:0px 0 0px 17px;  background:url('../images/webcs/bu_04.gif') no-repeat 0px 2px; margin:20px 0 5px 0;} 
#content_pop .h3margnon {margin:0px;}

/**************************************************************** 신규추가_한정주 *************************************************************************/

.textarea {padding:3px 2px 3px 2px; border:1px #9dafba solid; font-family: NanumGothic, '나눔고딕' !important; color:#555; font-size:1em;}
.bt_area {padding:20px 0 20px 0; text-align:right;}
.bt_area2 {padding:20px 0 20px 0;}
.file_input {padding:4px 7px 7px; height:28px;}
.l10 {padding-left:10px;}
.t50    {padding-top:50px;}

/* button styles */
a.btn_type1{display:inline-block;padding-right:4px;background:url('../images/webcs/bg_btn_default.gif') no-repeat 100% 0;font-family:NanumGothicBold, '나눔고딕(굵게)' !important;font-weight:normal;font-size:14px;color:#fff;line-height:30px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_type1 span,a.btn_type1 strong{display:block;padding:0 10px 1px 14px;background:url('../images/webcs/bg_btn_default.gif') no-repeat}

a.btn_type2{display:inline-block;padding-right:4px;background:url('../images/webcs/bg_btn_default.gif') no-repeat 100% -32px;font-family:NanumGothicBold, '나눔고딕(굵게)' !important;font-weight:normal;font-size:14px;color:#006ba3;line-height:30px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_type2 span,a.btn_type2 strong{display:block;padding:0 10px 1px 14px;background:url('../images/webcs/bg_btn_default.gif') no-repeat 0 -32px}

/* 증명서발급 */
.certi_box {border:1px #ccc solid; display:inline-block; padding:10px; background-color:#efefef;margin-top:20px;}
.certi_con {position:relative; border:1px #ccc solid; display:inline-block; padding:15px; background-color:#fff;  text-align:center;}
.certi_con p {display:inline-block; text-align:center; font-size:1.2em; font-family: NanumGothicBold, '나눔고딕(굵게)' !important; color:#333; height:50px; padding:30px 0 0 0; }
.certi_con .date {clear:both; font-size:1.2em; text-align:right; padding:50px 20px 0 0; font-weight:bold;}

/* 온라인평가장 로그인 */
.weblogin {clear:both; position:relative; display:inline-block;  padding:0px;  width:980px; height:530px; background:url('../images/webcs/web_loginbg.gif') no-repeat 20px 90px;}
.weblogin1 {clear:both; position:relative; display:inline-block;  padding:0px;  width:980px; height:530px; background:url('../images/webcs/web_loginbg1.gif') no-repeat 20px 90px;}
.web_loginbg{float:left; display:inline-block; width:450px; height:434px;}
.loginform {position:absolute; width:470px; top:120px; right:0px;}
.loginform h2 {display:inline-block;  font-family:NanumGothicBold, '나눔고딕(굵게)' !important;font-weight:normal; font-size:2em; color:#555; line-height:45px;word-spacing:-1px; padding-bottom:15px;}
.loginform h2 span {font-size:1.5em; color:#0857db;}
.loginform h3 {background:url('../images/webcs/icon_member.gif') no-repeat 2px 20px; padding:20px 0 0 54px; font-size:2em; color:#173c70; word-spacing:-1px; font-family:NanumGothicBold, '나눔고딕(굵게)' !important; font-weight:normal;}

.loginform h3.login_busi {background:url('../images/webcs/icon_business.gif') no-repeat 7px 2px;font-family:NanumGothicBold, '나눔고딕(굵게)' !important;font-weight:normal;font-size:25px;color:#173c70;line-height:37px;word-spacing:-1px;padding-left:54px;}
.loginform h3 span{color:#5385a6}
.formWrap{position:relative;width:450px; padding:20px 0 20px 0;}
.formWrap ul li{float:left;display:inline-block;width:425px;}
.button {position:absolute;bottom:20px;right:0px;}

.lbl{float:left;padding:7px 0 6px 0;font-size:14px;font-family:NanumGothicBold, '나눔고딕(굵게)' !important; font-weight:normal;}
.int{height:27px;padding:7px 3px 0 15px;border:1px solid #d8d8d8;font-size:14px;line-height:18px;}
.info_text {display:inline-block; font-size:1em; letter-spacing:-1px; background:url('../images/webcs/info_bg.gif') no-repeat 0 0px; padding:20px 0 0 85px;  width:380px; height:88px; line-height:23px;}

/* tab style */
.tab_type{float:left; display:inline-block; width:960px; padding:20px 0 0px 15px;}
.tab_box {float:left; display:inline-block; width:100%; border-bottom:1px #178edf solid;}
.tab_box li{float:left; background:url('../images/webcs/bg_tab_left1.gif') no-repeat 100% 0; text-align:center; padding:0 0 0 3px; width:93px;}
.tab_box li.first{float:left; background:url('../images/webcs/bg_tab_left1.gif') no-repeat 0% 0; text-align:center; padding:0 0 0 3px; width:93px;}
.tab_box li span{display:block; background:url('../images/webcs/bg_tab_right1.gif') no-repeat 100% 0; padding:17px 0px 11px 0px;}

.tab_box li span a{color:#666;line-height:14px;text-decoration:none;display:block; font-family:NanumGothicBold, '나눔고딕(굵게)' !important;font-weight:normal;font-size:15px;}
.tab_box li a:hover{color:#333;}
.tab_box li.on{background-position:0 -42px;}
.tab_box li.on span{background-position:100% -42px;}
.tab_box li.on span a{color:#fff; letter-spacing:-1px;}

/* 온라인평가장 로그인시 접속경로 오류 */
.error_text1 {display:inline-block;  font-family:NanumGothicBold, '나눔고딕(굵게)' !important;font-weight:normal; font-size:2.1em; color:#ff3600; word-spacing:0px; padding-top:30px;}
.error_text2 {display:inline-block;  font-family:NanumGothicBold, '나눔고딕(굵게)' !important;font-weight:normal; font-size:2.1em; color:#555; word-spacing:0px; padding-top:15px;}
.pt60 {padding-top:60px;}

/* cs 검색 화면 전환 */
.search_main{float:left; width:1000px; height:608px; background:url('../images/webcs/search_main.gif') no-repeat 0px 0px;}