@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');

/*****마이페이지/멤버십/학습지원센터*****/
/*etc common*/
.sub_contents .no_contents{text-align:center; padding-top:12px; padding-bottom:12px;}

/*멤버십 버튼common*/
.btn_wrap{text-align:center; margin-top:40px;}
.btn_wrap>*{display:inline-block; vertical-align:middle; padding:8px 10px; font-size:14px; width:110px;}
.btn_wrap>*+*{margin-left:0.5%;}

/*마이페이지 게시판 버튼 common*/
.btn_board_wrap{text-align:right; margin-top:30px;}
.btn_board_wrap>*{display:inline-block; vertical-align:middle; padding:8px 10px; font-size:14px; width:110px; text-align:center; }
.btn_board_wrap>*+*{margin-left:0.5%;}

/*내강의실 a_btn 버튼 common*/
.a_btn,.span_btn{display:inline-block; padding:1px 5px; border-radius:2px; font-size:13px;}

/*글쓰기 버튼*/
.btn_board_write{background-color: #003e81;  border: 1px solid #003772; color:#ffffff;}
.btn_board_write:hover{background-color:#1158a4; border-color:#003e81;}

/*목록버튼*/
.btn_board_list{background-color: #e6e6e6;  border: 1px solid #999999; color:#555555;}
.btn_board_list:hover{border-color:#333333; color:#222222;}

/*삭제버튼*/
.btn_board_delete{background-color:#444444; color:#ffffff; border:1px solid #333333; }
.btn_board_delete:hover{background-color:#333333; border-color:#222222;}

/*삭제버튼2*/
.btn_close_delete{background-color:#a4112c; color:#ffffff; border:1px solid #333333; }
.btn_close_delete:hover{background-color:#333333; border-color:#222222;}

/*수정버튼*/
.btn_board_modify{background-color:#3b86d6; color:#ffffff; border:1px solid #2e7bcc;}
.btn_board_modify:hover{background-color:#1158a4; border-color:#003e81;}

/*내강의실 입장하기*/
.btn_study{background-color:#3b86d6; color:#ffffff; border:1px solid #2e7bcc;}
.btn_study:hover{background-color:#1158a4; border-color:#003e81;}

/*내강의실 강의실 , 시험응시/미응시*/
.no_test{background-color:#e6e6e6; color:#555555; border:1px solid #999999;}
.no_test:hover{background-color:#dddddd; color:#333333; border:1px solid #666666;}
.test{background-color:#3b86d6; color:#ffffff; border:1px solid #2e7bcc;}
.test:hover{background-color:#1158a4; border-color:#003e81;}

/*내강의실 강의실 과제 대상/미대상*/
.no_homework{background-color:#e6e6e6; color:#555555; border:1px solid #999999;}
.no_homework:hover{background-color:#dddddd; color:#333333; border:1px solid #666666;}
.homework{background-color:#555555; color:#ffffff; border:1px solid #444444;}
.homework:hover{background-color:#444444; border-color:#393939;}

/*내강의실 강의실 진행단계평가*/
.no_evaluation{background-color:#e6e6e6; color:#555555; border:1px solid #999999;}
.no_evaluation:hover{background-color:#dddddd; color:#333333; border:1px solid #666666;}
.evaluation{background-color:#3b86d6; color:#ffffff;  border:1px solid #2e7bcc;}
.evaluation:hover{background-color:#1158a4; border-color:#003e81;}

/*내강의실 강의실 설문조사*/
.survey{background-color:#3b86d6; color:#ffffff; border:1px solid #2e7bcc;}
.survey:hover{background-color:#1158a4; border-color:#003e81;}

/*내강의실 1:1상담*/
.btn_processing{background-color:#e6e6e6;  color:#555555; border:1px solid #999999;}
.btn_complete_consultation{background-color:#3b86d6; color:#ffffff; border:1px solid #2e7bcc;}

/*내강의실 학습종료된수업 복습*/
.btn_replay{background-color:#3b86d6; color:#ffffff; border:1px solid #2e7bcc;}
.btn_replay:hover{background-color:#1158a4; border-color:#003e81;}


/*내강의실 학습종료된수업 재응시*/
.btn_retake{background-color:#ed2c2d; color:#ffffff; border:1px solid #851011;}
.btn_retake:hover{background-color:#ed2c2d; border-color:#851011;}


/*내강의실 학습종료된수업  수료여부*/
.no_finish{background-color:#e6e6e6; color:#555555; border:1px solid #999999;}
.finish{;background-color:#3b86d6; color:#ffffff; border:1px solid #2e7bcc;}
.finish:hover{background-color:#1158a4; border-color:#003e81;}

/*회원가입 /취소버튼*/
.btn_join_form{background-color: #003e81;  border: 1px solid #003772; color:#ffffff;}
.btn_join_form:hover{background-color:#1158a4; border-color:#003e81;}
.btn_join_cancel{background-color:#ffffff; border:1px solid #666666; color:#555555;}
.btn_join_cancel:hover{border-color:#333333; color:#333333;}
/*우편번호 찾기 버튼*/
.btn_postal_code{background-color:#555555; padding:1px 5px; border-radius:2px; font-size:13px; color:#ffffff; border:1px solid #444444;
		height:29px; vertical-align:top;}
.btn_postal_code:hover{background-color:#444444; border-color:#393939;}
/*개인정보 수정, 비밀번호 변경 버튼*/
.btn_modify_wrap .btn_modify_form{background-color: #003e81;  border: 1px solid #003772; color:#ffffff;}
.btn_modify_wrap .btn_modify_form:hover{background-color:#1158a4; border-color:#003e81;}
/*휴대폰 번호 변경 버튼*/
.change_phone_num{ display:inline-block;  background-color:#3b86d6; border-radius:2px; font-size:13px; padding: 1px 5px;
     border:1px solid #2e7bcc; color:#ffffff; margin-left:5px;}
.change_phone_num:hover{background-color:#3d8ee5; border-color:#2c82df;}
/*아이디 찾기 비밀번호 찾기 '확인' 버튼*/
.btn_find_wrap .btn_find_form{ background-color: #003e81;  border: 1px solid #003772; color:#ffffff;}
.btn_find_wrap .btn_find_form:hover{background-color:#1158a4; border-color:#003e81;}

/*시험응시 /미응시 버튼*/
.btn_test_take{background-color: #003e81;  border: 1px solid #003772; color:#ffffff; font-size:16px;}
.btn_test_take:hover{background-color:#1158a4; border-color:#003e81;}




/***이용약관 내용 common***/
.additional_clause{margin-top:15px; color:#333333; }
.agreement_list01{color:#555555; border:1px solid #bbbbbb; padding:8px 10px; line-height:1.7; }
.agreement_list01+div{margin-top:15px;}
.agreement_list01>em{display:block; font-size:15px; font-weight:500; color:#333333; position:relative; padding-left:10px; margin-bottom:5px;}
.agreement_list01>em:before{content:''; width:4px; height:4px; background-color:#333333; display:block; position:absolute; left:0; top:10px;}
.agreement_list01>p{margin-left:8px;}
.agreement_list01.agreement_list01_22 .agreement_list03{margin-left:5px;}
.agreement_list01.agreement_list01_25 .agreement_list02>li:nth-child(10),.agreement_list01.agreement_list01_25 .agreement_list02>li:nth-child(11){padding-left:20px;}

.agreement_list02{margin-left:5px;}
.agreement_list02>li{position:relative; padding-left:13px;}
.agreement_list02>li+li{margin-top:2px;}
.agreement_list02>li:before{color:#555555; display:block; position:absolute; left:0; top:0; font-size:14px;}
.agreement_list02>li:nth-child(1):before{content:'1.'; }
.agreement_list02>li:nth-child(2):before{content:'2.'; }
.agreement_list02>li:nth-child(3):before{content:'3.'; }
.agreement_list02>li:nth-child(4):before{content:'4.'; }
.agreement_list02>li:nth-child(5):before{content:'5.'; }
.agreement_list02>li:nth-child(6):before{content:'6.'; }
.agreement_list02>li:nth-child(7):before{content:'7.'; }
.agreement_list02>li:nth-child(8):before{content:'8.'; }
.agreement_list02>li:nth-child(9):before{content:'9.'; }
.agreement_list02>li:nth-child(10):before{content:'10.'; }
.agreement_list02>li:nth-child(11):before{content:'11.'; }

.agreement_list03{margin-top:2px;}
.agreement_list03>li{position:relative; padding-left:16px;}
.agreement_list03>li+li{margin-top:1px;}
.agreement_list03>li:before{color:#555555; display:block; position:absolute; left:0; top:0; font-size:14px;}
.agreement_list03>li:nth-child(1):before{content:'①'; }
.agreement_list03>li:nth-child(2):before{content:'②'; }
.agreement_list03>li:nth-child(3):before{content:'③'; }
.agreement_list03>li:nth-child(4):before{content:'④'; }
.agreement_list03>li:nth-child(5):before{content:'⑤'; }
.agreement_list03>li:nth-child(6):before{content:'⑥'; }
.agreement_list03>li:nth-child(7):before{content:'⑦'; }
.agreement_list03>li:nth-child(8):before{content:'⑧'; }
.agreement_list03>li:nth-child(9):before{content:'⑨'; }
.agreement_list03>li:nth-child(10):before{content:'⑩'; }
.agreement_list03>li:nth-child(11):before{content:'⑪'; }
.agreement_list03>li:nth-child(12):before{content:'⑫'; }
.agreement_list03>li:nth-child(13):before{content:'⑬'; }

.agreement_list04{margin-top:2px;}
.agreement_list04>li{position:relative; padding-left:8px;}
.agreement_list04>li+li{margin-top:1px;}
.agreement_list04>li:before{content:'-'; color:#555555; display:block; position:absolute; left:0; top:0;}

/*이용약관 agree.php*/
.agree_wrap>div{width:100%; max-height:780px;  min-height:600px;overflow-y:auto; padding-right:15px;}

/***개인정보처리방침 내용 common***/
.protection_list01{color:#555555; border:1px solid #bbbbbb; padding:8px 10px; line-height:1.7;}
.protection_list01+li{margin-top:15px;}
.protection_list01>p{margin-left:8px; position:relative;  padding-left:8px;}
.protection_list01>p:before{content:'-'; color:#555555; display:block; position:absolute; left:0; top:0;}
.protection_list01>em{display:block; font-size:15px; font-weight:500; color:#333333; position:relative; padding-left:15px; margin-bottom:5px;}
.protection_list01>em:before{color:#555555; display:block; position:absolute; left:0; top:0; font-size:15px;}
.protection_list01:nth-child(1)>em:before{content:'1.'; }
.protection_list01:nth-child(2)>em:before{content:'2.'; }
.protection_list01:nth-child(3)>em:before{content:'3.'; }
.protection_list01:nth-child(4)>em:before{content:'4.'; }
.protection_list01:nth-child(5)>em:before{content:'5.'; }
.protection_list01:nth-child(6)>em:before{content:'6.'; }
.protection_list01:nth-child(7)>em:before{content:'7.'; }
.protection_list01:nth-child(8)>em:before{content:'8.'; }
.protection_list01:nth-child(9)>em:before{content:'9.'; }
.protection_list01:nth-child(10)>em:before{content:'10.'; }
.protection_list01:nth-child(11)>em:before{content:'11.'; }
.protection_list01:nth-child(12)>em:before{content:'12.'; }
.protection_list01:nth-child(10)>em,.protection_list01:nth-child(11)>em,.protection_list01:nth-child(12)>em{padding-left:21px;}

.protection_list02{margin-left:5px;}
.protection_list02>li{position:relative; padding-left:8px;}
.protection_list02>li+li{margin-top:2px;}
.protection_list02>li:before{content:'-'; color:#555555; display:block; position:absolute; left:0; top:0;}

.protection_list03{margin-top:2px;}
.protection_list03>li{position:relative; padding-left:16px;}
.protection_list03>li+li{margin-top:1px;}
.protection_list03>li:before{color:#555555; display:block; position:absolute; left:0; top:0; font-size:14px;}
.protection_list03>li:nth-child(1):before{content:'①'; }
.protection_list03>li:nth-child(2):before{content:'②'; }
.protection_list03>li:nth-child(3):before{content:'③'; }
.protection_list03>li:nth-child(4):before{content:'④'; }
.protection_list03>li:nth-child(5):before{content:'⑤'; }
.protection_list03>li:nth-child(6):before{content:'⑥'; }
.protection_list03>li:nth-child(7):before{content:'⑦'; }
.protection_list03>li:nth-child(8):before{content:'⑧'; }
.protection_list03>li:nth-child(9):before{content:'⑨'; }
.protection_list03>li:nth-child(10):before{content:'⑩'; }
.protection_list01.protection_list01_08 .protection_list03>li+li{margin-top:2px;}
.protection_list01.protection_list01_12 .protection_list03>li+li{margin-top:2px;}
.protection_list01.protection_list01_11 .protection_list03>li+li{margin-top:2px;}

/*개인정보처리방침 protection.php*/
.protection_wrap>div{width:100%; max-height:780px;  min-height:600px;overflow-y:auto; padding-right:15px;}

/*내 강의실*/
/*내 강의실 tab*/
.my_class_tab_wrap li{float:left;  font-size:16px; font-weight:500; width:20%; text-align:center; border-top:2px solid #1158a4; position:relative;
		border-bottom:1px solid #dddddd;} 
.my_class_tab_wrap li:before{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; left:0; top:0;}
.my_class_tab_wrap li:last-child:after{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; right:0; top:0;}
.my_class_tab_wrap li>a{display:block; padding:10px 5px; background-color:#ffffff;}
.my_class_tab_wrap li>a:hover{background-color:#1158a4; color:#ffffff;}
.my_class_tab_wrap01 li:nth-child(1)>a, .my_class_tab_wrap02 li:nth-child(2)>a, .my_class_tab_wrap03 li:nth-child(3)>a{background-color:#1158a4; color:#ffffff;}
.my_class_tab_wrap01 li:nth-child(1):before, .my_class_tab_wrap02 li:nth-child(2):before, .my_class_tab_wrap03 li:nth-child(3):before{background-color:#1158a4;}
.my_class_tab_wrap03 li:last-child:after{background-color:#1158a4;}

/*내 강의실 개인정보*/
.personal_information{margin-top:35px;}
.personal_information>p{font-size:15px; font-weight:500; color:#222222; position:relative; padding-left:8px}
.personal_information>p:before{content:''; width:2px; height:2px; display:block; border-radius:100%; background-color:#222222; position:absolute; left:0; top:12px;}
.personal_information>div{border:1px solid #dddddd; padding:10px 15px 15px; background-color:#fefefe; margin-top:8px;}
.personal_information dt, .personal_information dd{display:inline-block; vertical-align:middle; }
.personal_information dt{ padding-right:8px; margin-right:3px; position:relative; font-weight:500;}
.personal_information dt:after{content:':'; display:block; position:absolute; right:0; top:0; color:#444444}
.personal_information>div>dl>dt{padding-left:12px;}
.personal_information>div>dl>dt:before{content:''; width:4px; height:4px; display:block; border:1px solid #3b86d6; position:absolute; left:0; top:8px;}
.personal_information table{margin-top:20px; text-align:center;}
.personal_information table th{padding:6px 5px; border:1px solid #dddddd; background-color:#e7f4fa;}
.personal_information table td{padding:6px 5px; border:1px solid #dddddd; background-color:#ffffff;}
.personal_information table a{color:#1158a4;}
.personal_information table a:hover{font-weight:500;}
/*강좌리스트*/
.my_class_board_wrap{margin-top:40px;}
.my_board_title{font-size:15px; position:relative; padding-left:8px;}
.my_board_title:before{content:''; width:2px; height:2px; display:block; border-radius:100%; background-color:#222222; position:absolute; left:0; top:12px;}
.my_board_title em{color:#1158a4; font-weight:500;}
.my_class_board_wrap ul{margin-top:8px; border-top:2px solid #666666;}
.my_class_board_wrap li{font-size:0; border-bottom:1px solid #999999;}
.my_class_board_wrap li>div{display:inline-block; font-size:14px; vertical-align:middle; position:relative;}
.my_class_board_wrap li>div:first-child{width:8%; text-align:center;  }
.my_class_board_wrap li>div+div{width:92%;}
.my_class_board_wrap table th{padding:7px 3px; background-color:#f5f5f5; text-align:center;  border-left:1px solid #dddddd; border-bottom:1px solid #dddddd;
		color:#333333;}
.my_class_board_wrap table td{padding:7px 10px; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.my_class_board_wrap table tr:last-child th,.my_class_board_wrap table tr:last-child td{border-bottom:none;}
.my_class_board_wrap table strong{color:#333333;}
.my_class_board_wrap .period{color:#ed2c2d;}

/*my_study_room01.php~my_study_room05.php ,my_syudy_write.php내 강의실 강좌보기 tab common*/
.my_study_room_tab_wrap ul{border-top:2px solid #666666; border-bottom:1px solid #dddddd;}
.my_study_room_tab_wrap li{float:left;  font-size:16px; font-weight:500; width:20%; text-align:center;  position:relative; } 
.my_study_room_tab_wrap li:before{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; left:0; top:0;}
.my_study_room_tab_wrap li:last-child:after{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; right:-1px; top:0;}
.my_study_room_tab_wrap li>a{display:block; padding:10px 2px; background-color:#ffffff;}
.my_study_room_tab_wrap li>a:hover{background-color:#666666; color:#ffffff;}
.my_study_room_tab_wrap01 li:nth-child(1)>a,.my_study_room_tab_wrap02 li:nth-child(2)>a,.my_study_room_tab_wrap03 li:nth-child(3)>a,
.my_study_room_tab_wrap04 li:nth-child(4)>a,.my_study_room_tab_wrap05 li:nth-child(5)>a{background-color:#666666; color:#ffffff;}
.my_study_room_tab_wrap01 li:nth-child(1):before,.my_study_room_tab_wrap02 li:nth-child(2):before,.my_study_room_tab_wrap03 li:nth-child(3):before,
.my_study_room_tab_wrap04 li:nth-child(4):before{background-color:#666666;}
.my_study_room_tab_wrap05 li:last-child:after{background-color:#666666;}

/*my_study_room01.php~my_study_room05.php  common*/
.my_study_room{margin-top:40px; }
/*my_study_room01.php~my_study_room05.php 학습자료실 common*/
.my_study_room .data_room>strong{font-size:17px; color:#1158a4; display:block; padding-left:28px;
		background:url("../images/sub/icon_data_download.png")no-repeat left center;}
.my_study_room .data_room table{margin-top:8px;}
.my_study_room .data_room table th{padding:7px 3px; background-color:#666666; text-align:center; color:#ffffff; border:1px solid #dddddd; } 
.my_study_room .data_room table td{padding:15px 10px; border:1px solid #dddddd; text-align:center; }
.my_study_room .data_room em{display:block; padding-left:8px; position:relative; text-align:left;}
.my_study_room .data_room em:before{content:''; width:3px; height:3px; display:block; background-color:#3b86d6; position:absolute; left:0; top:10px;}
.my_study_room .btn_download:hover{color:#1158a4; font-weight:500;}
/*my_study_room01.php 선택한 내 강의실 강좌보기*/
.my_study_room01_wrap .my_study table{border-top:2px solid #1158a4;  border-right:1px solid #dddddd;}
.my_study_room01_wrap .my_study table th{padding:7px 3px; background-color:#f5f5f5; text-align:center;  border-left:1px solid #dddddd; 
		border-bottom:1px solid #dddddd; color:#333333;}
.my_study_room01_wrap .my_study table td{padding:7px 10px; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.my_study_room01>div+div{margin-top:40px;}

/*my_class_review.php 선택한 내 강의실 강좌보기*/
.my_class_review .my_study table{border-top:2px solid #1158a4;  border-right:1px solid #dddddd;}
.my_class_review .my_study table th{padding:7px 3px; background-color:#f5f5f5; text-align:center;  border-left:1px solid #dddddd; 
		border-bottom:1px solid #dddddd; color:#333333;}
.my_class_review .my_study table td{padding:7px 10px; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.my_class_review>div+div{margin-top:40px;}


/*동영상 보기 리스트*/
.training_video{position:relative; padding-top:35px;}
.training_video th{padding:7px 3px; background-color:#666666; text-align:center; color:#ffffff; border:1px solid #dddddd; } 
.training_video td{padding:7px 10px; border:1px solid #dddddd; text-align:center; }
.training_video em{display:block; padding-left:8px; position:relative; text-align:left;} 
.training_video em:before{content:''; width:3px; height:3px; display:block; background-color:#3b86d6; position:absolute; left:0; top:10px;} 
.training_video td>a{display:block;}
/*시험보기*/
.training_video dl{position:absolute; right:5px; top:0;}
.training_video dl dt,.training_video dl dd{display:inline-block; vertical-align:middle;}
.training_video dl dt{font-weight:500; margin-right:8px; color:#222222; font-size:15px;}
.training_video dl dd a.test{font-size:15px;}

/*my_study_room02.php~my_study_room05.php 검색  내 강의실 common*/
.my_class_search_wrap{text-align:right; font-size:0;}
.my_class_search_wrap div{display:inline-block; vertical-align:top; font-size:14px; text-align:left;}
.my_class_search_select{width:80px;} 
.my_class_search_select select{width:100%; height:32px; padding:5px 8px; background:url("../images/sub/selest_triangle.png")no-repeat 95% 50%;
		-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #666666; font-size:14px;}
.my_class_search_input{margin-left:3px; border:1px solid #666666; border-radius:2px; padding:4px 8px 4px; width:200px;	height:32px; overflow:hidden; }
.my_class_search_input input{border:none; font-size:14px; width:100%;}
.btn_my_class_search{margin-left:3px; font-size:14px; height:32px; color:#ffffff; background-color:#1158a4; border:1px solid #1158a4; padding:0 10px; }
.btn_my_class_search:hover{background-color:#3b86d6; border:1px solid #3b86d6;}
/*my_study_room02.php,my_study_room03.php,my_study_room05.php */
.my_class_table{margin-top:15px;}
.my_class_table table{table-layout:fixed; border-top:2px solid #999999; }
.my_class_table table th{padding:9px 3px; background-color:#f5f5f5; text-align:center; border-bottom:1px solid #999999; }
.my_class_table table th+th{border-left:1px solid #dddddd;}
.my_class_table table td{padding:7px 3px; border-bottom:1px solid #dddddd; text-align:center;}
.my_class_table table td+td{border-left:1px solid #dddddd;}
.my_class_table table td.board_contents_title{padding:7px 10px; text-align:left;}
.my_class_table table td.board_contents_title>a{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.my_class_table table td.board_contents_title>a:hover{color:#000000; text-decoration:underline; }
/*토론게시판*/
.my_class_table02 table .board_num{width:10%;}
.my_class_table02 table .board_contents_title{width:44%; }
.my_class_table02 table .view_count{width:10%;}
.my_class_table02 table .board_writer{width:16%;}
.my_class_table02 table .reporting_date{width:20%;}
/*1:1상담게시판*/
.my_class_table03 table .board_num{width:10%;}
.my_class_table03 table .board_contents_title{width:38%; }
.my_class_table03 table .situation{width:20%;}
.my_class_table03 table .board_writer{width:16%;}
.my_class_table03 table .reporting_date{width:16%;}
.my_class_table03 table td{padding:7px 1px;}
/*수업노트 게시판*/
.my_class_table05 table .board_num{width:10%;}
.my_class_table05 table .board_contents_title{width:65%; }
.my_class_table05 table .reporting_date{width:25%;}

/*내강의실 게시판 글쓰기 my_study_write02.php,my_study_write03.php,my_study_write05.php */
.my_study_write_room{margin-top:40px;}
.my_study_write_room>strong{font-size:17px; display:block; color:#1158a4; position:relative; padding-left:12px; margin-bottom:8px;}
.my_study_write_room>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;} 
.my_study_write_room table{table-layout:fixed; border-top:2px solid #999999;}    
.my_study_write_room table th{padding:10px 3px; background-color:#f5f5f5; text-align:center; border-bottom:1px solid #dddddd; }
.my_study_write_room table td{padding:10px 15px; border-bottom:1px solid #dddddd; }
.my_study_write_room table th+td{border-left:1px solid #dddddd;}
.my_study_write_room table input{padding:4px 10px; font-size:14px; width:100%; }
.my_study_write_room table textarea{padding:8px 10px; width:100%; height:200px; overflow-y:auto; font-size:14px; }

/*my_board_view02.php,/my_board_view02.php,/my_board_view02.php 내강의실 게시판 내용보기*/
.my_study_view_room{margin-top:40px;}
.my_study_view_contents{border-top: 2px solid #999999;}
.my_study_view_contents>div{border-bottom:1px solid #dddddd; padding:10px 15px;}
.my_study_view_contents>div:first-child{background-color:#f8f8f8;}
.my_study_view_contents>div>em{color:#222222; font-weight:500; display:block; position:relative; padding-left:38px;}
.my_study_view_contents>div>em:before{content:'제목 : '; color:#222222; position:absolute; left:0; top:0; font-size:14px;}
.my_study_view_contents>div dl{float:left; margin-right:20px; position:relative; padding-left:6px;}
.my_study_view_contents>div dl:before{content:''; width:2px; height:2px; display:block; background-color:#444444; border-radius:100%;
		position:absolute; left:0; top:10px;}
.my_study_view_contents>div dt,.my_study_view_contents>div dd{display:inline-block; vertical-align:middle;}
.my_study_view_contents>div dt{padding-right:5px; margin-right:3px; position:relative; }
.my_study_view_contents>div dt:after{content:':'; display:block; position:absolute; right:0; top:0; color:#444444;}
.my_study_view_contents .view_situation b{color:#3b86d6;}
.my_study_view_contents .view_contents{min-height:200px;}

/*개인정보 변경 tab common, my_info_modify01.php,my_info_modify02.php*/
.my_info_modify_tab_wrap li{float:left;  font-size:16px; font-weight:500; width:20%; text-align:center; border-top:2px solid #1158a4; position:relative;
		border-bottom:1px solid #dddddd;} 
.my_info_modify_tab_wrap li:before{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; left:0; top:0;}
.my_info_modify_tab_wrap li:last-child:after{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; right:0; top:0;}
.my_info_modify_tab_wrap li>a{display:block; padding:10px 5px; background-color:#ffffff;}
.my_info_modify_tab_wrap li>a:hover{background-color:#1158a4; color:#ffffff;}
.my_info_modify_tab_wrap01 li:nth-child(1)>a, .my_info_modify_tab_wrap02 li:nth-child(2)>a{background-color:#1158a4; color:#ffffff;}
.my_info_modify_tab_wrap01 li:nth-child(1):before{background-color:#1158a4;}
.my_info_modify_tab_wrap02 li:last-child:after{background-color:#1158a4;}
/*my_info_modify01.php my_info_modify02.php 개인정보변경 비밀번호 변경 common*/
.my_info_modify{margin-top:35px; position:relative;}
.my_info_modify strong{font-size:17px; display:block;position:relative; padding-left:12px; margin-bottom:8px; color:#1158a4;}
.my_info_modify strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;} 
.my_info_modify table{margin-top:8px; font-size:15px; table-layout:fixed; }
.my_info_modify table th{padding:9px 20px; border-bottom:1px solid #dddddd; text-align:left; background-color:#f5f5f5; width:25%; color:#222222;}
.my_info_modify table td{padding:9px 15px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; width:75%;}
.my_info_modify input[type="text"], .my_info_modify input[type="password"]{padding:4px 10px; width:50%; font-size:15px; }
.my_info_modify table td span{color:#666666; font-size:14px; margin-left:5px;}
/*기본정보*/
.member_basic_info>span{position:absolute; right:0; top:2px; font-weight:500; font-size:15px; color:#666666; padding-left:17px;
		background:url("../images/sub/icon_compulsory.png")no-repeat 0 6px;}
.member_basic_info table{border-top:2px solid #666666; }
.member_basic_info th span{padding-left:17px; background:url("../images/member/icon_compulsory.png")no-repeat 0 5px; display:block;}
.member_basic_info .reference{color:#666666; font-size:14px; margin-top:2px;}
/*추가정보*/
.member_add_info{margin-top:40px;}
.member_add_info>strong{color:#222222; }
.member_add_info>strong:before{border-color:#222222;}
.member_add_info>p{padding-left:8px; position:relative;}
.member_add_info>p:before{content:''; width:2px; height:2px; display:block; background-color:#444444; position:absolute; left:0; top:10px;}
.member_add_info table{border-top:1px solid #666666;}
.member_add_info table td .input_postal_code{width:30%;}
.member_add_info p .input_address{width:100%;}
.member_add_info p+p{margin-top:5px;}
/* my_info_modify02.php  비밀번호 변경  */
.my_info_modify02 table{border-top:2px solid #666666; } 
.my_info_modify02 th span{padding-left:17px; background:url("../images/member/icon_compulsory.png")no-repeat 0 5px; display:block;}
.member_pw_change>p{color:#666666; font-size:14px; padding-left:8px; position:relative;}
.member_pw_change>p:before{content:''; width:2px; height:2px; display:block; background-color:#444444; position:absolute; left:0; top:10px;}

/***멤버십***/
/*로그인 박스 login.php*/
.login_wrap .login_page_title{text-align:center;}
.login_wrap .login_page_title p:first-child{font-size:28px; color:#3b86d6; font-weight:300;}
.login_wrap .login_page_title p:last-child{font-size:17px;}
.login_form{background-color:#f5f5f5; border:1px solid #aaaaaa; margin-top:30px; padding:40px 50px; max-width:680px;  margin:20px auto 0;}
.login_form>p{padding-left:8px; position:relative; margin-bottom:8px; color:#666666; font-size:15px; }
.login_form>p:before{content:''; width:2px; height:02px; display:block; background-color:#666666; border-radius:100px; position:absolute; left:0; top:10px;}
.login_form div+div{margin-top:8px;}
.login_form .input_id02,.login_form .input_pw02{padding:6px 10px; font-size:16px; width:100%;}
.login_form .btn_login02{text-align:center; padding:7px 10px; font-size:16px; background-color:#1158a4; width:100%; color:#ffffff; border:none; margin-top:20px;}
.login_form .btn_login02:hover{background-color:#3b86d6; }
.member_menu{max-width:680px;  margin:20px auto 0; padding:40px 50px; border:1px solid #cccccc;}
.member_menu .btn_join_link01{display:block; text-align:center; padding:7px 10px; font-size:16px; background-color:#37a3cc; width:100%; color:#ffffff; border-radius:2px;}
.member_menu .btn_join_link01:hover{background-color:#50aed2;}
.member_menu ul{border:1px solid #dddddd; margin-top:20px; position:relative; background-color: #fafdff;}
.member_menu ul:before{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; left:50%; top:0;}
.member_menu ul>li{float:left; width:50%; padding:10px 15px; text-align:center;}
.member_menu ul>li>a{font-weight:500; display:block; color:#222222; font-size:16px;}
.member_menu ul>li>a:hover{color:#1158a4; }
.member_menu ul>li p{text-align:left;margin-top:5px; color:#888888;}

/*회원가입 1단계*/
.join01_wrap{font-size:16px;}
.join_sequence{font-size:0; text-align:center;}
.join_sequence li{display:inline-block; font-size:17px; font-weight:500; width:20%; border:2px solid #d0deee; padding:20px 0; border-radius:5px; position:relative;}
.join_sequence li span{display:block; margin-top:10px;}
.join_sequence li span i{font-family: 'Lato'; font-weight:bold;}
.join_sequence li+li{margin-left:6.6666%;}
.join_sequence li+li:before{content:''; width:20px; height:20px; display:block; border:2px solid #777777; border-left-width:0; border-top-width:0;
		position:absolute; top:50%; left:-50%; margin-top:-10px; margin-left:22%; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
/**.join_sequence li:last-child{color:#50aed2; border-color:#50aed2;}
**/
.join_sequence .nowstep{color:#50aed2; border-width: 3px; border-color:#50aed2;}

.member_confirm{margin-top:40px;}
.member_confirm>strong{font-size:17px; display:block; position:relative; padding-left:12px; margin-bottom:8px; color:#1158a4;}
.member_confirm>strong:before{content: ''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;}
.member_confirm>p{background-color:#f8f8f8; padding:10px 15px; border:1px solid #bbbbbb; color:#333333;}
.member_confirm>div{margin-top:40px; text-align:center;}
.member_confirm>div>a{display:inline-block; vertical-align:middle; color:#ffffff; font-weight:500; background-color:#1158a4; border:1px solid #003e81;
		border-radius:2px; padding:10px 5px; width:170px; margin:5px 15px;}   
.member_confirm>div>a:hover{background-color: #003e81;  border-color:#003772; }
.member_confirm ul{margin-top:40px;}
.member_confirm ul li{position:relative; padding-left:10px;}
.member_confirm ul li:before{content:'-'; color:#444444; position:absolute; left:0; top:0;}

/*회원가입 2단계*/
.join02_wrap>strong{font-size:17px; display:block; position:relative; padding-left:12px; color:#1158a4;}
.join02_wrap>strong:before{content: ''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;}
.join02_wrap>p{font-size:15px; padding-left:8px; position: relative; }
.join02_wrap>p:before{content:'';  width:2px; height:2px; display:block; background-color:#444444; position:absolute; left:0; top:10px;}
.join02_contents{margin-top:35px;}
.join02_contents>em{font-size:16px; display:block; color:#333333; font-weight:500; margin-bottom:8px; position:relative; padding-left:11px;}
.join02_contents>em:before{content: ''; width:4px; height:4px; display:block; border:1px solid #555555; position:absolute; left:0; top:10px; border-radius:100%;}
.join02_contents>div{width:100%; height:250px; overflow-y:auto; padding:15px; border:1px solid #bbbbbb; overflow-y:auto;}
.join02_contents .agreement_list01,.join02_contents .protection_list01{border:none; padding:0;}
.join02_contents>p{margin-top:10px; color:#333333;}
.join02_contents>p>*{vertical-align:middle;}

/*회원가입 3단계*/
.join_form{position:relative;}
.join_form>strong{font-size:17px; display:block;position:relative; padding-left:12px; color:#1158a4;}
.join_form>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;} 
.join_form table{margin-top:8px; font-size:15px; table-layout:fixed; }
.join_form table th{padding:9px 20px; border-bottom:1px solid #dddddd; text-align:left; background-color:#f5f5f5; width:25%; color:#222222;}
.join_form table td{padding:9px 15px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; width:75%;}
.join_form input[type="text"], .join_form input[type="password"]{padding:4px 10px; width:50%; font-size:15px; }
.join_form table td span{color:#666666; font-size:14px; margin-left:5px;}
.join_form table td .input_postal_code{width:30%;}
.join_form p .input_address{width:100%;}

/*기본정보*/
.join_basic_form>span{position:absolute; right:0; top:2px; font-weight:500; font-size:15px; color:#666666; padding-left:17px;
		background:url("../images/member/icon_compulsory.png")no-repeat 0 6px;}
.join_basic_form table{border-top:2px solid #666666; }
.join_basic_form th label,.join_basic_form th em{padding-left:17px; background:url("../images/member/icon_compulsory.png")no-repeat 0 5px; display:block;}
.join_basic_form label+label{margin-left:15px;}
.join_basic_form .id_duplication_check{background-color:#555555; padding:1px 5px; border-radius:2px; font-size:13px; color:#ffffff; border:1px solid #444444;
		height:29px; vertical-align:top;}
.join_basic_form .id_duplication_check:hover{background-color:#444444; border-color:#393939;}
.join_basic_form p.reference{color:#666666; font-size:14px; margin-top:2px;}
/*추가정보*/
.join_add_form{margin-top:40px;}
.join_add_form>strong{color:#222222; }
.join_add_form>strong:before{border-color:#222222;}
.join_add_form>p{padding-left:8px; position:relative;}
.join_add_form>p:before{content:''; width:2px; height:2px; display:block; background-color:#444444; position:absolute; left:0; top:10px;}
.join_add_form table{border-top:1px solid #666666;}

.join_add_form p+p{margin-top:5px;}

/*id_find.php 아이디 찾기. pw_find.php비밀번호 찾기 common */
.member_info_find .find_contents strong{font-size:17px; display:block;position:relative; padding-left:12px; margin-bottom:8px; color:#1158a4;}
.member_info_find .find_contents strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;} 
.member_info_find table{margin-top:8px; font-size:15px; table-layout:fixed; border-top:2px solid #666666; }
.member_info_find table th{padding:9px 20px; border-bottom:1px solid #dddddd; text-align:left; background-color:#f5f5f5; width:25%; color:#222222;}
.member_info_find table td{padding:9px 15px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; width:75%;}
.member_info_find th span{padding-left:17px; background:url("../images/member/icon_compulsory.png")no-repeat 0 5px; display:block;}
.member_info_find input[type="text"], .member_info_find input[type="password"]{padding:4px 10px; width:50%; font-size:15px; }
.member_info_find p{color:#666666; font-size:14px; margin-top:2px;}


/*학습지원센터 */
/*검색조건 common*/
.board_search_wrap{text-align:right; font-size:0;}
.board_search_wrap div{display:inline-block; vertical-align:top; font-size:14px; text-align:left;}
.board_search_select{width:80px;}
.board_search_select select{width:100%; height:32px; padding:5px 8px; background:url("../images/sub/selest_triangle.png")no-repeat 95% 50%;
		-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #666666; font-size:14px;}
.board_search_input{margin-left:3px; border:1px solid #666666; border-radius:2px; padding:4px 8px 4px; width:200px;	height:32px; overflow:hidden; }
.board_search_input input{border:none; font-size:14px; width:100%;}
.btn_board_search{margin-left:3px; font-size:14px; height:32px; color:#ffffff; background-color:#1158a4; border:1px solid #1158a4; padding:0 10px; }
.btn_board_search:hover{background-color:#3b86d6; border:1px solid #3b86d6;}
/*게시판 common*/
.board_list_wrap{margin-top:15px;}
.board_list_wrap table{table-layout:fixed; border-top:2px solid #999999; }
.board_list_wrap table th{padding:9px 3px; background-color:#f5f5f5; text-align:center; border-bottom:1px solid #999999; } 
.board_list_wrap table th+th{border-left:1px solid #dddddd;}
.board_list_wrap table td{padding:7px 3px; border-bottom:1px solid #dddddd; text-align:center;}
.board_list_wrap table td+td{border-left:1px solid #dddddd;}
.board_list_wrap table td.board_contents_title{padding:7px 10px; text-align:left;}
.board_list_wrap table .board_contents_title>a{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.board_list_wrap table .board_contents_title>a:hover{color:#000000; text-decoration:underline; }
/*자세히 보기 common*/
.board_view_contents{border-top: 2px solid #999999;}
.board_view_contents>div{border-bottom:1px solid #dddddd; padding:10px 15px;}
.board_view_contents>div:first-child{background-color:#f8f8f8;}
.board_view_contents>div>em{color:#222222; font-weight:500; display:block; position:relative; padding-left:38px;}
.board_view_contents>div>em:before{content:'제목 : '; color:#222222; position:absolute; left:0; top:0; font-size:14px;}
.board_view_contents dl{float:left; margin-right:20px; position:relative; padding-left:6px;}
.board_view_contents dl:before{content:''; width:2px; height:2px; display:block; background-color:#444444; border-radius:100%; position:absolute; left:0; top:10px;}
.board_view_contents>div dt,.board_view_contents>div dd{display:inline-block; vertical-align:middle;}
.board_view_contents>div dt{padding-right:5px; margin-right:3px; position:relative; }
.board_view_contents>div dt:after{content:':'; display:block; position:absolute; right:0; top:0; color:#444444;}
.board_view_contents .view_situation b{color:#3b86d6;}
.board_view_contents .view_contents{min-height:200px;}
/*글쓰기 common*/
.board_write_wrap>div>strong{font-size:17px; display:block; color:#1158a4; position:relative; padding-left:12px; margin-bottom:8px;}
.board_write_wrap>div>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;} 
.board_write_wrap table{table-layout:fixed; border-top:2px solid #999999;}
.board_write_wrap table th{padding:10px 3px; background-color:#f5f5f5; text-align:center; border-bottom:1px solid #dddddd; }
.board_write_wrap table td{padding:10px 15px; border-bottom:1px solid #dddddd; } 
.board_write_wrap table th+td{border-left:1px solid #dddddd;}
.board_write_wrap table input[type=text]{padding:4px 10px; font-size:14px; width:100%; }
.board_write_wrap table textarea{padding:8px 10px; width:100%; height:200px; overflow-y:auto; font-size:14px; }
/*공지사항*/
.notice_list_wrap table .board_num{width:22%;}
.notice_list_wrap table .board_contents_title{width:46%; }
.notice_list_wrap table .view_count{width:10%;}
.notice_list_wrap table .reporting_date{width:22%;}
.notice_list_wrap table .main_notice td{background-color: #e7f4fa;}
.notice_list_wrap table .main_notice em{color:#ed2c2d; font-weight:500;}
.notice_write_wrap .notice_check b{color:#1158a4;}

/*Q&A  게시판*/
.inquire_list_wrap table .board_num{width:10%;}
.inquire_list_wrap table .board_contents_title{width:38%; }
.inquire_list_wrap table .situation{width:20%;}
.inquire_list_wrap table .board_writer{width:16%;}
.inquire_list_wrap table .reporting_date{width:16%;}
.inquire_list_wrap table td{padding:7px 1px;}

/*faq  select tab*/
.faq_tab_wrap ul{font-size:0; text-align:center;}
.faq_tab_wrap ul>li{display:inline-block; font-size:15px;  width:11.5%;  font-weight:500; letter-spacing:-1px;}
.faq_tab_wrap ul>li:nth-child(1),.faq_tab_wrap ul>li:nth-child(2){width:15.5%;}
.faq_tab_wrap ul>li+li{margin-left:-1px;}
.faq_tab_wrap ul>li>a{display:block; padding:10px 0; background-color:#ffffff; border:1px solid #dddddd; position:relative;}
.faq_tab_wrap ul>li>a:hover{border:1px solid #1158a4; color:#1158a4; z-index:50;}
.faq_tab_wrap01 li:nth-child(1)>a,.faq_tab_wrap02 li:nth-child(2)>a,.faq_tab_wrap03 li:nth-child(3)>a,.faq_tab_wrap04 li:nth-child(4)>a,
.faq_tab_wrap05 li:nth-child(5)>a,.faq_tab_wrap06 li:nth-child(6)>a,.faq_tab_wrap07 li:nth-child(7)>a,.faq_tab_wrap08 li:nth-child(8)>a
		{border:1px solid #1158a4; color:#1158a4; z-index:50;}
/*faq  게시판 */
.faq_wrap>p{position:relative; padding-left:10px; font-size:15px; font-weight:500; margin-bottom:10px;}
.faq_wrap>p:before{content:''; width:4px; height:4px; display:block; border:1px solid #555555; position:absolute; left:0; top:10px; border-radius:100%;}
.faq_list{margin-top:40px; border-top:2px solid #666666;}
.faq_list li{border-bottom:1px solid #bbbbbb; }
.faq_list div{position:relative;}
.faq_list div.odd{cursor:pointer; padding:15px;}
.faq_list div.odd>em{display:block; padding:0 28px 0 22px; font-size:15px; color:#333333; font-weight:500; position:relative;}
.faq_list div.odd>em:before{content:'Q'; color:#1158a4; font-size:19px; font-weight:bold; position:absolute; left:0; top:0; line-height:1.2; font-family:'Lato';}
.faq_list div.odd i{height:22px; width:22px; border:2px solid #bbbbbb; border-radius:100px; position:absolute; right:15px; top:50%; margin-top:-11px;}
.faq_list div.odd i:before{content:''; width:4px; height:4px; display:block; border:2px solid #666666; border-right-width:0; border-top-width:0;		
		transform: rotate(-135deg);  -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg); position: absolute; right:7px; top:6px;}
.faq_list div.odd i.open_close:before{transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg); right:6px; }
.faq_list div.even{background-color:#f5f5f5; font-size:15px; display:none; padding:20px 15px; }
.faq_list div.even p{padding-left:22px; position:relative;}
/*.faq_list div.even p:before{content:'A'; color:#999999; font-size:19px; font-weight:bold; position:absolute; left:0; top:0; line-height:1.5; font-family:'Lato';}

.faq_list div.even span{padding-left:22px; position:relative;}
.faq_list div.even span:before{content:'A'; color:#999999; font-size:19px; font-weight:bold; position:absolute; left:0; top:0; line-height:1.5; font-family:'Lato';}
*/
/*btn_faq_wrap faq  버튼*/ 
.btn_faq_wrap{margin-top:15px; text-align:right;}
.btn_faq_wrap button{display:inline-block; padding:1px 5px; border-radius:2px; font-size:13px;}
.btn_faq_delete{background-color:#777777; color:#ffffff; border:1px solid #666666; }
.btn_faq_delete:hover{background-color:#666666; border-color:#555555;}
.btn_faq_modify{background-color:#50aed2; color:#ffffff; border:1px solid #41a0c5;}
.btn_faq_modify:hover{background-color:#3b86d6; border-color:#1158a4;}
/* faq 글쓰기 게시판-faq 수정 게시판*/
.faq_write_wrap>div>strong{font-size:17px; display:block; color:#1158a4; position:relative; padding-left:12px; margin-bottom:15px;}
.faq_write_wrap>div>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;}
.faq_select{width:160px;}
.faq_select select{width:100%; height:32px; padding:5px 8px; background:url("../images/sub/selest_triangle.png")no-repeat 95% 50%;
		-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #666666; font-size:14px;}
.faq_write_wrap table{table-layout:fixed; border-top:2px solid #999999; margin-top:12px;} 
.faq_write_wrap table th{padding:10px 3px; background-color:#f5f5f5; text-align:center; border-bottom:1px solid #dddddd; }
.faq_write_wrap table td{padding:10px 15px; border-bottom:1px solid #dddddd; } 
.faq_write_wrap table th+td{border-left:1px solid #dddddd;}
.faq_write_wrap table input[type=text]{padding:4px 10px; font-size:14px; width:100%; }
.faq_write_wrap table textarea{padding:8px 10px; width:100%; height:200px; overflow-y:auto; font-size:14px; }


/*학습지원센터 기업교육상담*/
.company_counsel_wrap>div>strong{font-size:17px; display:block; color:#1158a4; position:relative; padding-left:12px; margin-bottom:8px;}
.company_counsel_wrap>div>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #1158a4; position:absolute; left:0; top:10px;} 
.company_counsel_wrap table{table-layout:fixed; border-top:2px solid #999999; font-size:15px;}
.company_counsel_wrap table th{padding:9px 20px; border-bottom:1px solid #dddddd; text-align:left; background-color:#f5f5f5; width:25%; color:#222222;}
.company_counsel_wrap table td{padding:9px 15px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; width:75%;} 
.company_counsel_wrap input[type="text"]{padding:4px 10px; width:50%; font-size:15px; }
.company_counsel_wrap textarea{padding:8px 10px; width:100%; height:200px; overflow-y:auto; font-size:15px; } 
.company_counsel_wrap table td .person{width:40%;}






/***popup****/
/*common*/
.pop_wrap h5{padding:12px 20px; background-color:#1158a4;  color:#ffffff; font-size:21px; text-align:center;}
.correct_answer{color:#ed2c2d; display:block;}
.my_choice{color:#ed2c2d;}
.btn_form_close{background-color:#444444; color:#ffffff; border:1px solid #333333; }
.btn_form_close:hover{background-color:#333333; border-color:#222222;}
/*개인정보 common*/
.pop_wrap .my_information{font-size:14px;padding:15px 10px 15px; background-color:#f8f8f8;}
.pop_wrap .my_information table{background-color:#ffffff; table-layout:fixed; }
.pop_wrap .my_information th{padding:7px 2px; width:25%; color:#333333; border:1px solid #bbbbbb; text-align:center; background-color:#f1f1f1;}
.pop_wrap .my_information td{padding:7px 10px 7px 15px; width:75%; border:1px solid #bbbbbb; text-align:left;}
.pop_wrap .my_information p{margin-top:8px; font-weight:500;}

/*시험 응시 동의 체크*/
.test_take_wrap{width:100%; font-size:16px;}
.test_take_title{background-color:#f8f8f8;  padding:12px 25px;}  
.test_take_title>*{display:block; padding-left:30px;}
.test_take_title>strong{font-size:19px; color:#003e81; background:url("../images/sub/icon_popup.png")no-repeat left 5px; }
.test_take_list_wrap{padding:25px 25px 40px;}
.test_take_list_wrap ul{border:1px solid #50aed2; padding:20px;}
.test_take_list_wrap ul>li{color:#333333; position:relative; padding-left:25px; line-height:1.5;}
.test_take_list_wrap ul>li+li{margin-top:3px;}
.test_take_list_wrap ul>li:before{color:#1158a4; display:block; position:absolute; left:0; top:0; font-size:16px; font-weight:500;}
.test_take_list_wrap ul>li:nth-child(1):before{content:'01.'; }
.test_take_list_wrap ul>li:nth-child(2):before{content:'02.'; }
.test_take_list_wrap ul>li:nth-child(3):before{content:'03.'; }
.test_take_list_wrap ul>li:nth-child(4):before{content:'04.'; }
.test_take_list_wrap ul>li:nth-child(5):before{content:'05.'; }
.test_take_list_wrap ul>li:nth-child(6):before{content:'06.'; }
.test_take_list_wrap ul>li:nth-child(7):before{content:'07.'; }
.test_take_list_wrap ul>li:nth-child(8):before{content:'08.'; }
.test_take_list_wrap ul>li:nth-child(9):before{content:'09.'; }
.test_take_list_wrap ul>li:nth-child(10):before{content:'10.'; }
.test_take_list_wrap>p{margin-top:5px;}

/*설문조사*/
.my_survey_form{margin-top:30px;  padding:0 10px 40px;}
.my_survey_list{border:1px solid #666666;}
.my_survey_list li{padding:8px 10px 12px;}
.my_survey_list li+li{border-top:1px solid #cccccc;}
.my_survey_list li>em{display:block; padding-left:9px; position:relative; color:#333333;}
.my_survey_list li>em:before{content: ''; width:4px; height:4px; display:block; border:1px solid #555555; position:absolute; left:0; top:9px; border-radius:100%;}
.my_survey_list li>p{margin-top:5px; padding-left:6px;}
.my_survey_list li input{width:100%; padding:4px 10px; font-size:14px; color:#444444;}
.my_survey_form .btn_survey_form{background-color: #003e81;  border: 1px solid #003772; color:#ffffff; padding:8px 20px; width:auto;}
.my_survey_form .btn_survey_form:hover{background-color:#1158a4; border-color:#003e81;}

/*진행단계평가-결과확인*/
.pop_wrap .test_matters li{color:#333333; position:relative; padding-left:20px; line-height:1.5;}
.pop_wrap .test_matters li+li{margin-top:1px;}
.pop_wrap .test_matters li:before{color:#444444; display:block; position:absolute; left:0; top:0; font-size:14px;}
.pop_wrap .test_matters li:nth-child(1):before{content:'01.'; }
.pop_wrap .test_matters li:nth-child(2):before{content:'02.'; }
.pop_wrap .test_matters li:nth-child(3):before{content:'03.'; }
.pop_wrap .test_matters li:nth-child(4):before{content:'04.'; }
.pop_wrap .test_matters li:nth-child(5):before{content:'05.'; }
.pop_wrap .test_matters li:nth-child(6):before{content:'06.'; }
.pop_wrap .test_matters li:nth-child(7):before{content:'07.'; }
.pop_wrap .test_matters li:nth-child(8):before{content:'08.'; }
.pop_wrap .test_matters li:nth-child(9):before{content:'09.'; }
.pop_wrap .test_matters li:nth-child(10):before{content:'10.'; }
/*진행단계평가 시험보기*/
.evaluate_form{margin-top:30px; padding:0 10px 40px;}
.evaluate_list>li{border:1px solid #50aed2; }
.evaluate_list>li+li{margin-top:15px;}
.evaluate_list dl.question_title{position:relative; background-color:#e1eff5; border-bottom: 1px solid #b2d8e8; color:#222222;  padding:10px;}
.evaluate_list dl.question_title dt{position:absolute; left:10px; top:10px; color:#000000; font-weight:500;}
.evaluate_list dl.question_title dd{padding-left:48px;}
.evaluate_list .choice_list{padding:15px 12px; color:#333333;}
.evaluate_list .choice_list li{position:relative;}
.evaluate_list .choice_list li+li{margin-top:5px;}
.evaluate_list .choice_list span{position:absolute; left:0; top:-2px; display:block;}
.evaluate_list .choice_list span>*{vertical-align:middle;}
.evaluate_list .choice_list span i{margin-left:2px;}
.evaluate_list .choice_list em{padding-left:48px; display:block;}
.evaluate_form .btn_evaluate_form{background-color: #003e81;  border: 1px solid #003772; color:#ffffff; padding:8px 20px; width:auto;}
.evaluate_form .btn_evaluate_form:hover{background-color:#1158a4; border-color:#003e81;}
/*진행단계평가 시험 결과 보기*/
.evaluate_list.evaluate_f_list .choice_list em{padding-left:23px;}
.evaluate_list dl.question_tip{position:relative; background-color:#f8f8f8; color:#333333;  padding:8px 10px; border-top:1px solid #dddddd;}
.evaluate_list dl.question_tip dt{position:absolute; left:10px; top:8px; font-weight:500;} 
.evaluate_list dl.question_tip dd{padding-left:54px;}

/*시험보기*/
.pop_wrap .my_information .time_test span{color:#ed2c2d;}
.my_test_form{margin-top:30px; padding:0 10px 40px;}
.my_test_list>li{border:1px solid #50aed2; }
.my_test_list>li+li{margin-top:15px;}
.my_test_list dl.question_title{position:relative; background-color:#e1eff5; border-bottom: 1px solid #b2d8e8; color:#222222;  padding:10px;}
.my_test_list dl.question_title dt{position:absolute; left:10px; top:10px; color:#000000; font-weight:500;} 
.my_test_list dl.question_title dd{padding-left:48px;} 
.my_test_list .choice_list{padding:15px 12px; color:#333333;}
.my_test_list .choice_list li{position:relative;}
.my_test_list .choice_list li+li{margin-top:5px;}
.my_test_list .choice_list span{position:absolute; left:0; top:-2px; display:block;}
.my_test_list .choice_list span>*{vertical-align:middle;}
.my_test_list .choice_list span i{margin-left:2px;}
.my_test_list .choice_list em{padding-left:48px; display:block;}
.my_test_form .btn_test_form{background-color: #003e81;  border: 1px solid #003772; color:#ffffff; padding:8px 20px; width:auto;}
.my_test_form .btn_test_form:hover{background-color:#1158a4; border-color:#003e81;}
/*시험보기 채점중*/
.my_test_list.my_test_marking_list .choice_list em{padding-left:23px;}
.my_test_list dl.question_tip{position:relative; background-color:#f8f8f8; color:#333333;  padding:8px 10px; border-top:1px solid #dddddd;}
.my_test_list dl.question_tip dt{position:absolute; left:10px; top:8px; font-weight:500;}
.my_test_list dl.question_tip dd{padding-left:54px;}
/*제출된 답 - 정답*/
.my_choice_correct_answer{padding:15px 12px; color:#333333;}
.my_choice_correct_answer dl{position:relative;}
.my_choice_correct_answer dl+dl{margin-top:5px;}
.my_choice_correct_answer dl dt{position:absolute; left:0; top:0; font-weight:500; padding-right:9px;  padding-left:7px;}
.my_choice_correct_answer dl dt:before{content:''; width:3px; height:3px; display:block; background-color:#444444; 
		border-radius:100%; position:absolute; left:0; top:10px;}
.my_choice_correct_answer dl dt:after{content:':'; display:block; position:absolute; right:0; top:-1px; color:#333333;}
.my_choice_correct_answer dl dd{padding-left:74px;}
.my_choice_correct_answer dl.correct_answer02 dd{padding-left:46px;} 







/*1500이하 */
@media screen and (max-width:1500px){


}/*1500이하 끝*/



/*1200이하 */
@media screen and (max-width:1200px){




}/*1200이하 끝*/



/*1024이하 */
@media screen and (max-width:1024px){





}/*1024이하 끝*/



/*768이하 */
@media screen and (max-width:768px){

/*내 강의실 tab*/
.my_class_tab_wrap li{width:33.333333%;}

/*my_study_room01.php~my_study_room05.php 내 강의실 강좌보기 tab common*/
.my_study_room_tab_wrap li{width:19.5%;}
.my_study_room_tab_wrap li:nth-child(4){width:22%;}
/*동영상 보기 리스트*/
.training_video table{letter-spacing:-1px;} 
.training_video td{padding:7px 5px;}

/*my_study_room02.php~my_study_room05.php 검색  내 강의실 common*/
.my_class_search_wrap{text-align:left; }

/*개인정보 변경 tab common, my_info_modify01.php,my_info_modify02.php*/
.my_info_modify_tab_wrap li{width:50%;}
/*my_info_modify01.php 개인정보변경 */
.my_info_modify table{letter-spacing:-1px;}
.my_info_modify table th{padding:9px 10px; width:30%;}
.my_info_modify table td{padding:9px 10px; width:70%;}
.my_info_modify input[type="text"], .my_info_modify input[type="password"]{width:100%; }
.my_info_modify table td span{display:block; margin-left:0; margin-top:2px;}

/*학습지원센터 */
/*검색조건 common*/
.board_search_wrap{text-align:left;}



/***멤버십***/
/*로그인 박스 login.php*/
.login_wrap .login_page_title p:last-child{letter-spacing:-1px; font-size:16px;}
.login_form{padding:30px;}
.member_menu{padding:30px;}

/*회원가입 1단계*/
.join_sequence li{width:35%;} 
.join_sequence li+li{margin-left:0;}
.join_sequence li+li:before{display:none;}
.join_sequence li:nth-child(2n){margin-left:3%;}
.join_sequence li:nth-child(3),.join_sequence li:nth-child(4){margin-top:15px;}

/*회원가입 3단계*/
.join_form table{letter-spacing:-1px;}
.join_form table th{padding:9px 10px; width:30%;}
.join_form table td{padding:9px 10px; width:70%;}
.join_form input[type="text"], .join_form input[type="password"]{width:100%; }
.join_form table td .input_id{width:55%; }
.join_form table td span{display:block; margin-left:0; margin-top:2px;}


/*id_find.php 아이디 찾기. pw_find.php비밀번호 찾기 common */
.member_info_find table th{padding:9px 10px; width:30%;}
.member_info_find table td{padding:9px 10px; width:70%;}
.member_info_find input[type="text"], .member_info_find input[type="password"]{width:100%; }

/*faq  select tab*/
.faq_tab_wrap ul>li{width:25%; margin-top:-1px; font-size:14px;}
.faq_tab_wrap ul>li:nth-child(1),.faq_tab_wrap ul>li:nth-child(2){width:25%; }
.faq_tab_wrap ul>li:nth-child(5){margin-left:0;}

/*학습지원센터 기업교육상담*/
.company_counsel_wrap table{letter-spacing:-1px;}
.company_counsel_wrap table th{padding:9px 10px; width:30%;}
.company_counsel_wrap table td{padding:9px 10px; width:70%;}
.company_counsel_wrap input[type="text"]{width:100%; }

/***popup****/
/*시험 응시 동의 체크*/
.test_take_list_wrap{padding:10px;}
.test_take_list_wrap ul{padding:15px;}


}/*768이하 끝*/


/*420이하 */
@media screen and (max-width:420px){

/*멤버십 버튼common*/
.btn_wrap>*{width:31%;}

/*마이페이지 게시판 버튼 common*/
.btn_board_wrap{text-align:center;}
.btn_board_wrap>*{width:31%;}

/*내강의실 a_btn 버튼 common*/
.a_btn,.span_btn{letter-spacing:-1px; padding:0px 2px;}


/*내 강의실*/
/*내 강의실 tab*/
.my_class_tab_wrap li{width:32%; font-size:15px;}
.my_class_tab_wrap li:nth-child(2){width:36%;}
.my_class_tab_wrap li>a{padding:8px 0;}
/*내 강의실 개인정보*/
.personal_information{margin-top:25px;}
.personal_information>div{padding:8px 10px 13px;}
.personal_information table{letter-spacing:-1px;}
/*강좌리스트*/
.my_class_board_wrap{margin-top:30px;}
.my_class_board_wrap table{letter-spacing:-1px;} 
.my_class_board_wrap table td{padding:7px 5px;} 

/*my_study_room01.php~my_study_room05.php 내 강의실 강좌보기 tab common*/
.my_study_room_tab_wrap ul{border-right:1px solid #dddddd;}
.my_study_room_tab_wrap li{font-size:15px; width:33.333333%;}
.my_study_room_tab_wrap li:nth-child(4){width:33.333333%;}
.my_study_room_tab_wrap li:nth-child(1),.my_study_room_tab_wrap li:nth-child(2),.my_study_room_tab_wrap li:nth-child(3){border-bottom:1px solid #dddddd;}
.my_study_room_tab_wrap03 li:nth-child(3):after{content:''; width:1px; height:100%; display:block; background-color:#666666; position:absolute; right:-1px; top:0;}
.my_study_room_tab_wrap li>a{padding:8px 2px;} 
/*my_study_room01.php~my_study_room05.php 학습자료실 common*/
.my_study_room .data_room table td{padding:10px 5px;}
/*my_study_room01.php 선택한 내 강의실 강좌보기*/
.my_study_room01>div+div{margin-top:30px;}
.my_study_room01_wrap .my_study table{letter-spacing:-1px;} 
.my_study_room01_wrap .my_study table td{padding:7px 5px;} 

/*my_study_room02.php~my_study_room05.php 검색  내 강의실 common*/
.my_class_search_select{width:25%;}
.my_class_search_input{margin-left:1%; width:55%;}
.btn_my_class_search{margin-left:1%; width:18%; padding:0 5px; } 
/*my_study_room02.php,my_study_room03.php,my_study_room05.php */
.my_class_table table{font-size:13px; letter-spacing:-1px;}
.my_class_table table td.board_contents_title{padding:7px 5px;}

/*내강의실 게시판 글쓰기 my_study_write02.php,my_study_write03.php,my_study_write05.php */
.my_study_write_room table{font-size:13px;}
.my_study_write_room table th{padding:7px 3px;}
.my_study_write_room table td{padding:7px 10px;} 
.my_study_write_room table input{font-size:13px;}
.my_study_write_room table textarea{font-size:13px;}

/*my_board_view02.php,/my_board_view02.php,/my_board_view02.php 내강의실 게시판 내용보기*/
.my_study_view_contents{font-size:13px;}
.my_study_view_contents>div{padding:7px 10px;}
.my_study_view_contents>div>em{padding-left:35px;}
.my_study_view_contents>div>em:before{font-size:13px;}
.my_study_view_contents>div dl{margin-right:10px;} 

/*개인정보 변경 tab common, my_info_modify01.php,my_info_modify02.php*/
.my_info_modify_tab_wrap li{font-size:15px;}
.my_info_modify_tab_wrap li>a{padding:8px 2px;} 
/*my_info_modify01.php 개인정보변경 */
.my_info_modify table th{width:35%;}
.my_info_modify table td{width:65%;}
.member_add_info table td .input_postal_code{width:40%;}
.change_phone_num{margin-left:0; margin-top:2px; display:block;}

/*학습지원센터 */
/*검색조건 common*/
.board_search_select{width:25%;}
.board_search_input{margin-left:1%; width:55%;}
.btn_board_search{margin-left:1%; width:18%; padding:0 5px; } 
 /*게시판 common*/
.board_list_wrap table{font-size:13px; letter-spacing:-1px;}
.board_list_wrap table td.board_contents_title{padding:7px 5px;}
/*자세히 보기 common*/
.board_view_contents{font-size:13px;}
.board_view_contents>div{padding:7px 10px;}
.board_view_contents>div>em{padding-left:35px;}
.board_view_contents>div>em:before{font-size:13px;}
.board_view_contents dl{margin-right:10px;} 
/*글쓰기 common*/
.board_write_wrap table{font-size:13px;}
.board_write_wrap table th{padding:7px 3px;}
.board_write_wrap table td{padding:7px 10px;} 
.board_write_wrap table input{font-size:13px;}
.board_write_wrap table textarea{ font-size:13px; }



/***멤버십***/
/*로그인 박스 login.php*/
.login_wrap .login_page_title p:first-child{font-size:24px;} 
.login_form{padding:15px;}
.login_form .btn_login02{ margin-top:5px;}
.member_menu{padding:15px;}
.member_menu ul>li{padding:10px;}


/*회원가입 1단계*/
.join_sequence li{font-size:16px;  width:48.5%; padding:12px 0;} 
.join_sequence li:nth-child(2n){margin-left:3%;}
.join_sequence li:nth-child(3),.join_sequence li:nth-child(4){margin-top:10px;}
.join_sequence li span{margin-top:8px;}
.join_sequence li img{width:40px;}
.member_confirm{margin-top:30px;}
.member_confirm>p{padding:8px 10px;}
.member_confirm>div{margin-top:30px;}
.member_confirm ul{margin-top:30px;}

/*회원가입 2단계*/
.join02_contents{margin-top:30px;}
.join02_contents>div{padding:10px;}

/*회원가입 3단계*/
.join_form table th{width:35%;}
.join_form table td{ width:65%;}
.join_form table td .input_id{width:100%; }
.join_basic_form .id_duplication_check{margin-top:5px;}
.join_add_form table td .input_postal_code {width:40%;}

/*id_find.php 아이디 찾기. pw_find.php비밀번호 찾기 common */
.member_info_find table th{width:40%;}
.member_info_find table td{width:60%;}

/*faq  select tab*/
.faq_tab_wrap ul{text-align:left;}
.faq_tab_wrap ul>li{width:33.33333%; text-align:center; }
.faq_tab_wrap ul>li:nth-child(1),.faq_tab_wrap ul>li:nth-child(2){width:33.33333%; }
.faq_tab_wrap ul>li:nth-child(5){margin-left:-1px;}
.faq_tab_wrap ul>li:nth-child(3n+1){margin-left:0;}
/* faq 글쓰기 게시판-faq 수정 게시판*/
.faq_write_wrap table{font-size:13px;}
.faq_write_wrap table th{padding:7px 3px;}
.faq_write_wrap table td{padding:7px 10px;} 
.faq_write_wrap table input{font-size:13px;}
.faq_write_wrap table textarea{ font-size:13px; }



/*학습지원센터 기업교육상담*/
.company_counsel_wrap table th{width:37%;}
.company_counsel_wrap table td{ width:63%;}

/***popup****/
/*개인정보*/
.pop_wrap .my_information td{padding:7px 10px 7px 10px;} 

}/*420이하 끝*/