@charset "utf-8";
/* CSS Document */

/************************** 공통 **********************/
/*타이틀*/
.title_group_01{height:18px;position:relative;z-index:1;}
.title_01{ position: absolute; top:0px; left:0px; z-index:2;font-family:"NanumGothic", "돋움", sans-serif; width:400px; font-size:18px; line-height:22px; letter-spacing:-1px; color:#000000; background:url(../images/include/dot.jpg) no-repeat 0px 2px; padding:0 0 0 12px;}
.title_01 span{color:#666666; font-size:12px; padding:0 0 0 15px;}
.title_must{position: absolute; top:5px; right:0px; z-index:2;font-family:"NanumGothic", "돋움", sans-serif; font-size:13px; line-height:20px; color:#424242;}
.title_must{ background:url(../images/include/icon_must.gif) no-repeat 0px 6px; padding:0 0 0 13px;}




/*페이지 설명*/
.explain_01{ /*border:1px solid red;*/ margin:8px 0;}
.explain_01 li{ text-align:left; font-size:14px;font-family:"NanumGothic", "돋움", sans-serif; line-height:20px; color:#929292;background:url(../images/member/list_arrow.gif) no-repeat 0px 7px; padding:0 0 0 7px;margin:0 0 0px 4px;}
.explain_01 li strong{ color:#444444; font-weight:normal; text-decoration:underline;  font-family:"NanumGothic", "돋움", sans-serif;}
.explain_01 li em{color:#444444; font-weight:normal; }




/*컨텐츠 시작 간단한 설명*/
.explain_large_01{font-family:"NanumGothic", "돋움", sans-serif; font-size:24px; line-height:26px; letter-spacing:-1px; color:#de4f00; }
.explain_middle_01{font-family:"NanumGothic", "돋움", sans-serif; font-size:16px; line-height:20px; letter-spacing:0px; color:#333333; }



.label_style{font-family:"NanumGothic", "돋움", sans-serif;}



/**************************  로그인 **********************/
/*member 내용 가로영역 750px */
.member_out_line{border:1px solid #cecece; margin:0px auto 0 auto; }
.member_in_wrap{ text-align:center;}
.member_txt{ padding:60px 0 0 0;}

.login_form{/*border:1px solid red;*/ width:460px; margin:0 auto 0 158px; text-align:left; padding:30px 0 60px 0; position:relative;}
.login_form label{ display:inline-block; width:80px; margin:0 6px 0 0; text-align:right; color:#666666; font-size:15px; font-family:"NanumGothicBold", "돋움", sans-serif;}
.login_btn{ position:absolute; top:30px; left:354px;}


/*member 페이지 설명*/
.member_explain_01{ /*border:1px solid red;*/ margin:0px; padding:17px 17px 13px 17px ; background:#f8f8f8; border-bottom:1px solid #efefef; border-top:1px solid #efefef;}
.member_explain_01 li{ text-align:left; font-size:14px; line-height:20px; color:#666666;font-family:"NanumGothic", "돋움", sans-serif; background:url(../images/member/list_arrow.gif) no-repeat 0px 8px; padding:0 0 0 7px;margin:0 0 0px 0;}


.member_etc_btn_01{ padding:20px 0px 20px 0;}
.member_etc_btn_01 li{height:20px; margin:0 20px 7px 0px; text-align:right;}
.member_etc_btn_01 li:first-child{ /*margin-left:47px;*/}
.member_etc_btn_01 li em{ display:inline-block; font-size:14px; line-height:20px; padding:2px 0 0 16px;font-family:"NanumGothic", "돋움", sans-serif; vertical-align:top; background:url(../images/member/bullet_icon_01.gif) no-repeat 0px 6px; font-style:normal;}







/************************** 회원가입 **********************/
/*회원가입 스텝*/
.join_step_group{width:750px; margin:0px auto 0 auto; height:55px;padding:0px; background:url(../images/member/step_bg.jpg) no-repeat 0px 0px; }
.join_step_group li{ float:left; width:250px; height:55px; text-indent:-1000px; overflow:hidden;  /*text-align:center; color:#424242; padding:14px 0 0 0; font-family:"돋움", sans-serif; font-weight:bold;font-size:13px;*/}
.join_step_group li:first-child{width:250px; }

.join_step_01{ background-position:0px 0px;}
.join_step_02{ background-position:0px -100px;}
.join_step_03{ background-position:0px -200px;}


/*테두리선과 내용 가로영역 780px */
.join_out_line{/*border:1px solid #cecece; border-top:none;width:768px;padding:10px 20px 35px 20px; margin:0px auto 0 auto;*/ }




/*약관*/
div.agreebox_02div{clear:both; border:1px solid #e4e4e4; background:#FFFFFF; padding:0px 20px 20px 20px; *padding:20px 20px 0px 20px;
	width:704px; /*width:94.5%;*/ height:120px;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #e9e9e9;
	scrollbar-highlight-color: #f0eeee;
	scrollbar-3dlight-color: #e0e0e0;
	scrollbar-shadow-color: #c0bebe;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #f2f2f2;
	overflow-y:scroll;
	/*word-break:break-all; word-wrap:break-word; overflow:auto;  white-space:normal;*/
}
div.agreebox_02div pre{/*width:658px;*/ font-size:11px; font-family:"돋움", sans-serif;color:#414141; text-align:left; line-height:18px;  }







/************************** 회원가입 및 수정폼 **********************/
table.form_write_01{ width:100%;}
table.form_write_01 td{border-bottom:1px solid #eaeaea;border-left:1px solid #e3e3e3; padding:12px 0px 12px 12px; word-break:break-all; word-wrap:break-word;font-family:"NanumGothic", "돋움", sans-serif; font-size:14px; line-height:20px; color:#777777;}
table.form_write_01 th{border-bottom:1px solid #eaeaea; color:#666666; background:#fbfbfb; font-weight:normal;font-family:"NanumGothicBold", "돋움", sans-serif;  padding:12px 0px; font-size:14px; line-height:20px; text-align:left; }

table.form_write_01 td .txt_01{font-weight:normal;font-family:"NanumGothicBold", "돋움", sans-serif;  font-size:15px; line-height:20px; color:#000000; display:inline-block; padding:5px 0;}

table.form_write_01 .normal_01{padding-left:22px; display:inline-block;line-height:15px; }
table.form_write_01 .must_01{ padding-left:22px; display:inline-block;line-height:15px; background:url(../images/include/icon_must.gif) no-repeat 9px 2px; }




/************************** 회원가입 완료 축하 멘트 **********************/
.join_end_wrap{ text-align:center; padding:66px 0 0 0;background:url(../images/member/end_message_bg.jpg) no-repeat 0px 0px; height:366px; }
.join_end_wrap .end_message{ margin:0 0 42px 0;}

.join_end_wrap .your_id{ width:260px; margin:0 auto 64px auto;font-family:"NanumGothic", "돋움", sans-serif; color:#000000; font-size:18px; line-height:22px; letter-spacing:0px;}

.join_end_wrap .bottom_btn{text-align:center; }






/*교육신청 리스트*/
table.style_001{clear:both; width:100%; /*border-bottom:1px solid #7f7f7f;*/ }
table.style_001 th{ padding:8px 0; font-size:12px; color:#000000;border-bottom:2px solid #272c2f; background:#ffffff; font-weight:normal;}
table.style_001 td{ border-bottom:1px solid #cacaca;  font-size:12px; padding:20px 0px; /*height:30px;*/  color:#666666; vertical-align:top; }
table.style_001 td .board_img_01 a{ font:0/0 arial;}
table.style_001 td .board_img_01 a img{border:1px solid #cccccc;}
table.style_001 td .board_img_01 a:hover img{ border:1px solid #a0a0a0;}
table.style_001 td .board_img_01 a img{ width:135px !important; height:86px !important;}

table.style_001 td .board_title_01{font-family:"NanumGothicBold", "돋움", sans-serif;font-size:15px; line-height:23px; font-weight: normal; margin:5px 0 15px 0; width:470px; max-height:45px; overflow:hidden;}
table.style_001 td .board_title_01 a{ color:#333333;}
table.style_001 td .education_info_01{ }
table.style_001 td .education_info_01 li{ /*border:1px solid red;*/ color:#333333;width:233px; word-spacing:-4px; float:left;font-size:14px; line-height:18px; background:url(../images/contents/contents_bullet_01.jpg) no-repeat 0px 6px; padding:0 0 0 7px; margin:0 0 3px 0;font-family:"NanumGothic", "돋움", sans-serif;}





/*교육신청 뷰, 설문조사 뷰에서 상단 목록*/
table.style_002 caption {}
table.style_002{clear:both; width:100%; /*border-bottom:1px solid #d9d8d8; */ }
table.style_002 th{ border-left:1px solid #eaeaea; padding:13px; font-size:14px; line-height:18px; text-align:left;/*letter-spacing:-1px;*/ border-bottom:1px solid #eaeaea; font-weight:normal; color:#000000; background:#f7f7f7;font-family:"NanumGothic", "돋움", sans-serif;}
table.style_002 th:first-child{ border-left:none;}
table.style_002 td{ border-left:1px solid #eaeaea;font-size:14px; line-height:18px;  border-bottom:1px solid #eaeaea;padding:13px; color:#333333; font-family:"NanumGothic", "돋움", sans-serif;}
table.style_002 td:first-child{ border-left:none;}
table.style_002 td .education_name{color:#333333; font-weight: normal;font-size:15px;font-family:"NanumGothicBold", "돋움", sans-serif; }

table.style_002 td .poll_name{color:#333333; font-weight: normal;font-size:15px;font-family:"NanumGothicBold", "돋움", sans-serif; }


/*교육신청 contents 내용*/
.con_view_01{min-height:100px; height:auto !important; height:100px; padding:20px 0px;font-size:14px;line-height:24px;font-family:"NanumGothic", "돋움", sans-serif;}
.con_view_01 img{ max-width:750px; min-width:100px;}







/*온라인 설문 목록*/
table.style_003 caption {}
table.style_003{clear:both; width:100%; /*border-bottom:1px solid #d9d8d8; */ }
table.style_003 th{ border-left:1px solid #eaeaea; padding:11px 0; font-size:13px; line-height:18px; text-align:left;/*letter-spacing:-1px;*/ border-bottom:1px solid #eaeaea; font-weight:normal; color:#000000; background:#f7f7f7;font-family:"NanumGothic", "돋움", sans-serif;}
table.style_003 th:first-child{ border-left:none;}
table.style_003 td{ border-left:1px solid #eaeaea;font-size:14px; text-align:center; line-height:18px;  border-bottom:1px solid #eaeaea;padding:11px 6px; color:#333333; font-family:"NanumGothic", "돋움", sans-serif;}
table.style_003 td:first-child{ border-left:none;}
table.style_003 td .education_name{color:#333333; font-weight: normal;font-size:15px;font-family:"NanumGothicBold", "돋움", sans-serif; }





/*설문조사 뷰*/
.question_wrap_01{/* border:1px solid red;*/ margin:10px 0; background:#f7f7f7; border:1px solid #d4d4d4;}
.view_question_01{ padding:13px 20px 13px 20px; font-size:15px; line-height:20px; color:#333333;font-family:"NanumGothicBold", "돋움", sans-serif;word-break:break-all;  }



/*설문조사 폼*/
.question_radio_01{ padding:15px 10px 15px 0px; margin:0 10px 10px 10px; border:1px solid #eaeaea; background:#FFFFFF;}

.question_radio_01 table{ width:100%;}
.question_radio_01 table td{ padding:5px 10px 5px 10px;word-break:break-all;font-size:14px; line-height:16px; color:#666666;font-family:"NanumGothic", "돋움", sans-serif;}
/*.question_radio_01 table td:first-child{ width:42px; padding:0px 10px 3px 10px; vertical-align:top; text-align:right; }*/

/*설문조사 결과*/
/*
.question_result_01{ padding:15px 10px 15px 10px; margin:0 10px 10px 10px; border:1px solid #eaeaea; background:#FFFFFF;}

.question_result_01 table{ width:100%;}
.question_result_01 table th{ border:1px solid #eaeaea; padding:3px; background:#f7f7f7;}
.question_result_01 table td{ line-height:17px; padding:3px;word-break:break-all; border:1px solid #eaeaea; text-align:center;}
.question_result_01 table .left_align{ text-align:left;}
*/















/************************** 탭메뉴 **********************/
.tab_01{height:35px; border-bottom:1px solid #5d9946;}
.tab_01 li{ float:left;height:35px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; margin-left:-1px; position:relative; z-index:1;font-size:16px; font-family:"NanumGothicBold", "돋움", sans-serif; line-height:20px; text-align:center; letter-spacing:0px; font-weight:normal;}
.tab_01 li:first-child{margin-left:0px;}
.tab_01 li a{border-bottom:none; background:url(../images/contents/tab_bg_01.jpg) repeat-x 0px 0px; text-decoration:none; display:block; /*min-width:10px;*/ padding:9px 10px 6px 10px; }
.tab_01 li a:link, .tab_01 li a:visited { color:#5e9a47; text-decoration:none; }
.tab_01 li a:hover, .tab_01 li a:active { color:#5e9a47; text-decoration:none; }


/*탭메뉴 on*/
.tab_01 li.on{border-left:1px solid #5d9946; border-right:1px solid #5d9946;z-index:2;}
.tab_01 li.on a{background-position:0px -100px; color:#ffffff;}

.tab_content_01{ display:none; }





/************************** 탭메뉴 **********************/
.tab_com_wrap {background:url(../images/contents/tab_com_bg.jpg) repeat-x 0px bottom; width:100%; height:35px; text-align:right;}
.tab_com_wrap .tab_com {height:35px; display:inline-block;}
.tab_com_wrap .tab_com li{float:left; height:35px; margin-left:-1px; position:relative; z-index:1;font-size:16px; font-family:"NanumGothicBold", "돋움", sans-serif; line-height:20px; text-align:center; letter-spacing:0px; font-weight:normal;}
.tab_com_wrap .tab_com li:first-child{margin-left:0px;}
.tab_com_wrap .tab_com li a{ border:1px solid #eb467c; text-decoration:none; display:block; /*min-width:10px;*/ padding:7px 10px 6px 10px; background:#ea6792; color:#fff;}
.tab_com_wrap .tab_com li:first-child a {border:1px solid #eb467c;}
.tab_com_wrap .tab_com li a:link, .tab_com_wrap .tab_com li a:visited { color:#fff; text-decoration:none; }
.tab_com_wrap .tab_com li a:hover, .tab_com_wrap .tab_com li a:active { color:#fff; text-decoration:none; }


/*탭메뉴 on*/
.tab_com_wrap .tab_com li.on{z-index:2;}
.tab_com_wrap .tab_com li.on a{background-position:0px -100px; color:#eb467c; border-bottom:1px solid white; background:#fff;}


.tab_com_con_01 {display:none; margin-top:40px;}
.tab_com_con_01:first-child {display:block;}




/*페이징*/
.pagenum{ clear:both;margin:20px 0 0 0;text-align:center; color:#666666; font:0/0 arial; }
.pagenum a, .pagenum strong{position:relative; z-index:1; font-size:12px; line-height:19px;font-family:"돋움", sans-serif; display:inline-block;border:1px solid #d4d4d4; background:#f7f7f7; padding:8px 16px; margin:0 0 0 -1px; *margin:0 0 0 -2px; vertical-align: middle;}
.pagenum a:link, .pagenum a:visited {color:#666666; text-decoration:none;}
.pagenum a:hover, .pagenum a:active {color:#000000; text-decoration:none;position:relative;z-index:2;border:1px solid #7d7d7d; background:#FFFFFF; }

.pagenum strong{position:relative;z-index:3;color:#272727; border:1px solid #333333; background:#FFFFFF;}
.pagenum span{display:none;}

.pagenum a.prev_end,
.pagenum a.prev,
.pagenum a.next,
.pagenum a.next_end
{width:14px; height:38px; overflow:hidden; background:url(../images/btns/board_btns.jpg) no-repeat 0px 0px; margin:0px; padding:0px; border:none;}

.pagenum a.prev_end{background-position:0px 0px; margin:0 16px 0 0;}
.pagenum a.prev{background-position:0px -38px; margin:0 16px 0 0;}
.pagenum a.next{background-position:0px -76px;margin:0 0 0 16px;}
.pagenum a.next_end{background-position:0px -114px;margin:0 0 0 16px;}


/***페이징***/
.pagenum_board{clear:both ;margin:30px 0 0 0;text-align:center; color:#666666; font:0/0 arial; }
.pagenum_board a, .pagenum_board strong{position:relative; z-index:1; font-size:12px; line-height:19px;font-family:"NanumGothic", sans-serif; display:inline-block;border:1px solid #666; background:#fff; padding:8px 16px; margin:0 0 0 -1px; *margin:0 0 0 -2px; vertical-align:middle; margin-left:2px;}
.pagenum_board a:link, .pagenum_board a:visited {color:#666; text-decoration:none;}
.pagenum_board a:hover, .pagenum_board a:active {color:#000; text-decoration:none; position:relative; z-index:2; border:1px solid #7d7d7d; background:#fff; }

.pagenum_board strong{position:relative; z-index:3;color:#fff; border:1px solid #666; background:#333; font-weight:normal;}
.pagenum_board span{display:none;}

.pagenum_board a.prev_end,
.pagenum_board a.prev,
.pagenum_board a.next,
.pagenum_board a.next_end
{width:15px; height:14px; overflow:hidden; background:url(../images/btn/board_btns.png) no-repeat 0px 0px #333; margin:0px; padding:10px 10px; border:1px solid #666;}

.pagenum_board a.prev_end{background-position:center 0px; margin:0 3px 0 0;}
.pagenum_board a.prev{background-position:center -35px; margin:0 14px 0 0;}
.pagenum_board a.next{background-position:center -70px;margin:0 0 0 16px;}
.pagenum_board a.next_end{background-position:center -105px;margin:0 0 0 3px;}




/************************** 달력 **********************/
#calenderPop { z-index:10000; }
.input_sel {border:1px solid #7f9db9; background:#f7f9fb;font-size:11px;height:19px; vertical-align:middle; }
.input_sel {color:#555555;}

.Calendar_Day_mouseOver { background:#72a6ef; }
.Calendar_Day_mouseOut {  background:#ffffff; }
#cursorData td{ border:1px solid white; width:100%; padding:4px 8px;font-family:"돋움", sans-serif; font-size:11px; letter-spacing:-1px;}

