/************************************************************************************************************************/

/* sub - 상단 */
.sub_top_wrap {position: relative; width: 100%; height: auto; margin: 20px 0;}
.sub_top {position: relative; width: 1260px; margin: 0 auto; padding-left: 30px; padding-right: 30px;}

/* sub - 서브 타이틀 */
.sub_ttl_wrap {position: relative; width: 100%; height: auto; margin: 30px 0;}
.sub_ttl_wrap .txt_xl {font-weight: 700;}

/* sub - 중단 메뉴 */
.tab_menu {
	width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; 
	border-top: 1px solid #222; border-bottom: 1px solid #222;
}
.tab_menu li {text-align: center; position: relative;}
.tab_menu li a {display: block; width: 100%; font-size: 1.000rem; line-height: 3rem;}
.tab_menu li.sub_crt a, .tab_menu li:hover a {color: #e03a3e;}

/* 아코디언 테이블 - 모바일 */
.acco_wrap {display: none;}
.acco_list {width: 100%; position: relative; border-bottom: 1px solid #e03a3e;}
.acco_list:first-child {border-top: 1px solid #e03a3e;}
.acco_list .menu {position: relative; width: 100%; height: auto; min-height: 50px; padding: 10px; background: #fff;}
.acco_list .menu a {display: block; width: 65%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.acco_list .menu.active {background: #f5f5f5;}
.acco_list .panel span.tbl_ttl {color: #e03a3e; margin-right: 20px;}
.acco_list .menu span.date {position: absolute; top: 10px; right: 10px; color: #666;}
.acco_list .panel {padding: 20px; background: #fff;}
.acco_list .panel .content {max-width: 100%; margin: 10px 0; padding: 20px 0; border-top: 1px solid #eee; overflow: hidden;}
.acco_list .panel .content img {width: 100% !important; max-width: 600px; height: auto !important;}
.acco_list .panel .reply {padding: 10px; background: #eee;}
.acco_list .panel .reply .rep_info {display: block; text-align: right; margin-bottom: 10px; font-size: 0.875em;}

/************************************************************************************************************************/

/* lecture - 강좌 리스트 */
.lec_list_tbl td:nth-child(1) {width: 20%;}
.lec_list_tbl td:nth-child(2) {width: 50%; text-align: left;}
.lec_list_tbl td:nth-child(3) {width: 10%;}
.lec_list_tbl td:nth-child(4) {width: 20%;}
.lec_list_tbl td p.txt_l a {display: inline-block; cursor: pointer;}
.lec_list_tbl td p.txt_s {color: #999;}
.lec_list_tbl td p.txt_s span {color: #222; margin: 0 5px;}
.lec_list_tbl td p.txt_s img {position: relative; top: 5px; left: 5px; cursor: pointer;}

/* lecture - 강좌 리스트 - 모바일 */
.lec_list_wrap {display: none;}
.lec_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; 
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 50px;
}
.lec_list div {text-align: center;}
.lec_list div:nth-child(1) {width: 30%;}
.lec_list div:nth-child(2) {width: 70%;}
.lec_list div:nth-child(3), 
.lec_list div:nth-child(4) {width: 50%;}
.lec_list div:nth-child(1) img {width: 100%; max-width: 180px; margin-top: 10px;}
.lec_list div p {display: block; width: 100%; min-height: 50px; padding: 10px;}
.lec_list div p:nth-child(1) {background: #f5f5f5;}
.lec_list div p.txt_s {color: #999;}
.lec_list div p.txt_s span {color: #222;}
.lec_list div p.txt_s img {position: relative; top: 5px; left: 5px; cursor: pointer;}
.lec_list_ul ul {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; padding: 15px;}
.lec_list_ul ul li {color: #999; font-size: 0.875rem;}
.lec_list_ul ul li span {color: #222;}
.lec_list_ul ul li img {position: relative; top: 6px; left: 5px; cursor: pointer;}

/* lecture - 강좌 상세보기 */
.lec_smry_tbl td:nth-child(1) {width: 25%;}
.lec_smry_tbl td:nth-child(2) {width: 55%; text-align: left; padding: 20px 10px;}
.lec_smry_tbl td:nth-child(3) {width: 20%; background: #f5f5f5;}
.lec_smry_tbl td:nth-child(1) img {width: 100%; max-width: 220px;}
.lec_smry_ul {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;}
.lec_smry_ul li {color: #999; font-size: 1.000rem;}
.lec_smry_ul li span {color: #222; margin: 0 10px;}
.lec_smry_ul li img {position: relative; top: 6px; left: 5px; cursor: pointer;}

/* lecture - 강좌 상세보기 - 상세페이지 이미지 */
.lec_detail_wrap {width: 100%; height: auto; padding: 20px 0; text-align: center; border-top: 1px solid #222; border-bottom: 1px solid #222;}
.lec_detail_wrap img {width: 100%; max-width: 1000px;}

/* lecture - 강좌 상세보기 - 강좌 커리큘럼 */
.lec_curri_tbl td:nth-child(1) {width: 20%;}
.lec_curri_tbl td:nth-child(2) {width: 60%;}
.lec_curri_tbl td:nth-child(3) {width: 20%;}
.lec_curri_tbl td:nth-child(2) {text-align: left;}

/* lecture - 강좌 상세보기 - 강좌 커리큘럼 - 모바일 */
.lec_curri_wrap {display: none;}
.lec_curri_list {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}
.lec_curri_list > div {padding: 20px;}

/************************************************************************************************************************/

/* mypage - 중단 메뉴 */
.my_tab_menu {
	display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;
	width: 100%; height: auto; background: #333;
}
.my_tab_menu > li {position: relative; width: 25%; text-align: center;}
.my_tab_menu > li > a {display: block; width: 100%; line-height: 3rem; color: #fff;}
.my_tab_menu > li:hover, .my_tab_menu > li.sub_crt {background: #e03a3e;}
.my_tab_menu > li:hover > a, .my_tab_menu > li.sub_crt > a {color: #fff;}
.my_tab_drop_menu {
	display: block; width: 100%; height: 0; z-index: 11; border: 1px solid #222; 
	position: absolute; top: 48px; left: 50%; opacity: 0; visibility: hidden;
	-webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.my_tab_drop_menu > li {position: relative; width: 100%; background: #333;}
.my_tab_drop_menu > li > a {display: block; width: 100%; line-height: 3rem; color: #fff;}
.my_tab_drop_menu > li > a:active, 
.my_tab_drop_menu > li > a:hover, 
.my_tab_drop_menu > li > a:focus {color: #e03a3e;}
.my_tab_menu > li:hover .my_tab_drop_menu {height: auto; opacity: 1; visibility: visible;}
.my_tab_menu > li:hover .my_tab_drop_menu > li {display: block;}

/* mypage - 랜딩 페이지 */
.my_landing_wrap {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
.my_landing_list {width: 24%; padding: 30px; background: #f5f5f5; text-align: center; -webkit-transition: all .25s; transition: all .25s;}
.my_landing_list p.txt_xl {padding: 20px 0; border-bottom: 1px solid #222;}
.my_landing_list p.txt_m {color: #999; padding-top: 20px;}
.my_landing_list:hover {background: #e03a3e; cursor: pointer;}
.my_landing_list:hover p {color: #fff !important;}
.my_landing_list:hover p.txt_xl {border-bottom: 1px solid #fff;}

/* mypage - 수강 중인 강좌, 수강 종료 강좌, 나의 강의실 */
.my_lec_tbl th:nth-child(1) {width: 30%;}
.my_lec_tbl th:nth-child(2) {width: 14%;}
.my_lec_tbl th:nth-child(3) {width: 14%;}
.my_lec_tbl th:nth-child(4) {width: 14%;}
.my_lec_tbl th:nth-child(5) {width: 14%;}
.my_lec_tbl th:nth-child(6) {width: 14%;}

/* mypage - 수강 중인 강좌, 수강 종료 강좌, 나의 강의실 - 모바일 */
.my_lec_wrap {display: none;}
.my_lec_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; 
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 50px;
}
.my_lec_list div {text-align: center; width: 33.33%;}
.my_lec_list div p {display: block; width: 100%; min-height: 50px; padding: 10px;}
.my_lec_list div p:nth-child(1) {background: #f5f5f5;}

/* mypage - 나의 강의실 - 나의 시험 */
.my_test_tbl th:nth-child(1) {width: 30%;}
.my_test_tbl th:nth-child(2) {width: 8%;}
.my_test_tbl th:nth-child(3) {width: 8%;}
.my_test_tbl th:nth-child(4) {width: 8%;}
.my_test_tbl th:nth-child(5) {width: 14%;}
.my_test_tbl th:nth-child(6) {width: 10%;}
.my_test_tbl th:nth-child(7) {width: 8%;}
.my_test_tbl th:nth-child(8) {width: 14%;}

/* mypage - 나의 강의실 - 나의 시험 - 모바일 */
.my_test_wrap {display: none;}
.my_test_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; 
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 50px;
}
.my_test_list div {text-align: center; width: 25%;}
.my_test_list div p {display: block; width: 100%; min-height: 50px; padding: 10px;}
.my_test_list div p:nth-child(1) {background: #f5f5f5;}

/* mypage - 나의 강의실 - 강좌 커리큘럼 */
.lec_curri_view_tbl th:nth-child(1) {width: 10%;}
.lec_curri_view_tbl th:nth-child(2) {width: 50%;}
.lec_curri_view_tbl th:nth-child(3) {width: 10%;}
.lec_curri_view_tbl th:nth-child(4) {width: 10%;}
.lec_curri_view_tbl th:nth-child(5) {width: 10%;}
.lec_curri_view_tbl th:nth-child(6) {width: 10%;}
.lec_curri_view_tbl td:nth-child(2) {text-align: left;}
.lec_curri_view_tbl .btn_play img {width: 100%; max-width: 30px; height: auto; padding-top: 8px;}

/* mypage - 나의 강의실 - 강좌 커리큘럼 - 모바일 */
.lec_curri_view_wrap {display: none;}
.lec_curri_view_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;
	border-bottom: 1px solid #eee;
}
.lec_curri_view_list:first-child {border-top: 1px solid #222;}
.lec_curri_view_list:last-child {border-bottom: 1px solid #222;}
.lec_curri_view_list > div {padding: 20px;}
.lec_curri_view_list > div:first-child {width: 80%;}
.lec_curri_view_list > div:last-child {width: 20%; text-align: center;}
.lec_curri_view_list .btn_play img {width: 100%; max-width: 50px; height: auto; padding-top: 8px;}
.lec_curri_view_list > div p:first-child {margin-bottom: 5px;}
.lec_curri_view_list > div span {margin-right: 20px;}
.lec_curri_view_list ul li {display: inline-block; margin-right: 20px; font-size: 0.875rem;}

/* mypage - 자격정보 - 자격증 발급 시 유의사항 안내 */
.notice_wrap {width: 100%; height: auto; padding: 30px; border: 1px solid #222;}
.notice_wrap img {width: 100%; max-width: 1100px; margin: 0 auto;}

/* mypage - 자격정보 - 온라인/실물 자격증, 확인서 발급 */
.my_certi_tbl th:nth-child(1) {width: 22%;}
.my_certi_tbl th:nth-child(2) {width: 13%;}
.my_certi_tbl th:nth-child(3) {width: 13%;}
.my_certi_tbl th:nth-child(4) {width: 13%;}
.my_certi_tbl th:nth-child(5) {width: 13%;}
.my_certi_tbl th:nth-child(6) {width: 13%;}
.my_certi_tbl th:nth-child(7) {width: 13%;}

/* mypage - 자격정보 - 온라인/실물 자격증, 확인서 발급 - 모바일 */
.my_certi_wrap {display: none;}
.my_certi_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; 
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 30px;
}
.my_certi_list div {text-align: center; width: 25%;}
.my_certi_list div:nth-child(1),
.my_certi_list div:nth-child(2),
.my_certi_list div:nth-child(3) {width: 33.33%;}
.my_certi_list div p {display: block; width: 100%; min-height: 50px; padding: 10px;}
.my_certi_list div p:nth-child(1) {background: #f5f5f5;}

.my_list_num {display: inline-block; padding: 0 10px; background:#222; border-radius: 5px; margin-bottom: 5px;}
.my_list_num p {color: #fff;}

/* 마이페이지 > 주문정보 > 장바구니 */
.my_cart_tbl th:nth-child(1) {width: 8%;}
.my_cart_tbl th:nth-child(2) {width: 26%;}
.my_cart_tbl th:nth-child(3) {width: 18%;}
.my_cart_tbl th:nth-child(4) {width: 10%;}
.my_cart_tbl th:nth-child(5) {width: 10%;}
.my_cart_tbl th:nth-child(6) {width: 10%;}
.my_cart_tbl th:nth-child(7) {width: 10%;}
.my_cart_tbl th:nth-child(8) {width: 8%;}

/* mypage - 주문정보 - 지난 결제내역 */
.my_past_tbl th:nth-child(1) {width: 24%;}
.my_past_tbl th:nth-child(2) {width: 16%;}
.my_past_tbl th:nth-child(3) {width: 12%;}
.my_past_tbl th:nth-child(4) {width: 12%;}
.my_past_tbl th:nth-child(5) {width: 12%;}
.my_past_tbl th:nth-child(6) {width: 12%;}
.my_past_tbl th:nth-child(7) {width: 12%;}

/* mypage - 주문정보 - 지난 결제내역 - 모바일 */
.my_past_wrap {display: none;}
.my_past_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; 
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 50px;
}
.my_past_list div {text-align: center; width: 25%;}
.my_past_list div:nth-child(1),
.my_past_list div:nth-child(2),
.my_past_list div:nth-child(3) {width: 33.33%;}
.my_past_list div p {display: block; width: 100%; min-height: 50px; padding: 10px;}
.my_past_list div p:nth-child(1) {background: #f5f5f5;}

/* mypage - 주문정보 - 결제진행 */
.my_cart_pay_tbl th:nth-child(1) {width: 360px;}
.my_cart_pay_tbl th:nth-child(2) {width: 300px;}
.my_cart_pay_tbl th:nth-child(3) {width: 180px;}
.my_cart_pay_tbl th:nth-child(4) {width: 180px;}
.my_cart_pay_tbl th:nth-child(5) {width: 180px;}

/* mypage - 주문정보 - 결제진행 - 모바일 */
.my_cart_pay_wrap {display: none;}
.my_cart_pay_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; 
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 50px;
}
.my_cart_pay_list div {text-align: center;}
.my_cart_pay_list div:nth-child(1),
.my_cart_pay_list div:nth-child(2) {width: 50%;}
.my_cart_pay_list div:nth-child(3),
.my_cart_pay_list div:nth-child(4),
.my_cart_pay_list div:nth-child(5) {width: 33.33%;}
.my_cart_pay_list div p {display: block; width: 100%; min-height: 50px; padding: 10px;}
.my_cart_pay_list div p:nth-child(1) {background: #f5f5f5;}

/* mypage - 주문정보 - 가상계좌 발급현황 */
.virtual_acc_tbl th:nth-child(1) {width: 20%;}
.virtual_acc_tbl th:nth-child(2) {width: 15%;}
.virtual_acc_tbl th:nth-child(3) {width: 15%;}
.virtual_acc_tbl th:nth-child(4) {width: 15%;}
.virtual_acc_tbl th:nth-child(5) {width: 10%;}
.virtual_acc_tbl th:nth-child(6) {width: 15%;}
.virtual_acc_tbl th:nth-child(7) {width: 10%;}

/* mypage - 주문정보 - 가상계좌 발급현황 - 모바일 */
.virtual_acc_wrap {display: none;}
.virtual_acc_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; 
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 50px;
}
.virtual_acc_list div {text-align: center; width: 25%;}
.virtual_acc_list div:nth-child(1),
.virtual_acc_list div:nth-child(2),
.virtual_acc_list div:nth-child(3) {width: 33.33%;}
.virtual_acc_list div p {display: block; width: 100%; min-height: 50px; padding: 10px;}
.virtual_acc_list div p:nth-child(1) {background: #f5f5f5;}


/************************************************************************************************************************/

/* member - 회원 영역 타이틀 */
.mem_ttl_wrap {width: 100%; height: auto; text-align: center;}
.mem_ttl_wrap p {font-weight: 700;}

/* member - 로그인 */
.mem_login_wrap {width: 45%; max-width: 600px; margin: 0 auto; height: auto; padding: 50px; border: 1px solid #eee; margin-top: 50px; margin-bottom: 50px;}
.mem_login_wrap > div {width: 100%; height: 60px;}
.mem_link_wrap {padding-top: 10px;}
.mem_link_wrap a {display: inline-block;}
.mem_link_wrap a:hover {text-decoration: underline;}
.mem_link_wrap a:nth-child(1) {float: left;}
.mem_link_wrap a:nth-child(2) {float: right;}

/* member - ID/PW 찾기 */
.mem_find_wrap {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: stretch; margin-top: 50px; margin-bottom: 50px;}
.mem_find_wrap > div {width: 45%; max-width: 600px; height: auto; padding: 50px; border: 1px solid #eee;}
.mem_id_wrap, 
.mem_pwd_wrap, 
.mem_chk_wrap, 
.mem_btn_wrap, 
.mem_link_wrap {width: 100%; height: 50px;}

/* member - 회원가입, 회원정보수정, 배송정보입력 */
.join_tbl {width: 100%; max-width: 1000px; margin: 0 auto;}
.join_tbl th {width: 30%;}
.join_tbl td {padding-left: 10px; height: auto;}
/*
.join_tbl .id_pic {display: flex; flex-flow: row wrap; align-items: space-between; justify-content: center;}
.join_tbl .id_pic input {width: 70%;}
.join_tbl .id_pic a {display: inline-block; width: 30%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; color: #1766df;}
*/

/* member - 회원가입 - 이용약관 설명 */
.join_wrap {width: 100%; max-width: 1000px; margin: 0 auto; border: 1px solid #222;}
.join_wrap .join_wrap_ttl {background: #f5f5f5; text-align: center; padding: 10px;}
.join {width: 100%; height: 250px; overflow-y: scroll; padding: 20px;}
.join .txt_m {margin: 15px 0;}

/* member - 이용약관/개인정보수집 이용 동의 */
.chkbox_wrap {width: 100%; max-width: 1000px; margin: 0 auto;}
.chkbox_wrap div {margin: 20px 10px;}


/************************************************************************************************************************/

/* cs - 게시판 */
.main_cs_tbl th:nth-child(1),
.main_cs_tbl th:nth-child(3),
.main_cs_tbl th:nth-child(4),
.main_cs_tbl th:nth-child(5),
.main_cs_tbl th:nth-child(6) {width: 10%;}
.main_cs_tbl th:nth-child(2) {width: 50%;}
.main_cs_tbl td:nth-child(2) {text-align: left;}

/* cs - 게시판 상단 검색 */
.tbl_sch_wrap {display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; margin-bottom: 20px;}
.tbl_sch_wrap > div {margin-left: 10px;}

/* 페이지네이션 */
.page_wrap {text-align: center; margin: 30px 0;}
.page_nation {display: inline-block;}
.page_nation .none {display: none;}
.page_nation a {
	display: block; margin: 0 3px; float: left; width: 28px; height: 28px; line-height: 28px;
	text-align: center; background: #fff; color: #222; font-size:14px; border-radius: 50%;
}
.page_nation .arrow {}
.page_nation .pprev {background: #f9f9f9 url('../images/icon/page_pprev.png') no-repeat center center; margin-left: 0;}
.page_nation .prev {background: #f9f9f9 url('../images/icon/page_prev.png') no-repeat center center; margin-right: 7px;}
.page_nation .next {background: #f9f9f9 url('../images/icon/page_next.png') no-repeat center center; margin-left: 7px;}
.page_nation .nnext {background: #f9f9f9 url('../images/icon/page_nnext.png') no-repeat center center; margin-right: 0;}
.page_nation a.active {background: #222; color: #fff;}

/************************************************************************************************************************/

/* sub - 교육센터 소개 */
.intro_wrap {margin-top: 30px; margin-bottom: 30px; padding: 50px; background: #f5f5f5;}
.intro_wrap p.txt_l {text-align: center; margin-bottom: 40px; line-height: 2.5rem;}
.intro_wrap p.txt_m {margin-bottom: 10px;}
.intro_wrap span.circle {display: inline-block; padding: 1px 10px; border-radius: 50%; background: #e03a3e; color: #fff; margin-right: 3px;}

/* sub - 교육센터 소개 - 교육 철학 */
.intro2_wrap {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;}
.intro2_list {width: 50%; margin-bottom: 30px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;}
.intro2_list div:first-child {width: 30%; min-width: 150px;}
.intro2_list div:last-child {width: 70%;}

/* sub - 인사말 */
.greet_wrap {border: 1px dashed #222; border-radius: 50px; padding: 50px;}
.greet_wrap div {padding: 30px 50px;}
.greet_wrap img {width: 100%; max-width: 375px;}

/* sub - 연혁 */
.history_wrap {display: block;}
.history_list {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; border-bottom: 1px dashed #222;}
.history_list div {padding: 30px;}
.history_list div:first-child {width: 20%; text-align: center; background: #f5f5f5;}
.history_list div:last-child {width: 80%;}

/* sub - 오시는 길 */
.map_frame {width: 100%; max-width: 1200px; height: 350px; border: 0;}

/* 오시는 길 - 교통수단별 색상 설정 */
.traffic_tbl td {padding: 10px;}
.traffic_01, .traffic_02, .traffic_03, .traffic_04 {display: inline-block; color: #fff; padding: 0 5px; margin: 2px;}
.traffic_01 {background: #c77539;}
.traffic_02 {background: #73b6e4;}
.traffic_03 {background: #7cc4a5;}
.traffic_04 {background: #1eb359;}

/* sub - 자격관리기관 */
.certi_manage_tbl th, .certi_manage_tbl td {font-size: 1.000rem;}
.certi_manage_tbl td:nth-child(1) {width: 20%;}
.certi_manage_tbl td:nth-child(2) {width: 50%;}
.certi_manage_tbl td:nth-child(3) {width: 30%;}

/* sub - 자격관리기관 - 모바일 */
.certi_manage_wrap {display: none;}
.certi_manage_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 50px;
}
.certi_manage_list div {text-align: center; width: 50%;}
.certi_manage_list div:nth-child(3) {width: 100%;}
.certi_manage_list div p {display: block; width: 100%; min-height: 50px; padding: 10px; word-break: break-all;}
.certi_manage_list div p:first-child {background: #f5f5f5;}

/* sub - 전체 과정 보기 */
.whole_lec_wrap {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
.whole_lec_list {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; width: 50%; border-bottom: 1px solid #222;}
.whole_lec_list:nth-child(1), .whole_lec_list:nth-child(2) {border-top: 1px solid #222;}
.whole_lec_list div {padding: 30px;}
.whole_lec_list div:first-child {background: #f5f5f5; width: 30%; text-align: center;}
.whole_lec_list div:last-child {width: 70%;}
.whole_lec_list div ul li a {font-size: 1.000rem;}

/* sub - 이용약관/개인정보처리방침 본문 */
.mem_section p.txt_l {margin: 20px 0 15px;}
.mem_section p.txt_m {margin: 15px 0;}
.mem_section .refer_wrap_lt {display: flex; flex-flow: row wrap; justify-content: flex-start;}
.mem_section .refer_wrap_lt ul {width: 580px;}

/* sub - 이용약관 - 환불기준표 (1) */
.refund_1_wrap {display: none;}
.refund_1_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 20px;
}
.refund_1_list div:nth-child(1) {width: 100%;}
.refund_1_list div:nth-child(2) {width: 50%; border-right: 1px solid #e8eaed;}
.refund_1_list div:nth-child(3) {width: 50%;}
.refund_1_list div p {display: block; min-height: 50px; padding: 10px; margin: 0 !important; text-align: center;}
.refund_1_list div p:first-child {background: #f5f5f5;}

/* sub - 이용약관 - 환불기준표 (2) */
.refund_2_wrap {display: block;}
.refund_2_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 20px;
}
.refund_2_list div {width: 33.33%; text-align: center;}
.refund_2_list div p {display: block; min-height: 50px; padding: 10px; margin: 0 !important;}
.refund_2_list div p:first-child {background: #f5f5f5;}

/* sub - 개인정보처리방침 - 상단 리스트 */
.terms_list_wrap {display: flex; flex-flow: row wrap; justify-content: center; background: #f5f5f5; padding: 20px;}
.terms_list_wrap ul {width: 50%;}
.terms_list_wrap ul li a {font-size: 1.000rem;}
.terms_list_wrap ul li a:hover {text-decoration: underline;}

/* sub - 개인정보처리방침 - 위탁내용 */
.privacy_wrap {display: none;}
.privacy_list {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 20px;
}
.privacy_list div {width: 50%;}
.privacy_list div p {display: block; min-height: 50px; padding: 10px; margin: 0 !important; text-align: center;}
.privacy_list div p:first-child {background: #f5f5f5;}

/* sub - 개인정보처리방침 - 담당자 */
.charge_tbl {width: 60%;}

/************************************************************************************************************************/

/* exam - 자격시험 팝업창 */
.exam_info_wrap {
	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;
	border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 20px;
}
.exam_info_list {width: 25%;}
.exam_info_list p {display: block; min-height: 50px; padding: 10px; margin: 0 !important; text-align: center;}
.exam_info_list p:first-child {background: #f5f5f5;}

.exam_tbl th, .exam_tbl td {text-align: left !important;}
.exam_tbl td.q_list {font-weight: 600; background: #f5f5f5 !important; padding: 10px 20px;}
.exam_tbl td.q_list .q_jimun {border: 1px solid #222; margin: 10px; padding: 20px; background: #fff; font-weight: 400;}
.exam_tbl .radio_wrap {min-height: 30px;}