/************************************************** Desktop **************************************************/
/* 미디어 쿼리 */
@media (max-width: 1280px) {	

	/* main - 슬라이드 */
	.main_slide, .main_slide .swiper-slide img {height: 350px;}
	
	/* main - 슬라이드 하단 미니게시판 기본 설정 */
	.mini_board:first-child {width: 40%;}
	.mini_board:last-child {width: 58%;}
	
}


/************************************************** Large Tablet - landscape **************************************************/
@media (max-width: 1024px) {	
	
	/* header - 상단 로고, 검색창 */
	.top_main_lt {width: 32%;}
	.top_main_ct {width: 33%;}
	.top_main_rt {width: 35%;}
	
	/* header - GNB메뉴 */
	.main_menu {padding: 0;}
	
	/* main - 슬라이드 */
	.main_slide, .main_slide .swiper-slide img {height: 300px;}
	
	/* main - 슬라이드 하단 미니게시판 기본 설정 */
	.mini_board:first-child {width: 36%;}
	.mini_board:last-child {width: 62%;}
	
	/* mypage - 나의 강의실 - 나의 시험 */
	.my_test_tbl th:nth-child(1) {width: 23%;}
	.my_test_tbl th:nth-child(2) {width: 9%;}
	.my_test_tbl th:nth-child(3) {width: 9%;}
	.my_test_tbl th:nth-child(4) {width: 9%;}
	.my_test_tbl th:nth-child(5) {width: 15%;}
	.my_test_tbl th:nth-child(6) {width: 11%;}
	.my_test_tbl th:nth-child(7) {width: 9%;}
	.my_test_tbl th:nth-child(8) {width: 15%;}
	
	/* member - 로그인 */
	.mem_login_wrap {width: 55%;}
	
}


/************************************************** Phone + Small Tablet - landscape **************************************************/
@media (max-width: 860px) {
	header, main, footer {top: 120px;}
	
	/* header */
	#header {position: fixed; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 2px solid #e03a3e;}
	.top_loginout_wrap, .main_menu_wrap {display: none;}
	
	/* header - 최상단 링크바 */
	.top_link {padding-left: 20px; padding-right: 20px;}
	.top_link ul li a {font-size:0.813rem; padding: 13px;}
	
	/* header - 상단 로고, 검색창 */
	.top_main_wrap {height: 80px; padding-top: 0;}
	.top_main {height: 80px;}
	.top_main_lt {width: 50%; padding-left: 50px;}
	.top_main_ct {width: 46%;}
	.top_main_rt {display: none;}
	.top_main_lt img {max-height: 60px; top: 5px;}
	.m_menu_btn {display: block; top: 58px;}
	
	/* header - 퀵메뉴 */
	.dr_go_wrap {display: none;}
	
	/* main - 슬라이드 */
	.main_slide, .main_slide .swiper-slide img {height: 280px;}

	/* main - 멀티 강좌 배너 */
	.slide_bnn_wrap {width: 92%;}
	.slide_bnn_wrap .slide_bnn > div {min-height: 270px;}
	
	/* main - 고객센터 */
	.main_cs_wrap > div {width: 33.33%; min-height: 180px;}
	.main_cs_wrap > div.main_cs_txt {width: 100%;}
	.main_cs_wrap img {top: 10%;}
	.main_cs_wrap p.txt_m {top: 15%;}
	
	/* lecture - 강좌 리스트 */
	.lec_list_tbl {display: none;}
	.lec_list_wrap {display: block;}
	
	/* lecture - 강좌 상세보기 */
	.lec_smry_tbl td:nth-child(1) {width: 25%;}
	.lec_smry_tbl td:nth-child(2) {width: 50%;}
	.lec_smry_tbl td:nth-child(3) {width: 25%;}
	
	/* mypage - 수강 중인 강좌, 수강 종료 강좌, 나의 강의실 */
	.my_lec_tbl {display: none;}
	.my_lec_wrap {display: block;}
	.my_lec_list div {width: 33.33%;}
	
	/* mypage - 나의 시험 */
	.my_test_tbl {display: none;}
	.my_test_wrap {display: block;}
		
	/* mypage - 나의 강의실 - 강좌 커리큘럼 */
	.lec_curri_view_tbl {display: none;}
	.lec_curri_view_wrap {display: block;}
	
	/* mypage - 자격정보 - 온라인/실물 자격증, 확인서 발급 */
	.my_certi_tbl {display: none;}
	.my_certi_wrap {display: block;}
	
	/* mypage - 주문정보 - 결제진행 */
	.my_cart_pay_tbl {display: none;}
	.my_cart_pay_wrap {display: block;}
	
	/* mypage - 주문정보 - 가상계좌 발급현황 */
	.virtual_acc_tbl {display: none;}
	.virtual_acc_wrap {display: block;}
	
	/* mypage - 주문정보 - 지난 결제내역 */
	.my_past_tbl {display: none;}
	.my_past_wrap {display: block;}
	
	/* member - 로그인 */
	.mem_login_wrap {width: 70%;}
	
	/* member - ID/PW찾기 */
	.mem_find_wrap > div {width: 49%;}
	
	/* sub - 교육센터 소개 - 교육철학 */
	.intro2_list div {width: 100% !important; text-align: center; padding: 10px;}
	
	/* sub - 자격관리기관 */
	.certi_manage_tbl {display: none;}
	.certi_manage_wrap {display: block;}
	
}

/************************************************** Large Tablet - portrait **************************************************/
@media (max-width: 768px) {

	/* main - 슬라이드 */
	.main_slide, .main_slide .swiper-slide img {height: 220px;}
	
	/* main - 슬라이드 하단 미니게시판 기본 설정 */
	.mini_board:first-child, .mini_board:last-child {width: 100%;}
	.mini_board:first-child {margin-bottom: 20px;}
	.main_evt_wrap {min-height: 270px;}
	
	/* lecture - 강좌 상세보기 */
	.lec_smry_tbl tr {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; border-bottom: 0 !important;}
	.lec_smry_tbl td {height: auto;}
	.lec_smry_tbl td:nth-child(1) {width: 45%;}
	.lec_smry_tbl td:nth-child(2) {width: 55%;}
	.lec_smry_tbl td:nth-child(3) {width: 100%;}
	
	/* mypage - 랜딩 페이지 */
	.my_landing_list {width: 48%; margin-bottom: 20px;}
	
	/* member - 회원가입, 회원정보수정, 배송정보입력 */
	.join_tbl .select_box {margin: 5px 0;}
	.join_tbl .w_60 {width: 90%;}
	.join_tbl .w_30 {width: 40%;}
	
	/* member - ID/PW찾기 */
	.mem_find_wrap {flex-flow: column; align-items: center;}
	.mem_find_wrap > div {width: 100%;}
	.mem_find_wrap > div:first-child {margin-bottom: 50px;}
	
	/* member - 개인정보처리방침 - 상단 리스트 */
	.terms_list_wrap ul {width: 100%;}
	
	/* member - 개인정보처리방침 - 담당자 */
	.charge_tbl {width: 100%;}
	.charge_tbl th {width: 30% !important;}
	
	/* sub - 고객센터 게시판 */
	.main_cs_tbl {display: none;}
	.acco_wrap {display: block;}
	
	/* sub - 전체 과정 보기 */
	.whole_lec_list {width: 100%;}
	.whole_lec_list:nth-child(2) {border-top: none;}
}

/************************************************** Small Tablet - portrait **************************************************/
@media (max-width: 600px) {	
	header, main, footer {top: 110px;}
	
	/* header - 최상단 링크바 */
	.top_link_wrap, .top_link ul li {height: auto;}
	.top_link {padding-left: 0; padding-right: 0;}
	.top_link ul {justify-content: center;}
	.top_link ul li a {font-size: 0.750rem; padding: 8px; line-height: 30px;}
	
	/* header - 상단 로고, 검색창 */
	.top_main_lt {width: 52%;}
	.top_main_ct {width: 44%;}
	.top_main_lt img {max-width: 100%;}
	.m_menu_btn {top: 48px;}
	
	/* footer */
	.footer_list ul {justify-content: space-between;}
	.footer_list ul li {width: 33.33%; margin-right: 0;}
	
	/* main - 슬라이드 */
	.main_slide, .main_slide .swiper-slide img {height: 200px;}

	/* main - 슬라이드 하단 미니게시판 기본 설정 */
	.main_evt_wrap {min-height: 210px;}
	
	/* main - 고객센터 */
	.main_cs_wrap > div {width: 50%; min-height: 170px; padding: 10px;}
	.main_cs_wrap > div.main_cs_txt {width: 50%; text-align: center;}
	.main_cs_wrap img {top: 20%;}
	.main_cs_wrap p.txt_m {top: 20%;}	
		
	/* sub - 중단 탭메뉴 */
	.tab_menu li {width: 50%;}
	
	/* lecture - 강좌 리스트 */
	.lec_list div:nth-child(1) {width: 40%;}
	.lec_list div:nth-child(2) {width: 60%;}
	
	/* lecture - 강좌 상세보기 - 요약정보 */
	.lec_smry_ul li {font-size: 0.875rem;}
	
	/* lecture - 강좌 상세보기 - 커리큘럼 */
	.lec_curri_tbl {display: none;}
	.lec_curri_wrap {display: block;}
	
	/* lecture - 강좌 상세보기 - 자격정보 */
	.certi_info_tbl td {font-size: 0.875rem;}
	
	/* mypage - 중단 메뉴 */
	.my_tab_menu > li {width: 50%;}
	
	/* mypage - 수강 중인 강좌, 수강 종료 강좌, 나의 강의실 */
	.my_lec_list div {width: 50%;}
	
	/* mypage - 나의 시험 */
	.my_test_list div {width: 50%;}
	
	/* mypage - 자격정보 - 온라인/실물 자격증, 확인서 발급 */
	.my_certi_list div {width: 50% !important;}
	.my_certi_list div:first-child {width: 100% !important;}
	
	/* mypage - 주문정보 - 가상계좌 발급현황 */
	.virtual_acc_list div {width: 50% !important;}
	.virtual_acc_list div:first-child {width: 100% !important;}
	
	/* mypage - 주문정보 - 지난 결제내역 */
	.my_past_list div {width: 50% !important;}
	.my_past_list div:first-child {width: 100% !important;}
	
	/* member - 회원가입, 회원정보수정, 배송정보입력 */
	.join_tbl th {width: 35%;}
	.join_tbl .w_90 {width: 100%;}
	.join_tbl .w_30 {width: 46%;}	
	.join_tbl .id_pic {flex-flow: column;}
	.join_tbl .id_pic input {width: 100%;}
	.join_tbl .id_pic a {width: 100%; text-align: left; margin-top: 10px;}
	
	/* member - 로그인 */
	.mem_login_wrap {width: 90%;}
		
	/* member - 이용약관/개인정보처리방침 */
	.terms_tbl {width: 100%;}
		
	/* member - 이용약관 */
	.refund_1_tbl {display: none;}
	.refund_1_wrap {display: block;}
	.refund_2_wrap div {width: 100%;}
	
	/* member - 개인정보처리방침 */
	.privacy_tbl {display: none;}
	.privacy_wrap {display: block;}
		
	/* sub - 게시판 상단 검색 */
	.tbl_sch_wrap > div {text-align: right;}
		
	/* sub - 연혁 */
	.history_list div:first-child {width: 30%;}
	.history_list div:last-child {width: 70%;}
		
	/* sub - 자격관리기관 */
	.certi_manage_tbl tr {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
	.certi_manage_tbl th, .certi_manage_tbl td {width: 100% !important;}	
	.certi_manage_tbl td {height: auto;}
}

/************************************************** Phone - landscape + portrait **************************************************/
@media (max-width: 480px) {
	header, main, footer {top: 140px;}
	.section_wrap:last-child {margin-bottom: 50px;}
	
	/* 테이블 - 내용쓰기 */
	.main_tbl th, .main_tbl td {width: 100%; height: auto; padding: 10px 0;}
	.tbl_write tr {display: flex; flex-flow: column; align-items: center;}
	.tbl_write .w_60 {width: 100%;}
	.tbl_write .select_box {width: 49%;}
	
	/* header - 최상단 링크바 */
	.top_link_wrap {height: auto;}
	.top_link ul li {width: 50%; height: auto; text-align: center;}
	.top_link ul li a {padding: 0;}
	
	/* header - 상단 로고, 검색창 */
	.top_main {padding-left: 20px; padding-right: 20px;}
	.top_main_lt {width: 50%; padding-left: 40px;}
	.top_main_ct {width: 46%;}
	.m_menu_btn {width: 36px; height: 36px; top: 80px;}
	.m_menu_btn i {font-size: 1.750rem;}
	
	/* footer */
	.footer_list ul li {width: 50%;}
	.footer_info ul li:nth-child(2n) {display: none;}
	
	/* main - 슬라이드 */
	.main_slide, .main_slide .swiper-slide img {height: 140px;}
	
	/* main - 슬라이드 하단 미니게시판 기본 설정 */
	.main_evt_wrap {min-height: 160px;}
	
	/* main - 멀티 강좌 배너 */
	.slide_bnn_wrap .slide_bnn > div {text-align: center;}
	.slide_bnn_wrap .slide_bnn img {max-width: none;}
	
	/* main - 고객센터 */
	.main_cs_wrap img {top: 10%; width: 40px; height: auto;}
	.main_cs_wrap p.txt_m {top: 10%;}
	.main_cs_wrap > div {width: 100% !important; min-height: 110px;}
	.main_cs_wrap .main_cs_txt {padding-top: 30px;}
		
	/* lecture - 강좌 리스트 */
	.lec_list div:nth-child(1), .lec_list div:nth-child(2) {width: 100%;}
	.lec_list div:nth-child(2) p:nth-child(2) {text-align: left;}
	
	/* lecture - 강좌 상세보기 */
	.lec_smry_tbl tr {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
	.lec_smry_tbl td:nth-child(1),
	.lec_smry_tbl td:nth-child(2),
	.lec_smry_tbl td:nth-child(3) {width: 100% !important;}
	
	/* mypage - 랜딩 페이지 */
	.my_landing_list p:last-child {display: none;}
	.my_landing_list p.txt_xl {font-size: 1.125rem !important; border-bottom: none; padding: 10px 0 0;}
	.my_landing_list:hover p.txt_xl {border-bottom: none;}
	.my_landing_list img {width: 100%; max-width: 40px;}
	
	/* mypage - 나의 강의실 - 강좌 커리큘럼 */
	.lec_curri_view_list > div:first-child {width: 70%;}
	.lec_curri_view_list > div:last-child {width: 30%;}
	
	/* mypage - 주문정보 - 결제진행 */
	.my_cart_pay_list div:nth-child(1) {width: 100%;}
	.my_cart_pay_list div:nth-child(2),
	.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: 50%;}
	
	/* member - 로그인 */
	.mem_login_wrap {width: 100%; padding: 30px;}
	.mem_link_wrap {text-align: center; margin-bottom: 10px;}
	.mem_link_wrap a {display: block; float: none !important;}
		
	/* cs - 게시판 상단 검색 */
	.tbl_sch_wrap > div {width: 100%; margin-left: 0; margin-bottom: 5px;}
		
	/* sub - 교육센터 소개 */
	.intro_wrap {padding: 30px;}
	.intro2_list {width: 100%;}
	.intro2_list div {padding: 0;}
	
	/* sub - 인사말 */
	.greet_wrap {padding: 20px; border-radius: 20px;}
	.greet_wrap div {padding: 20px;}
	
	/* sub - 연혁 */
	.history_list div:first-child {width: 100%; padding: 10px;}
	.history_list div:last-child {width: 100%; padding: 20px 0;}
	
	/* sub - 자격관리기관 */
	.certi_manage_list div {width: 100% !important;}
	
	/* sub - 전체 과정 보기 */
	.whole_lec_list div {width: 100% !important; padding: 10px; text-align: center;}
	
	/* sub - 개인정보처리방침 */
	.terms_list_wrap {flex-flow: column;}
	.terms_list_wrap ul {width: 100%; margin: 0;}
	.privacy_list div {width: 100%;}
	
}

/************************************************** Phone - portrait **************************************************/
@media (max-width: 375px) {
	
	/* 폰트 기본 설정 변경 */
	p.txt_s {font-size: 0.750rem !important; line-height: 1.5rem;}
	p.txt_m, input, [placeholder], select, label, textarea, button {font-size: 0.875rem !important; line-height: 1.5rem;}
	p.txt_l {font-size: 1.000rem !important;}
	p.txt_xl {font-size: 1.125rem !important;}
	p.txt_2xl {font-size: 1.375rem !important;}
	
	/* 중단 메뉴 설정 변경 */
	.tab_menu li a {font-size: 0.875rem; line-height: 2.5rem;}
	.my_tab_menu > li {width: 100%;}
	.my_tab_menu > li > a, .my_tab_drop_menu > li > a {font-size: 0.875rem; line-height: 2.5rem;}
	.my_tab_drop_menu {top: 40px;}
		
	/* 테이블 기본 설정 변경 */
	.main_tbl th, .main_tbl td {min-height: 40px !important; font-size: 0.875rem !important; padding: 8px !important; line-height: 1.5rem;}
	.main_tbl tr:last-child, .tbl_view tr:last-child, .tbl_write tr:last-child {border-bottom: none;}
	
	/* 테이블 - 아코디언 메뉴 */
	.acco_list .menu {min-height: 40px;}
	.acco_list .menu a {width: 100%; font-size: 0.875rem; line-height: 1.5rem;}
	.acco_list .menu span.date {display: none;}
	.acco_list .panel {padding: 10px;}
	.acco_list .panel .content p {font-size: 0.875rem; line-height: 1.5rem;}
	
	/* 버튼 기본 설정 변경 */
	.btn, .btn_gray, .btn_wide {min-height: 40px !important; margin: 0 !important; margin-bottom: 5px !important;}
	
	/* 모바일 버전 설정 변경 */
	.lec_list div p,
	.my_lec_list div p,
	.my_certi_list div p,
	.virtual_acc_list div p,
	.refund_1_list div p,
	.refund_2_list div p,
	.privacy_list div p,
	.certi_manage_list div p {min-height: 40px; padding: 8px;}
	
	
	
	/* header - 상단 로고, 검색창 */
	.top_main {padding-left: 10px; padding-right: 10px;}
	.top_main_lt {width: 52%;}
	.top_main_ct {width: 44%;}
	.m_menu_btn {left: 10px;}
	
	/* footer */
	.footer_list ul li a {font-size: 0.875rem;}
	.footer_info ul li {font-size: 0.750rem; line-height: 1.375rem;}
	.footer_sns ul {justify-content: center;}
	.footer_sns ul li {margin: 10px;}
		
	/* main - 슬라이드 */
	.main_slide, .main_slide .swiper-slide img {height: 140px;}
	
	/* main - 슬라이드 하단 미니게시판 기본 설정 */
	.mini_board_ttl_wrap {padding: 5px 0 10px;}
	.main_evt_wrap {min-height: 120px;}
	.mini_board_list ul li {margin: 0;}
	.mini_board_list ul li span, .mini_board_list ul li a {font-size: 0.875rem;}
	
	
	
	/* lecture - 강좌 리스트 */
	.lec_list div {width: 100% !important;}
	.lec_list_ul ul {padding: 10px;}
	
	/* mypage - 랜딩 페이지 */
	.my_landing_list {padding: 20px;}
	.my_landing_list p.txt_xl {font-size: 1.000rem !important;}
	
	/* mypage - 나의 강의실 - 강좌 커리큘럼 */
	.lec_curri_view_list > div:first-child {width: 75%; padding: 20px 10px;}
	.lec_curri_view_list > div:last-child {width: 25%; padding: 20px 10px;}
	
	/* mypage - 자격정보 - 자격증 발급 시 유의사항 안내 */
	.notice_wrap {padding: 20px;}
	
	/* mypage - 주문정보 - 가상계좌 발급현황 */
	.virtual_acc_list div {width: 100% !important;}
	
	/* member - 로그인 */
	.mem_link_wrap a {font-size: 0.875rem;}
	
	/* member - 회원가입 */
	.chkbox_wrap div {margin: 20px 0;}
	
	/* member - 이용약관/개인정보처리방침 */
	.mem_section p.txt_l {font-size: 1.000rem;}
	.terms_list_wrap ul li a {font-size: 0.875rem;}
	
	/* member - ID/PW 찾기 */
	.mem_find_wrap > div {padding: 30px;}
		
	/* cs - 게시판 상단 검색 */
	.tbl_sch_wrap .select_box {width: 100% !important; max-width: none;}
	.tbl_sch_wrap div .w_70 {width: 100%;}
	.tbl_sch_wrap div .inp_txt {margin-bottom: 5px;}
	.tbl_sch_wrap div .btn {width: 100%;}
		
	/* sub - 교육센터 소개 */
	.intro_wrap p.txt_l {line-height: 1.5rem;}
	
	/* sub - 오시는 길 */
	.traffic_tbl ul li {font-size: 0.875rem;}
	
	/* sub - 전체 과정 보기 */
	.whole_lec_list div ul li a {font-size: 0.875rem;}
	

}