/*---------------jr_card------------------*/

/* 넓이가 1179px 이하일 때*/
@media all and (max-width:1179px) {
	/* 나를알아보아요 - 저학년 진로흥미탐색 */
	.cont_arojunior .tab_step.open {bottom:0;opacity:1;}
	.cont_arojunior {padding-top: 0;}
	.cont_arojunior .tab_step {display: none;position:absolute;left:0;top:0;bottom:auto;opacity:0;width:100%;margin:0;padding:10px 20px 10px;border-radius: 28px 28px 0 0;opacity:1;overflow:hidden;transition:all 0.4s;background-color:#fff;z-index:5;max-height:250px;overflow-y:auto;background-image: none;}
	.cont_arojunior .tab_step ul { display:block; }
	.cont_arojunior .tab_step ul li {width:100%;text-align:center;}
	.cont_arojunior .tab_step ul li + li {margin-top:12px;}
	.cont_arojunior .tab_step ul li a {position:relative;display:block;width:100%;height:50px;line-height:50px;padding:0;border:0 none;border-radius:var(--radius-extraLarge); }
	.cont_arojunior .tab_step ul li a.active {color:var(--color-white);background-color:#ff8840;}
	.cont_arojunior .tab_step ul li a span { color:var(--color-gray-700); font-weight:400; font-size:19px; }
	.cont_arojunior .tab_step ul li a::after,
	.cont_arojunior .tab_step ul li a span::before { display:none; }
	.cont_arojunior .tab_step ul li a:hover,
	.cont_arojunior .tab_step ul li a:focus,
	.cont_arojunior .tab_step ul li a.active,
	.cont_arojunior .tab_step ul li a.complete { border:0 none; }
	.cont_arojunior .tab_step ul li a.complete span::after { right:10px; width:30px; height:30px;}

	/* 저학년 진로흥미탐색 - 메인 */
	.cont_arojunior .con_top_area .main_tit { font-size:var(--font-size-22); }
	.cont_arojunior .con_top_area .main_tit span { font-size:var(--font-size-26); }
	.cont_arojunior .arojunior_main { padding:120px 40px 80px; }
	.cont_arojunior .arojunior_main::after { width:460px; height:300px; background-size:cover; }
	.cont_arojunior .arojunior_main::before { height:160px; }
	.cont_arojunior .arojunior_main .tit { font-size:50px;padding: 16px 0 16px; }
	.cont_arojunior .arojunior_main .tit::before,
	.cont_arojunior .arojunior_main .tit::after { background-size:contain; }
	.cont_arojunior .arojunior_main .tit::before { top:-55px; width:50px; }
	.cont_arojunior .arojunior_main .tit::after { top:-25px; right:-60px; width:110px; }
	.cont_arojunior .arojunior_main .tit span { font-size:60px; }
	.cont_arojunior .arojunior_main .txt { font-size:var(--font-size-16);font-weight: 400;font-family: 'Paperlogy'; }
	.cont_arojunior .arojunior_main .btn_area { padding:88px 0 0; }
	.cont_arojunior .arojunior_main .btn_btest{
		display:block; width: 178px; height: 58px; line-height: 52px; border: 3px solid #1D8FD6; border-radius: 20px; background:#fff; font-size: 18px; font-weight: 500; color:#1B4C83; margin-top: 20px;
	}
	.cont_arojunior .arojunior_main .btn_btest:before{
		content:''; display: inline-block; width: 33px; height: 33px; background: url(/cloud/jm/images/sub/btn_btest-423ff88e7b07a95d1f9c78a689d215bd.png) no-repeat; vertical-align: middle; margin: 0 12px 5px 15px;
	}

	/* 저학년 진로흥미탐색 - 직업의 중요성 */
	.cont_arojunior.memo {padding-top: 0;}
	.cont_arojunior.memo .txt_info {padding:10px 25px;;}
	.cont_arojunior .txt_info { margin:0 0 30px; padding:10px 0 10px 100px; }
	.cont_arojunior .txt_info::before { width:90px; height:90px; background-size:cover; }
	.cont_arojunior .txt_info p { font-size:var(--font-size-24); }
	.cont_arojunior .txt_info p span { font-size:var(--font-size-28); }
	.cont_arojunior .txt_info.memo { padding:15px 0 15px 110px; }
	.cont_arojunior .txt_info.memo::before { top:50%; transform:translateY(-50%); width:80px; height:81px; margin:0; }
	.cont_arojunior .txt_info.memo p { font-size:var(--font-size-20); }
	.cont_arojunior .txt_info.memo .tit { font-size:var(--font-size-32); }
	.cont_arojunior .job_import { min-height:660px; padding:30px 60px; background-size:100% auto; }
	.cont_arojunior .job_import.step0::before,
	.cont_arojunior .job_import.step1::before,
	.cont_arojunior .job_import.step0::after,
	.cont_arojunior .job_import.step1::after { width:120px; background-size:contain; }
	.cont_arojunior .job_import.step0::before,
	.cont_arojunior .job_import.step1::before { right:50px; }
	.cont_arojunior .job_import.step0::after,
	.cont_arojunior .job_import.step1::after { top:160px; right:250px; width:90px; }
	.cont_arojunior .job_import.step0 .job_con::before { bottom:0; right:60px; width:400px; }
	.cont_arojunior .job_import .tit_job { padding-top:60px; font-size:50px; }
	.cont_arojunior .job_import .tit_job::before,
	.cont_arojunior .job_import .tit_job::after { background-size:contain; }
	.cont_arojunior .job_import .tit_job::before { width:95px; }
	.cont_arojunior .job_import .tit_job::after { top:30px; right:-50px; width:40px; }
	.cont_arojunior .job_import .txt_job { font-size:var(--font-size-22); }
	.cont_arojunior .job_import .btn_job { margin-top:30px; }
	.cont_arojunior .job_import .btn_job a { min-width:auto; }
	.cont_arojunior .job_import.step1 .step_list li a .txt { font-size:var(--font-size-22); }
	.cont_arojunior .job_import.step1 .step_list li a .num,
	.cont_arojunior .job_import .tit_step { width:100%; background-size:contain;padding-bottom: 20px;margin-bottom: 30px; }
	.cont_arojunior .job_import.step1 .step_list li a .num span,
	.cont_arojunior .job_import .tit_step span {font-size:var(--font-size-26); }

	/* 저학년 진로흥미탐색 - 직업의 중요성 - 상세 */
	.cont_arojunior .job_import.step2 { min-height:auto;height: auto; padding:60px; }
	.cont_arojunior .job_import.step2 .job_con .tit_step { top:-25px; left:30px; }
	.cont_arojunior .job_import.step2 .job_con .title { padding:50px 0 20px; font-size:var(--font-size-36); }
	.cont_arojunior .job_import.step2 .job_con .text { margin-top:30px; padding:0 20px; font-size:var(--font-size-20); }
	.cont_arojunior .job_import.step2 .job_con .text + .text { margin-top:15px; }
	.cont_arojunior .job_import.step2 .job_con .text:last-child {margin-bottom: 30px;}
	.cont_arojunior .job_import.step2 .job_import_slide .slick-slide { min-height:1px; padding:0; }
	.cont_arojunior .job_import.step2 .job_import_slide .slick-slide::after { width:60px; height:50px; margin:20px auto 0; background-size:contain; }
	.cont_arojunior .job_import.step2 .job_import_slide .slick-prev,
	.cont_arojunior .job_import.step2 .job_import_slide .slick-next { width:54px; height:54px; }
	.cont_arojunior .job_import.step2 .job_import_slide .slick-prev { left:calc(36px/-2); }
	.cont_arojunior .job_import.step2 .job_import_slide .slick-next { right:calc(36px/-2); }
	.cont_arojunior .job_import.step2 .job_import_slide .slick-prev:before,
	.cont_arojunior .job_import.step2 .job_import_slide .slick-next:before { width:30px; }

	/* 저학년 진로흥미탐색 - 자기이해 */
	.cont_arojunior .painting { padding:40px 50px; }

	/* 저학년 진로흥미탐색 - 자기이해 - 결과 */
	.cont_arojunior .txt_info.self_understanding.result { padding:0 0 0 120px; }
	.cont_arojunior .txt_info.self_understanding.result::before { width:90px; height:107px; background-size:contain; }
	.self_understanding_result .type_box_wrap .type_char .img_type_char img { height:360px; }
	.self_understanding_result .type_box_wrap .title_type .type em { font-size:var(--font-size-64); }
	.self_understanding_result .type_box_wrap .title_type .txt { padding:4px 16px; }
	.self_understanding_result .type_box_wrap .title_type .txt span { font-size:var(--font-size-18); }
	.self_understanding_result .type_box_wrap .desc { font-size:var(--font-size-20); }

	/* 저학년 진로흥미탐색 - 나의다짐 */
	.cont_arojunior .promise .promise_con { padding:35px; }
	.cont_arojunior .promise .promise_con .top_input_wrap { padding-bottom:20px; }
	.cont_arojunior .promise .promise_con .top_input_wrap .input_wrap .input_style { height:40px; line-height:40px; padding:0 15px; font-size:var(--font-size-18); }
	.cont_arojunior .promise .promise_con .mid_input_wrap::before,
	.cont_arojunior .promise .promise_con .mid_input_wrap::after { background-size:contain; }
	.cont_arojunior .promise .promise_con .mid_input_wrap::before { width:140px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap::after { right:0; width:150px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style li { padding-left:18px; font-size:var(--font-size-20); word-break:keep-all; }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style li::before { width:10px; height:10px; }

	/* 고학년 진로흥미탐색 - 검사전 예시, 검사 */
	.cont_higher .progress_wrap { margin-bottom:40px; }
	.cont_higher .progress_wrap .progress_bar { gap:15px; width:calc(100% - 158px - 16px); height:55px; padding:8px 20px; }
	.cont_higher .progress_wrap .progress_bar .tit { font-size:var(--font-size-18); }
	.cont_higher .progress_wrap .progress_bar .percent { font-size:var(--font-size-16); }
	.cont_higher .progress_wrap .progress_bar .percent strong { font-size:var(--font-size-26); }
	.cont_higher .progress_wrap .btn_temporary_save { max-width:158px; }
	.cont_higher .progress_wrap .btn_temporary_save .btn_style.small { height:55px; line-height:55px; padding:0 40px; font-size:var(--font-size-20); }
	.cont_higher .test_wrap { gap:40px; }
	.cont_higher .test_wrap .test_con_right { width:calc(100% - 212px - 40px); }
	.cont_higher .test_wrap .test_con_right .item_set_question { padding:30px; }
	.cont_higher .test_wrap.guide .test_con_right .item_set_question.example::before { width:160px; background-size:contain; }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt .btn_list .btn_type2 { padding:6px 15px; }

	/* 고학년 진로개발역량  */
	.cont_higher.develop .form_box .txt .checkpoint {display: block;}
	.cont_higher.develop .form_box .requisite_con {flex-direction: column;gap: 40px 22px;}
	.cont_higher.develop .form_box .requisite_con .gender_con + .grade_con::before {display: none;}
	.cont_higher.develop .check_con_wrap {flex-direction: column;gap: 10px;}

	/* 고학년 진로개발역량 - 검사전 예시, 검사 */
	.cont_higher.develop .test_wrap .test_con_right .item_desc_wrap .item_desc { height:61px;margin:0 0 11px 0;border-radius: 16px; }

	/* 검사결과표 - 공통 */
	.cont_result_wrap .box_common_service .list_service .link_service { font-size:var(--font-size-16); }
	.cont_result_wrap .box_common_service .list_service .service1 { padding-left:30px; }
	.cont_result_wrap .box_common_service .list_service .service1:before { width:20px; height:23px; background-size:contain; }
	.cont_result_wrap .box_common_service .list_service .service2 { padding-left:30px; }
	.cont_result_wrap .box_common_service .list_service .service2:before { width:20px; height:23px; background-size:contain; }
	.cont_result_wrap .box_common_service .list_service .service3 { padding-left:30px; }
	.cont_result_wrap .box_common_service .list_service .service3:before { width:20px; height:23px; background-size:contain; }
	.cont_result_wrap .box_common_service .list_service .service4 { padding-left:30px; }
	.cont_result_wrap .box_common_service .list_service .service4:before { width:20px; height:23px; background-size:contain; }
	.cont_result_wrap .box_common_service .list_service li { padding:20px 15px; }
	.cont_result_wrap .box_common_service .item_box .tit_item { font-size:var(--font-size-16); }
	.cont_result_wrap .inspct_drop2 { padding:0 5px; font-size:var(--font-size-16); }
	.cont_result_wrap .box_common_service .item_box .btn_visit { padding:0 10px; font-size:var(--font-size-14); }

	/* 공통 : 고학년 진로개발역량 결과표 */
	.promise_wrap .tbl_result.develop_result04 { margin-top:30px; }
	.promise_wrap .tbl_result.develop_result04 .img_col { width:30%; }
	.promise_wrap .tbl_result.develop_result04 .img_bx { float:none; width:100%; text-align:center; }
	.promise_wrap .promise_bx { float:none; width:100%; text-align:center; }
	.test_top_txt.type2 .btn_list .btn_type2 { padding:6px 15px; }

	/* 주니어 진로카드 - 메인 */
	.cont_course_card { padding:80px 20px; }
	.cont_course_card .inner::before,
	.cont_course_card .inner::after { content:none; }
	.cont_course_card .course_card_list { gap:40px; }

	/* 주니어 진로카드 - 카드 전체 리스트 */
	/* common */
	.course_card_list_top {padding: 75px 50px;}
	.course_card_list_top .tit { margin-bottom:10px; font-size:var(--font-size-32); }
	.course_card_list_top .txt { font-size:var(--font-size-20); }
	.course_card_area { margin-top:30px; }
	.course_card_area a { font-size:var(--font-size-20); }
	.course_card_area .btn_other_card::before { width:14px; background-size:contain; }
	.course_card_list_wrap .course_card_list li.selected::after { background-size:60px auto !important; }
	.course_card_fixed .card_fixed_cont { max-width:none; width:100%; height:auto; padding:20px; }
	.course_card_fixed .card_fixed_cont .card_fixed_cmt .card_fixed_cmt_con { padding-left:85px; }
	.course_card_fixed .card_fixed_cont .card_fixed_cmt .card_fixed_cmt_con::before { width:70px; background-size:contain; }
	.course_card_fixed .card_fixed_cont .card_fixed_cmt .card_fixed_cmt_con .tit { margin-bottom:8px; font-size:var(--font-size-16); }
	.course_card_fixed .card_fixed_cont .card_fixed_cmt .card_fixed_cmt_con .txt { max-width:120px; word-break:keep-all; }
	.course_card_fixed .card_fixed_cont .car_choice_list { gap:15px; }
	.course_card_fixed .card_fixed_cont .car_choice_list li { width:120px; height:140px; }
	.course_card_fixed .card_fixed_cont .car_choice_list li .card_box { padding:15px 0; }
	.course_card_fixed .card_fixed_cont .car_choice_list li .card_img { height:70px; }
	.course_card_fixed .card_fixed_cont .car_choice_list li .card_img img { height:100%; object-fit:cover; }
	.course_card_fixed .card_fixed_cont .car_choice_list li strong { font-size:var(--font-size-14); }
	.course_card_fixed .card_fixed_cont .car_choice_list li .guide_txt { font-size:var(--font-size-14); }
	.course_card_fixed .card_fixed_cont .card_fixed_btn a { min-width:155px; }
	.course_card_fixed .card_fixed_cont .card_fixed_btn .card_reset { padding:8px 15px 8px 38px; }
	.course_card_fixed .card_fixed_cont .card_fixed_btn .card_reset::after { left:15px; width:15px; background-size:contain; }
	.course_card_fixed .card_fixed_cont .card_fixed_btn .card_select { padding:8px 38px 8px 15px; }
	.course_card_fixed .card_fixed_cont .card_fixed_btn .card_select::after { right:15px; background-size:contain; }

	/* 주니어 진로카드 - 전체에서4개선택, 4개에서2개선택 */
	.card_choice_box .course_card_list_wrap { max-width:none; padding:40px 30px; }

	/* 주니어 진로카드 - 선택결과 */
	.card_result_cmt .result_txt { font-size:var(--font-size-26); }
	/* 알쏭달쏭, 으쓱으쓱 */
	.card_result_cmt .result_con .q_a li + li { margin-top:35px; }
	.card_result_cmt .result_con .q_a li .q { padding-left:28px; font-size:var(--font-size-22); }
	.card_result_cmt .result_con .q_a li .q::before { top:0.3rem; width:20px; background-size:contain; }
	.card_result_cmt .result_con .q_a li p { font-size:var(--font-size-16); }
	/* 반짝반짝 */
	.card_result_cmt .con_box { padding:30px; }
	.card_result_cmt .con_box .con_list li:nth-child(n+3) { margin-top:0; }



	.mypage_section .junior_job_info_list .no_data, 
	.mypage_section .future_job_info_list .no_data, 
	.mypage_section .junior_video_list .no_data, 
	.mypage_section .junior_experience_fav_list .no_data,
	.mypage_content .career_info_con .career_quest_list .no_data{background-position: center 54px;}
	.mypage_section .total_con_list > div .no_data .sect_info{padding-top: 182px; margin-top: 0;}

}

/* 넓이가 991px 이하일 때*/
@media all and (max-width:991px) {
	/* btn */
	.btn_movie { padding:7px 15px 7px 40px; font-size:var(--font-size-14);width: 200px;height: 36px;border-radius: 5px; }
	.btn_movie::before { left:15px; font-size:var(--font-size-18); }
	.btn_movie.blue {width: 100%;}
	.btn_movie.purple {width: 100%;}

	/* input_style */
	.input_style { height:35px; line-height:35px; padding:0 15px; font-size:var(--font-size-14); }
	.radio_style01 { width:20px; height:20px; line-height:1; }
	.radio_style01:checked::before { font-size:12px; }
	.radio_style02 { border:1px solid var(--color-gray-200); width:60px; height:60px; }
	.radio_style02:checked { border:2px solid var(--color-primery-400); }
	.radio_style02:checked::before { font-size:var(--font-size-14); color:#fff; }
	.radio_style02:hover { box-shadow:0 0 0 2px var(--color-primery-50); }

	/* 저학년 진로흥미탐색 - 메인 */
	.cont_arojunior .con_top_area { display:block;margin-bottom: 21px; }
	.cont_arojunior .con_top_area .btn_guide {align-items: center;}
	.cont_arojunior .con_top_area .main_tit { margin-bottom:20px;width: 100%;text-align: center;max-width: 100%; }
	.cont_arojunior .arojunior_main { padding:100px 40px 0; }
	.cont_arojunior .arojunior_main::after { position:static; margin:0 auto; }
	.cont_arojunior .arojunior_main .tit { font-size:32px;padding-top: 10px; }
	.cont_arojunior .arojunior_main .tit::after { right:-65px; }
	.cont_arojunior .arojunior_main .tit span { font-size:50px; }
	/* .cont_arojunior .arojunior_main .txt br { display:none; } */
	.cont_arojunior .arojunior_main .btn_area { padding:30px 0 20px; }

	/* 저학년 진로흥미탐색 - 직업의 중요성 */
	.cont_arojunior .job_import.step1 { padding:50px; }
	.cont_arojunior .job_import.step1 .step_list { width:calc(100% + 30px); margin:56px 0 0 -15px; }
	.cont_arojunior .job_import.step1 .step_list li { width:calc(33.33% - 30px); margin:0 15px; }
	.cont_arojunior .job_import.step1 .step_list li a { padding:45px 20px 15px;position: relative; }
	.cont_arojunior .job_import.step1 .step_list li a .txt { font-size:var(--font-size-18);padding-right: 20px; }
	.cont_arojunior .job_import.step1 .step_list li a .num,
	.cont_arojunior .job_import .tit_step {padding-bottom: 15px;margin-bottom: 20px;}
	.cont_arojunior .job_import.step1 .step_list li a .num span,
	.cont_arojunior .job_import .tit_step span {font-size:var(--font-size-20);}
	.cont_arojunior .job_import.step1 .step_list li a .btn { position: absolute;right: 20px;bottom: 15px;width:27px; height:27px; margin-top:15px; background-size:50%; }

	/* 저학년 진로흥미탐색 - 직업의 중요성 - 상세 */
	.cont_arojunior .job_import.step2 .job_con .title { padding:40px 0 15px; font-size:var(--font-size-28); }
	.cont_arojunior .job_import.step2 .job_con .text { margin-top:20px; padding:0 40px; font-size:var(--font-size-18); }
	.cont_arojunior .job_import.step2 .job_con .text:last-child {margin-bottom: 20px;}
	.cont_arojunior .job_import.step2 .job_con .text br { display:none; }

	/* 저학년 진로흥미탐색 - 자기이해 */
	.cont_arojunior .painting .painting_con { flex-direction: column-reverse; }
	.cont_arojunior .painting .painting_con .pic_wrap { margin:0 auto;height: 100%; }
	.cont_arojunior .painting .painting_con .answer_wrap { width:100%; min-height:auto; margin:20px auto 0; }

	/* 저학년 진로흥미탐색 - 자기이해 - 결과 */
	.cont_arojunior .txt_info { padding:10px 0;text-align: center; }
	.cont_arojunior .txt_info::before { width:75px; height:75px; }
	.cont_arojunior .txt_info p { font-size:var(--font-size-18);text-align: center;}
	.cont_arojunior .txt_info p.input_wrap { font-size:var(--font-size-24);display: flex;gap: 15px;flex-wrap: wrap; align-items: center;}
	.cont_arojunior .txt_info p span { font-size:var(--font-size-22); }
	.self_understanding_result .type_box_wrap .inner { padding:30px; }
	.self_understanding_result .type_box_wrap .type_char .img_type_char img { height:220px; }
	.self_understanding_result .type_box_wrap .type_char .img_type_char::after { bottom:-17px; width:180px; height:46px; background-size:contain; }
	.self_understanding_result .type_box_wrap .title_type .type em { margin-right:10px; font-size:50px; }
	.self_understanding_result .type_box_wrap .desc { font-size:var(--font-size-18); }
	.self_understanding_result .type_box_wrap .desc p { word-break:keep-all; }
	.self_understanding_result .type_box_wrap .graph ul li { margin-right:15px; }
	.self_understanding_result .type_box_wrap .graph .subject { font-size:var(--font-size-14); }
	.self_understanding_result .different_type .type_info_con { padding:30px; }
	.self_understanding_result .different_type .type_info_con .type_info .type_name span { font-size:var(--font-size-28); }
	.self_understanding_result .different_type .type_info_con .type_info .txt { margin-top:10px; }
	.self_understanding_result .different_type .type_info_con .type_info .txt p { font-size:var(--font-size-16); }
	.self_understanding_result .different_type .type_info_con .type_job_list .tit_type_job_list { font-size:var(--font-size-20); }
	.self_understanding_result .different_type .type_info_con .type_job_list .img { width:100px; height:95px; }
	.self_understanding_result .different_type .type_info_con .type_job_list .name { font-size:var(--font-size-16); }
	.self_understanding_result .different_type .type_info_con .type_job_list ul { gap:12px; margin-top:15px; }
	.self_understanding_result .different_type .type_info_con .type_job_list ul li { width:calc(33.33% - 9px); }
	.self_understanding_result .different_type .type_info_con .type_job_list ul li a { padding:15px; }
	.self_understanding_result .different_type .type_info_con .type_job_list ul li.other_more a .txt { font-size:var(--font-size-16); }
	.self_understanding_result .btn_result_bot { gap:100px; margin:40px 0; }

	/* 저학년 진로흥미탐색 - 나의다짐 */
	.promise .input_style { height:30px; line-height:30px; padding:0 2px; font-size:var(--font-size-18);transform: translateY(-1px); }
	.cont_arojunior .promise .promise_con .top_input_wrap { padding-bottom:15px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap { padding-bottom:25px;display: block; }
	.cont_arojunior .promise .promise_con .mid_input_wrap::before,
	.cont_arojunior .promise .promise_con .mid_input_wrap::after { content:none; }
	.cont_arojunior .promise .promise_con .mid_input_wrap .tit { margin-top:25px; font-size:var(--font-size-32); }
	.cont_arojunior .promise .promise_con .mid_input_wrap .tit + .stit { margin-top:15px;}
	.cont_arojunior .promise .promise_con .mid_input_wrap .stit { width: 100%; margin:30px 0 15px; padding:6px 18px; font-size:var(--font-size-22); }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style li { font-size: var(--font-size-18); padding-left:14px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style li::before { top:1rem; width:7px; height:7px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style .input_style { width:auto !important; }
	.cont_arojunior .promise .promise_con .btn_print { margin-top:25px; }
	.cont_arojunior .promise .promise_con .btn_print a { padding:10px 20px 10px 70px; }
	.cont_arojunior .promise .promise_con .btn_print a::before { left:20px; width:35px; background-size:contain; }
	.cont_arojunior .promise .promise_con .btn_print a span { font-size:var(--font-size-24); }

	/* 고학년 진로흥미탐색 - 메인 */
	.cont_higher .higher_main { padding:40px; border-radius:var(--radius-large); }
	.cont_higher .higher_main .con_left::after { top:0; width:180px; }
	.cont_higher .higher_main .con_left .tit { margin-bottom:10px; font-size:var(--font-size-32); }
	.cont_higher .higher_main .con_left .txt { margin-bottom:15px; font-size:var(--font-size-18); }
	.cont_higher .higher_main .info_select { padding:40px 30px 30px; }
	.cont_higher .higher_main .info_select .tit { top:calc(56px/-2 + 6px); min-width:250px; height:fit-content; background-size:contain; }
	.cont_higher .higher_main .info_select .tit span { padding:14px 0 18px; font-size:var(--font-size-16); }
	.cont_higher .higher_main .info_select .txt { font-size:var(--font-size-16); }
	.cont_higher .higher_main .info_select .requisite_con { margin:15px 0; padding:15px; }
	.cont_higher .higher_main .info_select .requisite_con .stit { font-size:var(--font-size-14); }
	.cont_higher .higher_main .info_select .requisite_con ul { gap:15px; }
	.cont_higher .higher_main .info_select .requisite_con .input_male::before,
	.cont_higher .higher_main .info_select .requisite_con .input_male:checked::before,
	.cont_higher .higher_main .info_select .requisite_con .input_female::before,
	.cont_higher .higher_main .info_select .requisite_con .input_female:checked::before { width:40px; background-size:contain; }
	.cont_higher .higher_main .info_select .requisite_con label span { font-size:var(--font-size-14); }
	.cont_higher .higher_main .info_select .requisite_con .grade_con .radio_style02::before { font-size:var(--font-size-32); }
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li { gap:15px; }
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li .stit { min-width:70px; font-size:var(--font-size-14); }
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li .input_con { width:calc(100% - 70px); }
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li .search-cont { position:relative; width:calc(100% - 70px); }
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li .search-cont .btn_search::before { font-size:var(--font-size-18); }
	.cont_higher .higher_main .info_select .check_con_wrap { margin-top:20px; }
	.cont_higher .higher_main .info_select .check_con ul { gap:20px; }
	.cont_higher .higher_main .info_select .check_con ul li label span { margin-left:5px; }
	.cont_higher .higher_main .info_select .check_con .btn_join a { padding:8px 20px; }
	.cont_higher .bot_txt { font-size:var(--font-size-16); }

	/* 고학년 진로개발역량 - 메인 */
	.cont_higher.develop .higher_main { padding:40px; border-radius:var(--radius-large); }

	/* 학교검색 모달 */
	.modal_popup.search_school .modal_area { width:500px; border-radius:var(--radius-small); }
	.modal_popup.search_school .modal_content .modal_top { padding:15px 20px; }
	.modal_popup.search_school .modal_content .modal_top .modal_tit { font-size:var(--font-size-16); }
	.modal_popup.search_school .modal_content .modal_top .modal_close { top:15px; right:20px; }
	.modal_popup.search_school .modal_content .modal_top .modal_close a { width:16px; height:16px; }
	.modal_popup.search_school .modal_content .modal_top .modal_close a::before { line-height:16px; font-size:var(--font-size-16); }
	.modal_popup.search_school .modal_content .modal_con { padding:15px; }
	.modal_popup.search_school .modal_content .search-box select { width:160px; height:34px; line-height:32px; padding:0 16px; font-size:var(--font-size-14); }
	.modal_popup.search_school .modal_content .search-box .input_style { width:calc(100% - 160px - 90px - 19px); height:34px; line-height:32px; padding:0 16px; font-size:var(--font-size-14); }
	.modal_popup.search_school .modal_content .search-box .btn-search { min-width:90px; padding:5px 16px 5px 40px; border-radius:var(--radius-small); font-size:var(--font-size-14); }
	.modal_popup.search_school .modal_content .search-box .btn-search::before { left:14px; transform:translateY(-50%); font-size:var(--font-size-16); }
	.modal_popup.search_school .modal_content .scroll-box { margin-top:15px; padding:20px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list { height:250px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list li { font-size:var(--font-size-16); }
	.modal_popup.search_school .modal_content .scroll-box .radio-list li + li { margin-top:5px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list li label span { min-width:110px; margin-right:15px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list .radio-btn input { width:18px; height:18px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list .radio-btn input:checked::before { font-size:var(--font-size-16); }
	.modal_popup.search_school .modal_content .modal_btn { margin-top:0; padding:0 20px 20px; }

	/* 고학년 진로흥미탐색 - 검사전 예시, 검사 */
	.cont_higher .progress_wrap .progress_bar { width:calc(100% - 115px - 16px); height:50px; padding:8px 20px; }
	.cont_higher .progress_wrap .progress_bar .tit { font-size:var(--font-size-16); }
	.cont_higher .progress_wrap .progress_bar .percent { font-size:var(--font-size-14); }
	.cont_higher .progress_wrap .progress_bar .percent strong { font-size:var(--font-size-22); }
	.cont_higher .progress_wrap .progress_bar .bar_progress { height:14px; }
	.cont_higher .progress_wrap .btn_temporary_save { max-width:115px; }
	.cont_higher .progress_wrap .btn_temporary_save .btn_style.small { height:50px; line-height:50px; padding:0 25px; font-size:var(--font-size-18); }
	.cont_higher .test_wrap { display:block; }
	.cont_higher .test_wrap .test_con_left { max-width:none; width:100%;display: none;}
	.cont_higher .test_wrap .test_con_left .count_con { margin-bottom:15px; }
	.cont_higher .test_wrap .test_con_left .count_con .tit { font-size:var(--font-size-16); }
	.cont_higher .test_wrap .test_con_left .count_con .count { font-size:var(--font-size-16); }
	.cont_higher .test_wrap .test_con_right { width:100%; }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt { margin-top:40px; }
	.cont_higher .test_wrap.guide .test_con_right .txt { word-break:keep-all; }

	/* 고학년 진로개발역량 - 검사전 예시, 검사 */
	.cont_higher .test_wrap .test_con_right .test_con_desc { margin:40px 0; }

	/* 고학년 진로흥미탐색 - 검사완료 */
	.cont_higher .test_result .tit_txt { font-size:var(--font-size-26); }
	.cont_higher .test_result .btn_area { margin:30px 0 0; }
	.cont_higher .test_result .txt { margin-top:30px; font-size:var(--font-size-18); word-break:keep-all; }
	.cont_higher .test_result .btn_style.large { min-width:400px; }

	/* 고학년 진로흥미탐색 - 검사소개 */
	.test_top_txt.type2 { flex-wrap:wrap; flex-direction:column; align-items:flex-start; gap:10px; margin:25px 0; }
	.cont_test_intro .tit_test_intro { font-size:var(--font-size-32); }
	.cont_test_intro .desc_stat { width:100%; }
	.cont_test_intro .desc_stat dt { width:auto; margin-right:10px; }
	.cont_test_intro .panel_intro_stat { margin-top:20px; padding:15px 0; }
	.cont_test_intro .stat_type1 dt:before { left:0; }
	.cont_test_intro .stat_type1 dt { padding-left:26px; }
	.cont_test_intro .stat_type2 { margin:0; }
	.cont_test_intro .stat_type3 { margin-top:0; }
	.cont_test_intro .stat_type3 dt { padding-left:26px; } 
	.cont_test_intro .desc_stat + .desc_stat { margin-top:0; }
	.cont_test_intro .stat_type3.w100 dt,
	.cont_test_intro .stat_type3.w100 dd { width:100% }
	.cont_test_intro .stat_type3.w100 dd { padding:3px 0 0 26px; word-break:keep-all; }

	/* 검사결과표 - 공통 */
	.cont_result_wrap { padding:30px; border-radius:var(--radius-medium); }
	.cont_result_wrap .txt_guide { margin-bottom:20px; font-size:var(--font-size-16); word-break:keep-all; }
	.cont_result_wrap .tbl_result th { padding:8px 0; }
	.cont_result_wrap .tbl_result td { padding:8px 0px; }
	.cont_result_wrap .tit_result_item { border-left-width:3px; margin:30px 0 20px; }
	.cont_result_wrap .tit_result_item .txt_tit { padding:0 10px; font-size:var(--font-size-20); word-break:keep-all; }
	.cont_result_wrap .list_score { padding:20px 30px; }
	.cont_result_wrap .list_score li { font-size:var(--font-size-14); }
	.cont_result_wrap .tit_interest_type { height:55px; line-height:55px; margin:40px 0 30px 0; font-size:var(--font-size-22); }
	.cont_result_wrap .txt_interest { font-size:var(--font-size-16); }
	.cont_result_wrap .list_interest .interest_info { padding:10px 0 0 25px; }
	.cont_result_wrap .list_interest .interest_info .desc_interest { padding-top:10px; font-size:var(--font-size-14); }
	.cont_result_wrap .list_interest .box_interest .txt_desc { padding-top:10px; font-size:12px; }
	.cont_result_wrap .list_interest .box_interest .img_thumb { width:85px; height:85px; }
	.cont_result_wrap .txt_get_job { margin-top:15px; }
	.cont_result_wrap .tit_bar { margin:15px 0; padding:10px 0; font-size:var(--font-size-18); }
	.cont_result_wrap .box_ctr .btn_ctr { padding:15px 0; font-size:var(--font-size-18); }
	.cont_result_wrap .box_common_service { margin-top:30px; }
	.cont_result_wrap .box_common_service .tit_box { padding:15px 0; font-size:var(--font-size-18); }
	.cont_result_wrap .box_common_service .list_service { gap:10px; padding:0 25px; }
	.cont_result_wrap .box_common_service .list_service li { width:calc(50% - 6px); }
	.cont_result_wrap .box_common_service .item_box { display:block; margin:0 25px; padding:25px 0; }
	.cont_result_wrap .box_common_service .item_box .item_inner { display:block; margin-top:20px; font-size:var(--font-size-14); }
	.cont_result_wrap .box_common_service .item_box .link_down { display:block; margin:15px 0 0 0; }
	.cont_result_wrap .box_common_service .check_info .desc_info { font-size:var(--font-size-14); }
	.cont_result_wrap .box_common_service .check_info .desc_info + .desc_info { margin-top:5px; }
	.cont_result_wrap .box_common_service .item_box .tit_item { font-size:var(--font-size-16); word-break:keep-all; }
	.cont_result_wrap .box_common_service .item_box .tit_item:before { top:0.2rem; }
	.cont_result_wrap .box_common_service .check_info .desc_info { padding-left:20px; }
	.cont_result_wrap .box_common_service .check_info .desc_info:before { width:14px; background-size:contain; }
	.cont_result_wrap .inspct_drop2 { font-size:var(--font-size-16); }

	/* 검사결과표 - 고학년 진로흥미탐색 결과표 */
	.ct_dev_lightgreen .cont_result_wrap .tit_result_item { border-left-width:3px; }
	.ct_dev_lightgreen .wrap_get_job { display:block; margin:30px 0; padding:0; }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_thumb { width:100%; height:100%; }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_info { width:100%; margin-top:20px; padding:0; }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_info .tit_info { font-size:var(--font-size-22); }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_info .tit_info .txt_cont { font-size:var(--font-size-18); }
	.ct_dev_lightgreen .toolltip_comm:before { top:-22px; left:25px; transform:rotate(90deg); }
	.ct_dev_lightgreen .wrap_job_desc { padding:25px; }
	.cont_result_wrap .list_category { padding:15px 0 0; }
	.cont_result_wrap .list_category li { padding:0 0px 5px 0; }
	.cont_result_wrap .list_category li .link_txt { font-size:var(--font-size-14); }
	.cont_result_wrap .box_ctr { margin-top:20px; }
	.ct_dev_lightgreen .wrap_job_desc .tit_job { font-size:var(--font-size-20); padding-left:12px; }
	.ct_dev_lightgreen .wrap_job_desc .tit_job:before { width:6px; height:6px; }
	.ct_dev_lightgreen .wrap_job_desc .list_info { padding:15px 0 30px 0; }
	.ct_dev_lightgreen .wrap_job_desc .list_info li { margin-top:5px; padding-left:12px; font-size:var(--font-size-14); }
	.ct_dev_lightgreen .wrap_job_desc .list_info li:before { top:0.6rem; left:0; width:4px; }
	.ct_dev_lightgreen .wrap_job_desc .txt_result_desc { font-size:var(--font-size-14); text-align:left; }
	.ct_dev_lightgreen .list_interest_info li { padding-top:20px; font-size:var(--font-size-16); }
	.ct_dev_lightgreen .wrap_interest { position:relative; padding:20px; overflow-x:auto; }
	.ct_dev_lightgreen .wrap_interest > .tbl_interest { min-width:767px; }
	.ct_dev_lightgreen .cont_result .tbl_interest th { font-size:var(--font-size-14); }
	.ct_dev_lightgreen .cont_result .tbl_interest td { font-size:var(--font-size-14); }

	/* 공통 : 고학년 진로개발역량 결과표 */
	.cont-sub-title { margin:30px 0 20px; }
	.cont-sub-title .center { font-size:var(--font-size-16); }
	.promise_wrap .name { margin-top:10px; font-size:var(--font-size-16); text-align:right; }
	.promise_wrap .tbl_result.develop_result04 { margin-top:20px; }
	.ct_dev_turquoise .cont_result .tit_name_wrap { display:block; margin:30px 0 0 0; }
	.ct_dev_turquoise .tooltip_bx { top:-50px; width:max-content; padding:20px 25px; border-radius:var(--radius-medium); }
	.ct_dev_turquoise .tooltip_bx dl dt { font-size:var(--font-size-16); }
	.ct_dev_turquoise .cont_result .tit_result_item {  }
	.ct_dev_turquoise .cont_result .tit_result_item .txt_tit { font-size:var(--font-size-22); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result02 thead th { font-size:var(--font-size-16); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result02 tbody th { padding:8px 4px; font-size:var(--font-size-14); word-break:keep-all; }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result02 tbody td { font-size:var(--font-size-32); padding:20px 0; }
	.ct_dev_turquoise .chart_wrap02 { height:100%; margin:20px 0; }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 .score { font-size:var(--font-size-24); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 .detail_tit { font-size:var(--font-size-14); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 .sm_tit { font-size:var(--font-size-14); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 tbody th { font-size:var(--font-size-16); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 td { padding:15px; font-size:var(--font-size-14); }
	.promise_wrap ol li { font-size:var(--font-size-16); }

	/* 주니어 진로카드 - 메인 */
	.cont_course_card .course_card_txt { font-size:var(--font-size-24);padding: 25px; }
	.cont_course_card .course_card_txt span { font-size:var(--font-size-28); }
	.cont_course_card .course_card_list li .intro_before { font-size:var(--font-size-26); }
	.cont_course_card .course_card_list li .intro_before span { font-size:var(--font-size-18); }
	.cont_course_card .course_card_list li .intro_after p { font-size:var(--font-size-16); word-break:keep-all; }
	.cont_course_card .course_card_list li .intro_after a { font-size:var(--font-size-20); }

	/* 주니어 진로카드 - 카드 전체 리스트 */
	/* common */
	.course_card_list_top {padding: 35px 20px;}
	.cont_course_card_sub .course_card_list_top::before {top:-19px;width: 117px;height: 38px;line-height: 38px;font-size: var(--font-size-16);}
	.course_card_list_wrap .course_card_list { margin:30px auto 0; }
	.course_card_list_wrap .course_card_list li { width:calc(25% - 20px); }
	.course_card_list_wrap .course_card_list li .card_box .con strong { font-size:var(--font-size-16); }
	.course_card_fixed .card_fixed_cont .card_fixed_cmt .card_fixed_cmt_con { padding-left:0; }
	.course_card_fixed .card_fixed_cont .card_fixed_cmt .card_fixed_cmt_con::before { content:none; }
	.course_card_fixed .card_fixed_cont .car_choice_list li { width:100px; height:115px; }
	.course_card_fixed .card_fixed_cont .car_choice_list li strong { font-size:12px; }
	.course_card_fixed .card_fixed_cont .car_choice_list li .guide_txt { font-size:12px; }
	.course_card_fixed .card_fixed_cont .card_fixed_btn a { min-width:140px; font-size:var(--font-size-14); }

	/* 주니어 진로카드 - 전체에서4개선택, 4개에서2개선택 */
	.card_choice_box .course_card_list_wrap .guide_txt { margin-bottom:20px; font-size:var(--font-size-24); }

	/* 주니어 진로카드 - 선택결과 */
	.card_result_cmt { padding:90px 50px 50px; }
	/* 반짝반짝 */
	.card_result_cmt .con_box { padding:30px; }
	.card_result_cmt .con_box .con_list li { min-height:auto; padding-left:65px; }
	.card_result_cmt .con_box .con_list li::before { width:50px; height:50px; background-size:45% auto; }
	.card_result_cmt .con_box .con_list li .tit { margin:0 0 5px; font-size:var(--font-size-18); }
	.card_result_cmt .con_box .con_list li .txt { font-size:var(--font-size-14); }

	.junior_job_info_list .text_con .stxt{font-size: var(--font-size-22); font-weight: 500;}
}

/* 넓이가 767px 이하일 때*/
@media all and (max-width:767px) {
	/* common */
	.btn_area { margin:30px 0; }
	.btn_area a { margin:0; }
	.btn_area a + a { margin-top:10px; }
	.btn_area.btn_column_2 {display: flex;gap: 10px;flex-wrap: wrap;}
	.btn_area.btn_column_2 a + a{ margin-top: 0;}


	/*메인팝업*/
	.modal_area{width: 80vw; max-width: 100%; max-height: 90vh;}
	.modal_content{padding: 38px 20px 20px !important; font-size: var(--font-size-16) !important;}
	.modal_btn .btn_style{height: 44px !important; padding: 0 34px !important; border: 3px solid var(--color-gray-400); color: var(--color-gray-700); font-weight: 700;}
	.modal_btn .btn_style.blue{height: 44px; padding: 0 34px;}
	.modal_area .modal_text{font-size: var(--font-size-16);}
	.modal_btn .btn_style.type2{color:#fff; border: 3px solid #f76c4d; background: #f76c4d; }

	/* 저학년 진로흥미탐색 - 메인 */
	.cont_arojunior .con_top_area .main_tit { font-size:var(--font-size-18); }
	.cont_arojunior .con_top_area .main_tit span { font-size:var(--font-size-22); }
	.cont_arojunior .con_top_area .main_tit br { display:none; }
	.cont_arojunior .arojunior_main {position: absolute;top:0;padding:50px 30px 0; }
	.cont_arojunior .arojunior_main::after { width:350px; height:234px; }
	.cont_arojunior .arojunior_main .tit { font-size:var(--font-size-40);padding: 16px 0 10px; }
	.cont_arojunior .arojunior_main_wrap {position: relative;background: transparent;border-radius: 10px;padding-top: 91.4634%;}
	.cont_arojunior .arojunior_main_wrap::before {background:url(/cloud/jm/images/renew/bg_painting-771f56220c8f76c33bfdacf1927da18f.svg) no-repeat;background-size: 100%;padding-top: 91.4634%;}

	/* 저학년 진로흥미탐색 - 직업의 중요성 */
	.cont_arojunior .txt_info.memo { padding:10px 0 10px 100px; }
	.cont_arojunior .txt_info.memo::before { width:70px; height:71px; }
	.cont_arojunior .txt_info.memo .tit { font-size:var(--font-size-26); }
	.cont_arojunior .txt_info.memo p { font-size:var(--font-size-18); }
	.cont_arojunior .txt_info.self_understanding.result { padding:0; }
	.cont_arojunior .txt_info.self_understanding.result::before { content:none; }
	.cont_arojunior .txt_info.self_understanding.result .btn_area { margin:20px 0; }
	.cont_arojunior .job_import { min-height:580px; padding:30px 40px;border-radius: 20px; }
	.cont_arojunior .job_import.step0::before,
	.cont_arojunior .job_import.step1::before,
	.cont_arojunior .job_import.step0::after,
	.cont_arojunior .job_import.step1::after { width:85px; }
	.cont_arojunior .job_import.step0::before,
	.cont_arojunior .job_import.step1::before { right:30px; }
	.cont_arojunior .job_import.step0::after,
	.cont_arojunior .job_import.step1::after { right:120px; width:65px; }
	.cont_arojunior .job_import.step0 .job_con::before { bottom:0; right:0; left:50%; transform:translateX(-50%); width:280px; }
	.cont_arojunior .job_import .tit_job { font-size:var(--font-size-40);padding-top: 0; }
	.cont_arojunior .job_import .txt_job { font-size:var(--font-size-18); }
	.cont_arojunior .job_import.step1 .step_list { display:block; width:100%; margin:40px 0 0; }
	.cont_arojunior .job_import.step1 .step_list li { width:100%; margin:15px 0; }
	.cont_arojunior .job_import.step1 .step_list li a { padding:20px 20px 10px; }
	.cont_arojunior .job_import.step1 .step_list li a .txt br { display:none; }

	/* 저학년 진로흥미탐색 - 직업의 중요성 - 상세 */
	.cont_arojunior .job_import.step2 { padding:0;background: #fff;overflow: visible; }
	.cont_arojunior .job_import.step2 .job_import_slide .slick-slide { padding:0;background: #ECF7FD;border: none; }
	.cont_arojunior .job_import.step2 .job_con .title { font-size:var(--font-size-22);padding: 20px 0 15px;border-bottom: none; }
	.cont_arojunior .job_import.step2 .job_con .text { font-size:var(--font-size-16); }
	.cont_arojunior .job_import.step2 .job_import_slide .slick-list {overflow: hidden;}

	/* 저학년 진로흥미탐색 - 자기이해 */
	.cont_arojunior .painting { padding:30px 15px;background: #ebf7fb; }
	.cont_arojunior .painting .painting_con .answer_wrap { width:100%;margin-top: 0;padding: 0 25px;margin-bottom: 40px; }
	.cont_arojunior .painting .painting_con .answer_wrap::after { top:-30px; right:-25px; width:90px; }
	.cont_arojunior .painting .painting_con .answer_wrap .pic_title { font-size:var(--font-size-26);padding-bottom: 0;margin-bottom: 0;border-bottom: none; }
	.cont_arojunior .painting .painting_con .answer_wrap .question { min-height:auto;align-items: baseline; }
	.cont_arojunior .painting .painting_con .answer_wrap .question .num { font-size:var(--font-size-20);color: var(--color-black); }
	.cont_arojunior .painting .painting_con .answer_wrap .question .txt { font-size:var(--font-size-20);padding-left: 0; }
	.cont_arojunior .painting .painting_con .answer_wrap .answer_con { gap:15px;justify-content: space-between; }
	.cont_arojunior .painting .painting_con .answer_wrap .answer_con li {width: 100%;}
	.cont_arojunior .painting .painting_con .answer_wrap .answer_con li a { width:100%; height:46px; line-height:42px; font-size:var(--font-size-16);border-radius: var(--radius-xxsmall); }
	.cont_arojunior .painting .painting_con .answer_wrap .answer_con li a::before {left:3px; top:3px; width:15px;height:15px; }

	/* 저학년 진로흥미탐색 - 자기이해 - 결과 */
	.self_understanding_result .type_box_wrap { margin-bottom:30px; }
	.self_understanding_result .type_box_wrap .title_type .txt span { font-size:var(--font-size-16); }
	.self_understanding_result .type_box_wrap .title_type .type { font-size:var(--font-size-22); }
	.self_understanding_result .type_box_wrap .title_type .type em { font-size:var(--font-size-40); }
	.self_understanding_result .type_box_wrap .desc p { font-size:var(--font-size-16); }
	.self_understanding_result .different_type .tit { font-size:var(--font-size-22); }
	.self_understanding_result .different_type .type_character_list { margin-top:20px; }
	.self_understanding_result .different_type .type_character_list ul { gap:52px 16px; padding-top:60px; }
	.self_understanding_result .different_type .type_character_list li { width:calc(50% - 8px); }
	.self_understanding_result .different_type .type_character_list li a { padding: 12px 16px 14px; }
	.self_understanding_result .different_type .type_character_list li .character_name strong { font-size: 18px; }
	.self_understanding_result .different_type .type_character_list li .character_name span { vertical-align: initial; }
	.self_understanding_result .different_type .type_character_list li.active a::after,
	.self_understanding_result .different_type .type_character_list li a:hover::after { bottom: -20px; background-size: 19px auto; }
	.self_understanding_result .different_type .type_character_list .character_list01::before {top:-26px;width:63px;height:93px;margin-left:-32px;background-size:63px 93px;}
	.self_understanding_result .different_type .type_character_list .character_list01.active::before,
	.self_understanding_result .different_type .type_character_list .character_list01:hover::before {top:-54px;}
	.self_understanding_result .different_type .type_character_list .character_list02::before {top:-28px;width:60px;height:94px;margin-left:-30px;background-size:60px 94px;}
	.self_understanding_result .different_type .type_character_list .character_list02.active::before,
	.self_understanding_result .different_type .type_character_list .character_list02:hover::before {top:-54px;}
	.self_understanding_result .different_type .type_character_list .character_list03::before {top:-24px;width:60px;height:90px;margin-left:-30px;background-size:60px 90px;}
	.self_understanding_result .different_type .type_character_list .character_list03.active::before,
	.self_understanding_result .different_type .type_character_list .character_list03:hover::before {top:-50px;}
	.self_understanding_result .different_type .type_character_list .character_list04::before {top:-24px;width:56px;height:93px;margin-left:-28px;background-size:56px 93px;}
	.self_understanding_result .different_type .type_character_list .character_list04.active::before,
	.self_understanding_result .different_type .type_character_list .character_list04:hover::before {top:-52px;}
	.self_understanding_result .different_type .type_character_list .character_list05::before {top:-40px;width:47px;height:107px;margin-left:-23px;background-size:47px 107px;}
	.self_understanding_result .different_type .type_character_list .character_list05.active::before,
	.self_understanding_result .different_type .type_character_list .character_list05:hover::before {top:-58px;}
	.self_understanding_result .different_type .type_character_list .character_list06::before {top:-24px;width:60px;height:93px;margin-left:-30px;background-size:60px 93px;}
	.self_understanding_result .different_type .type_character_list .character_list06.active::before,
	.self_understanding_result .different_type .type_character_list .character_list06:hover::before {top:-52px;}
	.self_understanding_result .different_type .type_info_con { border-radius:var(--radius-medium); }
	.self_understanding_result .different_type .type_info_con .type_job_list ul li { width:calc(50% - 9px); }
	

	/* 저학년 진로흥미탐색 - 나의다짐 */
	.cont_arojunior .promise .promise_con { padding:25px; border-radius:var(--radius-medium); }
	.cont_arojunior .promise .promise_con .mid_input_wrap .tit { margin-top:20px; font-size:var(--font-size-26); }
	.cont_arojunior .promise .promise_con .mid_input_wrap .stit { margin:25px 0 10px; padding:4px 15px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap .stit::before {top: 18px;width: 4px;height: 4px;}
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style {width: 100%;border-left: none;}
	.cont_arojunior .promise .promise_con .btn_print a { padding:10px 15px 10px 50px; }
	.cont_arojunior .promise .promise_con .btn_print a::before { left:15px; width:25px; }
	.cont_arojunior .promise .promise_con .btn_print a span { font-size:var(--font-size-18); }

	/* 고학년 진로흥미탐색 - 메인 */
	.cont_higher .higher_main .con_left::before { right:80px; top:140px; width:50px; }
	.cont_higher .higher_main .con_left::after { width:150px; }
	.cont_higher .higher_main .con_left .tit { font-size:var(--font-size-28); }
	.cont_higher .higher_main .con_left .txt { font-size:var(--font-size-16); }
	.cont_higher .higher_main .con_left .stxt { font-size:var(--font-size-14); }
	.cont_higher .higher_main .info_select .check_con_wrap .txt2 { font-size:var(--font-size-14); }

	/* 학교검색 모달 */
	.modal_popup.search_school .modal_area { width:auto; min-width:400px; }
	.modal_popup.search_school .modal_content .search-box { flex-wrap:wrap; flex-direction:column; }
	.modal_popup.search_school .modal_content .search-box select { width:100%; }
	.modal_popup.search_school .modal_content .search-box .input_style { width:100%; }
	.modal_popup.search_school .modal_content .search-box .btn-search { min-width:auto; width:100%; }
	.modal_popup.search_school .modal_content .scroll-box { padding:15px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list { height:200px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list li { font-size:var(--font-size-14); }
	.modal_popup.search_school .modal_content .scroll-box .radio-list .radio-btn input { width:16px; height:16px; margin:0 5px 0 0; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list .radio-btn input:hover { box-shadow:unset; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list .radio-btn input:checked::before { font-size:var(--font-size-14); }
	.modal_popup.search_school .modal_content .modal_btn { padding:0 15px 20px; }
	.modal_popup.search_school .modal_content .modal_btn button { width:100%; }

	/* 고학년 진로흥미탐색 - 검사전 예시, 검사 */
	.cont_higher .user_name { margin-bottom:10px; font-size:var(--font-size-16); }
	.cont_higher .progress_wrap { flex-direction:column; gap:10px; margin-bottom:30px; }
	.cont_higher .progress_wrap .progress_bar { width:100%; }
	.cont_higher .progress_wrap .btn_temporary_save { display:flex; justify-content:flex-end; max-width:none; }
	.cont_higher .progress_wrap .btn_temporary_save .btn_style.small { height:40px; line-height:40px; padding:0 15px; font-size:var(--font-size-16); }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt { flex-direction:column; gap:0px; margin:30px 0; }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt .tit span { padding-left:25px; font-size:var(--font-size-20); }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt .tit span::before { top:0.1em; width:20px; background-size:contain; }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt .btn_list { justify-content:flex-start; gap:5px; margin-top:10px; }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt .btn_list .btn_type2 { padding:4px 10px; font-size:12px; word-break:keep-all; }
	.cont_higher .test_wrap.guide .test_con_right .txt { font-size:var(--font-size-16); word-break:keep-all; }
	.cont_higher .test_wrap.guide .test_con_right .txt br { display:none; }
	.cont_higher .test_wrap.guide .test_con_right .item_set_question.example { margin-top:40px; padding:25px; }
	.cont_higher .test_wrap.guide .test_con_right .item_set_question.example::before { top:-20px; right:20px; width:120px; }
	.cont_higher .test_wrap.guide .test_con_right .item_set_question.example .tit { font-size:var(--font-size-20); }
	.cont_higher .test_wrap.guide .test_con_right .item_set_question.example .txt { font-size:var(--font-size-16); }
	.cont_higher .test_wrap.guide .test_con_right .item_set_question.example .txt strong { display:block; font-size:var(--font-size-14); }
	.cont_higher .test_wrap .test_con_left .list_test_num li a { width:29px; height:29px; font-size:12px; }
	.cont_higher .test_wrap .test_con_right .item_desc_wrap {}
	/* .cont_higher .test_wrap .test_con_right .item_desc_wrap { margin:20px 0; }
	.cont_higher .test_wrap .test_con_right .item_desc_wrap .item_desc .info_txt { font-size:12px; }
	.cont_higher .test_wrap .test_con_right .item_desc_wrap .item_desc.on::before { left:-3px; width:6px; background-size:contain; } */
	.cont_higher .test_wrap .test_con_right .item_point_box .list_point { gap:8px; }
	.cont_higher .test_wrap .test_con_right .item_point_box .list_point li .num_item { height:40px; line-height:36px; font-size:var(--font-size-16); }
	.cont_higher .test_wrap .test_con_right .item_point_box .list_point li.on .num_item,
	.cont_higher .test_wrap .test_con_right .item_point_box .list_point li input:checked + .num_item { line-height:32px; }
	.cont_higher .test_wrap .test_con_right .guide_point .txt_guide { font-size:var(--font-size-14); }
	.cont_higher .test_wrap .test_con_right .guide_point .txt_guide::before,
	.cont_higher .test_wrap .test_con_right .guide_point .txt_guide::after { font-size:var(--font-size-16); }
	.cont_higher .test_wrap .test_con_right .guide_point .txt_guide.guide_row::before { margin-right:5px; }
	.cont_higher .test_wrap .test_con_right .guide_point .txt_guide.guide_high::after { margin-left:5px; }

	/* 고학년 진로개발역량 - 메인 */
	.cont_higher.develop .higher_main .con_left::before,
	.cont_higher.develop .higher_main .con_left::after { width:100px; }
	.cont_higher.develop .higher_main .con_left::before { right:40px; }
	.cont_higher.develop .higher_main .con_left::after { right:-10px; top:60px; }

	/* 고학년 진로개발역량 - 검사전 예시, 검사 */
	.cont_higher .test_wrap .test_con_right .test_con_desc { margin:30px 0 20px; }
	.cont_higher .test_wrap .test_con_right .item_set_question { padding:25px; }
	.cont_higher.develop .test_wrap .test_con_right .test_con_desc .top_title span { font-size:var(--font-size-18); word-break:keep-all; }
	.cont_higher.develop .test_wrap .test_con_right .item_desc_wrap {  }
	.cont_higher.develop .test_wrap .test_con_right .item_point_box { margin-top:15px; }
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point {display: flex;align-items: center; }
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li { width:100%;margin: 0 0 30px 0; }
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li + li { }
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li .num_item {position: relative;display:flex; flex-direction:row; align-items:center; justify-content:center; gap:15px; height:auto; padding:5px 0; }
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li .txt_item {font-size: 12px;position: absolute;bottom:-47px;text-align: left;text-align: left;
display: flex;height: 38px;line-height: 1.2;word-break: keep-all;width: 66px;left: 0;}
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li:nth-child(2) .txt_item,
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li:nth-child(4) .txt_item{display: none;}
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li .txt_item:before{content:'◀';display:block;font-size: 10px;margin: 0 0 0 3px;}
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li:nth-child(3) .txt_item{display: block;width: 100%;text-align: center;}
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li:nth-child(3) .txt_item:before{content:none;}
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li:nth-child(5) .txt_item:before{content:none;}
	.cont_higher.develop .test_wrap .test_con_right .item_point_box .list_point li:nth-child(5) .txt_item::after{content:'▶';display:block;font-size: 10px;margin: 0 3px 0 0;}
	.cont_higher.develop .test_wrap .test_con_right .item_desc_wrap .item_desc.item_desc02, 
	.cont_higher.develop .test_wrap .test_con_right .item_desc_wrap .item_desc.item_desc04 {height: 2px;width: 10%;}
	/* 고학년 진로흥미탐색 - 검사 */
	.cont_higher .test_wrap .test_con_right .test_con_desc p { font-size:var(--font-size-16);line-height: 1.6; }
	.cont_higher .item_set_question .num_question { align-items:flex-start; gap:10px; }
	.cont_higher .item_set_question .num_question .num { width:25px; height:25px; }
	.cont_higher .item_set_question .num_question .q { width:calc(100% - 25px - 10px); font-size:var(--font-size-16); }

	/* 고학년 진로흥미탐색 - 검사완료 */
	.cont_higher .test_result { padding:220px 40px 40px; background-size:160px auto; }
	.cont_higher .test_result .tit_txt { font-size:var(--font-size-22); word-break:keep-all; }
	.cont_higher .test_result .btn_area { margin:20px 0 0; }
	.cont_higher .test_result .txt { margin-top:20px; }
	.cont_higher .test_result .txt br { display:none; }
	.cont_higher .test_result .btn_style.large { min-width:auto; }

	/* 고학년 진로흥미탐색 - 검사소개 */
	.cont_test_intro .tit_intro_item { margin-top:30px; }

	/* 고학년 진로개발역량 - 검사소개 */
	.cont_test_intro .table_guide_type3 .tbl_guide tbody td { padding:10px; word-break:keep-all; }

	/* 검사결과 모달 */
	.cont_result_wrap .modal_content { padding:25px; }
	.cont_result_wrap .modal_content .modal_text { font-size:var(--font-size-16); word-break:keep-all; }
	.cont_result_wrap .modal_btn { margin-top:15px; font-size:var(--font-size-16); }
	.cont_result_wrap .modal_btn .btn_style { height:50px; border-radius:var(--radius-large); word-break:keep-all; }
	.cont_result_wrap .modal_btn .btn_style.blue { height:50px; padding:0 20px; }

	/* 검사결과표 - 공통 */
	.cont_result_top { margin-bottom:20px; }
	.cont_result_wrap .tit_result .txt_inner { font-size:var(--font-size-26); }
	.cont_result_wrap .txt_guide.guide_type2 { font-size:var(--font-size-14); }
	.cont_result_wrap .item_graph .desc_date { float:none; margin-top:10px; }
	.cont_result_wrap .item_graph .info_date .date_graph { width:25px; height:15px; }
	.cont_result_wrap .item_graph .info_date { font-size:var(--font-size-14); }
	.cont_result_wrap .item_graph .info_date:first-child { padding-left:0; }
	.cont_result_wrap .item_graph .date_present { margin-left:0; }
	.cont_result_wrap .tbl_result th,
	.cont_result_wrap .tbl_result td { font-size:var(--font-size-14); }
	.cont_result_wrap .tbl_result .align_left,
	.cont_result_wrap .tbl_result .align_left_top { padding:15px; }
	.cont_result_wrap .tbl_result .ft_type2 td { font-size:var(--font-size-14); }
	.cont_result_wrap .box_graph { padding:20px; }
	.cont_result_wrap .tit_interest_type { margin:30px 0; font-size:var(--font-size-18); }
	.cont_result_wrap .list_interest { flex-direction:column; gap:20px; margin:30px 0; padding-bottom:30px; }
	.cont_result_wrap .list_interest li { width:100%; word-break:keep-all; }
	.cont_result_wrap .desc_info_img { overflow-x:auto; }
	/*.cont_result_wrap .desc_info_img > img { min-width:767px; }*/
	.cont_result_wrap .box_common_service .list_service { gap:5px; }
	.cont_result_wrap .box_common_service .list_service li { width:100%; padding:10px; }
	.test_top_txt.type2 .btn_list { justify-content:flex-start; gap:5px; }
	.test_top_txt.type2 .btn_list .btn_type2 { padding:4px 10px; word-break:keep-all; }

	/* 검사결과표 - 고학년 진로흥미탐색 결과표 */
	.ct_dev_lightgreen .guide_type2:before { font-size:var(--font-size-14); }
	.ct_dev_lightgreen .list_interest_info li { font-size:var(--font-size-14); }
	.ct_dev_lightgreen .toolltip_comm span { font-size:var(--font-size-14); }
	.test_top_txt.type2.flex-end { justify-content:normal; margin:20px 0; }
	.cont_higher.develop .form_box {padding: 18px 25px;	}
	.cont_arojunior .con_top_area .main_ctit {font-size: 16px;line-height: 27px;margin-bottom: 17px;}
	.cont_higher.develop .form_box .requisite_con {flex-direction: column;gap: 23px 22px;}
	.cont_higher.develop .form_box .requisite_con {margin-top: 17px;padding-top: 22px;}


	/* 공통 : 고학년 진로개발역량 결과표 */
	.cont-sub-title { margin:20px 0; }
	.cont_result .user2 .txtspan + em { font-size:var(--font-size-16); }
	.cont_result .txtspan { font-size:var(--font-size-16); }
	.ct_dev_turquoise .tooltip_bx { top:-40px; padding:20px; }
	.ct_dev_turquoise .tooltip_bx:before { }
	.ct_dev_turquoise .tooltip_bx dl dt { margin-bottom:5px; font-size:var(--font-size-14); }
	.ct_dev_turquoise .tooltip_bx dl dd { font-size:12px; }
	.ct_dev_turquoise .tooltip_bx dl dd:before { width:3px; height:3px; margin:0 4px 2px 0; }
	.ct_dev_turquoise .chart_wrap02 { height:100%; margin:20px 0; }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result01 .word_tag { font-size:var(--font-size-14); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result01 .tit { padding:30px 0; font-size:var(--font-size-18); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result01 .tit em { font-size:var(--font-size-22); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result01 .tit img { max-width:80%; }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result01 .txt { font-size:var(--font-size-14); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result02 { margin-top:20px; }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result02 thead th { font-size:var(--font-size-14); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result02 tbody th { padding:4px; font-size:13px; }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result02 tbody td { font-size:var(--font-size-22); padding:10px 0; }
	.ct_dev_turquoise .cont_result .tit_result_item { margin:30px 0 0 0; }
	.ct_dev_turquoise .cont_result .tit_result_item .txt_tit { padding:0 0 0 10px; font-size:var(--font-size-20); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 .score { font-size:var(--font-size-20); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 .sm_tit { padding:10px; }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 thead th { font-size:var(--font-size-14); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 tbody th { font-size:var(--font-size-14); }
	.ct_dev_turquoise .cont_result .tbl_result.develop_result03 td { padding:10px; }
	.promise_wrap .name .empty { height:20px; }
	.promise_wrap .promise_bx > em { margin:10px 0 5px; font-size:var(--font-size-16); }
	.promise_wrap .promise_bx > p { font-size:13px; }
	.promise_wrap .tbl_result.develop_result04 .img_col { width:25%; }
	.promise_wrap .tbl_result.develop_result04 .img_bx { display:none; }

	/* 주니어 진로카드 - 메인 */
	.cont_course_card { padding:60px 20px; }
	.cont_course_card::before { content:none; }
	.cont_course_card .course_card_txt { margin-bottom:40px; font-size:var(--font-size-22); word-break:keep-all; }
	.cont_course_card .course_card_txt span { font-size:var(--font-size-26); }
	.cont_course_card .course_card_txt br { display:none; }
	.cont_course_card .course_card_list { flex-wrap:wrap; }
	.cont_course_card .course_card_list li { width:100%; height:320px; }
	.cont_course_card .course_card_list li br { display:none; }
	.cont_course_card .course_card_list li .intro_after:before { bottom:170px; }
	.cont_course_card .course_card_list li.item_card_1 .intro_after:before { background-size:180px auto; }
	.cont_course_card .course_card_list li.item_card_2 .intro_after:before { background-size:150px auto; }
	.cont_course_card .course_card_list li.item_card_3 .intro_after:before { background-size:110px auto; }

	/* 주니어 진로카드 - 카드 전체 리스트 */
	/* common */
	.course_card_list_top .tit { font-size:var(--font-size-24); word-break:keep-all; }
	.course_card_list_top .txt { font-size:var(--font-size-18); word-break:keep-all; }
	.course_card_area.type2 .btn_other_card::before { width:15px; background-size:contain; }
	.course_card_area .btn_go_first::before { font-size:var(--font-size-20); }
	.course_card_area { margin-top:20px; }
	.course_card_area a { padding:8px 20px 8px 38px; font-size:var(--font-size-16); }
	.course_card_area a::before { left:16px; }
	.course_card_area .btn_other_card::before { width:10px; }
	.course_card_list_wrap .course_card_list li { width:calc(33.33% - 20px); }
	.course_card_fixed .card_fixed_cont { display:block; }
	.course_card_fixed .card_fixed_cont .card_fixed_cmt .card_fixed_cmt_con .txt { max-width:none; }
	.course_card_fixed .card_fixed_cont .card_fixed_cmt .card_fixed_cmt_con .txt br { display:none; }
	.course_card_fixed .card_fixed_cont .car_choice_list { justify-content:center; gap:0; margin:15px 0; }
	.course_card_fixed .card_fixed_cont .car_choice_list li { width:calc(25% - 10px); margin:0 5px; border-radius:var(--radius-xsmall); }
	.course_card_fixed .card_fixed_cont .car_choice_list li .card_box { border-radius:var(--radius-xsmall); }
	.course_card_fixed .card_fixed_cont .car_choice_list li .card_delete { top:-4px; right:-4px; width:18px; background-size:contain; }
	.course_card_fixed .card_fixed_cont .card_fixed_btn { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:10px; }
	.course_card_fixed .card_fixed_cont .card_fixed_btn a { }
	.course_card_fixed .card_fixed_cont .card_fixed_btn a + a { margin-top:0; }

	/* 주니어 진로카드 - 전체에서4개선택, 4개에서2개선택 */
	.card_choice_box .course_card_list_wrap { padding:30px 20px 25px; }
	.card_choice_box .course_card_list_wrap .guide_txt { font-size:var(--font-size-20); word-break:keep-all; }
	.card_choice_box .course_card_list_wrap .course_card_list { justify-content:flex-start; }
	.card_choice_box .course_card_list_wrap .course_card_list li { width:calc(50% - 20px); }

	/* 주니어 진로카드 - 하단 버튼(공통) */
	.cont_course_card_sub .bot_card_area a { min-width:160px; margin:0 5px; padding:10px 50px 10px 25px; font-size:var(--font-size-18); }
	.cont_course_card_sub .bot_card_area a:after { width:20px; background-size:contain; }
	.cont_course_card_sub .bot_card_area .btn_card.btn_prev { padding:10px 25px 10px 50px; }
	.cont_course_card_sub .bot_card_area .btn_card.btn_list { padding:10px 25px 10px 50px; }
	.cont_course_card_sub .bot_card_area .btn_card.btn_list::after { right:0; left:21px; }
	.cont_course_card_sub .bot_card_area .btn_card.btn_job_list { padding:10px 50px 10px 25px; }

	/* 주니어 진로카드 - 선택결과 */
	.card_result_cmt { padding:80px 30px 30px; }
	.card_result_cmt .result_txt { font-size:var(--font-size-24); }
	.card_result_cmt .result_img_con { width:100%; height:100%; margin:30px 0; padding:20px 15px; background-image:none; background:linear-gradient(103.66deg, #906DD0 14.98%, #66499B 96.56%); border-radius:var(--radius-medium); }
	.card_result_cmt .result_img_con .img_con { }
	.card_result_cmt .result_img_con .img_con .img img { height:120px; }
	.card_result_cmt .result_img_con .img_con .tit { font-size:var(--font-size-26); }
	.card_result_cmt .result_img_con .img_con .txt { }
	/* 반짝반짝 */
	.card_result_cmt .con_box { padding:20px; border-radius:var(--radius-medium); }
	.card_result_cmt .con_box .con_list li { width:100%; }
}

@media all and (max-width:600px) {
	/* 저학년 진로흥미탐색 - 나의다짐 */
	.cont_arojunior .promise .promise_con .top_input_wrap .input_wrap .input_style { display:block; width:auto; margin:0 0 10px; }
	.self_understanding_result .btn_result_bot { display:block; margin:30px 0; }
}

/* 넓이가 575px 이하일 때*/
@media all and (max-width:575px) {
	/* 저학년 진로흥미탐색 - 직업의 중요성 */
	.cont_arojunior .txt_info p { font-size:var(--font-size-18); }
	.cont_arojunior .txt_info p span { font-size:var(--font-size-20); }
	.cont_arojunior .txt_info.memo .tit { font-size:var(--font-size-22); }
	.cont_arojunior .txt_info.memo p { font-size:var(--font-size-16); }

	/* 저학년 진로흥미탐색 - 자기이해 - 결과 */
	.cont_arojunior .txt_info.self_understanding.result { display:block; }
	.cont_arojunior .txt_info.self_understanding.result .btn_area { margin:10px 0 30px; }
	.self_understanding_result .type_box_wrap .type_char .inner { padding:0 30px 30px; }
	.self_understanding_result .type_box_wrap .type_char .img_type_char { position:relative; top:0; right:auto; transform:none; width:fit-content; margin:0 auto 30px; }
	.self_understanding_result .type_box_wrap .type_char .img_type_char.img_type_char_5 { padding-top:20px; }
	.self_understanding_result .type_box_wrap .title_type .type { margin:15px 0; }
	.self_understanding_result .type_box_wrap .desc { width:100%; margin-bottom:60px; }

	/* 고학년 진로흥미탐색 - 메인 */
	.cont_higher .higher_main { padding:30px; }
	.cont_higher .higher_main .con_left::before,
	.cont_higher .higher_main .con_left::after { content:none; }
	.cont_higher .higher_main .con_left .txt,
	.cont_higher .higher_main .con_left .stxt { width:100%; }
	.cont_higher .higher_main .con_left .btn_guide { display:block; margin-bottom:10px; }
	.cont_higher .higher_main .con_left .btn_guide + .btn_guide { margin-left:0; }
	.cont_higher .higher_main .info_select { padding:35px 20px 20px; }
	.cont_higher .higher_main .info_select .requisite_con { padding:10px; }
	.cont_higher .higher_main .info_select .requisite_con ul { gap:10px; }

	/* 고학년 진로흥미탐색 - 검사전 예시, 검사 */
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt { margin:20px 0; }
	.cont_higher .test_wrap.guide .test_con_right .txt { font-size:16px; }
	.cont_higher .test_wrap.guide .test_con_right .item_set_question.example { margin-top:30px; padding:20px; }

	/* 고학년 진로흥미탐색 - 검사소개 */
	.cont_test_intro .tit_test_intro { font-size:var(--font-size-24); }

	/* 고학년 진로흥미탐색 - 검사소개 */
	.cont_test_intro .tit_intro_item { font-size:var(--font-size-18); }
	.cont_test_intro .desc_stat { font-size:var(--font-size-14); }
	.cont_test_intro .txt_intro { font-size:var(--font-size-14); word-break:keep-all; }
	.cont_test_intro .wrap_table_guide .tbl_guide th,
	.cont_test_intro .wrap_table_guide .tbl_guide td { padding:10px; font-size:var(--font-size-14); }
	.cont_test_intro .wrap_table_guide .tbl_guide thead th { padding:10px 0; }
	.cont_test_intro .wrap_table_guide.table_guide_type3 .tbl_guide td.align_left { padding:10px; }
	.cont_test_intro .box_set_guide { margin-top:30px; padding:25px; }

	/* 고학년 진로개발역량 - 메인 */
	.cont_higher.develop .higher_main { padding:30px; }
	.cont_higher.develop .higher_main .con_left .txt,
	.cont_higher.develop .higher_main .con_left .stxt { width:100%; }

	/* 고학년 진로개발역량 - 검사전 예시, 검사 */
	.cont_higher.develop .test_wrap.guide .test_con_right .item_set_question.example::before { top:-20px; width:100px; }
	.cont_higher.develop .test_wrap .test_con_right .test_con_desc .top_title span { padding:0; font-size:var(--font-size-16); }
	.cont_higher.develop .test_wrap .test_con_right .test_con_desc .top_title span::before { content:none; }

	/* 검사결과표 - 공통 */
	.cont_result_top { display:block; }
	.cont_result_top .btn_area_right { margin-top:10px; }
	.cont_result_wrap .item_graph .date_present { margin:5px 0 0 0; padding-left:0; }
	.test_top_txt.type2 .btn_list .btn_type2 { font-size:13px; }

	/* 검사결과표 - 고학년 진로흥미탐색 결과표 */
	.ct_dev_lightgreen .cont_result_wrap .tit_result_item { background:0 none; }
	.ct_dev_lightgreen .desc_info + .tbl_result { margin-top:20px; }

	/* 주니어 진로카드 - 카드 전체 리스트 */
	/* common */
	.course_card_list_wrap .course_card_list li { width:calc(50% - 16px); margin:0 8px 16px; }
	.course_card_list_wrap .course_card_list li .card_box .con strong { font-size:var(--font-size-14); }
	.cont_course_card_sub .bot_card_area a { min-width:auto; width:100%; margin:0; }
	.cont_course_card_sub .bot_card_area a + a { margin-top:10px; }

	/* 으쓱으쓱 */
	.item_card_con_3 .course_card_list_wrap .course_card_list li .card_box .con strong { min-height:10px; }

	/* 주니어 진로카드 - 선택결과 */
	.card_result_cmt .result_txt { font-size:var(--font-size-20); }
	.card_result_cmt .result_img_con .img_con .img img { height:90px; }
	.card_result_cmt .result_img_con .img_con .tit { font-size:var(--font-size-22); }
	.card_result_cmt .result_img_con .img_con .txt { font-size:var(--font-size-14); }
	/* 알쏭달쏭, 으쓱으쓱 */
	.card_result_cmt .result_con .q_a li + li { margin-top:25px; }
	.card_result_cmt .result_con .q_a li .q { padding-left:24px; font-size:var(--font-size-20); }
	.card_result_cmt .result_con .q_a li .q::before { width:18px; }
	.card_result_cmt .result_con .q_a li p { font-size:var(--font-size-14); }
}

/* 넓이가 485px 이하일 때*/
@media all and (max-width:485px) {
	/* 저학년 진로흥미탐색 - 메인 */
	.cont_arojunior .arojunior_main { padding:28px 25px 0; }
	.cont_arojunior .arojunior_main::after { width:240px; height:160px; }
	.cont_arojunior .arojunior_main .tit { font-size:var(--font-size-28); padding: 0 0 10px;}
	.cont_arojunior .arojunior_main .tit::before { top:-40px; width:35px; height:32px; }
	.cont_arojunior .arojunior_main .tit::after { top:-10px; right:-40px; width:60px; height:76px; }
	.cont_arojunior .arojunior_main .txt { margin-top:0; font-size:var(--font-size-18); }

	/* 저학년 진로흥미탐색 - 직업의 중요성 */
	.cont_arojunior .txt_info { margin:0 0 20px; padding:0; }
	.cont_arojunior .txt_info::before { content:none; }
	.cont_arojunior .txt_info.memo { padding:0; }
	.cont_arojunior .txt_info.memo::before { content:none; }
	.cont_arojunior .job_import { min-height:500px; }
	.cont_arojunior .job_import.step0::before,
	.cont_arojunior .job_import.step1::before,
	.cont_arojunior .job_import.step0::after,
	.cont_arojunior .job_import.step1::after { content:none; }
	.cont_arojunior .job_import.step0 .job_con::before { bottom:calc(0% - 10px); width:272px; }
	.cont_arojunior .job_import .tit_job { padding-top:10px; font-size:var(--font-size-32); }
	.cont_arojunior .job_import .tit_job::before { width:70px; }
	.cont_arojunior .job_import .tit_job::after { top:40px; right:-40px; width:30px; }
	.cont_arojunior .job_import .txt_job { font-size:var(--font-size-16); }
	.cont_arojunior .job_import .txt_job { margin-top:10px; }
	.cont_arojunior .job_import .btn_job { margin-top:20px; }
	.cont_arojunior .job_import.step1 { padding:30px 25px; }

	/* 저학년 진로흥미탐색 - 자기이해 */
	.cont_arojunior .painting .painting_con .answer_wrap::after { top:-20px; right:-15px; width:70px; }
	.cont_arojunior .painting .painting_con .answer_wrap { padding:20px 0; }
	.cont_arojunior .painting .painting_con .answer_wrap .answer_con {display: flex;align-items: center;gap: 10px; }
	.cont_arojunior .painting .painting_con .answer_wrap .answer_con li + li { margin-top:0; }
	.cont_arojunior .painting .painting_con .answer_wrap .answer_con li a { width:100%; font-size:var(--font-size-14); }

	/* 저학년 진로흥미탐색 - 자기이해 - 결과 */
	.self_understanding_result .type_box_wrap .type_char .inner { padding:0 25px 25px; border-radius:var(--radius-medium); }
	.self_understanding_result .type_box_wrap .type_char .img_type_char { margin:0 auto 20px; }
	.self_understanding_result .type_box_wrap .type_char .img_type_char img { height:158px; }
	.self_understanding_result .type_box_wrap .type_char .img_type_char::after { bottom:-13px; width:150px; height:40px; }
	.self_understanding_result .type_box_wrap .title_type .txt { padding:2px 12px; }
	.self_understanding_result .type_box_wrap .title_type .txt span { font-size:var(--font-size-14); }
	.self_understanding_result .type_box_wrap .title_type .type { margin:15px 0 10px; font-size:var(--font-size-18); }
	.self_understanding_result .type_box_wrap .title_type .type em { font-size:var(--font-size-32); }
	.self_understanding_result .type_box_wrap .desc { margin-bottom:50px; }
	.self_understanding_result .type_box_wrap .desc p { font-size:var(--font-size-14); }
	.self_understanding_result .type_box_wrap .graph ul li { margin-right:10px; }
	.self_understanding_result .type_box_wrap .graph ul li div { width:30px; height:110px; }
	.self_understanding_result .type_box_wrap .graph ul li .star { top:-25px; width:20px; height:19px; margin-left:-10px; }
	.self_understanding_result .type_box_wrap .graph .subject { margin:8px 0 0; font-size:12px; }
	.self_understanding_result .different_type .type_info_con { padding:25px; }
	.self_understanding_result .different_type .type_info_con .type_info .type_name { padding-top:50px; background-size:45px auto; }
	.self_understanding_result .different_type .type_info_con .type_info .type_name span { font-size:var(--font-size-22); }
	.self_understanding_result .different_type .type_info_con .type_info .txt p { font-size:var(--font-size-14); }
	.self_understanding_result .different_type .type_info_con .type_job_list .tit_type_job_list { font-size:var(--font-size-18); }
	.self_understanding_result .different_type .type_info_con .type_job_list .name,
	.self_understanding_result .different_type .type_info_con .type_job_list ul li.other_more a .txt { font-size:var(--font-size-14); }
	.self_understanding_result .different_type .type_info_con .type_job_list ul li.other_more a .ico { width:60px; height:60px; }

	/* 저학년 진로흥미탐색 - 나의다짐 */
	.promise .input_style { height:30px; line-height:30px;padding: 0 2px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap .tit { font-size:var(--font-size-22); }
	.cont_arojunior .promise .promise_con .top_input_wrap .input_wrap .input_style { width:100% !important; height:30px; line-height:30px; margin:0 0 5px; font-size:var(--font-size-14); }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style li { padding-left:10px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style li + li { margin-top:10px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style li::before { top:0.5rem; width:5px; height:5px; }
	.cont_arojunior .promise .promise_con .mid_input_wrap ul.list_style .input_style { width:100% !important; margin:5px 0; }

	/* 고학년 진로흥미탐색 - 메인 */
	.cont_higher .higher_main .info_select .requisite_con { display:block; padding:15px; border-radius:var(--radius-small); }
	.cont_higher .higher_main .info_select .requisite_con > div { width:100%; }
	.cont_higher .higher_main .info_select .requisite_con ul { gap:20px; }
	.cont_higher .higher_main .info_select .requisite_con .gender_con { margin-bottom:20px; padding-bottom:15px; border-right:0 none; border-bottom:1px solid var(--color-gray-400); }
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li { display:block; }
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li .stit { margin-bottom:5px; text-align:left; }
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li .input_con,
	.cont_higher .higher_main .info_select .login_info_wrap .login_info_input li .search-cont { width:100%; }
	.cont_higher .higher_main .info_select .check_con { flex-direction:column; align-items:normal; gap:5px; }
	.cont_higher .higher_main .info_select .check_con .btn_join { display:flex; justify-content:flex-end; }
	.cont_higher .higher_main .info_select .check_con .btn_join a { padding:6px 15px; font-size:var(--font-size-14); }

	/* 학교검색 모달 */
	.modal_popup.search_school .modal_area { width:auto; min-width:350px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list li label span { min-width:90px; margin-right:10px; }

	/* 고학년 진로흥미탐색 - 검사전 예시, 검사 */
	.cont_higher .progress_wrap { margin-bottom:20px; }
	.cont_higher .progress_wrap .progress_bar { flex-direction:column; align-items:normal; gap:8px; height:auto; padding:10px 15px; }
	.cont_higher .progress_wrap .progress_bar .tit { order:1; }
	.cont_higher .progress_wrap .progress_bar .percent { order:2; gap:5px; }
	.cont_higher .progress_wrap .progress_bar .bar_progress { order:3; }
	.cont_higher .progress_wrap .btn_temporary_save { display:flex; justify-content:flex-end; max-width:none; }
	.cont_higher .progress_wrap .btn_temporary_save .btn_style.small { height:40px; line-height:40px; padding:0 15px; font-size:var(--font-size-16); }
	.cont_higher .test_wrap.guide .test_con_right .item_set_question.example .tit { font-size:var(--font-size-18); }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt .btn_list { display:block; }
	.cont_higher .test_wrap.guide .test_con_right .test_top_txt .btn_list .btn_type2 + .btn_type2 { margin-top:5px; }
	.cont_higher .test_wrap .test_con_right .item_point_box .list_point { gap:5px; }
	.cont_higher .test_wrap .test_con_right .item_point_box .list_point li .num_item { height:35px; line-height:31px; font-size:var(--font-size-14); }
	.cont_higher .test_wrap .test_con_right .item_point_box .list_point li.on .num_item,
	.cont_higher .test_wrap .test_con_right .item_point_box .list_point li input:checked + .num_item { line-height:27px; }

	/* 고학년 진로흥미탐색 - 검사완료 */
	.cont_higher .test_result { padding:200px 25px 30px; background-position:center 25px; }
	.cont_higher .test_result .tit_txt { font-size:var(--font-size-20); }
	.cont_higher .test_result .txt { font-size:var(--font-size-16); }

	/* 고학년 진로흥미탐색 - 검사결과표 */
	.ct_dev_lightgreen .wrap_get_job { margin:20px 0; }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_thumb { background:none; }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_thumb .info_get { display:block; width:100%; height:100%; padding:15px; background:#dce59c; border-radius:var(--radius-small); }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_thumb .info_get2 { margin:10px 0 0 0; background:#ced794; }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_thumb .info_get .tit_get { display:block; font-size:var(--font-size-16); }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_thumb .info_get .tit_get .txt_get { font-size:var(--font-size-18); }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_info .tit_info { padding-left:30px; font-size:var(--font-size-18); }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_info .tit_info:before { width:25px; height:23px; background-size:contain; }
	.ct_dev_lightgreen .wrap_get_job .wrap_get_info .tit_info .txt_cont { font-size:var(--font-size-16); }

	/* 고학년 진로흥미탐색 - 검사소개 */
	.cont_test_intro .desc_stat dt,
	.cont_test_intro .desc_stat dd { width:100%; }
	.cont_test_intro .desc_stat dd { padding:5px 0 0 26px; }

	/* 고학년 진로개발역량 - 검사소개 */
	.cont_test_intro .box_set_guide .txt_check { font-size:var(--font-size-16); }

	/* 고학년 진로개발역량 결과표 */
	.promise_wrap .name { text-align:left; }
	.promise_wrap .name .empty { width:25px; }
	.promise_wrap .name .empty2 { width:80px; }

	/* 주니어 진로카드 - 메인 */
	.cont_course_card { padding:40px 24px; }
	.cont_course_card .course_card_txt { margin-bottom:30px; font-size:var(--font-size-18); }
	.cont_course_card .course_card_txt span { font-size:var(--font-size-22); }
	.cont_course_card .course_card_list li { height:280px; }
	.cont_course_card .course_card_list li .intro_after:before { bottom:160px; }
	.cont_course_card .course_card_list li .intro_after p { padding:15px 30px; }
	.cont_course_card .course_card_list li.item_card_1 .intro_after:before { background-size:150px auto; }
	.cont_course_card .course_card_list li.item_card_2 .intro_after:before { background-size:120px auto; }
	.cont_course_card .course_card_list li.item_card_3 .intro_after:before { background-size:90px auto; }
	.cont_course_card .course_card_list li .intro_after a { width:120px; line-height:36px; font-size:var(--font-size-18); }

	/* 검사결과표 - 공통 */
	.cont_result_wrap { padding:25px; }
	.cont_result_wrap .tit_result .txt_inner { font-size:var(--font-size-24); }
	.cont_result_wrap .txt_guide { font-size:var(--font-size-14); }
	.cont_result_wrap .tit_result_item { }
	.cont_result_wrap .tit_result_item .txt_tit { font-size:var(--font-size-16); }
	.cont_result_wrap .txt_get_job { font-size:var(--font-size-14); }
	.cont_result_wrap .item_graph .lab_ctr { padding-left:25px; font-size:var(--font-size-14); }
	.cont_result_wrap .list_score { padding:20px 25px; }
	.cont_result_wrap .list_score li { width:100%; }

	/* 검사결과표 - 고학년 진로흥미탐색 결과표 */
	.ct_dev_lightgreen .desc_info { font-size:var(--font-size-14); }

	/* 주니어 진로카드 - 카드 전체 리스트 */
	/* common */
	.course_card_list_top .tit { font-size:var(--font-size-20); }
	.course_card_list_top .txt { font-size:var(--font-size-16); }
	.course_card_area.type2 { margin:20px 0; }
	.course_card_area.type2 a + a { margin-top:10px; }

	/* 주니어 진로카드 - 하단 버튼(공통) */
	.cont_course_card_sub .bot_card_area a { min-width:120px; padding:8px 30px 8px 15px; font-size:var(--font-size-16); }
	.cont_course_card_sub .bot_card_area a:after { right:15px; width:8px; }
	.cont_course_card_sub .bot_card_area a + a { margin-top:10px; }
	.cont_course_card_sub .bot_card_area .btn_card.btn_prev { padding:8px 15px 8px 30px; }

	/* 주니어 진로카드 - 선택결과 */
	.card_result_cmt { padding:60px 20px 20px; border-radius:var(--radius-medium); }
	.card_result_cmt::before { width:220px; background-size:contain; }
	.card_result_cmt .result_img_con { margin:20px 0; }
	/* 반짝반짝 */
	.card_result_cmt .con_box .con_list li { padding-left:55px; }
	.card_result_cmt .con_box .con_list li::before { width:40px; height:40px; }
	.card_result_cmt .con_box .con_list li .tit { margin:0; font-size:var(--font-size-16); }
}

/* 넓이가 419px 이하일 때*/
@media all and (max-width:419px) {
	/* 저학년 진로흥미탐색 - 자기이해 */
	.cont_arojunior .painting { padding:25px; }
	.cont_arojunior .painting .painting_con .pic_wrap { width:100%; }
	.cont_arojunior .painting .painting_con .pic_wrap .img_pic { top:calc(53px + 24px); width:100%;margin: 0 0 20px 0; }
	.cont_arojunior .painting .pic_wrap .img_thumb span { bottom:50px; width:55px; height:55px; }
	.cont_arojunior .painting .pic_wrap .img_thumb span.img2 { bottom:55px; left:28px; }
	.cont_arojunior .painting .pic_wrap .img_thumb span.img3 { bottom:45px; left:80px; }
	.cont_arojunior .painting .step1_2 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_3 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_4 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_5 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_6 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_8 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_9 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_10 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_11 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_12 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_14 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_15 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_16 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_17 .pic_wrap .img_pic { background-position:0 0; }
	.cont_arojunior .painting .step1_18 .pic_wrap .img_pic { background-position:0 0; }

	/* 검사결과표 - 공통 */
	.cont_result_wrap .list_interest li { display:block; }
	.cont_result_wrap .list_interest .box_interest .img_thumb { width:60px; height:60px; margin:0; }
	.cont_result_wrap .list_interest .box_interest .txt_desc { text-align:left; }
	.cont_result_wrap .list_interest .interest_info { padding:10px 0 0 0; }
	.test_top_txt.type2 { display:block; }
	.test_top_txt.type2 .btn_list { display:block; }
	.test_top_txt.type2 .btn_list .btn_type2 { margin-top:5px; }

	/* 주니어 진로카드 - 전체에서4개선택, 4개에서2개선택 */
	.card_choice_box .course_card_list_wrap { padding:25px; }
	.card_choice_box .course_card_list_wrap .guide_txt { font-size:var(--font-size-18); }
	.card_choice_box .course_card_list_wrap .course_card_list li { width:100%; }
	.card_choice_box .course_card_list_wrap .course_card_list li:last-child { margin-bottom:0; }
}

/* 넓이가 379px 이하일 때*/
@media all and (max-width:379px) {
	/* 저학년 진로흥미탐색 - 자기이해 - 결과 */
	.self_understanding_result .type_box_wrap .type_char .inner { padding:0 20px 20px; }
	.self_understanding_result .type_box_wrap .desc { margin-bottom:40px; }
	.self_understanding_result .type_box_wrap .graph ul li { margin-right:8px; }
	.self_understanding_result .type_box_wrap .graph ul li div { width:25px; height:90px; }
	.self_understanding_result .type_box_wrap .graph ul li .star { top:-22px; width:18px; height:17px; }
	.self_understanding_result .type_box_wrap .graph .subject { margin:5px 0 0; font-size:10px; }

	/* 학교검색 모달 */
	.modal_popup.search_school .modal_area { width:90%; min-width:auto; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list li { font-size:13px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list li label span { display:inline-block; min-width:auto; margin-right:12px; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list .radio-btn input { width:14px; height:14px; margin:0 3px 0 0; }
	.modal_popup.search_school .modal_content .scroll-box .radio-list .radio-btn input:checked::before { font-size:12px; }

	/* 주니어 진로카드 - 카드 전체 리스트 */
	/* common */
	.course_card_list_wrap .course_card_list { }
	.course_card_list_wrap .course_card_list li { width:100%; }
	.course_card_list_wrap .course_card_list li .card_box .con .card_img { padding-top:15px; }
	.course_card_list_wrap .course_card_list li .card_box .con strong { padding-bottom:20px; }

	/* 으쓱으쓱 */
	.item_card_con_3 .course_card_list_wrap .course_card_list li .card_box .con strong { min-height:auto; }
	.item_card_con_3 .course_card_list_wrap .course_card_list li .card_box .con strong br { display:none; }

	/* 주니어 진로카드 - 전체에서4개선택, 4개에서2개선택 */
	.card_choice_box .course_card_list_wrap { padding:20px; border-radius:var(--radius-small); }

	/* 반짝반짝 */
	.card_result_cmt .con_box .con_list { gap:15px; }
	.card_result_cmt .con_box .con_list li { padding:0; }
	.card_result_cmt .con_box .con_list li::before { content:none; }
}


/*---------------jr_info------------------*/
@media all and (max-width:1179px){
	/* 하단 버튼 */
	.junior_video_list_wrap .jv_video_list_more .btn_more.type2,
	.junior_job_info_area .btn_wrap .btn_more.type2,
	.future_job_cont_area .btn_wrap .btn_more.type2,
	.junior_video_list_wrap .btn_wrap .btn_more.type2 {height:46px;line-height:44px;font-size:var(--font-size-18);}

	/* 주니어 진로동영상 */
	.junior_video_list_wrap .junior_video_tab a,
	.junior_video_list_wrap .junior_video_slick .slick-list a,
	.junior_video_list li .j_video_tit,
	.junior_video_side .junior_video_series .jv_series_tit,
	.junior_video_view .jv_view_desc .jv_view_desc_h4 a,
	.junior_video_list_wrap .junior_video_pick .pick_video_tit {font-size:var(--font-size-18);}
	.junior_video_view .j_video_h3,
	.junior_video_side .jv_side_h4,
	.junior_video_list_wrap .junior_video_list_top .lt_video_count,
	.junior_video_list_wrap .junior_video_h3 {font-size:var(--font-size-20);}
	.junior_video_list_wrap .junior_video_list_top .lt_video_btns button,
	.junior_video_side .junior_video_series .jv_series_box .jv_series_txt,
	.junior_video_view .jv_view_desc .jv_cont_txt {font-size:15px;}
	.junior_video_view .j_video_h3,
	.future_job_question_list .question_list li,
	.junior_video_view .jv_view_desc .jv_cont_txt {line-height:1.4;}
	.junior_video_list_wrap,
	.junior_video_detail_wrap {padding-bottom:0;}
	.junior_video_list_wrap .junior_video_search_wrap {margin-top:0;}
	.junior_video_list_wrap .junior_video_search_wrap .s_search_box,
	.junior_job_info_area .junior_job_info_top .s_search_box {height:48px;}
	.junior_video_list_wrap .junior_video_search_wrap .s_search_box button.ri {/*margin-left: -96px;*/ margin-left: -50px;}
	.junior_video_list_wrap .junior_video_search_wrap .s_search_box button::before,
	.junior_job_info_area .junior_job_info_top .s_search_box button::before {top:0;}
	.junior_video_list_wrap .junior_video_list_top .lt_video_btns {top:-4px;}
	.junior_video_list_wrap .junior_video_list_top .lt_video_btns button {height:32px;}
	.junior_video_list_wrap .junior_video_slick {margin-top:18px;margin-bottom:28px;}
	.junior_video_detail_wrap .junior_video_view {width:calc(100% - 344px);}
	.junior_video_detail_wrap .junior_video_side {width:304px;}
	.future_job_question_list .question_list li::before {top:8px;}

	/* 주니어 직업정보 */
	.future_job_cont_area {margin-bottom:var(--spacing80);}
	.junior_job_info_area .junior_job_info_type .txts,
	.future_job_cont_area .top_area .tit,
	.future_job_cont_area .top_area .con {line-height:1.4;}
	.junior_job_info_area .junior_job_info_type .txts {font-size:var(--font-size-16);}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list p {font-size:var(--font-size-20);}
	.junior_job_info_area .junior_job_info_list li {width:calc(33.333% - 16px);}
	.junior_job_info_area .junior_job_info_list li .list_up .tit_wrap {font-size:var(--font-size-18);}
	.junior_job_info_area .junior_job_info_list li .list_up .txts {font-size:15px;}
	.junior_job_info_area {padding-bottom:0;}
	.future_job_question_list .question {margin-top:40px;}
	.future_job_question_list .question:first-child {margin-top:6px;}

	/* 미래 직업정보 */
	.future_job_list_area {margin-bottom:var(--spacing80);}
	.future_job_info_area .top_box h3 {line-height:1.4;font-size:var(--font-size-22);}
	.future_job_info_area .future_job_info_list li span,
	.future_job_list_area .top_box .top_box_cont .tit,
	.future_job_list_area .future_job_list_tit {font-size:var(--font-size-22);}
	.future_job_info_area .top_box p {font-size:var(--font-size-20);}
	.fj_num_box span {font-size:var(--font-size-14);}
	.tits_gradient {min-width:53px;height:28px;line-height:22px;font-size:var(--font-size-16);}
	.tits_gradient em {padding:7px;}
	.future_job_cont_area .top_area .tit {margin-top:10px;font-size:var(--font-size-24);}
	.future_job_cont_area .top_area .con,
	.future_job_question_list .question .future_job_question_tit,
	.future_job_keyword_box .keyword_tit,
	.future_job_video_box .video_link_tit {font-size:var(--font-size-20);}
	.future_job_list_area .top_box .top_box_cont .con,
	.future_job_question_list .question_list li,
	.future_job_question_list .question .about-desc,
	.future_job_list_area .future_job_list li .tit {font-size:var(--font-size-18);}
	.future_job_list_area .future_job_list li .con,
	.future_job_keyword_box .keyword_list a {font-size:15px;}
	.future_job_list_area .top_box {margin-bottom:30px;padding:32px 32px 73px 34px;}
	.future_job_list_area .future_job_list_tit {margin-bottom:20px;}
	.future_job_cont_area .top_area {padding-bottom:40px;}
	.future_job_cont_area .top_area .con_box {margin-top:30px;padding:12px 57px 10px;}
	.junior_job_info_navi .jj_info_navi_box {padding:32px 34px 26px;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_img {top:32px;left:34px;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list {padding-left:300px;}

	/* 미래 사회의 직업 */
	.future_society_job_main .info_tit {font-size:25px;}
	.future_society_job_main .box_area .txt01,
	.future_society_job_info .explan_list li a span,
	.future_job_depth3_tab li a,
	.depth4_cont_wrap .tip_cont .tit,
	.depth4_cont_wrap .flag_box .country,
	.future_society_job_info .btn_wrap .btn_style {font-size:var(--font-size-22);}
	.future_society_job_main .box_area .txt02,
	.future_society_job_info .explan_area .tit,
	.depth4_cont_wrap .tip_cont .tit_02,
	.future_job_card_box .future_job_card_turn button,
	.depth4_cont_wrap .period_list .cons strong,
	.depth4_cont_wrap .tip_cont .txt_box p strong,
	.depth4_cont_wrap .global_box .global_list .g_tit,
	.cont_0304_sub02 .future_robot_card_turn button {font-size:var(--font-size-20);}
	.future_society_job_info .explan_area p,
	.depth4_cont_wrap .tip_cont .case span,
	.depth4_cont_wrap .future_predict_p,
	.depth4_cont_wrap .future_predict_link span,
	.depth4_cont_wrap .tip_cont .txt_box p,
	.depth4_cont_wrap .flag_box .num span,
	.future_job_card_box li .future_job_card_before strong,
	.depth4_cont_wrap .global_job_change .global_job_change_list .gjl_txt .gjl_tit,
	.depth4_cont_wrap .future_energy_lack_job_list li strong,
	.depth4_cont_wrap .automation_box .ab_tit,
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_before strong {font-size:var(--font-size-18);}
	.depth4_cont_wrap .tip_box p,
	.depth4_cont_wrap .automation_box .ab_cont li strong {font-size:var(--font-size-16);}
	.depth4_cont_wrap .future_basic_p,
	.depth4_cont_wrap .future_energy_lack_job_list li p {font-size:15px;}
	.future_society_job_main .box_area .txt01,
	.future_society_job_main .box_area .txt02,
	.future_society_job_info .explan_area .tit,
	.future_society_job_info .explan_area p,
	.depth4_cont_wrap .tip_cont .tit_02,
	.depth4_cont_wrap .future_predict_p,
	.depth4_cont_wrap .future_basic_p,
	.depth4_cont_wrap .tip_cont .txt_box p,
	.depth4_cont_wrap .tip_box p {line-height:1.4;}
	.future_job_card_box .future_job_card_turn {margin-left:-107px;}
	.future_job_depth3_content {padding:40px;}
	.depth4_cont_wrap .cont_left {width:282px;}
	.depth4_cont_wrap .cont_left.cont_left_block{float:none; width:100%; margin-bottom:30px;}
	.depth4_cont_wrap .cont_right {width:calc(100% - 312px);}
	.depth4_cont_wrap .tip_cont {padding:40px;}
	.depth4_cont_wrap .flag_box ul {padding:0;}
	.future_society_job_info .white_box {padding:40px;}
	.future_society_job_main {padding-bottom:40px;}
	.future_society_job_main .info_tit,
	.depth4_cont_wrap .tip_cont .tit {line-height:1.4;word-break:keep-all;}
	.future_society_job_main .box_area {margin-top:20px;padding:40px;background-size:473px auto;}
	.future_society_job_info {padding-top:40px;}
	.icon_future_society_earth::after {right:20px;background-size:47.5px auto;}
	.future_society_job_info .explan_list {margin-top:8px;}
	.future_society_job_info .explan_list li {width:50%;}
	.future_job_card_box li .future_job_card_after {padding:28px 20px 68px;}
	.future_job_card_box li .future_job_card_after p {line-height:1.6;}
	.future_job_card_box li .future_job_card_after .ex_box {left:20px;width:calc(100% - 40px);}
	.depth4_cont_wrap .future_predict_pink {margin-bottom:3px;}
	.future_job_wraps {margin-top:20px;}
	.future_job_control_box {margin-top:var(--spacing32);}
	.future_job_control_box .future_job_control {width:160px;height:54px;}
	.future_job_control_box .future_job_control .future_job_prev,
	.future_job_control_box .future_job_control .future_job_next {background-size:24px auto;}
	.future_job_control_box .future_job_control .future_job_home {background-size:30px auto;}
}

/* 넓이가 1025px 이상일 때 */
@media all and (min-width:1025px){
	.future_job_depth4_tab .future_job_depth4_tab_txt {display:none;}
	.future_job_depth4_tab ul {display:flex !important;}
	.mypage_content .junior_experience_fav_list li {margin: 0px;}
	.mypage_content .career_info_con .career_quest_list li .quest_tit {display: block;}
	.mypage_content .career_info_con .career_quest_list li .tit {margin-bottom: 15px;}
	.content_area:not(.type_wide){/*padding-left: 30px;padding-right: 30px;*/margin-bottom: 30px; max-width: 1400px;}
}
/* 넓이가 1024px 이하일 때 */
@media all and (max-width:1024px){
	/* 주니어 진로동영상 */
	.junior_video_list_wrap .junior_video_search_wrap {padding:30px 24px 26px 24px;}
	.junior_video_list_wrap .junior_video_h3 {margin-bottom:20px;}
	.junior_video_list ul,
	.junior_video_side .junior_video_list ul {gap:28px 20px;}
	.junior_video_list li,
	.junior_video_side .junior_video_list li {width:calc(33.3% - 14px);margin-top:0;}
	.junior_video_detail_wrap .junior_video_view {float:none;width:100%;margin-right:0;}
	.junior_video_detail_wrap .junior_video_side {float:none;width:100%;margin-top:30px;}
	.junior_video_view .jv_view_desc_wrap {padding-top:10px;}

	/* 신산업 진로체험*/
	.junior_experience_list_wrap .top_box {min-height:inherit;padding:24px;}
	.junior_experience_list_wrap .top_box,
	.junior_experience_list_wrap .top_box .top_box_bg::before,
	.junior_experience_list_wrap .top_box .top_box_bg::after {background-image:none;}
	.junior_experience_list ul,
	.junior_experience_side .junior_experience_list ul {gap:28px 20px; padding:24px}
	.junior_experience_list li,
	.junior_experience_side .junior_experience_list li {width:calc(33.3% - 14px);margin-top:0;} 


	/* 주니어 직업정보 */
	.future_job_info_area .top_box {min-height:inherit;margin-bottom:50px;padding:24px;}
	.future_job_info_area .top_box,
	.future_job_info_area .top_box .top_box_bg::before,
	.future_job_info_area .top_box .top_box_bg::after {background-image:none;}
	.junior_job_info_area .junior_job_info_top {padding:30px 24px 40px 24px;}
	.junior_job_info_area .junior_job_info_list li {min-height:348px;}
	.junior_job_info_area .junior_job_info_list li a {padding:16px;}
	.junior_job_info_area .junior_job_info_list li .tit_wrap {padding-top:20px;}
	.junior_job_info_area .junior_job_info_list li .list_up {padding:0 14px 18px;}
	.junior_job_info_area .junior_job_info_list li .list_up .tit_wrap {padding-top:16px;}
	.junior_job_info_area .btn_wrap .btn_more.type2 {width:240px;height:44px;line-height:42px;font-size:18px;}
	.knowledge_interest_box {flex-direction: column;gap: 0 30px;}
	.knowledge_interest_box>div+div{border-left: none;padding-left: 0;margin-left: 0; margin-top: 30px;}
	.knowledge_interest_box .knowledge_box,
	.knowledge_interest_box .interest_box,
	.knowledge_interest_box .values_box {padding-left:68px;background-position:20px top;background-size:38px auto;min-height: inherit;}
	.junior_job_info_half {display:block;}
	.junior_job_info_half .future_job_video_box,
	.junior_job_info_half .future_job_keyword_box {width:100%;margin-right:0;margin-left:0;}
	.future_job_cont_area .video_link .video_img_area img {width:100%; height: 150px;}
	.junior_job_info_navi .jj_info_navi_box {padding:32px 24px 26px;background-image:none;border-width:6px;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_img {left:24px;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list {padding-left:290px;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list p {width:100%;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list p a {padding:16px 24px 15px 48px;}

	/* 미래 직업정보 */
	.future_job_list_area .top_box {padding:32px 32px 93px 34px;}
	.future_job_list_area .top_box .top_box_link {left:30px;width:calc(100% - 60px);}
	.future_job_list_area .top_box .top_box_link .another_link,
	.future_job_list_area .top_box .top_box_link .book_down {width:calc(50% - 8px);}
	.future_job_list_area .top_box .top_box_link .book_down {margin-left:14px;}
	.future_job_list_area .future_job_list li {width:50%;}
	.future_job_info_area .future_job_info_list {margin-bottom:0;padding:0}
	.future_job_info_area .future_job_info_list ul::before {right:-45px;top:-34px;}
	.future_job_info_area .future_job_info_list li {margin-bottom:52px;}
	.future_job_info_area .future_job_info_list li a {width:216px;height:216px;}
	.future_job_info_area .future_job_info_list li a::after {width:240px;height:240px;filter:blur(30px);webkit-filter:blur(30px);}
	.future_job_info_area .future_job_info_list li a:hover::after {width:240px;height:240px;background-color:rgba(0,0,0,0.10);}
	.future_job_info_area .future_job_info_list li a:hover {border-width:6px;}
	.future_job_info_area .future_job_info_list .robot a::before {margin-left:-80px;height:124px;background-size:auto 124px;}
	.future_job_info_area .future_job_info_list .robot a:hover::before {top:40px;}
	.future_job_info_area .future_job_info_list .bio a::before {margin-left:-80px;height:124px;background-size:auto 124px;}
	.future_job_info_area .future_job_info_list .bio a:hover::before {top:40px;}
	.future_job_info_area .future_job_info_list .connect a::before {top:40px;margin-left:-60px;height:124px;background-size:auto 124px;}
	.future_job_info_area .future_job_info_list .connect a:hover::before {top:33px;}
	.future_job_info_area .future_job_info_list .safety a::before {top:44px;margin-left:-70px;height:124px;background-size:auto 124px;}
	.future_job_info_area .future_job_info_list .safety a:hover::before {top:37px;}
	.future_job_info_area .future_job_info_list .energy a::before {top:40px;margin-left:-100px;height:124px;background-size:auto 124px;}
	.future_job_info_area .future_job_info_list .energy a:hover::before {top:33px;}
	.future_job_info_area .future_job_info_list .play a::before {top:20px;margin-left:-46.4px;width:92.8px;background-size:92.8px auto;}
	.future_job_info_area .future_job_info_list .play a:hover::before {top:13px;}
	.future_job_info_area .future_job_info_list .health a::before {margin-left:-70px;height:129px;background-size:auto 129px;}
	.future_job_info_area .future_job_info_list .health a:hover::before {top:40px;}
	.future_job_info_area .future_job_info_list .necessity a::before {top:27px;margin-left:-62px;width:124px;background-size:124px auto;}
	.future_job_info_area .future_job_info_list .necessity a:hover::before {top:20px;}
	.future_job_info_area .future_job_info_list .design a::before {top:54px;margin-left:-68px;height:114px;background-size:auto 114px;}
	.future_job_info_area .future_job_info_list .design a:hover::before {top:47px;}
	.future_job_info_area .future_job_info_list li span {bottom:-12px;width:94px;margin-left:-47px;padding:3px 5px 3px;font-size:20px;}

	/* 미래 사회의 직업 */
	.future_society_job_info .btn_wrap .btn_style {display:inline-block;height:auto;width:auto;line-height:1.2;padding:13px 75px 15px 20px !important;}
	.future_society_job_info .btn_wrap .btn_style.icon_type span::before {right:20px;}
	.future_job_card_box li {width:calc(50% - 12px);min-height:272px;}
	.future_job_card_box li a:hover .future_job_card_before {padding:13px;}
	.future_job_card_box li .future_job_card_before {min-height:272px;padding:16px;}
	.future_job_card_box li .future_job_card_before strong {line-height:1.2;}
	.future_job_card_box li .future_job_card_after {min-height:272px;}
	.future_society_job_info .explan_area p {margin-bottom:20px;}
	.future_society_job_info .explan_list li {margin-top:16px;}
	.future_society_job_info .explan_list li a {height:72px;line-height:64px;}
	.future_society_job_info .explan_list li a:hover {background-size:auto 23px;}
	.future_society_job_info .explan_list li a span {padding-left:63px;}
	.future_society_job_info .explan_list .job_interests a {margin-right:8px;}
	.future_society_job_info .explan_list .job_interests span::before {left:0;}
	.future_society_job_info .explan_list .job_interests span::before,
	.future_job_depth3_tab .depth3_tab_01 a::before {background-size:auto 37px;}
	.future_society_job_info .explan_list .job_change a {margin-left:8px;}
	.future_society_job_info .explan_list .job_change span::before {left:-20px;}
	.future_society_job_info .explan_list .job_change span::before,
	.future_job_depth3_tab .depth3_tab_02 a::before {background-size:auto 27px;}
	.future_society_job_info .explan_list .job_expect a {margin-right:8px;}
	.future_society_job_info .explan_list .job_expect span::before {left:-20px;}
	.future_society_job_info .explan_list .job_expect span::before,
	.future_job_depth3_tab .depth3_tab_03 a::before {background-size:37px auto;}
	.future_society_job_info .explan_list .job_prepare a {margin-left:8px;}
	.future_society_job_info .explan_list .job_prepare span::before {left:-20px;}
	.future_society_job_info .explan_list .job_prepare span::before,
	.future_job_depth3_tab .depth3_tab_04 a::before {background-size:auto 28px;}
	.future_job_depth3_tab li {width:50%;}
	.future_job_depth3_tab li + li {margin-left:0;}
	.future_job_depth3_tab li a {height:62px;line-height:60px;}
	.future_job_depth3_tab li a::after {display:none;}
	.future_job_depth3_tab li a:hover,
	.future_job_depth3_tab li.active a {padding-top:0;}
	.future_job_depth3_tab .depth3_tab_01,
	.future_job_depth3_tab .depth3_tab_02 {margin-bottom:16px;}
	.future_job_depth3_tab .depth3_tab_01 a {margin-right:8px;}
	.future_job_depth3_tab .depth3_tab_02 a {margin-left:8px;}
	.future_job_depth3_tab .depth3_tab_03 a {margin-right:8px;}
	.future_job_depth3_tab .depth3_tab_04 a {margin-left:8px;}
	.future_job_depth3_tab .depth3_tab_02 a::before {margin-top:-28px;}
	.future_job_depth3_tab .depth3_tab_03 a::before {margin-top:-34px;}
	.future_job_depth3_content {margin-top:var(--spacing24);}
	.future_job_depth4_tab ul {display:none;width:100%;width:100%;position:absolute;left:0;top:38px;padding:10px 15px;border:1px solid #ccc;background-color:#fff;border-bottom-left-radius:var(--radius-xsmall);border-bottom-right-radius:var(--radius-xsmall);z-index:9;}
	.future_job_depth4_tab .mo_active + ul {display:block;}
	.future_job_depth4_tab li {text-align:left;}
	.future_job_depth4_tab li + li {margin-left:2px;}
	.future_job_depth4_tab li a {display:block;padding:0;border-bottom:0 none;}
	.future_job_depth4_tab li a::after {left:0;bottom:0;width:0;height:0;}
	.future_job_depth4_tab li a em::after {content:'';opacity:0;position:absolute;right:0;top:0;width:0;height:0;margin-top:0;}
	.future_job_depth4_tab li a:hover,
	.future_job_depth4_tab li.active a {font-weight:700;}
	.future_job_depth4_tab li a:hover::after,
	.future_job_depth4_tab li.active a::after {left:0;width:0;}
	.future_job_depth4_tab.depth4_1tab ul > li,
	.future_job_depth4_tab.depth4_3tab ul > li,
	.future_job_depth4_tab.depth4_4tab ul > li,
	.future_job_depth4_tab.depth4_5tab ul > li,
	.future_job_depth4_tab.depth4_6tab ul > li {float:none;min-width:100%;}
	.future_job_depth4_content {margin-top:var(--spacing24);}
	.future_job_depth4_content .depth4_content_0300 {margin-top:0;}
	.depth4_cont_wrap .cont_left {float:none;width:100%;margin-bottom:20px;}
	.depth4_cont_wrap .tip_box {margin-top:0;padding:16px;}
	.depth4_cont_wrap .tip_box::after {display:none;top:-69px;background-size:auto 52px;}
	.depth4_cont_wrap .tip_box::before {display:none;left:78px;top:-66px;background-size:21px 19px;}
	.depth4_cont_wrap .tip_box p + p {margin-top:8px;}
	.depth4_cont_wrap .cont_right {float:none;width:100%;}
	.depth4_cont_wrap .global_box {gap:30px;}
	.depth4_cont_wrap .future_prepare_seven li {width:100%}
	.depth4_cont_wrap .demographic_year_list {display:block;overflow:hidden;}
	.depth4_cont_wrap .demographic_year_list p {float:left;width:28%}
	.depth4_cont_wrap .demographic_year_list .txt_left {width:44%;}
	.depth4_cont_wrap .demographic_year .sources_p {margin-top:20px;}
	.depth4_cont_wrap .future_energy_lack_job_list {gap:0 40px;}
	.depth4_cont_wrap .future_energy_lack_job_list li {width:calc(33.333% - 27px);}
	.depth4_cont_wrap .automation_box .ab_cont {padding:24px 24px 28px 24px;}
	.depth4_cont_wrap .automation_box .ab_cont .ab_rank_list {margin-top:40px;}
	.depth4_cont_wrap .future_robot_list > li {width:100%;margin-bottom:32px;}
	.depth4_cont_wrap .future_robot_list li ul li {margin-top:8px;}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_before {justify-content:center;}
	.depth4_cont_wrap .cont_0304_sub02 .sources_p {margin-top:0;}
	.depth4_cont_wrap .smarts_boxs {flex-direction:column;}
	.depth4_cont_wrap .s_tit_box {width:100%;padding:16px 20px;}
	.depth4_cont_wrap .s_tit_box strong {font-size:var(--font-size-18);}
	.depth4_cont_wrap .s_cont_box {width:100%;padding:20px;}
	/* 미래 사회의 직업 - 우리나라 일자리 변화 - 우리나라의 직업의 변화 전망 */
	.depth4_cont_wrap .tip_cont .donut_list{padding:30px 0 25px;}
	.depth4_cont_wrap .tip_cont .donut_list .donut-graph {display:flex; flex-wrap: wrap; justify-content: space-between; gap:20px;}
	.depth4_cont_wrap .tip_cont .donut_list .donut-graph li{width:calc(50% - 10px); background-color: #fff; border-radius:20px; padding:20px 30px; margin:0;}
	.depth4_cont_wrap .tip_cont .donut_list ul li{margin-bottom:0;}
	.depth4_cont_wrap .tip_cont .donut_list ul li:before{display:none;}
	.depth4_cont_wrap .tip_cont .donut_list .donut-graph li img{display:block; width:100%; max-width:354px; margin:0 auto;}
	.depth4_cont_wrap .tip_cont .donut-legend{display:flex;flex-wrap:wrap;justify-content: center;align-items:center;gap:10px 20px;margin-top:30px;}
	.depth4_cont_wrap .tip_cont .donut_legend_item{display:flex;align-items:center;gap:10px}
	.depth4_cont_wrap .tip_cont .donut_legend_dot{width:18px;height:18px;border-radius:50%;display:inline-block}
	.depth4_cont_wrap .tip_cont .donut_legend_text{font-size:18px;line-height:1.2;color:#7a7a7a;font-weight:500}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-manager{background:#ff6b73}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-expert{background:#ffcf4a}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-office{background:#ff8a3d}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-service{background:#ffb08c}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-sales{background:#e86ad9}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-agri{background:#9b7cff}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-skill{background:#78cfff}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-machine{background:#74d8aa}
	.depth4_cont_wrap .tip_cont .donut_legend_dot.is-simple{background:#5f66ff}

	/* 미래 사회를 위한 준비(공통) - 내용 스타일 */
	.depth4_cont_wrap .skill_list {padding-top:30px;}
	.depth4_cont_wrap .skill_list li {position:relative;margin-bottom:20px;}
	.depth4_cont_wrap .skill_list li:last-child {margin-bottom:0;}
	.depth4_cont_wrap .skill_list li::after {content:'';display:block;clear:both;}
	.depth4_cont_wrap .skill_list li::before {display:none;}
	.depth4_cont_wrap .skill_list li:last-child::before {width:0;height:0;}
	.depth4_cont_wrap .skill_list .img {position:relative;float:left;width:180px;margin-right:25px;}
	.depth4_cont_wrap .skill_list .img img {max-width:180px;}
	.depth4_cont_wrap .skill_list .img span {position:absolute;left:50%;bottom:-6px;width:94px;margin-left:-47px;padding:4px 17px 3px 18px;font-size:var(--font-size-14);color:var(--color-gray-800);font-weight:500;line-height:22.4px;background-color:var(--color-primery-100);border-radius:var(--radius-medium);}
	.depth4_cont_wrap .skill_list .cons {float:left;width:calc(100% - 205px);display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;min-height:120px;}
	.depth4_cont_wrap .skill_list .cons strong {margin-top:3px;margin-bottom:10px;color:var(--color-black);font-size:var(--font-size-22);padding-left:20px;text-indent:-20px;}
	.depth4_cont_wrap .skill_list .cons p {font-size:var(--font-size-18);color:var(--color-gray-700);font-weight:500;line-height:130%;padding-left:0;}
	.depth4_cont_wrap .skill_list .cons .sources_p {margin-top:2px;text-align:left;}
}

/* 넓이가 940px 이하일 때 */
@media all and (max-width:940px){
	/* 미래 사회의 직업 */
	.future_society_job_main .box_area {background-image:none;}

	/* 미래 직업정보 */
	.future_society_job_info .explan_list li a {padding:0 16px;}
	.future_society_job_info .explan_list li a span {padding-left:53px;}
}

/* 넓이가 768px 이하일 때*/
@media all and (max-width:768px){
	/* 하단 버튼 */
	.junior_job_info_area .btn_wrap,
	.junior_video_list_wrap .jv_video_list_more,
	.future_job_cont_area .btn_wrap,
	.junior_video_list_wrap .btn_wrap .btn_more.type2 {margin-top:40px;}

	/* 주니어 진로동영상 */
	.junior_video_list_wrap .junior_video_slick {padding:0 40px 0;}
	.junior_video_list_wrap .junior_video_slick .slick-arrow {width:28px;height:28px;}
	.junior_video_list_wrap .junior_video_slick .slick-prev::before,
	.junior_video_list_wrap .junior_video_slick .slick-next::before,
	.junior_video_list_wrap .junior_video_slick .slick-prev:hover::before,
	.junior_video_list_wrap .junior_video_slick .slick-next:hover::before {background-size:auto 16px;}
	.junior_video_list li,
	.junior_video_side .junior_video_list li {width:calc(50% - 10px);}
	.junior_video_list li .j_video_tit,
	.junior_video_side .junior_video_list li .j_video_tit {margin-top:5px;}
	.junior_video_list_wrap .junior_video_list_top {margin-top:28px;}
	.junior_video_list_wrap .junior_video_pick {padding:20px;}
	.jp-controls-holder {height:80px !important;}
	.jp-video .jp-type-single .jp-controls {margin:0 0 0 10px !important;}
	.jp-video .jp-volume-controls {right:5px !important;}
	.jp-video .jp-toggles {right:-20px !important;margin-top:50px !important;}
	.junior_video_view .jv_view_desc .jv_cont_txt {margin-bottom:20px;}

	/* 주니어 직업정보 */
	.junior_job_info_area .junior_job_info_type {padding-top:22px;}
	.junior_job_info_area .junior_job_character_list ul {padding-top:60px;gap:52px 16px;}
	.junior_job_info_area .junior_job_character_list li {width:calc(50% - 8px);}
	.junior_job_info_area .junior_job_character_list li a {padding:12px 16px 14px;}
	.junior_job_info_area .junior_job_character_list li .character_name strong {font-size:18px;}
	.junior_job_info_area .junior_job_character_list li .character_name span {vertical-align:initial;}
	.junior_job_info_area .junior_job_character_list li.active a::after,
	.junior_job_info_area .junior_job_character_list li a:hover::after {bottom:-12px;background-size:19px auto;}
	.junior_job_info_area .junior_job_character_list .character_list01::before {top:-26px;width:63px;height:93px;margin-left:-32px;background-size:63px 93px;}
	.junior_job_info_area .junior_job_character_list .character_list01.active::before,
	.junior_job_info_area .junior_job_character_list .character_list01:hover::before {top:-54px;}
	.junior_job_info_area .junior_job_character_list .character_list02::before {top:-28px;width:60px;height:94px;margin-left:-30px;background-size:60px 94px;}
	.junior_job_info_area .junior_job_character_list .character_list02.active::before,
	.junior_job_info_area .junior_job_character_list .character_list02:hover::before {top:-54px;}
	.junior_job_info_area .junior_job_character_list .character_list03::before {top:-24px;width:60px;height:90px;margin-left:-30px;background-size:60px 90px;}
	.junior_job_info_area .junior_job_character_list .character_list03.active::before,
	.junior_job_info_area .junior_job_character_list .character_list03:hover::before {top:-50px;}
	.junior_job_info_area .junior_job_character_list .character_list04::before {top:-24px;width:56px;height:93px;margin-left:-28px;background-size:56px 93px;}
	.junior_job_info_area .junior_job_character_list .character_list04.active::before,
	.junior_job_info_area .junior_job_character_list .character_list04:hover::before {top:-52px;}
	.junior_job_info_area .junior_job_character_list .character_list05::before {top:-40px;width:47px;height:107px;margin-left:-23px;background-size:47px 107px;}
	.junior_job_info_area .junior_job_character_list .character_list05.active::before,
	.junior_job_info_area .junior_job_character_list .character_list05:hover::before {top:-58px;}
	.junior_job_info_area .junior_job_character_list .character_list06::before {top:-24px;width:60px;height:93px;margin-left:-30px;background-size:60px 93px;}
	.junior_job_info_area .junior_job_character_list .character_list06.active::before,
	.junior_job_info_area .junior_job_character_list .character_list06:hover::before {top:-52px;}
	.junior_job_info_area .junior_job_info_list li {width:calc(50% - 12px);}
	.junior_job_info_navi .jj_info_navi_box::after {display: none;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_img {position:relative;top:auto;left:auto;margin:0 auto;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list {min-height:inherit;padding-left:0;margin-top:20px;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list p {line-height:1.4;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list p a {padding:16px 24px 15px 45px;}
	.junior_job_info_navi .jj_info_navi_box .navi_box_list p::before,
	.future_job_question_list .question .future_job_question_tit::before {top:13px;width:34px;height:34px;line-height:32px;font-size:var(--font-size-16);}
	.future_job_question_list .question .future_job_question_tit {padding-left:45px;line-height:1.4;}
	.knowledge_interest_box {padding:24px 0;flex-direction: column;}
	.junior_job_info_half .future_job_video_box,
	.future_job_keyword_box,
	.future_job_video_box {margin-top:20px;padding:24px;}
	.junior_job_info_half .video_box_link {margin-top:12px;}
	.junior_job_info_half .keyword_list {margin-top:0;}
	.future_job_keyword_box .keyword_tit {margin-bottom:8px;}
	.future_job_keyword_box .keyword_list a {margin:8px 8px 0 0;}
	.future_job_cont_area .video_link {width:254px;}

	/* 미래 직업정보 */
	.future_job_list_area .top_box {display:block;padding:16px;border-width:6px;overflow:hidden;}
	.future_job_cont_area .top_area {border-width:6px;}
	.future_job_cont_area .top_area .con_box {padding:12px 20px 10px;border-radius: 10px;}
	.future_job_cont_area .top_area .con {padding:6px 24px;font-size:var(--font-size-18);}
	.future_job_list_area .top_box .top_box_img {text-align:center;}
	.future_job_list_area .top_box .top_box_cont {padding:0;margin:0;border:0 none;}
	.future_job_list_area .top_box .top_box_cont .tit {margin-top:20px;text-align:center;}
	.future_job_list_area .top_box .top_box_cont .con {margin-top:10px;text-align:center;}
	.future_job_list_area .top_box .top_box_link {position:relative;bottom:auto;left:auto;width:100%;}
	.future_job_list_area .top_box .top_box_link .another_link,
	.future_job_list_area .top_box .top_box_link .book_down {width:100%;margin:10px 0 0;}
	.future_job_info_area .future_job_info_list li {width:50%;}
	.future_job_list_area .future_job_list {gap:12px 0;}
	.future_job_list_area .future_job_list li {width:100%;}
	.future_job_list_area .future_job_list li .job_list_wrap {padding:14px 18px 17px;}
	.future_society_job_info .white_box {padding-left:24px;padding-right:24px;}
	.future_society_job_info .explan_area {padding-left:0;background-image:none;}
	.future_society_job_info .explan_list li {width:100%;}
	.future_society_job_info .explan_list li a {height:62px;line-height:52px;}
	.future_society_job_info .explan_list .job_interests a,
	.future_society_job_info .explan_list .job_change a,
	.future_society_job_info .explan_list .job_expect a,
	.future_society_job_info .explan_list .job_prepare a {margin-right:0;margin-left:0;}
	.future_job_info_area .future_job_info_list ul {position: relative;display: flex;flex-wrap: wrap;}
	.future_job_info_area .future_job_info_list li a {width: 160px;height: 160px;}
	.future_job_info_area .future_job_info_list li a::before {margin-top: -34px; scale: 0.8;}


	/* 미래 사회의 직업 */
	.future_job_depth3_content {padding:24px;}
	.depth4_cont_wrap .tip_cont {padding:32px 24px;}
	.future_job_card_box li {width:100%;}
	.future_job_card_box li .future_job_card_before strong {line-height:1.2;word-break:keep-all;}
	.depth4_cont_wrap .tip_cont .tit {margin:18px 0 14px;}
	.depth4_cont_wrap .tip_cont .case span {padding:8px 16px;font-size:var(--font-size-16);}
	.depth4_cont_wrap .future_predict_link {margin-top:0;}
	.depth4_cont_wrap .future_predict_link a {margin-top:20px;width:50%;}
	.depth4_cont_wrap .future_predict_link span {margin-top:0;}
	.depth4_cont_wrap .global_box {display:block;padding-top:30px;}
	.depth4_cont_wrap .global_box .global_list {margin-bottom:30px;}
	.depth4_cont_wrap .global_box .global_list:last-child {margin-bottom:0;}
	.depth4_cont_wrap .global_box .global_list .g_tit {margin-top:15px;}
	.depth4_cont_wrap .global_box .global_list .global_p {margin-top:10px;}
	.depth4_cont_wrap .future_demographic {padding-top:30px;padding-right:0;background-image:none;}
	.depth4_cont_wrap .demographic_year {margin-top:0;}
	.depth4_cont_wrap .future_energy_lack,
	.depth4_cont_wrap .future_technologic {padding-top:30px;}
	.depth4_cont_wrap .future_energy_lack .future_energy_lack_bg,
	.depth4_cont_wrap .future_technologic .future_technologic_bg {padding-right:0;background-image:none;}
	.depth4_cont_wrap .future_prepare {margin-top:0;padding-top:30px;padding-bottom:0;background-image:none;}
	.depth4_cont_wrap .future_prepare_seven {padding-top:30px;}
	.depth4_cont_wrap .tip_cont .tit.icpn_drone_bg:after {display:none;}
	.depth4_cont_wrap .demographic_year_list p {float:none;width:100%;min-height:36px;}
	.depth4_cont_wrap .demographic_year_list .ths {min-height:40px;}
	.depth4_cont_wrap .demographic_year_list .txt_left {width:100%;justify-content:center;padding-bottom:12px;}
	.depth4_cont_wrap .global_job_change,
	.depth4_cont_wrap .future_energy_lack_job {padding-top:30px;}
	.depth4_cont_wrap .future_energy_lack_job_list li {width:calc(50% - 20px);}
	.depth4_cont_wrap .cont_0304_sub01 {padding-top:28px;}
	.depth4_cont_wrap .cont_0304_sub02 {padding-top:30px;}
	.cont_0304_sub02 .future_robot_card_turn {margin-bottom:20px;}
	.cont_0304_sub02 .future_robot_card_turn .depth4_cont_wrap .future_basic_p {padding-bottom:20px;}
	.depth4_cont_wrap .future_robot_list > li .robot_list_top strong {margin-bottom:2px;font-size:var(--font-size-18);}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_before {padding:10px;}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_after strong {font-size:var(--font-size-18);}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_after p {margin-top:6px;font-size:15px;}
	.depth4_cont_wrap .cont_0304_sub03 {padding-top:30px;}
	.depth4_cont_wrap .cont_0304_sub03 .future_basic_p {padding-bottom:20px;}
	.depth4_cont_wrap .smarts_boxs {margin-bottom:16px;}
	.depth4_cont_wrap .cont_0304_sub03 .sources_p {margin-top:30px;}
		/* 미래 사회를 위한 준비(공통) - 내용 스타일 */
	.depth4_cont_wrap .skill_list .img {float:none;margin:0 auto;}
	.depth4_cont_wrap .skill_list .cons {width:100%;}
	.depth4_cont_wrap .skill_list .cons strong {margin-bottom:10px;font-size:var(--font-size-20);padding-left:20px;text-indent:-20px;}
	.depth4_cont_wrap .skill_list .cons p {font-size:var(--font-size-16);padding-left:0;}
}

/* 넓이가 600px 이하일 때*/
@media all and (max-width:600px){
	/* 주니어 직업정보 */
	.knowledge_interest_box::before {width:0;height:0;}
	.knowledge_interest_box .knowledge_box,
	.knowledge_interest_box .interest_box {float:none;width:100%;min-height:inherit;}
	.knowledge_interest_box strong + p {margin-top:16px;}
	.future_job_cont_area .video_box_link {margin-top:0;}
	.junior_job_info_half .video_box_link {gap:0;}
	.future_job_cont_area .video_link {margin-top:24px;}
	.future_job_cont_area .video_link,
	.future_job_cont_area .junior_job_info_half .video_link {width:100%;margin-right:0;}
	.future_job_cont_area .video_link .video_tits {margin-top:10px;}

	/* 미래 사회의 직업 */
	.depth4_cont_wrap .flag_box li,
	.depth4_cont_wrap .flag_box li:nth-child(2) {width:100%;margin-bottom:30px;}
	.depth4_cont_wrap .flag_box li:nth-child(3) {margin-bottom:0;}
	.depth4_cont_wrap .flag_box img {margin-top:18px;max-width:71px;}
	.depth4_cont_wrap .flag_box .num {margin-top:7px;}
	.depth4_cont_wrap .flag_box .sources_p {margin-top:10px;}
	.depth4_cont_wrap .automation_box .ab_cont .ab_rank_list {margin-top:30px;}
	.depth4_cont_wrap .automation_box .ab_cont .box_li {width:100%;}
	.depth4_cont_wrap .automation_box .ab_cont .box_li:nth-child(2) {margin:16px 0;}
	.depth4_cont_wrap .s_tit_box {padding:14px;}
	.depth4_cont_wrap .s_cont_box {padding:16px 14px;}
	.depth4_cont_wrap .s_cont_box li {flex-direction:column;align-items:flex-start;}
	.depth4_cont_wrap .s_cont_box li strong {display:block;width:100%;margin-bottom:2px;}
}

/* 넓이가 520px 이하일 때*/
@media all and (max-width:520px){
	/* 주니어 진로동영상 */
	.junior_video_view .jv_view_info .count_box {position:relative;top:auto;right:auto;margin-top:10px;}

	/* 주니어 직업정보 */
	.junior_job_info_area .junior_job_info_list li {width:100%;}
	.junior_job_info_area .junior_job_info_list li .list_up .txts {height:auto;text-align:center;}
	.junior_job_info_area .junior_job_info_list li .list_up .fj_num_box {text-align:center;}

	/* 미래 직업정보 */
	.future_job_info_area .future_job_info_list li {width:50%;}

	/* 미래 사회의 직업 */
	.future_job_depth3_tab li {width:100%;}
	.future_job_depth3_tab .depth3_tab_03 {margin-bottom:16px;}
	.future_job_depth3_tab li a {height:46px;line-height:44px;font-size:var(--font-size-18);}
	.future_job_depth3_tab .depth3_tab_01 a,
	.future_job_depth3_tab .depth3_tab_02 a,
	.future_job_depth3_tab .depth3_tab_03 a,
	.future_job_depth3_tab .depth3_tab_04 a {margin-left:0;margin-right:0;}
	.future_job_depth3_tab .depth3_tab_01 a::before {margin-top:-45px;}
	.future_job_depth3_tab .depth3_tab_02 a::before {margin-top:-32px;}
	.future_job_depth3_tab .depth3_tab_03 a::before {margin-top:-37px;}
	.future_job_depth3_tab .depth3_tab_04 a::before {margin-top:-32px;}
	.depth4_cont_wrap .future_predict_pink span {display:block;word-break:keep-all;}
	.depth4_cont_wrap .global_job_change .global_job_change_list {flex-direction:column;margin-bottom:34px;}
	.depth4_cont_wrap .global_job_change .global_job_change_list .gjl_txt {margin-left:0;margin-top:16px;}
	.depth4_cont_wrap .global_job_change .global_job_change_list .gjl_txt .gjl_tit {margin-bottom:10px;}
	.depth4_cont_wrap .global_job_change .global_job_change_list .gjl_txt .gjl_dot {font-size:15px;}
	.depth4_cont_wrap .global_job_change .global_job_change_list .gjl_txt .gjl_dot::after {top:8px;}
	.depth4_cont_wrap .global_job_change .sources_p {margin-top:0;}
}

@media all and (max-width:480px){

	.junior_video_list_wrap .junior_video_search_wrap .s_search_box button.ri {margin-left: -115px;}
}

/* 넓이가 460px 이하일 때*/
@media all and (max-width:460px){
	/* 주니어 진로동영상 */
	.junior_video_list_wrap .junior_video_slick .slick-list a {line-height:22px;}
	.junior_video_list_wrap .junior_video_tab p {margin-right:8px;}
	.junior_video_list li,
	.junior_video_side .junior_video_list li {width:100%;}
	.junior_video_side .junior_video_series a {padding:14px 18px 18px;}
	.junior_video_side .junior_video_series a::before {top:16px;}
	.junior_video_side .junior_video_series a::after {top:24px;}
	.junior_video_list_wrap .junior_video_pick {flex-wrap:wrap;}
	.junior_video_list_wrap .junior_video_pick .pick_video_img {width:100%;height:100%;}
	.junior_video_list_wrap .junior_video_pick .pick_video_cont {margin-left:0;margin-top:20px;}
	.junior_video_view .jp-video-play-icon, .junior_video_view .jp-video-play-icon:focus {margin:-108px 0 0 -42px;}
	.jp-controls-holder {height:110px !important;}
	.jp-video .jp-volume-controls {top:60px !important;}
	.jp-video .jp-toggles {margin-top:85px !important;}

	/* 주니어 직업정보 */
	.junior_job_info_area .junior_job_info_list .tips {padding-left:52px;text-align:left;}
	.junior_job_info_area .junior_job_info_list .tips .tits_gradient {position:absolute;left:0;top:0;}
	.junior_job_info_area .junior_job_info_list li {width:100%;}
	.future_job_keyword_box .keyword_tit,
	.future_job_video_box .video_link_tit {padding-left:32px;line-height:1.2;background-size:auto 24px;background-position:left top;}

	/* 미래 직업정보 */
	.future_job_card_box .future_job_card_turn {margin-left:-75px;}
	.future_job_card_box .future_job_card_turn button,
	.cont_0304_sub02 .future_robot_card_turn button {padding:11px 30px 12px 20px;font-size:16px;line-height:1.2;background-size:7px auto;background-position:right 12px center;}
	.future_society_job_info .explan_list li a:hover {background-image:none;}
	.depth4_cont_wrap .period_list li::before {left:50%;bottom:-38px;margin-left:-8px;}
	.depth4_cont_wrap .period_list .img {float:none;width:100%;margin-right:0;text-align:center;}
	.depth4_cont_wrap .period_list .cons {float:none;width:100%;}
	.depth4_cont_wrap .period_list .cons strong {margin-top:15px;text-align:center;}
	.depth4_cont_wrap .period_list .cons p br,
	.depth4_cont_wrap .future_prepare_seven li .future_basic_p br {display:none;}
	.depth4_cont_wrap .future_predict_link a {width:100%;}
	.depth4_cont_wrap .future_prepare_seven li {float:none;display:block;padding:124px 0 0;background-position:center top !important;}
	.depth4_cont_wrap .future_prepare_seven .future_prepare_list01 {padding-top:116px;}
	.depth4_cont_wrap .future_prepare_seven .future_prepare_list02 {padding-top:132px;}
	.depth4_cont_wrap .future_prepare_seven .future_prepare_list05 {padding-top:119px;}
	.depth4_cont_wrap .future_prepare_seven .future_prepare_list07 {padding-top:128px;}
	.depth4_cont_wrap .future_prepare_seven li strong {display:block;text-align:center;}
	.depth4_cont_wrap .future_energy_lack_job_list {gap:0;}
	.depth4_cont_wrap .future_energy_lack_job_list li {width:100%;}
	.depth4_cont_wrap .future_energy_lack_job_list li strong {margin-top:14px;}
	.depth4_cont_wrap .future_energy_lack_job_list li p {margin-top:5px;}
	/* 미래 사회의 직업 - 우리나라 일자리 변화 - 우리나라의 직업의 변화 전망 */
	.depth4_cont_wrap .tip_cont .donut_list .donut-graph {gap:10px;}
	.depth4_cont_wrap .tip_cont .donut_list .donut-graph li{width:100%;}

	 /* =========================
   * 신산업 진로체험 (목록)
   * ========================= */
  .junior_experience_list ul,
  .junior_experience_side .junior_experience_list ul{padding: 0 24px;gap: 20px;}
  .junior_experience_list li,
  .junior_experience_side .junior_experience_list li{width: 100%;margin-top: 0;}
  .junior_experience_list li a{display: block;}
  .junior_experience_list li .j_experience_img{width: 100%;aspect-ratio: 16 / 9;overflow: hidden;border-radius: 16px 16px 0 0;}
  .junior_experience_list li .j_experience_img img{display: block;width: 100%;height: 100%;object-fit: cover;}
  .junior_experience_list li .j_experience_tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .junior_experience_list li .j_time{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.mypage_content .junior_experience_fav_list li a {position: relative;display: block;padding:16px;height: 100%;border-radius: var(--radius-medium);}

  /* =========================
   * 신산업 진로체험 (상세)
   * ========================= */
  .junior_experience_view .j_experience_h3{font-size: 20px;line-height: 32px;}	
  .j_experience_info{flex-direction: column;align-items: flex-start;}
  .j_experience_info .count_box{width: 100%;justify-content: flex-start;}
  .jv_bookmark_cont{padding-left: 23px;}
  .jv_bookmark_cont::before{left: -4px;}

  /* =========================
   * 나의 진로활동(관심등록) - 신산업 진로체험 카드
   * ========================= */
  .junior_experience_fav_list ul{display: block !important;}
  .junior_experience_fav_list li{width: 100% !important;min-height: auto !important;margin-top: 0 !important;}
  .junior_experience_fav_list li a{display: block;padding: 16px;border-radius: var(--radius-medium);}
  .junior_experience_fav_list .img_gray{height: 180px;overflow: hidden;border-radius: var(--radius-medium) var(--radius-medium) 0 0;}
  .junior_experience_fav_list .img_gray img{width: 100%;height: 100%;object-fit: cover;position: static;transform: none;}
}

/* 넓이가 430px 이하일 때*/
@media all and (max-width:430px){
	/* 주니어 직업정보 */
	.junior_job_info_area .junior_job_character_list_scroll {position:relative;width:100%;height:100%;overflow-y:hidden;overflow-x:auto;padding-bottom:20px;}
	.junior_job_info_area .junior_job_character_list ul {display:block;width:1040px;}
	.junior_job_info_area .junior_job_character_list li {float:left;width:130px;margin-right:16px;}
	.junior_job_info_area .junior_job_character_list li:last-child {margin-right:0;}
	.junior_job_info_area .junior_job_character_list li a{padding: 12px 0 14px}
	.junior_job_info_navi .jj_info_navi_box .navi_box_img,
	.future_job_cont_area .btn_wrap .btn_more.type2 {width:100%;}

	/* 미래 사회의 직업 */
	.depth4_cont_wrap .demographic_year_list .txt_left {display:block;text-align:center;}
	.depth4_cont_wrap .demographic_year_list p .percent {margin:6px 4px 0;}
	.depth4_cont_wrap .automation_box .ab_cont li .rank {width:46px;height:45px;background-size:46px auto;}
	.depth4_cont_wrap .automation_box .ab_cont li .rank span {font-size:var(--font-size-16);}
	.depth4_cont_wrap .automation_box .ab_cont .txt_li {margin-right:0;}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_before {flex-direction:column;height:154px;}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_before img {margin-right:0;}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_before strong {margin-top:8px;}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_after {height:154px;}
}

/* 넓이가 400px 이하일 때*/
@media all and (max-width:400px){
	/* 미래 사회의 직업 */
	.future_society_job_info .explan_list li a span,
	.future_society_job_info .btn_wrap .btn_style {font-size:var(--font-size-18);}
	.future_society_job_info .btn_wrap .btn_style {padding:13px 75px 13px 20px !important}
}


/* 넓이가 390px 이하일 때*/
@media all and (max-width:390px){
	/* 미래 사회의 직업 */
	.future_job_card_box li .future_job_card_after strong {font-size:var(--font-size-20);}
	.future_job_card_box li .future_job_card_after p,
	.future_job_card_box li .future_job_card_after .ex_box .txt {font-size:15px;}
	.future_job_card_box li .future_job_card_after .ex_box .ex_style {line-height:1;}

	.future_job_info_area .future_job_info_list li a{width: 140px; height: 140px;}
}


/* 넓이가 375px 이하일 때*/
@media all and (max-width:375px){
	/* 주니어 진로동영상 */
	.junior_video_view .jv_view_info .count_box .jv_hits {display:block;padding-left:2px;}
	.junior_video_view .jv_view_info .count_box .jv_hits span {padding:3px 3px 3px 38px}
	.junior_video_view .jv_view_info .count_box .jv_hits span::before {left:8px;}
}

/* 넓이가 360px 이하일 때*/
@media all and (max-width:360px){
	/* 주니어 진로동영상 */
	.junior_video_list_wrap .junior_video_list_top .lt_video_btns {position:relative;top:auto;right:auto;float:right;margin-bottom:20px;}
	.junior_video_side .junior_video_series .jv_series_box .jv_series_img {width:100%;height:auto;}
	.junior_video_side .junior_video_series .jv_series_box .jv_series_txt {width:100%;margin-top:12px;}

	/* 미래 사회의 직업 */
	.future_society_job_info .explan_list li a {height:auto;line-height:1.2;padding:8px 16px}
	.future_society_job_info .explan_list li a span {padding-left:0;}
	.future_society_job_info .explan_list li a span::before {background:none !important;}
	.depth4_cont_wrap .tip_cont .case span {padding:8px 6px;}
	.depth4_cont_wrap .future_robot_list li ul li .fr_card_before img {width:80px;}
}

/*---------------jr_solution------------------*/
@media screen and (max-width:1279px){
	.btn_style.blue.eff_light::before,
	.btn_style.blue.eff_light::after{width:1.94vw;height:1.87vw;}
	.btn_style[class*="move"]{width:22.22vw;padding:0.83vw 2.22vw;font-size:1.25vw}
	.btn_style[class*="move"] span::before{top:50%;right:1.52vw;width:2.36vw;height:2.36vw;margin-top:-1.18vw;}
	.btn_style[class*="move"]{padding-right:6.94vw;}
	.btn_style[class*="move"] span{padding-right:0;}
}
@media screen and (max-width:767px){
	.btn_style.blue.eff_light::before,
	.btn_style.blue.eff_light::after{width:19px;height:18px;}
	.btn_style[class*="move"]{width:222px;padding:8px 22px;font-size:13px}
	.btn_style[class*="move"] span::before{top:50%;right:15px;width:24px;height:24px;margin-top:-12px;}
	.btn_style[class*="move"]{padding-right:70px}
	.btn_style[class*="move"] span{padding-right:0;}
}
@media screen and (max-width:479px){
	.btn_style[class*="move"] br{display:none;}
}
/* 진로탐험대 */
@media screen and (max-width:1439px){
	.exploration_screen{height:auto;min-height:61.42vw;margin-bottom:14.28vw;padding:2.28vw;}
	.exploration_head{height:7.22vw;padding:0 2.16vw;}
	.exploration_head .tit.ico{padding-left:7.16vw;}
	.exploration_head .tit > h4{font-size:2.7vw}
	.exploration_head .tit > i{left:5px;width:8.91vw;}
	.exploration_head .tit > button{top:3.58vw;left:6.01vw;width:2.16vw;height:2.16vw;background-size:0.94vw auto;}
	.exploration_head .tit > ul{left:2.02vw;top:6.95vw;width:25.4vw;padding:1.08vw 4px;}
	.exploration_head .tit > ul li{padding:0 1vw;}
	.exploration_head .tit > ul a{height:2.9vw;padding:0 8px;font-size:1.21vw}

	.exploration_head .tit > ul a::after{right:6px;width:6px;height:13px;margin-top:-6.5px;}
	.exploration_head .tit > ul a:hover,.exploration_head .tit > ul a:focus{padding-left:1.08vw;}
	.exploration_head .tit > ul a:hover::after,.exploration_head .tit > ul a:focus::after{right:1.08vw;;}

	.exploration_head .btn button{width:3.78vw;}
	.exploration_head .btn button +  button,.exploration_head .btn a +  a{margin-left:1.62vw;}
	.exploration_btn{bottom:-3.42vw;left:calc(50% - 17.14vw);width:34.28vw;}
	.exploration_btn .btn_style.large{height:auto;line-height:6.42vw;}
}
@media screen and (max-width:767px){
	.exploration_head{height:70px;padding:0 22px}
	.exploration_head .tit.ico{padding-left:56px;}
	.exploration_head .tit > h4{font-size:var(--font-size-22)}
	.exploration_head .tit > i{left:5px;width:70px;}
	.exploration_head .tit > button{top:35px;left:50px;width:22px;height:22px;background-size:10px auto;}
	.exploration_head .tit > ul{left:16px;top:66px;width:260px;padding:12px 4px;}
	.exploration_head .tit > ul li{padding:0 10px;}
	.exploration_head .tit > ul a{height:28px;padding:0 8px;font-size:12px}

	.exploration_head .tit > ul a::after{right:5px;width:5px;height:12px;margin-top:-6px;}
	.exploration_head .tit > ul a:hover,.exploration_head .tit > ul a:focus{padding-left:1.08vw;}
	.exploration_head .tit > ul a:hover::after,.exploration_head .tit > ul a:focus::after{right:1.08vw;;}

	.exploration_head .btn button{width:36px;}
	.exploration_head .btn button +  button,.exploration_head .btn a +  a{margin-left:10px}

	.exploration_btn{bottom:-34px;left:calc(50% - 140px);width:280px;}
	.exploration_btn .btn_style.large{line-height:64px}
}
@media screen and (max-width:479px){
	.exploration_btn{left:calc(50% - 120px);width:240px;}
	.exploration_head{padding: 0 15px;}
	.exploration_head .tit > h4{width: 115px;}
	.exploration_head .btn button + button, .exploration_head .btn a + a{margin-left: 5px;}
}
/* 진로탐험대 - 인트로 */
@media screen and (max-width:1439px){
	.exploration_body{min-height: 100%;}
	.exploration_intro{height: auto;margin-top: 60px;min-height: auto;}
	.exploration_intro .text_group .tit{}
	.exploration_intro .text_group .txt{}
	.exploration_intro .text_group .btn{}
	.exploration_intro .text_group .btn a{}
	.exploration_intro .text_group .guide{}
}
@media screen and (max-width:991px){
	.exploration_intro{margin-top: 80px;margin-bottom: 0;background: url(/cloud/jm/images/renew/bg_exploration_intro-a641ffd416d0ab01dd6b0e0262eb9ff5.svg) bottom center no-repeat;background-size: 100%;padding-top: 125%;position: relative;}
	.exploration_intro .text_group {position: absolute;top: 0;width: 100%;padding: 142px 80px 0;text-align: center;}
	.exploration_intro .text_group .tit {margin-right: 0;}
	.exploration_intro .text_group .txt{margin-top: 15px;}
	.exploration_intro .text_group .txt .linebreak{display: block;}
}
@media screen and (max-width:640px){
	.exploration_screen.exploration_intro{border-radius: 10px;margin-top: 32px;}
	.exploration_intro .text_group {padding: 70px 20px 0;text-align: center;}
	.exploration_intro .text_group .tit{font-size: var(--font-size-32);display: block;font-weight: 700;font-family: 'Paperlogy';margin-right: 0;}
	.exploration_intro .text_group .txt{margin-top: 15px;font-size: var(--font-size-16);line-height: 22px;}
	.exploration_intro .text_group .btn{}
	.exploration_intro .text_group .btn a{}
	.exploration_intro .text_group .guide{width:82px;height: 63px;background-size: 100%;top:-20px;}
	.exploration_intro .text_group .guide .exploration_guide_link{padding: 20px 36px 13px 21px;font-size: var(--font-size-14);line-height: 15px;}
}
@media screen and (max-width:479px){
	.exploration_intro .text_group .btn a{}
}
/* 진로탐험대 - 탐험안내 */
@media screen and (max-width:1439px){
	.exploration_guide{height:61.42vw;padding:0 7.42vw 0 6vw;}
	.exploration_guide::after{top:12.14vw;left:54.85vw;width:5.07vw;height:5.07vw;}
	.exploration_guide .text_group{padding:0 1.5vw;}
	.exploration_guide .text_group .tit{font-size:4.57vw;}
	.exploration_guide .text_group .stit{margin-top:1.14vw;font-size:1.71vw;}
	.exploration_guide .text_group .stit b{font-size:2.28vw;}
	.exploration_guide .text_group .txt{margin-top:1.14vw;font-size:1.57vw}
	.exploration_guide .info_group{margin-top:3.42vw;padding:2.35vw;border-width:5px;}
	.exploration_guide .info_group .subject{height:5.14vw;font-size:1.71vw;}
	.exploration_guide .info_group .list > li{width:50%;margin-top:1.71vw;padding-left:4vw;}
	.exploration_guide .info_group .list .ico{width:3.42vw;}
	.exploration_guide .info_group .list .tit{font-size:1.57vw;}
	.exploration_guide .info_group .list .txt{font-size:1.28vw;}
}
@media screen and (max-width:1023px){
	.exploration_guide{height:auto;padding:6vw;}
}
@media screen and (max-width:767px){
	.exploration_guide{padding:7.2vw 7.2vw 64px;}
	.exploration_guide::after{top:12.14vw;left:54.85vw;width:5.07vw;height:5.07vw;}
	.exploration_guide .text_group{padding:0 15px;}
	.exploration_guide .text_group .tit{font-size:var(--font-size-36);}
	.exploration_guide .text_group .stit{margin-top:11px;font-size:var(--font-size-16);}
	.exploration_guide .text_group .stit b{font-size:var(--font-size-22);}
	.exploration_guide .text_group .txt{margin-top:11px;font-size:var(--font-size-16);}
	.exploration_guide .info_group{margin-top:34px;padding:23px;border-width:3px;}
	.exploration_guide .info_group .subject{height:auto;padding:15px 20px;font-size:var(--font-size-16);}
	.exploration_guide .info_group .list > li{width:100%;margin-top:1.71vw;padding-left:40px;}
	.exploration_guide .info_group .list .ico{width:34px}
	.exploration_guide .info_group .list .tit{font-size:var(--font-size-16);}
	.exploration_guide .info_group .list .txt{font-size:12px;-ms-word-break:keep-all;word-break:keep-all;}
	.exploration_guide .info_group .list .txt br{display:none;}
}
@media screen and (max-width:479px){
	.exploration_guide::after{display:none;}
}
/* 진로탐험대 - 메인(주제별) */
@media screen and (max-width:1439px){
	.exploration_planet{height:61.42vw;}
	.exploration_planet .text_group{top:8.57vw;left:10.13vw;}
	.exploration_planet .text_group .tit + .txt{margin-top:1vw;}
	.exploration_planet .info_group .list {margin-right: 20px;width: 340px;}
	.exploration_planet .info_group li .ico{width:17.14vw;height:17.14vw;}
	.exploration_planet .info_group li .tit {padding-left: 35px;width: calc(100% - 20px);}
	.exploration_planet .info_group .btn {left: 30vw;bottom: 160px;top:auto;}
}
@media screen and (max-width:1200px){
	.exploration_planet{height:90vw;}
	.exploration_planet .info_group .list{display: flex;flex-wrap: wrap;width: 100%;height: auto;flex-direction: row;gap: 34px 120px;padding-left: 60px;justify-content: center;padding-top: 340px;margin: 0;}
	.exploration_planet .info_group li {width: calc(50% - 100px);}
}
@media screen and (max-width:991px){
	.exploration_planet{height:100vw;}
	.exploration_planet .text_group{position:relative;padding:20px 20px 40px;top:auto;left:auto;}
	.exploration_planet .text_group .tit{font-size:16px}
	.exploration_planet .text_group .tit b{font-size:22px}
	.exploration_planet .text_group .txt{font-size:16px}
	.exploration_planet .text_group .tit + .txt{margin-top:10px;}

	.exploration_planet .info_group{}
	.exploration_planet .info_group li{position:relative;}
	.exploration_planet .info_group .list{display:flex;justify-content:space-between;align-items:center;padding-top: 0;width: auto;flex-direction: row;margin: 0;padding-left: 40px;gap:30px 0;}
	.exploration_planet .info_group .list li{text-align:center;width: calc(50% - 40px);height: 48px;border-radius: 24px;}
	.exploration_planet .info_group li .ico{margin:0 auto;padding-left: 50px;}
	.exploration_planet .info_group li .tit {padding-left: 40px;left: 0;font-size: 16px;line-height: 48px;width: 100%;}
	.exploration_planet .info_group li.item1 .ico{width: 52px;height: 55px;}
	.exploration_planet .info_group li.item2 .ico{width: 81px;height: 47px;}
	.exploration_planet .info_group li.item3 .ico{width: 52px;height: 52px;}
	.exploration_planet .info_group li.item4 .ico{width: 54px;height: 53px;}
}
@media screen and (max-width:639px){
	.exploration_screen.exploration_planet {border-radius: 10px;padding: 20px;background-size: cover;height: 600px;}
	.exploration_screen.exploration_planet .text_group {text-align: center;font-size: var(--font-size-15);font-family: 'paperlogy';padding: 10px 10px 60px;}
	.exploration_screen.exploration_planet .text_group .tit {font-size: var(--font-size-15);}
	.exploration_screen.exploration_planet .text_group .tit b {color: #FFEEA9;font-size: var(--font-size-20);}
	.exploration_screen.exploration_planet .text_group .txt {font-size: var(--font-size-15);}
	.exploration_screen.exploration_planet .text_group .txt span {color: var(--color-white);}
	.exploration_planet .info_group .list{flex-wrap:wrap;gap: 25px 14px;padding-left: 0;}
	.exploration_planet .info_group .list li{width:calc(50% - 7px);position: relative;height: 50px;border-radius: 25px;}
	.exploration_planet .info_group li .ico{position: absolute;left: 0;right: 0;top: -20px;margin:0 auto;}
	.exploration_planet .info_group li em.tit {display: flex;justify-content: center;align-items: center;gap: 7px;flex-wrap: nowrap;color: var(--color-white);font-size: var(--font-size-20);line-height: 40px;width: 100%;height: 40px;top:10px;text-align: center;padding: 0;}
	.exploration_planet .info_group li em.tit::after {width: 14px;height: 11px;}
	.exploration_planet .info_group li .ico {transform: none;}
	.exploration_planet .info_group li.item1 :hover .ico,
	.exploration_planet .info_group li.item1 .ico {background-image: url(/cloud/jm/images/renew/exploration_planet_ico1-57aded1bd429592b284316ad9e87d319.svg);width: 34px;height: 36px;}
	.exploration_planet .info_group li.item2 :hover .ico,
	.exploration_planet .info_group li.item2 .ico {background-image: url(/cloud/jm/images/renew/exploration_planet_ico2-e83085b3ff0fea1f8ecb431b6dceef62.svg);width: 59px;height: 34px;}
	.exploration_planet .info_group li.item3 :hover .ico,
	.exploration_planet .info_group li.item3 .ico {background-image: url(/cloud/jm/images/renew/exploration_planet_ico3-e697c8ea59bc045fd58070aca916b11d.svg);width: 34px;height: 35px;}
	.exploration_planet .info_group li.item4 :hover .ico,
	.exploration_planet .info_group li.item4 .ico {background-image: url(/cloud/jm/images/renew/exploration_planet_ico4-4cefcc4ea091000fbd6cafb9c653c0d7.svg);width: 39px;height: 38px;}
	.exploration_planet .info_group .btn a{display:block;width:125px;height:42px; line-height: 40px; text-align: center; background:#29475f; font-size:var(--font-size-15);color: var(--color-white);padding: 0;}
	.exploration_planet .info_group .btn a:before{content:'';display: block;width: 79px;height: 54px;background: url(/cloud/jm/images/renew/exploration_planet_btn-ace1b82bb3961004333bc317fa8e91b7.svg) no-repeat 0 6px;position: absolute;top: 0;bottom: 0;z-index: -1;}
	.exploration_planet .info_group .btn a::after {vertical-align: -8px; margin-left: 4px; background-size: 6px 9px;}
	.exploration_planet .info_group {padding: 0;}
}
@media screen and (max-width:479px){
	.exploration_planet .info_group li .ico{width:132px;height:132px;}
}
/* 진로탐험대 - 탐험기지 */
@media screen and (max-width:1439px){
	.exploration_foot{left:calc(50% - 28.61vw);width:57.22vw;padding:2.22vw;}
	.exploration_foot .tit{font-size:1.94vw}
	.exploration_foot .txt{font-size:1.66vw;}
	.exploration_foot .tit + .txt{margin-top:8px;}
	.exploration_job .exploration_foot{bottom:-10.76vw;}
	.exploration_job .exploration_foot::after{right:-11.31vw;width:10.97vw;height:17.70vw;}
	.exploration_career .exploration_foot{bottom:-6.04vw;}
	.exploration_career .exploration_foot::after{top:40%;right:-15.27vw;width:12.56vw;height:15.69vw;}
	.exploration_school .exploration_foot{bottom:-6.04vw;}
	.exploration_school .exploration_foot::after{top:40%;right:-14.86vw;width:13.47vw;height:16.59vw;}
	.exploration_study .exploration_foot{bottom:-5.27vw;}
	.exploration_study .exploration_foot::after{right:-18.33vw;width:17.08vw;height:14.51vw;}
}
@media screen and (max-width:767px){
	.exploration_foot{visibility:visible}
	.dimmed .exploration_foot{display:block;visibility:hidden}
	.exploration_foot{position:relative;left:auto;bottom:auto !important;width:100%;padding:22px;}
	.exploration_foot::after{display:none !important}
	.exploration_foot .tit{font-size:var(--font-size-18)}
	.exploration_foot .txt{font-size:var(--font-size-16)}
	.exploration_foot .tit + .txt{margin-top:8px;}
}
/* QNA - 목록 */
@media screen and (max-width:1439px){
	.exploration_container .qna_choice{padding:2.08vw 0;}
	.exploration_container .qna_choice .text_group .txt{font-size:1.66vw;}
	.exploration_container .qna_choice .text_group .stit{font-size:2.77vw}
	.exploration_container .qna_choice .text_group .txt + .stit{margin-top:8px;}
	.exploration_container .qna_choice .text_group .stit + .txt{margin-top:16px;}
	.exploration_container .qna_choice .list_group{width:60.27vw;padding:8px 0;}
	.exploration_container .qna_choice .list_group li{width:50%;margin:1.66vw 0;padding:0 1.66vw;}
	.exploration_container .qna_choice .list_group li a{height:9.02vw;padding:0 15px;font-size:1.94vw}
	.exploration_container .qna_choice .list_group li a::before,.exploration_container .qna_choice .list_group li a::after{width:2.22vw;height:2.22vw;}
	.exploration_container .qna_choice .list_group li a::before{left:7px;top:7px;}
	.exploration_container .qna_choice .comment_group{width:calc(60.27vw);height:7.91vw;font-size:1.66vw;}
	.exploration_container .qna_choice .comment_group b{font-size:1.94vw}
}
@media screen and (max-width:767px){
	.exploration_container .qna_choice{padding:2.08vw 0;}
	.exploration_container .qna_choice .text_group .txt{font-size:var(--font-size-16)}
	.exploration_container .qna_choice .text_group .stit{font-size:var(--font-size-26)}
	.exploration_container .qna_choice .text_group .txt + .stit{margin-top:8px;}
	.exploration_container .qna_choice .text_group .stit + .txt{margin-top:16px;}
	.exploration_container .qna_choice .list_group{width:100%;}
	.exploration_container .qna_choice .list_group li{width:100%;}
	.exploration_container .qna_choice .list_group li a{height:auto;padding:15px;font-size:var(--font-size-18)}
	.exploration_container .qna_choice .list_group li a::before,.exploration_container .qna_choice .list_group li a::after{width:22px;height:22px;}
	.exploration_container .qna_choice .list_group li a::before{left:7px;top:7px;}
	.exploration_container .qna_choice .comment_group{width:100%;height:auto;padding:15px;font-size:var(--font-size-16);display:block;text-align:center;}
	.exploration_container .qna_choice .comment_group b{font-size:var(--font-size-18)}
}
@media screen and (max-width:1439px){
	.exploration_container .qna_group{width:64vw;padding:0 0 3.47vw;}
	.exploration_container .qna_group .category{width:calc(50% - 3.33vw);margin:1.66vw;}
	.exploration_container .qna_group .category .tit{height:5vw;font-size:1.66vw;;}
	.exploration_container .qna_group .category .tit::before{width:2.22vw;height:2.22vw;left:7px;top:7px;}
	.exploration_container .qna_group .category .list{padding:1vw 1.38vw;}
	.exploration_container .qna_group .category .list.row2{height:8.05vw;}
	.exploration_container .qna_group .category .list.row3{height:11.11vw;}
	.exploration_container .qna_group .category .list.row4{height:14.16vw;}
	.exploration_container .qna_group .category .list a{height:3.05vw;padding:0 2.5vw 0 1vw;font-size:1.38vw}
	.exploration_container .qna_group .category .list a::after{right:1.38vw;width:6px;height:12px;margin-top:-6px;}
}
@media screen and (max-width:767px){
	.exploration_container .qna_group{width:100%;padding:0 0 34px;}
	.exploration_container .qna_group .category{width:100%;margin:16px 0 0}
	.exploration_container .qna_group .category .tit{height:auto;padding:12px;font-size:var(--font-size-16);text-align:center;}
	.exploration_container .qna_group .category .tit::before{width:2.22vw;height:2.22vw;left:7px;top:7px;}
	.exploration_container .qna_group .category .list{padding:1vw 1.38vw;}
	.exploration_container .qna_group .category .list.row2{height:auto;}
	.exploration_container .qna_group .category .list.row3{height:auto}
	.exploration_container .qna_group .category .list.row4{height:auto}
	.exploration_container .qna_group .category .list a{height:auto;padding:6px 22px 6px 10px;font-size:var(--font-size-14);white-space:normal;}
	.exploration_container .qna_group .category .list a::after{right:13px;width:6px;height:12px;margin-top:-6px;}
}
/* QNA - 답변 */
@media screen and (max-width:1439px){
	.exploration_container .qna_detail{height:auto;padding:4.44vw 4.44vw 16vw}
	.exploration_container .qna_detail dt{padding-left:3.33vw;font-size:2.22vw;}
	.exploration_container .qna_detail dt::after{top:2px;left:0;width:2.77vw;height:2.77vw;font-size:1.25vw}
	.exploration_container .qna_detail dt.type{margin-bottom:1vw;}
	.exploration_container .qna_detail dt.type i{width:6.52vw;height:4.3vw;background-size:6.11vw auto;}

	.exploration_container .qna_detail dt.type span{margin-left:8px;padding:4px 16px;font-size:1vw;}
	.exploration_container .qna_detail dd{padding-top:1.66vw;font-size:1.66vw}
	.exploration_container .qna_detail::after{bottom:-2.22vw;right:4px;width:17.5vw;height:15.97vw;}
	.exploration_career .qna_detail::after,.exploration_school .qna_detail::after,.exploration_study .qna_detail::after{width:52.56vw;height:21.52vw;}
}
@media screen and (max-width:767px){
	.exploration_container .qna_detail{padding:32px 32px 16vw}
	.exploration_container .qna_detail dt{padding-left:33px;font-size:var(--font-size-22);}
	.exploration_container .qna_detail dt::after{top:2px;left:0;width:27px;height:27px;font-size:12px}
	.exploration_container .qna_detail dt.type{margin-bottom:10px;}
	.exploration_container .qna_detail dt.type i{width:65.2px;height:43px;background-size:61.1px auto;}
	.exploration_container .qna_detail dt.type span{margin-left:8px;padding:4px 16px;font-size:10px;}
	.exploration_container .qna_detail dd{padding-top:16px;font-size:var(--font-size-16)}
}
@media screen and (max-width:1439px){
	.exploration_job{}
	.exploration_job .jobs_icons li a{padding:0.41vw 1.52vw;font-size:1.66vw}
	.exploration_job .jobs_icons .ico1{top:13.4vw;left:20.48vw;}
	.exploration_job .jobs_icons .ico2{top:18.81vw;left:47.43vw;}
	.exploration_job .jobs_icons .ico3{top:27.56vw;right:9.86vw;}
	.exploration_job .jobs_icons .ico4{bottom:11.66vw;left:13.33vw;}
	.exploration_job .jobs_icons .ico5{bottom:17.63vw;left:37.22vw;}
	.exploration_job .jobs_icons .ico6{bottom:17.63vw;right:28.47vw;}
	.exploration_job .jobs_icons .ico7{bottom:5.97vw;left:41.18vw;}
	.exploration_job .jobs_icons .ico8{bottom:5.13vw;right:14.23vw;}
	.exploration_job .list_group .group{width:15.55vw;margin:0 1.11vw;padding:3.4vw 1.11vw 1.11vw;}
	.exploration_job .list_group .group .tit{padding:1.11vw;font-size:1.38vw}
	.exploration_job .list_group .group .ico{top:-1.87vw;width:8.88vw;height:5.69vw;}
	.exploration_job .list_group .group ul{padding:8px;}
	.exploration_job .list_group .group ul li + li{margin-top:3px;}
	.exploration_job .list_group .group ul a{height:2.98vw;padding:0 8px;font-size:1.25vw;}
	.exploration_job .list_group .group ul a::after{right:8px;width:8px;height:15px;margin-top:-7.5px;}
	.exploration_job .list_group .group ul a:hover,.exploration_job .list_group .group ul a:focus{padding-left:1.11vw;}
	.exploration_job .list_group .group ul a:hover::after,.exploration_job .list_group .group ul a:focus::after{right:15px;}
	.exploration_job .alien_group{}
	.exploration_job .alien_group p{position:absolute;}
	.exploration_job .alien_group .alien1{width:13.4vw;}
	.exploration_job .alien_group .alien2{width:19.23vw;}
}
@media screen and (max-width:767px){
	.exploration_job.start{background-image:url(/cloud/jm/images/sub3/exploration_bg_job-f37f43ebcb3c14fa7f824f3d34a0fb2f.png);}
	.exploration_job .jobs_icons{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 auto 20px;}
	.exploration_job .jobs_icons li{position:relative;width:calc(50% - 4px);}
	.exploration_job .jobs_icons li a{width:100%;padding:8px 16px;/* border-radius:var(--radius-medium); */font-size:var(--font-size-16);border-width:1px;}
	.exploration_job .jobs_icons .ico1,
	.exploration_job .jobs_icons .ico2,
	.exploration_job .jobs_icons .ico3,
	.exploration_job .jobs_icons .ico4,
	.exploration_job .jobs_icons .ico5,
	.exploration_job .jobs_icons .ico6,
	.exploration_job .jobs_icons .ico7,
	.exploration_job .jobs_icons .ico8{top:auto;left:auto;right:auto;bottom:auto}
	.exploration_job .list_group .group{width:160px;margin:0 11px;padding:32px 11px 11px;}
	.exploration_job .list_group .group .tit{padding:11px;font-size:var(--font-size-14)}
	.exploration_job .list_group .group .ico{top:-18.7px;width:88.8px;height:56.9px;}
	.exploration_job .list_group .group ul a{height:29.8px;padding:0 8px;font-size:12px;}
	.exploration_job .list_group .group ul a::after{right:8px;width:8px;height:15px;margin-top:-7.5px;}
	.exploration_job .list_group .group ul a:hover,.exploration_job .list_group .group ul a:focus{padding-left:11.1px;}
	.exploration_job .list_group .group ul a:hover::after,.exploration_job .list_group .group ul a:focus::after{right:15px;}
}
@media screen and (max-width:479px){
	.exploration_job .jobs_icons li{width:100%;}
	.cont_arojunior.memo .txt_info .top_input_wrap .input_wrap .input_style{width: 100%;}
	.card_result_cmt .result_img_con{padding: 0;}
	.item_card_con_2 .card_result_cmt .result_img_con{}

}
@media screen and (max-width:1439px){
	.exploration_swiper{margin:0 -2.22vw;}
	.exploration_swiper .swiper-container{padding:2.08vw 5vw 6.94vw;}
	.exploration_swiper .swiper-buttons{bottom:10vw;width:22.22vw;margin-left:-11.11vw;}
	.exploration_swiper .swiper-buttons button{width:5.83vw;height:5.83vw;margin:0 1vw;background-size:4.44vw auto;}
}
@media screen and (max-width:767px){
	.exploration_swiper{margin:0 -22.2px;}
	.exploration_swiper .swiper-container{padding:20.8px 50px 80px;}
	.exploration_swiper .swiper-buttons{bottom:22px;width:222px;margin-left:-111px;}
	.exploration_swiper .swiper-buttons button{width:58px;height:58px;margin:0 10px;background-size:44px auto;}
}
/* 진로상담 */
@media screen and (max-width:1279px){
	.counsel_intro .intro_group .tit{margin-bottom:calc(23px * 0.8);font-size:calc(var(--font-size-32) * 0.8);padding-top:calc(34px * 0.8);background-size:calc(27px * 0.8) auto;}
	.counsel_intro .intro_group .txt{font-size:calc(var(--font-size-20) * 0.8);}
	.counsel_intro .intro_group .link{height:calc(104px * 0.8);padding:0 calc(32px * 0.8) 0 calc(112px * 0.8);}
	.counsel_intro .intro_group .link + .link{margin-left:calc(24px * 0.8);}
	.counsel_intro .intro_group .link span{font-size:calc(var(--font-size-20) * 0.8);}
	.counsel_intro .intro_group .link b{font-size:calc(var(--font-size-20) * 0.8);}
	.counsel_intro .intro_group .link img{left:calc(36px * 0.8);width:calc(48px * 0.8);}
	.counsel_intro .course_group{margin-top:calc(40px * 0.8);gap: 20px 0;}
	.counsel_intro .course_group .box{display: flex;justify-content: center;width:100%;padding:calc(30px * 0.8) calc(60px * 0.8); gap: 20px; align-items: center;}
	.counsel_intro .course_group .box .btn_style.type4 {margin-top: 5px;}
	.counsel_intro .course_group .box .title{height:calc(120px * 0.8);padding-left:calc(160px * 0.8);}
	.counsel_intro .course_group .box .title .img img{width:calc(120px * 0.8);}
	.counsel_intro .course_group .box .title .txt{font-size:calc(var(--font-size-24) * 0.8);}
	.counsel_intro .course_group .box .btn{margin-top:0;width: 100%;}
	.hide_mobile{display: none;}
}
@media screen and (max-width:1023px){
	.counsel_intro .intro_group .tit{margin-bottom:calc(23px * 0.65);font-size:calc(var(--font-size-32) * 0.65);padding-top:calc(34px * 0.65);background-size:calc(27px * 0.65) auto;}
	.counsel_intro .intro_group .txt{font-size:calc(var(--font-size-20) * 0.65);}
	.counsel_intro .intro_group .link{height:calc(104px * 0.65);padding:0 calc(32px * 0.65) 0 calc(112px * 0.65);}
	.counsel_intro .intro_group .link + .link{margin-left:calc(24px * 0.65);}
	.counsel_intro .intro_group .link span{font-size:calc(var(--font-size-20) * 0.65);}
	.counsel_intro .intro_group .link b{font-size:calc(var(--font-size-20) * 0.65);}
	.counsel_intro .intro_group .link img{left:calc(36px * 0.65);width:calc(48px * 0.65);}
	.counsel_intro .course_group{margin-top:calc(40px * 0.65);}
	.counsel_intro .course_group .box{width:100%;padding:calc(30px * 0.65) calc(60px * 0.65);}
	.counsel_intro .course_group .box .title{height:calc(120px * 0.65);padding-left:calc(160px * 0.65);}
	.counsel_intro .course_group .box .title .img img{width:calc(120px * 0.65);}
	.counsel_intro .course_group .box .title .txt{font-size:calc(var(--font-size-24) * 0.65);}
}
@media screen and (max-width:864px){
	.counsel_intro .course_group .box{flex-wrap: wrap; gap: 0;}
}
@media screen and (max-width:767px){
	.counsel_intro .intro_group{display:block;}
	.counsel_intro .intro_group .left{margin-bottom:16px;}
	.counsel_intro .course_group .box{width:100%;border-width:3px;}
	.counsel_intro .course_group .box2{display: none;}


	.counsel_intro .intro_group .tit{margin-bottom:calc(23px * 0.6);padding-top:calc(34px * 0.6);background-size:calc(27px * 0.6) auto;}
	.counsel_intro .intro_group .txt1{display:none;}
	.counsel_intro .intro_group .link{height:calc(104px * 0.6);padding:0 calc(32px * 0.6) 0 calc(112px * 0.6);}
	.counsel_intro .intro_group .link + .link{margin-left:calc(24px * 0.6);}

	.counsel_intro .intro_group .link img{left:calc(36px * 0.6);width:calc(48px * 0.6);}
	.counsel_intro .course_group{margin-top:calc(40px * 0.6);}
	.counsel_intro .course_group .box{padding:calc(30px * 0.6) calc(60px * 0.6);}
	.counsel_intro .course_group .box .title{height:calc(120px * 0.6);padding-left:calc(160px * 0.6);}
	.counsel_intro .course_group .box .title .img img{width:calc(120px * 0.6);}
	.counsel_intro .course_group .box .btn .btn_style{height:46px;line-height: 43px;margin: 0 0 10px 0;border-radius:15px;box-shadow: none;}
	.counsel_intro .course_group .box .btn .btn_style::before, .counsel_intro .course_group .box .btn .btn_style::after{display:none;}
}
@media screen and (max-width:479px){
	.counsel_intro .intro_group .right{display:none;}
	.counsel_intro .course_group .box{padding: 10px 10px;border-radius: 15px;}
	.counsel_intro .course_group .box .title{padding-left: calc(123px* 0.6);}
    .counsel_intro .course_group .box .title .img img {width: calc(90px* 0.6);}
	.counsel_intro .show_mo{display:block !important;}
	.counsel_intro .show_pc{display:none !important;}
}
@media screen and (max-width:1439px){
	.counsel_intro .quest_group{padding:4vw;/* border-radius:var(--radius-extraLarge);*/}
	.counsel_intro .quest_group + .quest_group{margin-top:3.47vw;}
	.counsel_intro .quest_group .item{width:calc(50% - 1.11vw);}
	.counsel_intro .quest_group .item .subject{height:auto;min-height:6.11vw;margin-bottom:1.66vw;padding:0.69vw 0 0 7.22vw;}
	.counsel_intro .quest_group .item .subject .img{top:0;left:0;width:6.25vw;}
	.counsel_intro .quest_group .item .subject .tit{font-size:1.66vw;}
	.counsel_intro .quest_group .item .subject .txt{padding-top:0.55vw;font-size:1.11vw;}
	.counsel_intro .quest_group .item .box{padding:2.22vw;/* border-radius:var(--radius-xsmall);*/}
	.counsel_intro .quest_group .item .btn{padding-bottom:1.66vw;}
	.counsel_intro .quest_group .item .btn .btn_style{width:100%;}
	.counsel_intro .quest_group .item.ing .btn{font-size:0;padding-bottom:1.11vw;}
	.counsel_intro .quest_group .item.ing .btn .btn_style{width:calc(50% - 0.27vw)}
	.counsel_intro .quest_group .item.ing .btn .btn_style + .btn_style{margin-left:0.54vw;}
	.counsel_intro .quest_group .item.ing .btn .ing_txt{padding-top:1.11vw;font-size:1.25vw;}
	.counsel_intro .quest_group .item .info{padding-top:1.11vw;}
	.counsel_intro .quest_group .item .info dl + dl{margin-top:1.11vw;}
	.counsel_intro .quest_group .item .info dt{font-size:1.25vw;}
	.counsel_intro .quest_group .item .info dd{margin-top:0.55vw;padding-left:1.66vw;font-size:1.11vw;}
	.counsel_intro .quest_group .item .info dd::after{top:0.34vw;left:0.34vw;width:0.69vw;height:0.69vw;/* border-radius:50%;*/}
	.counsel_intro .quest_group .guide{width:100%}
	.counsel_intro .quest_group .guide .text{font-size:1.38vw;}
	.counsel_intro .quest_group .guide .text p + p{margin-top:1.38vw;}
	.counsel_intro .quest_group .guide .btn_group{margin-top:2.77vw;padding-top:3.88vw;}
	.counsel_intro .quest_group .guide .btn_group .btn_style{width:24vw;}
}
@media screen and (max-width:767px){
	.counsel_intro .quest_group{display:block;padding:20px;border-radius:var(--radius-medium);}
	.counsel_intro .quest_group + .quest_group{margin-top:30px;}
	.counsel_intro .quest_group .item{width:100%}
	.counsel_intro .quest_group .item + .item{margin-top:15px;}
	.counsel_intro .quest_group .item .subject{min-height:60px;margin-bottom:17px;padding:7px 0 0 72px;}
	.counsel_intro .quest_group .item .subject .img{top:0;left:0;width:62px;}
	.counsel_intro .quest_group .item .subject .tit{font-size:17px;}
	.counsel_intro .quest_group .item .subject .txt{padding-top:5px;font-size:11px;}
	.counsel_intro .quest_group .item .box{padding:16px;/* border-radius:var(--radius-xsmall);*/}
	.counsel_intro .quest_group .item .btn{padding-bottom:17px;}
	.counsel_intro .quest_group .item .btn .btn_style{width:100%;font-size:var(--font-size-14);}
	.counsel_intro .quest_group .item.ing .btn{font-size:0;padding-bottom:11px;}
	.counsel_intro .quest_group .item.ing .btn .btn_style{width:calc(50% - 3px)}
	.counsel_intro .quest_group .item.ing .btn .btn_style + .btn_style{margin-left:5px;}
	.counsel_intro .quest_group .item.ing .btn .ing_txt{padding-top:11px;font-size:13px;}
	.counsel_intro .quest_group .item .info{padding-top:11px;}
	.counsel_intro .quest_group .item .info dl + dl{margin-top:11px;}
	.counsel_intro .quest_group .item .info dt{font-size:13px;}
	.counsel_intro .quest_group .item .info dd{margin-top:5px;padding-left:17px;font-size:11px;}
	.counsel_intro .quest_group .item .info dd::after{top:3px;left:3px;width:7px;height:7px;/* border-radius:50%;*/}
	.counsel_intro .quest_group .guide{width:100%}
	.counsel_intro .quest_group .guide .text{font-size:var(--font-size-14);}
	.counsel_intro .quest_group .guide .text p + p{margin-top:14px;}
	.counsel_intro .quest_group .guide .btn_group{margin-top:28px;padding-top:30px;}
	.counsel_intro .quest_group .guide .btn_group .btn_style{width:fit-content;margin:0 5px;padding:0 12px;}
}
@media screen and (max-width:479px){
	.counsel_intro .quest_group .guide .btn_group .btn_style{width:100%;margin:0;}
	.counsel_intro .quest_group .guide .btn_group .btn_style + .btn_style{margin-top:10px;margin-left:0;}
}
@media screen and (max-width:1279px){
	.counsel_list{margin-top:calc(76px * 0.8);}
	.counsel_list::before {background-size:auto calc(173px * 0.8)}
	.counsel_list > .inner{padding-top:calc(84px * 0.8);padding-bottom:calc(210px * 0.8);/*background-size:auto calc(173px * 0.8)*/}
	.counsel_list .search_group .total{font-size:calc(var(--font-size-20) * 0.8);}
	.counsel_list .list_group{margin:calc(48px * 0.8) calc(-16px * 0.8) calc(24px * 0.8);}
	.counsel_list .list_group li{padding:0 calc(16px * 0.8) calc(32px * 0.8);}
	.counsel_list .list_group li .info{height:calc(147px * 0.8);padding:calc(32px * 0.8);}
	.counsel_list .list_group li .info span{font-size:calc(var(--font-size-20) * 0.8);}
	.counsel_list .list_group li .state{height:calc(62px * 0.8);padding:calc(8px * 0.8) calc(24px * 0.8) 0;}
	.counsel_list .list_group li .state.util{height:auto;padding:0 calc(24px * 0.8) calc(16px * 0.8);}
	.counsel_list .list_group li .state em{padding:calc(8px * 0.8) calc(16px * 0.8);font-size:calc(var(--font-size-16) * 0.8);}
	.counsel_list .list_group li .state span{font-size:calc(var(--font-size-14) * 0.8);}

}
@media screen and (max-width:1023px){
	.counsel_list{margin-top:calc(76px * 0.65);}
	.counsel_list::before {background-size:auto calc(173px * 0.60)}
	.counsel_list > .inner{padding-top:calc(84px * 0.65);padding-bottom:calc(210px * 0.65);/*background-size:auto calc(173px * 0.65)*/}
	.counsel_list .search_group .total{font-size:calc(var(--font-size-20) * 0.65);}
	.counsel_list .list_group{margin:calc(48px * 0.65) calc(-16px * 0.65) calc(24px * 0.65);}
	.counsel_list .list_group li{width:33.33%;padding:0 calc(16px * 0.65) calc(32px * 0.65);}
	.counsel_list .list_group li .info{height:calc(147px * 0.65);padding:calc(32px * 0.65);}
	.counsel_list .list_group li .info span{font-size:calc(var(--font-size-20) * 0.65);}
	.counsel_list .list_group li .state{height:calc(62px * 0.65);padding:calc(8px * 0.65) calc(24px * 0.65) 0;}
	.counsel_list .list_group li .state.util{height:auto;padding:0 calc(24px * 0.65) calc(16px * 0.65);}
	.counsel_list .list_group li .state em{padding:calc(8px * 0.65) calc(16px * 0.65);font-size:calc(var(--font-size-16) * 0.65);}
	.counsel_list .list_group li .state span{font-size:calc(var(--font-size-14) * 0.65);}
}
@media screen and (max-width:767px){
	.counsel_list{margin-top:calc(76px * 0.6);}
	.counsel_list::before {background-size:auto calc(173px * 0.6)}
	.counsel_list > .inner{padding-top:calc(84px * 0.6);padding-bottom:calc(210px * 0.6);/*background-size:auto calc(173px * 0.6)*/}
	.counsel_list .search_group .total{display:none;}
	.counsel_list .list_group{margin:calc(48px * 0.6) calc(-16px * 0.6) calc(24px * 0.6);}
	.counsel_list .list_group li{width:50%;padding:0 calc(16px * 0.6) calc(32px * 0.6);}
	.counsel_list .list_group li .info{height:144px;padding:24px}
	.counsel_list .list_group li .info span{font-size:20px;}
	.counsel_list .list_group li .state{height:auto;padding:16px 24px 8px;}
	.counsel_list .list_group li .state.util{height:auto;padding:0 24px 16px;margin-top: 10px;}
	.counsel_list .list_group li .state em{padding:8px 16px;font-size:16px;}
	.counsel_list .list_group li .state span{font-size:14px;}
}
@media screen and (max-width:479px){
	.counsel_list::before {display:none;}
	.counsel_list > .inner{padding-top:28px;padding-bottom:70px;background:none;}
	.counsel_list .list_group{margin:0;display:block;}
	.counsel_list .list_group li{width:25%;padding:0 16px 32px;}
	.counsel_list .list_group li{width:100%;margin-top:24px;padding:0;}

	.counsel_list .more_group{margin-top:24px;}
	.counsel_list .more_group{width:100%;text-align:center;}
	.counsel_list .more_group .btn_more{border-radius:var(--radius-large);font-size:var(--font-size-20)}
}
@media screen and (max-width:767px){
	.counsel_quick{bottom:81px;right:24px;}
}
@media screen and (max-width:1439px){
	.counsel_summary{padding:2.77vw 3.33vw;}
	.counsel_summary .title{padding-left:7.77vw;}
	.counsel_summary .title .img img{width:5.55vw;}
	.counsel_summary .title .txt{font-size:1.94vw}
	.counsel_summary .btn .btn_style{width:25vw;font-size:2.22vw;}
}
@media screen and (max-width:767px){
	.counsel_summary{display:block;padding:0;background-color:transparent;}
	.counsel_summary .title{flex-direction:row;justify-content:flex-start;align-items:center;margin:0 0 24px;padding:0;}
	.counsel_summary .title .img{flex-shrink:0 !important;padding-right:32px;position:static;top:auto;left:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
	.counsel_summary .title .img img{width:80px;}
	.counsel_summary .title .txt{font-size:var(--font-size-18);}
	.counsel_summary .btn .btn_style{width:100%;font-size:var(--font-size-22);}
}
/* 진로상담 - 상담상세 */
@media screen and (max-width:1439px){
	.counsel_qna{margin-top:5vw;}
	.counsel_qna::after{bottom:9.3vw;left:0;width:42.5vw;height:62.5vw;}
	.counsel_qna > .inner{padding-top:4.72vw;padding-bottom:5.55vw;}
	.counsel_qna .message_group + .message_group{margin-top:4.16vw;}
	.counsel_qna .message_group .message{width:73vw;padding:3.5vw 4vw;border-radius:1.66vw}
	.counsel_qna .message_group .message::after{width:2.91vw;height:3.26vw;}
	.counsel_qna .message_group .message dt{padding-bottom:1.66vw;}
	.counsel_qna .message_group .message dd{padding-top:2.22vw;}
	.counsel_qna .message_group .message .case{padding:8px 1.66vw;font-size:1.38vw}
	.counsel_qna .message_group .message .tit{padding-top:1.11vw;font-size:2.22vw;}
	.counsel_qna .message_group .message .txt{font-size:1.38vw}
	.counsel_qna .message_group.type_q .photo{top:-0.69vw;right:0;width:17.5vw;height:17.5vw;padding:0.69vw 2.43vw;background-size:12.63vw auto}
	.counsel_qna .message_group.type_a .photo{top:2.91vw;left:0;width:18.95vw;height:18.95vw;background-size:14.51vw auto}
	.counsel_qna .message_group.type_a .photo::after{top:-1.66vw;right:-1.8vw;width:6.31vw;height:7.84vw;}
	.counsel_qna .message_group.type_q .message::after{top:4.86vw;right:-1.45vw;}
	.counsel_qna .message_group.type_a .message::after{top:9.3vw;left:-1.45vw;}
	.counsel_qna .more_group{margin-top:3.12vw;}
}
@media screen and (max-width:767px){
	.counsel_qna > .inner{padding-top:38px;padding-bottom:38px;}
	.counsel_qna .message_group + .message_group{margin-top:40px}

	.counsel_qna .message_group .photo{z-index:1;}
	.counsel_qna .message_group.type_q .photo{top:40px;left:24px;right:auto;width:60px;height:68px;padding:0;border-radius:0;background-color:transparent;background-position:0 0;background-size:60px auto}
	.counsel_qna .message_group.type_a .photo{top:48px;left:36px;width:64px;height:64px;background-color:transparent;background-size:auto 64px}
	.counsel_qna .message_group.type_a .photo::after{display:none;}
	.counsel_qna .message_group .message{width:100%;padding:40px 24px 24px;border-radius:var(--radius-small);}
	.counsel_qna .message_group .message::after{display:none;}
	.counsel_qna .message_group .message .case{position:absolute;top:0;left:50%;display:block;padding:8px 24px;border-radius:var(--radius-medium);font-size:var(--font-size-20);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
	.counsel_qna .message_group .message .tit{padding-top:20px;font-size:var(--font-size-18);}
	.counsel_qna .message_group .message .txt{font-size:var(--font-size-15);}

	.counsel_qna .message_group .message dt{min-height:80px;padding:7px 0 20px 76px;padding-bottom:1.66vw;}
	.counsel_qna .message_group.type_a .message dt{min-height:72px;padding:7px 0 20px 96px;background:#FFCD9E;border-radius:var(--radius-xsmall);border-bottom:0 none;}
	.counsel_qna .message_group .message dd{padding-top:16px}
}
/* 진로상담 - 신청 작성 */
@media screen and (max-width:1439px){
	.counsel_title{margin-bottom:1.66vw;font-size:2.22vw;}
	.counsel_profile{padding:2.22vw 2.22vw 1.66vw;/* border-radius:var(--radius-medium);*/margin-bottom:3.88vw;}
	.counsel_profile .info_group .photo{width:5.55vw;height:5.55vw;/* border-radius:50%;*/}
	.counsel_profile .info_group .info{padding-left:1.66vw;}
	.counsel_profile .info_group .info dt{font-size:1.38vw;}
	.counsel_profile .info_group .info dd{font-size:1.11vw}
	.counsel_profile .info_group .info dt + dd{margin-top:0.83vw;}
	.counsel_profile .info_group .info dd + dd{margin-top:0.55vw}
	.counsel_profile .info_group .info dd em{margin-right:0.83vw;padding-right:0.83vw;}
	.counsel_profile .modify_group .text{font-size:1.11vw}
	.counsel_profile .modify_group .btn{margin-top:1.11vw;}
	.counsel_profile .modify_group .btn .btn_style{padding:0.41vw 1.66vw;/* border-radius:var(--radius-xxsmall);*/font-size:1.11vw}
}
@media screen and (max-width:767px){
	.counsel_title{margin-bottom:16px;font-size:var(--font-size-22);}
	.counsel_profile{padding:22px 22px 16px;/* border-radius:var(--radius-medium);*/margin-bottom:38px;}
	.counsel_profile{display:block;}
	.counsel_profile > div{width:100%;}
	.counsel_profile .info_group{margin:0 auto;padding-bottom:16px;border-right:0 none;border-bottom:1px solid var(--color-gray-400);}
	.counsel_profile .info_group .photo{width:56px;height:56px;/* border-radius:50%;*/}
	.counsel_profile .info_group .info{padding-left:16px;}
	.counsel_profile .info_group .info dt{font-size:var(--font-size-14);}
	.counsel_profile .info_group .info dd{font-size:12px}
	.counsel_profile .info_group .info dt + dd{margin-top:8px;}
	.counsel_profile .info_group .info dd + dd{margin-top:6px;}
	.counsel_profile .info_group .info dd em{margin-right:8px;padding-right:8px;}
	.counsel_profile .modify_group{padding-top:16px;}
	.counsel_profile .modify_group .text{font-size:12px}
	.counsel_profile .modify_group .btn{margin-top:12px;}
	.counsel_profile .modify_group .btn .btn_style{width:auto;padding:4px 16px;/* border-radius:var(--radius-xxsmall);*/font-size:12px}
}
@media screen and (max-width:1439px){
	.counsel_request{padding:4vw;/* border-radius:var(--radius-medium);*/}
	.counsel_request + .counsel_request{margin-top:1.66vw;}
	.counsel_request .counsel_qna .message_group .message {width: 100%;}
	.counsel_request .counsel_qna > .inner {padding-left: 5px;padding-right: 5px;}
	.counsel_request .counsel_qna {padding: 5px;}
	.counsel_request .counsel_toggle_head .form_title {max-width: calc(100% - 70px );}
	.counsel_request .counsel_toggle_head .knob {top: 5px}
}
@media screen and (max-width:767px){
	.counsel_request{padding:20px;/* border-radius:var(--radius-medium);*/}
	.counsel_request + .counsel_request{margin-top:16px;}


}
@media screen and (max-width:1439px){
	.counsel_container .form_group + .form_group{margin-top:3.88vw;}
	.counsel_container .form_title{margin-bottom:1.11vw;font-size:1.66vw;}
	.counsel_container .form_text{margin-bottom:1.11vw;font-size:1.25vw;}
	.counsel_container .form_text a{margin-top:0.55vw;font-size:1.11vw;}
	.counsel_container .form_box input[type="text"],.counsel_container .form_box input[type="number"],.counsel_container .form_box select,.counsel_container .form_box textarea{/* border-radius:var(--radius-xsmall);*/font-size:1.25vw;}
	.counsel_container .form_box input[type="text"],.counsel_container .form_box input[type="number"],.counsel_container .form_box select{height:auto;line-height:3.61vw;padding:0 1.66vw;}
	.counsel_container .form_box textarea{width:100%;padding:0.83vw 1.66vw;}
	.counsel_container .form_box select{padding-right:2.5vw;background-position:right 1.11vw center;background-size:1.66vw auto;}
	.counsel_container .form_box input::placeholder{font-size:1.25vw;}
	.counsel_container .form_box textarea::placeholder{font-size:1.25vw;}
	.counsel_container .form_box .dash{height:3.75vw;line-height:3.75vw;padding:0 0.55vw;}
	.counsel_container .form_box .input_box{/* border-radius:var(--radius-xsmall);*/}
	.counsel_container .form_box .input_box.count input{padding-right:6.94vw;}
	.counsel_container .form_box .input_box input{width:100%;height:3.61vw;}
	.counsel_container .disable .input_box{/* border-radius:var(--radius-xsmall);*/}
	.counsel_container .form_box .textarea_box{/* border-radius:var(--radius-xsmall);*/}
	.counsel_container .form_box .textarea_box textarea{height:16.66vw;}
	.counsel_container .form_box .count p{font-size:1.25vw;line-height:1.66vw;}
	.counsel_container .form_box .textarea_box.count p{padding:0.83vw 1.11vw;}
	.counsel_container .form_box .input_box.count p{right:1.11vw;margin-top:-0.83vw;}
	.counsel_container .form_box .phone_wrap select,.counsel_container .form_box .phone_wrap input{width:10.97vw;}
	.counsel_container .form_box.line{padding:1.66vw;/* border-radius:var(--radius-xsmall);*/}
	.counsel_container .form_box .txt{margin-bottom:1.66vw;font-size:1.11vw;}
	.counsel_container .form_box.job{min-height:134px;}
	.counsel_container .form_box.job .info i{padding-bottom:8px;}
	.counsel_container .form_box.job .info i img{height:70px;}
	.counsel_container .form_box.job .info em{height:24px;/* border-radius:var(--radius-medium);*/font-size:12px;line-height:22px;}
	.counsel_container .form_warning{font-size:0.97vw;}
}
@media screen and (max-width:1023px){
	.counsel_container .form_box.job{padding:16px;}
	.counsel_container .form_box.job .info{width:150px;padding-right:16px;}
	.counsel_container .form_box.job .info i img{height:64px;}
}
@media screen and (max-width:767px){
	.counsel_container .form_group + .form_group{margin-top:32px;}
	.counsel_container .form_title{margin-bottom:12px;font-size:var(--font-size-16);}
	.counsel_container .form_text{margin-bottom:12px;font-size:13px;}
	.counsel_container .form_text a{margin-top:5px;font-size:12px;}
	.counsel_container .form_box input[type="text"],.counsel_container .form_box input[type="number"],.counsel_container .form_box select,.counsel_container .form_box textarea{/* border-radius:var(--radius-xsmall);*/font-size:13px;}
	.counsel_container .form_box input[type="text"],.counsel_container .form_box input[type="number"],.counsel_container .form_box select{height:auto;line-height:36px;padding:0 16px;}
	.counsel_container .form_box textarea{width:100%;padding:8px 16px;}
	.counsel_container .form_box select{padding-right:25px;background-position:right 12px center;background-size:16px auto;}
	.counsel_container .form_box input::placeholder{font-size:13px;}
	.counsel_container .form_box textarea::placeholder{font-size:13px;}
	.counsel_container .form_box .dash{height:38px;line-height:38px;padding:0 5px;}
	.counsel_container .form_box .input_box{/* border-radius:var(--radius-xsmall);*/}
	.counsel_container .form_box .input_box.count input{padding-right:68px;}
	.counsel_container .form_box .input_box input{width:100%;height:36px;}
	.counsel_container .disable .input_box{/* border-radius:var(--radius-xsmall);*/}
	.counsel_container .form_box .textarea_box{/* border-radius:var(--radius-xsmall);*/}
	.counsel_container .form_box .textarea_box textarea{height:180px;}
	.counsel_container .form_box .count p{font-size:13px;line-height:16px;}
	.counsel_container .form_box .textarea_box.count p{padding:8px 12px;}
	.counsel_container .form_box .input_box.count p{right:12px;margin-top:-8px;}
	.counsel_container .form_box .phone_wrap{}
	.counsel_container .form_box .phone_wrap::after{display:block;clear:both;content:'';}
	.counsel_container .form_box .phone_wrap select,
	.counsel_container .form_box .phone_wrap input{display:block;float:left;width:calc(33.33% - 12px);}
	.counsel_container .form_box .phone_wrap .dash{display:block;float:left;width:18px;}
	.counsel_container .form_box.line{padding:16px;/* border-radius:var(--radius-xsmall);*/}
	.counsel_container .form_box .txt{margin-bottom:16px;font-size:12px;}
	.counsel_container .form_box.job{display:block;padding:16px;}
	.counsel_container .form_box.job .info{position:relative;top:auto;left:auto;width:98px;margin:0 auto 10px;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
	.counsel_container .form_box.job .info i img{height:70px;}
	.counsel_container .form_warning{margin-top:10px;font-size:10px;}
}
@media screen and (max-width:767px){
	.counsel_container .form_group + .form_group{margin-top:24px;}
}
@media screen and (max-width:1439px){
	.counsel_container .check_tabs{margin:-1.11vw -0.41vw 0;}
	.counsel_container .check_tabs > li{width:25%;height:5.27vw;margin-top:1vw;padding:0 0.41vw;}
	.counsel_container .check_tabs > li > input[type="radio"] + label,
	.counsel_container .check_tabs > li > input[type="checkbox"] + label{height:5.27vw;/* border-radius:var(--radius-xsmall);*/font-size:1.11vw;}
	.counsel_container .check_tabs.row1 > li{height:3.75vw;}
	.counsel_container .check_tabs.row1 > li > input[type="radio"] + label,
	.counsel_container .check_tabs.row1 > li > input[type="checkbox"] + label{height:3.75vw;}
	.counsel_container .check_tabs.row1 > li > input[type="radio"]:checked + label,
	.counsel_container .check_tabs.row1 > li > input[type="checkbox"]:checked + label{height:3.75vw}
	.counsel_container .check_tabs.num1 > li > input[type="radio"] + label,
	.counsel_container .check_tabs.num1 > li > input[type="checkbox"] + label{padding:0 1.66vw;}
}
@media screen and (max-width:767px){
	.counsel_container .check_tabs{margin:-12px -4px 0;}
	.counsel_container .check_tabs > li{width:50%;height:52px;margin-top:12px;padding:0 4px;}
	.counsel_container .check_tabs.num1 > li{float:none;width:auto;text-align:left;}
	.counsel_container .check_tabs.num2 > li{width:50%;}
	.counsel_container .check_tabs.num3 > li{width:50%;}
	.counsel_container .check_tabs.num4 > li{width:50%;}
	.counsel_container .check_tabs.num5 > li{width:50%;}
	.counsel_container .check_tabs.num6 > li{width:50%;}
	.counsel_container .check_tabs.num6 > li.cspan5{width:83.3334%;}
	.counsel_container .check_tabs.num6 > li.cspan5 .form_box{width:100%;}
	.counsel_container .check_tabs.num7 > li{width:50%;}
	.counsel_container .check_tabs.num8 > li{width:50%;}
	.counsel_container .check_tabs.num6 > li.cspan1,
	.counsel_container .check_tabs.num6 > li.cspan5{width:100%;height:auto;}
	.counsel_container .check_tabs > li > input[type="radio"] + label,
	.counsel_container .check_tabs > li > input[type="checkbox"] + label{height:52px;/* border-radius:var(--radius-xsmall);*/font-size:12px;}
	.counsel_container .check_tabs.row1 > li{height:auto;}
	.counsel_container .check_tabs.row1 > li > input[type="radio"] + label,
	.counsel_container .check_tabs.row1 > li > input[type="checkbox"] + label{height:auto;padding:10px 12px;}
	.counsel_container .check_tabs.row1 > li > input[type="radio"]:checked + label,
	.counsel_container .check_tabs.row1 > li > input[type="checkbox"]:checked + label{height:auto}
	.counsel_container .check_tabs.num1 > li > input[type="radio"] + label,
	.counsel_container .check_tabs.num1 > li > input[type="checkbox"] + label{padding:10px 12px;}
}
@media screen and (max-width:479px){
	.counsel_container .check_tabs{margin:-8px -2px 0;}
	.counsel_container .check_tabs > li{margin-top:8px;padding:0 2px;}

	.counsel_container .check_tabs.num2 > li,
	.counsel_container .check_tabs.num3 > li,
	.counsel_container .check_tabs.num4 > li,
	.counsel_container .check_tabs.num5 > li,
	.counsel_container .check_tabs.num6 > li,
	.counsel_container .check_tabs.num7 > li,
	.counsel_container .check_tabs.num8 > li{width:100%;}
}
@media screen and (max-width:1439px){
	.counsel_container .agree_wrap{margin-top:4.72vw;}
	.counsel_container .agree_wrap input[type="checkbox"] + label{width:6.94vw;padding:0.48vw 0;line-height:1.66vw;/* border-radius:var(--radius-extraLarge);*/font-size:1.25vw;}
	.counsel_container .agree_wrap input[type="checkbox"] + label:before{width:1.66vw;height:1.66vw;background-size:1.66vw auto;margin-right:0.55vw;}
	.counsel_container .agree_text{padding:0.35vw 0 0.35vw 8.05vw;font-size:1.38vw}
	.counsel_container .agree_btn{font-size:0;}
	.counsel_container .agree_btn a{font-size:1.11vw}
	.counsel_container .agree_btn a + a{margin-left:2.22vw;}
}
@media screen and (max-width:767px){
	.counsel_container .agree_wrap{margin-top:48px;}
	.counsel_container .agree_wrap.between{display:block;}
	.counsel_container .agree_wrap input[type="checkbox"] + label{width:70px;padding:4px 0;line-height:18px;/* border-radius:var(--radius-extraLarge);*/font-size:13px;}
	.counsel_container .agree_wrap input[type="checkbox"] + label:before{width:18px;height:18px;background-size:18px auto;margin-right:5px;}
	.counsel_container .agree_text{padding:4px 0 4px 85px;font-size:var(--font-size-14)}
	.counsel_container .agree_btn{margin-top:10px;font-size:0;text-align:center;}
	.counsel_container .agree_btn a{font-size:12px}
	.counsel_container .agree_btn a + a{margin-left:22px}
}
@media screen and (max-width:1439px){
	.counsel_toggle{margin-top:2.22vw;}
	.counsel_toggle_head{margin-bottom:1.11vw;}
	.counsel_toggle_head .tit{font-size:1.38vw;}
	.counsel_toggle_head .tip{margin-left:0.55vw;padding:0.2vw 1.04vw;/* border-radius:var(--radius-medium);*/font-size:0.97vw;}
	.counsel_toggle_head .knob{padding-right:2.5vw;font-size:1.25vw;line-height:1.66vw;}
	.counsel_toggle_head .knob::after{width:1.66vw;height:1.66vw;}
	.counsel_toggle .notification_wrap{padding:1.66vw;/* border-radius:var(--radius-xsmall);*/}
	.counsel_toggle .notification_wrap .form_box{margin-right:2.22vw;}
	.counsel_toggle .agree_wrap{margin-top:1.11vw;}
}
@media screen and (max-width:767px){
	.counsel_toggle{margin-top:22px;}
	.counsel_toggle_head{display:block;margin-bottom:12px;}
	.counsel_toggle_head .tit{font-size:var(--font-size-14);}
	.counsel_toggle_head .tip{width:fit-content;;margin-top:5px;margin-left:0;padding:2px 10px;/* border-radius:var(--radius-medium);*/font-size:10px;}
	.counsel_toggle_head .knob{padding-right:25px;font-size:13px;line-height:18px;}
	.counsel_toggle_head .knob::after{width:18px;height:18px;}
	.counsel_toggle .notification_wrap{display:block;padding:18px;/* border-radius:var(--radius-xsmall);*/}
	.counsel_toggle .notification_wrap .form_box{margin-right:0;}
	.counsel_toggle .agree_wrap{margin-top:12px;}
}
@media screen and (max-width:1439px){
	.counsel_quest .counsel_intro .intro_group{padding-bottom:1.38vw;}
	.counsel_quest .counsel_intro .intro_group .icon i{bottom:0;}
	.counsel_quest .counsel_intro .intro_group .icon .ico_girl{right:23.3vw;width:9.02vw;height:12.5vw;}
	.counsel_quest .counsel_intro .intro_group .icon .ico_boy{right:3.72vw;width:17.29vw;height:12.5vw;}
	.counsel_quest .counsel_title .tit{height:5vw;line-height:5vw;padding-left:6.11vw;background-size:5.55vw auto;font-size:2.22vw;}
	.counsel_quest .counsel_title .tip{padding:0.48vw 1.04vw;border-radius:var(--radius-small);font-size:1.25vw;}
	.counsel_quest .form_title{padding-left:1.94vw;}
	.counsel_quest .form_title::after{top:0.86vw;left:0.13vw;width:1.04vw;height:1.04vw;}
	.counsel_quest .form_box .textarea_box textarea{height:34.44vw;}
}
@media screen and (max-width:767px){
	.counsel_quest .counsel_intro .intro_group{padding-bottom:14px;}
	.counsel_quest .counsel_intro .intro_group .icon i{bottom:0;}
	.counsel_quest .counsel_intro .intro_group .icon .ico_girl{right:21vw;}
	.counsel_quest .counsel_intro .intro_group .icon .ico_boy{right:2vw;}
	.counsel_quest .counsel_title{display:block;}
	.counsel_quest .counsel_title .tit{display:flex;flex-direction:column;justify-content:center;height:auto;min-height:50px;line-height:1.2;padding-left:61px;background-size:55px auto;font-size:var(--font-size-22);}
	.counsel_quest .counsel_title .tip{margin-top:10px;padding:4px 10px;border-radius:var(--radius-xsmall);font-size:13px;}
	.counsel_quest .form_title{padding-left:20px;}
	.counsel_quest .form_title::after{top:8px;left:1px;width:10px;height:10px;}
	.counsel_quest .form_box .textarea_box textarea{height:344px;}
}
@media screen and (max-width:479px){
	.counsel_quest .counsel_intro .intro_group .icon{display:none;}
}
@media screen and (max-width:1439px){
	.counsel_quest .mission_process{gap:2.22vw;margin:0 auto 3.47vw;}
	.counsel_quest .mission_process li{padding:0.55vw 1.66vw;/* border-radius:var(--radius-medium);*/font-size:1.38vw;}
	.counsel_quest .counsel_request + .mission_theme{margin-top:3.88vw;padding-top:0;}
	.counsel_quest .mission_theme{margin-bottom:1.66vw;padding-top:2.08vw;/* border-top:3px dashed #C5CAFF;*/}
	.counsel_quest .mission_theme dt{font-size:1.66vw;}
	.counsel_quest .mission_theme dt em{margin-right:0.55vw;padding:0.5vw 1.04vw;/* border-radius:var(--radius-medium);*/font-size:1.11vw;}
	.counsel_quest .mission_theme dd{margin-top:0.83vw;font-size:1.11vw;}
	.counsel_request .mission_theme{margin-bottom:1.66vw;}
	.counsel_quest .mission_summary{margin-bottom:2.22vw;padding-bottom:1.66vw;}
	.counsel_quest .mission_summary .tit{font-size:1.66vw;}
	.counsel_quest .mission_summary .txt{margin-top:0.55vw;font-size:1.25vw;}
	.counsel_quest .mission_guide{margin-bottom:1.66vw;padding:2.22vw 2.22vw 1.66vw;/* border-radius:var(--radius-medium);*/}
	.counsel_quest .mission_guide .info{padding-left:9.3vw;background-size:7.08vw auto;}
	.counsel_quest .mission_guide .info dt{font-size:1.38vw;}
	.counsel_quest .mission_guide .info dd{margin-top:0.83vw;font-size:1.11vw;}
	.counsel_quest .mission_guide .btn{gap:0.55vw}
	.counsel_quest .mission_guide .btn a{padding:0.76vw 2.08vw;/* border-radius:var(--radius-xsmall);*/font-size:1.11vw;}
}
@media screen and (max-width:1023px){
	.counsel_quest .mission_process{gap:22px;margin:0 auto 32px}
	.counsel_quest .mission_process li{padding:5px 16px;/* border-radius:var(--radius-medium);*/font-size:var(--font-size-14)}
}
@media screen and (max-width:767px){
	.counsel_quest .mission_process{gap:16px;margin:0 auto 24px}
	.counsel_quest .mission_process li{padding:5px 12px;}
	.counsel_quest .counsel_request + .mission_theme{margin-top:38px;padding-top:0;}
	.counsel_quest .mission_theme{margin-bottom:16px;padding-top:20px;/* border-top:3px dashed #C5CAFF;*/}
	.counsel_quest .mission_theme dt{font-size:var(--font-size-16);}
	.counsel_quest .mission_theme dt em{margin-right:5px;padding:5px 10px;/* border-radius:var(--radius-medium);*/font-size:12px;}
	.counsel_quest .mission_theme dd{margin-top:8px;font-size:12px;}
	.counsel_request .mission_theme{margin-bottom:16px;}
	.counsel_quest .mission_summary{margin-bottom:22px;padding-bottom:16px;}
	.counsel_quest .mission_summary .tit{font-size:var(--font-size-16);}
	.counsel_quest .mission_summary .txt{margin-top:5px;font-size:13px;}
	.counsel_quest .mission_guide{display:block;margin-bottom:16px;padding:22px 22px 16px;/* border-radius:var(--radius-medium);*/}
	.counsel_quest .mission_guide .info{padding-left:93px;background-size:70px auto;}
	.counsel_quest .mission_guide .info dt{font-size:var(--font-size-14);}
	.counsel_quest .mission_guide .info dd{margin-top:8px;font-size:12px;}
	.counsel_quest .mission_guide .btn{gap:5px;margin-top:10px;padding-left:93px;}
	.counsel_quest .mission_guide .btn a{padding:8px 20px;/* border-radius:var(--radius-xsmall);*/font-size:12px;}
	.counsel_quest .mission_summary .btn{position:static;top:auto;right:auto;margin-top:10px;}
}
@media screen and (max-width:479px){
	.counsel_quest .mission_process{gap:10px;margin:0 auto 20px}
	.counsel_quest .mission_process li{padding:5px 6px;font-size:13px}
	.counsel_quest .mission_guide .btn{gap:5px;margin-top:10px;padding-left:0;justify-content:center}
}
@media screen and (max-width:1439px){
	.counsel_quest .mission_history{margin-bottom:1.66vw;padding:1.66vw 2.22vw;/* border-radius:var(--radius-medium);*/}
	.counsel_quest .mission_history .toggle dt{margin-bottom:1.66vw;padding-bottom:1.11vw;}
	.counsel_quest .mission_history .toggle dt button{padding-right:2.36vw;font-size:1.38vw;}
	.counsel_quest .mission_history .toggle dt button::after{top:50%;right:0;width:0.97vw;height:0.55vw;margin-top:-0.27vw;}
	.counsel_quest .mission_history .toggle dd{margin-bottom:1.66vw;padding:1.66vw;/* border-radius:var(--radius-xsmall);*/}
	.counsel_quest .mission_history .toggle dd .tit{padding-bottom:0.55vw;line-height:2.77vw;padding-left:3.88vw;background-size:2.77vw auto;font-size:1.66vw;}
	.counsel_quest .mission_history .toggle dd .txt{margin-top:0.55vw;padding-left:1.94vw;font-size:1.11vw;}
	.counsel_quest .mission_history .toggle dd .txt::after{top:0.55vw;left:0.34vw;width:0.69vw;height:0.69vw;/* border-radius:50%;*/}
	.counsel_quest .mission_history .toggle dd .txt + .tit{margin-top:1.66vw;}
	.counsel_quest .mission_history .btn{gap:1.11vw}
	.counsel_quest .mission_history .btn > li{width:25%;}
	.counsel_quest .mission_history .btn_style{width:100%;height:calc(3.75vw + 2px);line-height:3.75vw;/* border-radius:var(--radius-medium);*/font-size:1.52vw;}
	.counsel_quest .mission_history .btn_style.icon_right{padding-right:5.55vw;}
	.counsel_quest .mission_history .btn_style span::before{right:1.66vw;width:2.22vw;height:2.22vw;margin-top:-1.11vw;background-size:1.66vw auto;}
}
@media screen and (max-width:767px){
	.counsel_quest .mission_history{margin-bottom:16px;padding:16px 22px;/* border-radius:var(--radius-medium);*/}
	.counsel_quest .mission_history .toggle dt{margin-bottom:16px;padding-bottom:12px;}
	.counsel_quest .mission_history .toggle dt button{padding-right:24px;font-size:var(--font-size-14);}
	.counsel_quest .mission_history .toggle dt button::after{top:50%;right:0;width:10px;height:5px;margin-top:-2.5px;}
	.counsel_quest .mission_history .toggle dd{margin-bottom:16px;padding:16px;/* border-radius:var(--radius-xsmall);*/}
	.counsel_quest .mission_history .toggle dd .tit{padding-bottom:5px;line-height:28px;padding-left:38px;background-size:28px auto;font-size:var(--font-size-16);}
	.counsel_quest .mission_history .toggle dd .txt{margin-top:5px;padding-left:20px;font-size:12px;}
	.counsel_quest .mission_history .toggle dd .txt::after{top:5px;left:3px;width:7px;height:7px;/* border-radius:50%;*/}
	.counsel_quest .mission_history .toggle dd .txt + .tit{margin-top:16px;}
	.counsel_quest .mission_history .btn{flex-wrap:wrap;gap:0;}
	.counsel_quest .mission_history .btn > li{width:calc(50% - 2px);}
	.counsel_quest .mission_history .btn_style{width:100%;height:40px;line-height:38px;/* border-radius:var(--radius-medium);*/font-size:15px;}
	.counsel_quest .mission_history .btn_style.icon_right{padding-right:50px;}
	.counsel_quest .mission_history .btn_style span::before{right:16px;width:22px;height:22px;margin-top:-11px;background-size:16px auto;}
}
@media screen and (max-width:479px){
	.counsel_quest .mission_history .btn{display:block;}
	.counsel_quest .mission_history .btn > li{width:100%}
}
@media screen and (max-width:1439px){
	.mission_detail{margin-top:2.22vw;padding:2.22vw;/* border-radius:var(--radius-medium);*/}
	.mission_detail .flex_group{gap:2.77vw;margin:0;}
	.mission_detail .flex_group > div{padding:0;}
	.mission_detail .tit{margin-bottom:1.66vw;font-size:1.38vw;}
	.mission_detail .txt{font-size:1.11vw;}
	.mission_detail .txt + .txt{margin-top:1.66vw;}
	.mission_table{width:100%;}
	.mission_table th{padding:0.41vw;font-size:1.11vw;}
	.mission_table td{padding:0.55vw;font-size:1vw;}
}
@media screen and (max-width:767px){
	.flex_group{display:block;gap:0;margin:0}
	.flex_group.num1 > div,
	.flex_group.num2 > div,
	.flex_group.num3 > div,
	.flex_group.num4 > div,
	.flex_group.num5 > div{width:100%;padding:0;}
	.flex_group > div + div{margin-top:10px;}
	.mission_detail{margin-top:22px;padding:22px;border-radius:var(--radius-small);}
	.mission_detail .flex_group{display:block;gap:0;margin:0;}
	.mission_detail .flex_group > div{padding:0;}
	.mission_detail .flex_group > div + div{margin-top:20px;}
	.mission_detail .tit{margin-bottom:16px;font-size:var(--font-size-14);}
	.mission_detail .txt{font-size:12px;}
	.mission_detail .txt + .txt{margin-top:16px;}
	.mission_table{width:100%;}
	.mission_table th{padding:4px;font-size:12px;}
	.mission_table td{padding:5px;font-size:11px;}
}
@media screen and (max-width:1439px){
	.form_check{font-size:1.28vw}
	.form_check + .form_check{margin-left:1.14vw;}
	.form_check input[type=checkbox] + label{margin-right:1.14vw;height:1.42vw;line-height:1.42vw;padding:0 0 0 2vw;font-size:1.28vw}
	.form_check input[type=checkbox] + label:last-child{margin-right:0;}
	.form_check input[type=checkbox] + label.empty{width:1.42vw;padding-left:0;}
	.form_check input[type=checkbox] + label:before{width:1.42vw;height:1.42vw;/* border-radius:var(--radius-tiny);*/}
	.form_check input[type=checkbox]:checked + label:before,
	.form_check input[type=checkbox]:checked + label:hover:before{background-size:1vw 1vw}
}
@media screen and (max-width:767px){
	.check_group{flex-wrap:wrap;gap:10px}
	.form_check{font-size:13px}
	.form_check + .form_check{margin-left:0;}
	.form_check input[type=checkbox] + label{margin-right:12px;height:16px;line-height:16px;padding:0 0 0 22px;font-size:13px}
	.form_check input[type=checkbox] + label:last-child{margin-right:0;}
	.form_check input[type=checkbox] + label.empty{width:16px;padding-left:0;}
	.form_check input[type=checkbox] + label:before{width:16px;height:16px;/* border-radius:var(--radius-tiny);*/}
	.form_check input[type=checkbox]:checked + label:before,
	.form_check input[type=checkbox]:checked + label:hover:before{background-size:11px 11px}
}
/* 진로상담 - 신청 완료 */
@media screen and (max-width:1439px){
	.counsel_request .finish_group .img{width:9.16vw;margin-bottom:1.11vw;}
	.counsel_request .finish_group .tit{font-size:1.66vw;}
	.counsel_request .finish_group .txt{margin-top:0.27vw;font-size:1.38vw;}
	.counsel_request .box_group{margin:2.22vw auto 0;padding:1.66vw;/* border-radius:var(--radius-xsmall);*/font-size:1.11vw;}
	.counsel_request .text_group{margin-top:1.66vw;font-size:0.97vw;}
	.counsel_container .btn_group{margin-top:3.88vw;font-size:0;}
	.counsel_container .btn_group .btn_style{width:16.66vw;padding:0;}
	.counsel_container .btn_group .btn_style + .btn_style{margin-left:1.66vw}
	.counsel_container .btn_style.reset{gap:0.55vw;width:auto;padding:0.83vw 1.59vw;/* border-radius:var(--radius-extraLarge);*/font-size:1.11vw;}
	.counsel_container .btn_style.reset i{width:1.38vw;height:1.38vw;}
}
@media screen and (max-width:767px){
	.counsel_request .finish_group .img{width:92px;margin-bottom:12px;}
	.counsel_request .finish_group .tit{font-size:var(--font-size-16);}
	.counsel_request .finish_group .txt{margin-top:2px;font-size:var(--font-size-14);}
	.counsel_request .box_group{margin:22px auto 0;padding:16px;/* border-radius:var(--radius-xsmall);*/font-size:12px;}
	.counsel_request .text_group{margin-top:16px;font-size:11px;}
	.counsel_container .btn_group{margin-top:38px;font-size:0;}
	.counsel_container .btn_group .btn_style{width:166px;padding:0;font-size:var(--font-size-16);}
	.counsel_container .btn_group .btn_style + .btn_style{margin-left:16px}
	.counsel_container .btn_style.reset{gap:5px;width:auto;padding:8px 16px;/* border-radius:var(--radius-extraLarge);*/font-size:12px;}
	.counsel_container .btn_style.reset i{width:14px;height:14px;}
}
@media screen and (max-width:479px){
	.counsel_container .btn_group .btn_style{width:132px;padding:0;}
	.counsel_container .btn_group .btn_style + .btn_style{margin-left:5px}
}
@media screen and (max-width:1439px){
	.mission_btns .btn_group{margin-top:2.77vw;font-size:0;}
	.mission_btns .btn_group .btn_style{gap:0.55vw;width:auto;/* border-radius:var(--radius-extraLarge);*/font-size:1.66vw;margin:0;}
	.mission_btns .btn_group .btn_style + .btn_style{}
	.counsel_container .btn_style.back{padding:0.76vw 2.22vw 0.76vw 1.11vw;}
	.counsel_container .btn_style.save{padding:0.76vw 2.22vw 0.76vw 1.11vw;}
	.counsel_container .btn_style.next{padding:0.76vw 1.11vw 0.76vw 2.22vw;}
	.counsel_container .btn_style.back i{width:2.22vw;height:2.22vw;background-size:1.11vw auto;}
	.counsel_container .btn_style.save i{width:2.22vw;height:2.22vw;}
	.counsel_container .btn_style.next i{width:1.94vw;height:1.94vw;}
	.counsel_container .finish .btn_group{margin-top:2.22vw;}
	.counsel_container .finish .btn_group .btn_style{width:24vw;margin:0 0.55vw;padding:0;}
}
@media screen and (max-width:767px){
	.mission_btns .btn_group{margin-top:26px;font-size:0;flex-wrap:wrap;justify-content:center;gap:5px}
	.mission_btns .btn_group .btn_style{gap:5px;width:auto;/* border-radius:var(--radius-extraLarge);*/font-size:var(--font-size-16);}
	.mission_btns .btn_group .btn_style + .btn_style{margin-left:0;}
	.counsel_container .btn_style.back{position:static;top:auto;left:auto;padding:8px 22px 8px 12px;}
	.counsel_container .btn_style.save{padding:8px 22px 8px 12px;}
	.counsel_container .btn_style.next{padding:8px 12px 8px 22px;}
	.counsel_container .btn_style.back i{width:22px;height:22px;background-size:12px auto}
	.counsel_container .btn_style.save i{width:22px;height:22px;}
	.counsel_container .btn_style.next i{width:20px;height:20px;}
	.counsel_container .finish .btn_group{margin-top:22px;}
	.counsel_container .finish .btn_group .btn_style{width:fit-content;margin:0 5px;padding:0 12px;}
}
@media screen and (max-width:479px){
	.mission_btns .btn_group{}
	.mission_btns .btn_group .btn_style{font-size:var(--font-size-14);}
	.mission_btns .btn_group .btn_style i{display:none;}
	.counsel_container .btn_style.back{position:static;top:auto;left:auto;padding:8px 12px;}
	.counsel_container .btn_style.save{padding:8px 12px;}
	.counsel_container .btn_style.next{padding:8px 12px;}
	.counsel_container .finish .btn_group{margin-top:20px;}
	.counsel_container .finish .btn_group .btn_style{width:100%;margin:0;}
	.counsel_container .finish .btn_group .btn_style + .btn_style{margin-top:10px;margin-left:0;}
}
/* 레이어팝업 */
@media screen and (max-width:1439px){
	.modal_popup{padding:1.38vw;}
	.modal_area{width:34.72vw;max-width:calc(100% - 2.77vw);max-height:calc(100vh - 2.77vw);}
	.modal_content{padding:3.81vw 2.08vw 2.08vw;font-size:1.66vw}
	.modal_btn{margin-top:16px;}
	.modal_btn .btn_style{height:44px;padding:0 34px;}
	.modal_btn .btn_style.blue{height:4.3vw;padding:0 3.47vw;}
	.comment_modal .modal_area{min-width:37.77vw;padding:2.77vw;}
	.comment_modal .modal_content .info{width:calc(100% - 9.02vw);}
	.comment_modal .modal_content .image{width:7.63vw;}
	.comment_modal .modal_title{font-size:1.66vw}
	.comment_modal .modal_text{font-size:1.11vw}
	.comment_modal .modal_title + .modal_text{margin-top:1.11vw;}
	.comment_modal .modal_btn{margin-top:2.5vw;}
	.comment_modal .modal_btn button,.comment_modal .modal_btn button a{width:100%;}
}
@media screen and (max-width:767px){
	.modal_popup{padding:14px;}
	.modal_area{width:80vw;max-width:100%;max-height:90vh}
	.modal_area .modal_text {max-height: calc(100vh - 180px);overflow: auto;}
	.modal_content{padding:38px 20px 20px;font-size:var(--font-size-16)}
	.modal_btn{margin-top:16px;}
	.modal_btn .btn_style.blue{height:44px;padding:0 34px;}
	.comment_modal .modal_area{min-width:50vw;padding:28px;width: 80vw;}
	.comment_modal .modal_content{flex-direction:column;flex-direction:column-reverse}
	.comment_modal .modal_content .info{width:100%;}
	.comment_modal .modal_content .image{width:68px;margin:0 auto 15px;}
	.comment_modal .modal_title{font-size:var(--font-size-16);text-align: center;}
	.comment_modal .modal_text{font-size:12px}
	.comment_modal .modal_title + .modal_text{margin-top:10px;}
	.comment_modal .modal_btn{margin-top:25px}
	.comment_modal .modal_btn button,.comment_modal .modal_btn button a{width:100%;}
}
@media screen and (max-width:1439px){
	.mission_modal .modal_body{padding:2.77vw;}
	.mission_modal .modal_body .ico + .tit{margin-top:1.52vw;}
	.mission_modal .modal_body .ico + .txt{margin-top:0;}
	.mission_modal .modal_body .stit + .txt{margin-top:2.77vw;}
	.mission_modal .modal_body div  + .txt{margin-top:1.11vw;}
	.mission_modal .modal_body .tit{margin-bottom:1.11vw;font-size:1.66vw;}
	.mission_modal .modal_body .stit{margin-top:1.11vw;font-size:1.38vw;}
	.mission_modal .modal_body .txt{font-size:1.11vw}
	.mission_modal .modal_flex{gap:2.22vw;margin-bottom:2.77vw;}
	.mission_modal .modal_flex .data dt{margin-bottom:1.11vw;font-size:1.52vw;}
	.mission_modal .modal_flex .data dd{font-size:0.972vw;}
	.mission_modal .modal_foot{padding:2.22vw;}
	.mission_modal .modal_foot .btn_style{width:25vw;}
	.mission_modal .modal_foot .btn_style.eff_light{width:26.38vw;height:calc(4.58vw + 6px);line-height:4.58vw;font-size:1.66vw;}
	.mission_modal .btn_group{margin-top:1.66vw;}
	.mission_modal .btn_group .btn_style.alert{width:19.44vw;height:calc(3.19vw + 2px);line-height:3.19vw;/* border-radius:var(--radius-tiny);*/font-size:1.25vw}
	.mission_modal ul.btn_group{gap:1.11vw;}
	.mission_modal ul.btn_group li{width:50%;}
	.mission_modal ul.btn_group li .btn_style{width:100%;}
	.mission_modal ul.btn_group li .btn_style.small{padding:0;}
	.mission_modal .modal_foot .btn_group{gap:1.66vw;}
}
@media screen and (max-width:767px){
	.mission_modal .modal_area{width:calc(100% - 40px);}
	.mission_modal .modal_body{padding:20px;}
	.mission_modal .modal_body .ico + .tit{margin-top:16px;}
	.mission_modal .modal_body .ico + .txt{margin-top:0;}
	.mission_modal .modal_body .stit + .txt{margin-top:20px;}
	.mission_modal .modal_body div  + .txt{margin-top:12px;}
	.mission_modal .modal_body .tit{margin-bottom:12px;font-size:17px;}
	.mission_modal .modal_body .stit{margin-top:12px;font-size:var(--font-size-14);}
	.mission_modal .modal_body .txt{font-size:12px}
	.mission_modal .modal_flex{display:block;gap:0;margin-bottom:20px;}
	.mission_modal .modal_flex .img{display:none;}
	.mission_modal .modal_flex .data dt{margin-bottom:12px;font-size:var(--font-size-16);}
	.mission_modal .modal_flex .data dd{font-size:11px;}
	.mission_modal .modal_foot{padding:20px;}
	.mission_modal .modal_foot .btn_style{width:250px;}
	.mission_modal .modal_foot .btn_style.eff_light{width:264px;max-width:100%;height:52px;line-height:46px;font-size:17px;}
	.mission_modal .btn_group{margin-top:17px;}
	.mission_modal .btn_group .btn_style.alert{width:194px;height:34px;line-height:32px;/* border-radius:var(--radius-tiny);*/font-size:13px}
	.mission_modal ul.btn_group{gap:12px;}
	.mission_modal ul.btn_group li{width:50%;}
	.mission_modal ul.btn_group li .btn_style{width:100%;}
	.mission_modal ul.btn_group li .btn_style.small{padding:0;}
	.mission_modal .modal_foot .btn_group{gap:17px;}
}
@media screen and (max-width:479px){
	.mission_modal .modal_foot .btn_group{display:block;}
	.mission_modal .modal_foot .btn_group li{width:100%;}
	.mission_modal .modal_foot .btn_group li + li{margin-top:10px;}
	.mission_modal .modal_foot .btn_group .btn_style{width:100%;}
	.mission_modal .modal_foot .btn_style{width:220px;max-width:100%;}
	.mission_modal .modal_foot .btn_style.eff_light{width:220px;max-width:100%;}
}
/*---------------jr_mypage------------------*/


/* 넓이가 1439px 이하일 때*/
@media all and (max-width:1439px){

	/* 나의 주니어커리어넷 - 메인 */
	.mypage_content .mypage_title .tit_mypage {font-size:var(--font-size-22);}
	.mypage_content .mypage_title .tit_mypage span {font-size:var(--font-size-24);}
	.sect_con .sect_tit span,
	.mypage_content .mypage_title .txt_mypage {font-size:var(--font-size-18);}
	.mypage_top_cont .user_info_wrap {padding-bottom:12px;margin-bottom:30px;}
	.mypage_top_cont .user_info_wrap h2 {font-size:var(--font-size-28);}
	.mypage_menu_list {margin:40px 0 30px;}
	.mypage_menu_list ul li a span,
	.mypage_content .career_info_tab a,
	.mypage_content .career_counseling .sect_left .select_list select {font-size:var(--font-size-18);}
	.mypage_content .career_info_tab {margin-bottom:30px;}
	.mypage_content .understanding .sect_left,
	.mypage_content .career_counseling .sect_left,
	.mypage_content .career_quest .sect_left {margin:0 30px 0 0;}
	.mypage_content .understanding .sect_right,
	.mypage_content .career_counseling .sect_right,
	.mypage_content .career_quest .sect_right {padding:0;}
	.sect_con_wrap {gap:45px;}
	.sect_con {padding-top:45px;}
	.sect_con .sect_info {padding-right:170px;}
	.sect_con .sect_info .text {}
	.sect_con .sect_info .type_btn .btn_con {margin-left:15px;}
	.sect_con .sect_info .type_btn .type_con {font-size:var(--font-size-20);}
	.sect_con.sect_con_1 .sect_info .img_con img {width:140px;}

	/* 활동 비어있는 화면 */
	.mypage_content .understanding.no_data .text_con .txt,
	.mypage_content .career_info_con.no_data .text_con .txt,
	.mypage_content .career_counseling.no_data .text_con .txt {font-size:var(--font-size-24);}
	.mypage_content .understanding.no_data .text_con .stxt,
	.mypage_content .understanding.no_data .btn_area .btn_type,
	.mypage_content .career_info_con.no_data .text_con .stxt,
	.mypage_content .career_info_con.no_data .btn_area .btn_type,
	.mypage_content .career_counseling.no_data .text_con .stxt,
	.mypage_content .career_counseling.no_data .btn_area .btn_type {font-size:var(--font-size-20);}

	/* 나의 주니어커리어넷 - 나의 진로정보 - 주니어 직업정보 */
	.total_con_list > div {flex:0 1 auto;}
	.total_con_list > div > ul {height:100%;}
	.total_con_list > .junior_job_info_list > ul > li,
	.total_con_list > .future_job_info_list > ul > li,
	.total_con_list > .junior_video_list > ul > li {min-height:auto !important;}
	.mypage_content .career_info_con h3 + .junior_video_list,
	.mypage_content .career_info_con h3 + .future_job_info_list,
	.mypage_content .career_info_con h3 + .junior_job_info_list {margin-top:24px;}
	.mypage_content .junior_job_info_list,
	.mypage_content .future_job_info_list,
	.mypage_content .junior_video_list {margin-top:0;}
	.mypage_content .junior_job_info_list ul,
	.mypage_content .future_job_info_list ul,
	.mypage_content .junior_video_list ul {gap:24px;}
	.mypage_content .junior_job_info_list li,
	.mypage_content .future_job_info_list li,
	.mypage_content .junior_video_list li {margin-top:0;}
	.mypage_content .junior_job_info_list .tit,
	.mypage_content .future_job_info_list .tit,
	.mypage_content .junior_video_list .tit,
	.mypage_content .career_info_con .career_quest_list .tit,
	.mypage_content .career_info_con .career_quest_list li .tit {font-size:var(--font-size-20);}
	.mypage_content .career_info_con .career_quest_list li .tit {padding-top: 20px;}
	.mypage_content .junior_job_info_list li .tits_gradient,
	.mypage_content .future_job_info_list li .tits_gradient,
	.mypage_content .junior_video_list li .tit_wrap .stit2 {font-size:var(--font-size-16);}
	.mypage_content .junior_job_info_list li .tit_wrap,
	.mypage_content .future_job_info_list li .tit_wrap {display:flex;flex-direction:column;gap:8px;flex-wrap:wrap;align-items:center;}
	.mypage_content .junior_job_info_list li .tits_gradient,
	.mypage_content .junior_job_info_list li .tits_gradient {min-width:58px;height:32px;line-height:26px;margin-right:0;}
	.mypage_content .junior_job_info_list li a,
	.mypage_content .junior_video_list li a,
	.mypage_content .future_job_info_list li a {padding:20px;}
	.mypage_content .junior_job_info_list li .list_up .tit_wrap,
	.mypage_content .future_job_info_list li .list_up .tit_wrap {padding-top:20px;font-size:var(--font-size-16);display:flex;flex-direction:column;gap:8px;flex-wrap:wrap;align-items:center;}
	.mypage_content .junior_job_info_list li .list_up .txts,
	.mypage_content .future_job_info_list li .list_up .txts {margin-top:8px;height:auto;font-size:15px;line-height:1.4;}
	.mypage_content .junior_job_info_list li .list_up .fj_num_box,
	.mypage_content .future_job_info_list li .list_up .fj_num_box {margin-top:8px;}
	.mypage_content .career_info_con .fj_num_box span {padding-top:2px;font-size:var(--font-size-14);}
	.mypage_content .junior_job_info_list li .tit_wrap {padding-top:20px;}
	.mypage_content .junior_job_info_list li .img_gray {position:relative;}
	.mypage_content .future_job_info_list li .tit_wrap {padding-top:36px;}
	.mypage_content .future_job_info_list li .img_gray {width:80%;padding-top:80%;height:auto;}
	.mypage_content .future_job_info_list li .img_gray span {font-size:var(--font-size-18);}
	.mypage_content .future_job_info_list li .img_gray::before {background-size:auto 60% !important;}
	.mypage_content .junior_job_info_list li,
	.mypage_content .future_job_info_list li,
	.mypage_content .junior_video_list li {min-height:auto;}
	.mypage_content .career_info_con .career_quest_list li .quest_txt {padding:30px 24px;}
	.mypage_content .career_info_con .career_quest_list li .quest_txt span {font-size:18px;line-height:1.4em;height:auto;max-height:2.8em;}


	/* career_counseling */
	.mypage_content .understanding .sect_right .course_info_con.course_type_1 .course_con_wrap .con_group {padding-bottom:62px;}
	.mypage_content .understanding .sect_right .course_info_con .course_info_top .title {font-size:var(--font-size-20);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_char {margin-top:30px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .type {margin:20px 0;font-size:var(--font-size-24);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .type em {font-size:var(--font-size-40);margin-right:10px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .txt span {font-size:var(--font-size-18);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_con .desc {word-break:keep-all;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .graph {width:100%;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list {margin-top:40px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul {gap:15px;margin-top:20px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li {width:calc(25% - 12px);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list .img {position:relative;width:100%;height:auto;padding-top:94.96%;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list .img img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list .name,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li.other_more a span {font-size:var(--font-size-16);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li.other_more a {display:flex;align-items:center;justify-content:center;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li.other_more a span {padding-top:80px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li.other_more a span::before,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li.other_more a span::after {top:0;left:50%;transform:translateX(-50%);width:60px;height:60px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li.other_more a span::after {background-size:auto 17px;}

	/* mypage_section */
	.mypage_section .total_con_list > div > a {left:50%;bottom:20px;padding:0;margin:0;width:calc(100% - 40px);}
	.mypage_section .total_con_list > div > ul > li > a {padding-bottom:85px;}
	.mypage_section .total_con_list > div .no_data {padding:60px 20px 85px;}
	.mypage_section .total_con_list > div .no_data .tit {top:20px;}


}

@media (min-width: 768px) {
  .content_area {max-width: 1200px;margin: 0 auto;}
  .total_con_list.career_info_con {display: grid !important;grid-template-columns: repeat(3, minmax(0, 1fr)) !important;gap: 24px !important;}
  .total_con_list.career_info_con > div {width: auto !important;     min-width: 0 !important;position: relative;}
  .total_con_list.career_info_con > div > ul,
  .total_con_list.career_info_con > div > ul > li {width: 100% !important;}
	.mypage_content .junior_experience_fav_list .tit {font-size: var(--font-size-20);}
	.mypage_content .junior_experience_fav_list li a{padding:20px;}
}

@media (min-width: 540px) {
  .content_area {max-width: 1400px;margin: 0 auto;}
  .total_con_list.career_info_con {display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 24px !important;}
  .total_con_list.career_info_con > div {width: auto !important;     min-width: 0 !important;position: relative;}
  .total_con_list.career_info_con > div > ul,
  .total_con_list.career_info_con > div > ul > li {width: 100% !important;}
	.mypage_content .junior_experience_fav_list .tit {font-size: var(--font-size-20);}
	.mypage_content .junior_experience_fav_list li a{padding:20px;}
}

@media (min-width:1300px){

	.junior_experience .top_box {
		max-width: 1400px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	.junior_experience_list {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0;
	}
	
	.junior_experience_list ul,
	.total_con_list.career_info_con {
		gap: 22px 20px;
	}
	
	/* 신산업 진로체험 페이지에서는 웹처럼 3열 정렬 */
	.total_con_list.career_info_con {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 28px;
	}
}

@media (max-width: 1280px) {
	.total_con_list.career_info_con {grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}
	.junior_experience .top_box {padding-left: 40px;}
	.junior_experience_list {padding:0 40px 0 40px;}
	.junior_experience_list ul {gap:22px 20px;}
}

/* 넓이가 1179px 이하일 때*/
@media all and (max-width:1179px){

	/* 나의 주니어커리어넷 - 메인 */
	.mypage_content .btn_type2 {padding-left:15px;padding-right:15px;font-size:15px;}
	.mypage_top_cont .user_info_wrap {justify-content:flex-end;padding-bottom:10px;}
	.mypage_top_cont .user_info_wrap h2 {display:none;}
	.mypage_top_cont .user_info_wrap .user_info .user_set {margin-left:12px;}
	.mypage_content .mypage_title .tit_mypage {margin-bottom:0;}
	.mypage_content .career_info_con h3 {font-size:20px;}
	.mypage_content .career_info_con h3 em {font-size:14px;}
	.sect_con_wrap {gap:40px;}
	.sect_con {padding:35px 28px 24px;}
	.sect_con .sect_tit {top:calc(-48px/2 - 8px);}
	.sect_con .sect_tit span {min-width:200px;height:48px;line-height:48px;padding:0 24px;border-radius:var(--radius-xsmall);}
	.sect_con .sect_info {padding-right:0;padding-bottom:20px;height:auto;}
	.sect_con .sect_info::after {content:'';clear:both;display:block;}
	.sect_con .sect_info .type_btn {width:100%;margin-bottom:10px;justify-content:space-between;}
	.sect_con .sect_info .type_btn .btn_con {}
	.sect_con .sect_info .text {float:left;width:calc(100% - 150px);max-height:160px;}
	.sect_con .sect_info .img_con {float:right;position:relative;top:auto;right:auto;width:140px;height:160px;}
	.sect_con .sect_info .img_con .type-circle {width:100px;height:100px;font-size:var(--font-size-18);}
	.sect_con.sect_con_1 .sect_info .img_con img {width:auto;max-height:100%;}
	.sect_con .btn_area {margin-top:18px;}
	.sect_con .btn_area a {padding:0 20px;}
	.mypage_section .no_data .sect_info,
	.sect_con .no_data .sect_info {padding-top:196px;padding-bottom:10px;background-size:110px auto;background-position:center 10px;}
	.mypage_section .no_data .sect_info .text,
	.mypage_section .no_data .sect_info .text2,
	.sect_con .no_data .sect_info .text,
	.sect_con .no_data .sect_info .text2 {float:none;width:100%;word-break:keep-all;}
	.mypage_section .no_data .sect_info .text2,
	.sect_con .no_data .sect_info .text2 {margin-top:0;font-size:var(--font-size-18);}
	.mypage_section .no_data .btn_area,
	.sect_con .no_data .btn_area {margin-top:10px;}

	/* 활동 비어있는 화면 */
	.mypage_content .understanding.no_data,
	.mypage_content .career_info_con.no_data,
	.mypage_content .career_counseling.no_data {margin-top:30px;background-size:auto 140px;}
	.mypage_content .understanding.no_data .text_con,
	.mypage_content .career_info_con.no_data .text_con,
	.mypage_content .career_counseling.no_data .text_con{padding-top:160px;}
	.mypage_content .understanding.no_data .text_con .txt,
	.mypage_content .career_info_con.no_data .text_con .txt,
	.mypage_content .career_counseling.no_data .text_con .txt {font-size:var(--font-size-20);}
	.mypage_content .understanding.no_data .text_con .stxt,
	.mypage_content .understanding.no_data .btn_area .btn_type,
	.mypage_content .career_info_con.no_data .text_con .stxt,
	.mypage_content .career_info_con.no_data .btn_area .btn_type,
	.mypage_content .career_counseling.no_data .text_con .stxt,
	.mypage_content .career_counseling.no_data .btn_area .btn_type {font-size:var(--font-size-16);}
	.mypage_content .understanding.no_data .btn_area,
	.mypage_content .career_info_con.no_data .btn_area,
	.mypage_content .career_counseling.no_data .btn_area {margin:40px 0 0;gap:8px;}
	.mypage_content .understanding.no_data .btn_area .btn_type,
	.mypage_content .career_info_con.no_data .btn_area .btn_type,
	.mypage_content .career_counseling.no_data .btn_area .btn_type {min-width:250px;height:48px;line-height:46px;padding:0 15px;border-radius:var(--radius-xsmall);}

	/* career_counseling */
	.mypage_content .understanding .sect_left,
	.mypage_content .career_counseling .sect_left,
	.mypage_content .career_quest .sect_left {width:280px;margin-right:20px;}
	.mypage_content .understanding .sect_right,
	.mypage_content .career_counseling .sect_right,
	.mypage_content .career_quest .sect_right {width:calc(100% - 280px);}
	.mypage_content .understanding .sect_left .select_list select,
	.mypage_content .career_counseling .sect_left .select_list select,
	.mypage_content .career_quest .sect_left .select_list select {height:48px;line-height:46px;padding:0 15px;border-radius:var(--radius-xxsmall);font-size:var(--font-size-16);}
	.mypage_content .understanding .sect_left .course_list ul li a,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li a,
	.mypage_content .career_quest .sect_left .career_counsel_list ul li a,
	.mypage_content .career_quest .sect_left .career_quest_list ul li a {padding:15px 40px 15px 17px;}
	.mypage_content .understanding .sect_left .course_list ul li a::before,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li a::before,
	.mypage_content .career_quest .sect_left .career_counsel_list ul li a::before,
	.mypage_content .career_counsel_con .q_box,
	.mypage_content .career_counsel_con .a_box,
	.mypage_content .career_quest_con .q_box,
	.mypage_content .career_quest_con .a_box,
	.mypage_content .career_quest .sect_left .career_quest_list ul li a,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li a::before,
	.mypage_content .career_quest .sect_left .career_counsel_list ul li a::before,
	.mypage_content .career_quest .sect_left .career_quest_list ul li a::before,
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li,
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li a {border-radius:var(--radius-xsmall);}
	.mypage_content .career_counsel_con .q_box,
	.mypage_content .career_counsel_con .a_box,
	.mypage_content .career_counsel_con .a_box .a_con,
	.mypage_content .career_quest_con .q_box,
	.mypage_content .career_quest_con .a_box,
	.mypage_content .career_quest_con .a_box .a_con,
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list,
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box {padding:20px;}
	.mypage_content .career_quest_con .a_box .a_con {padding-top:15px;padding-bottom:10px;}
	.mypage_content .career_counsel_con .a_box {margin-top:20px;}
	.mypage_content .career_quest_con .a_box .a_con {margin-top:0;}
	.mypage_content .career_counsel_con .q_box .q_top,
	.mypage_content .career_quest_con .q_box .q_top {position:relative;display:block}
	/*.mypage_content .career_counsel_con .q_box .q_top .q_btn,
	.mypage_content .career_quest_con .q_box .q_top .q_btn {position:absolute;right:0;top:-3px;}*/
	.mypage_content .career_counsel_con .q_box .q_top .q_btn button,
	.mypage_content .career_quest_con .q_box .q_top .q_btn button {width:160px;padding:0 30px 0 15px;font-size:15px;}
	.mypage_content .career_counsel_con .q_box .q_top .q_tit,
	.mypage_content .career_quest_con .q_box .q_top .q_tit {position:relative;width:100%;padding-top:42px;}
	.mypage_content .career_counsel_con .q_box .q_top .q_tit span,
	.mypage_content .career_quest_con .q_box .q_top .q_tit span {position:absolute;left:0;top:0;}
	.mypage_content .career_counsel_con .a_box .a_tit {font-size:var(--font-size-18);}
	.mypage_content .career_counsel_con .a_box .a_con {margin-top:10px;border-radius:var(--radius-xxsmall);}
	.mypage_content .career_counsel_con .a_box .a_con p,
	.mypage_content .career_counsel_con .q_box .q_con p {font-size:var(--font-size-16);}
	.mypage_content .career_counsel_con .a_box .a_con p + p,
	.mypage_content .career_counsel_con .q_box .q_con p + p,
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li + li {margin-top:10px;}
	.mypage_content .career_counsel_con .txt_bot,
	.mypage_content .career_quest_con .txt_bot {font-size:var(--font-size-18);}
	.mypage_content .career_quest_con .a_box .a_con .tit {padding-left:50px;font-size:var(--font-size-18);}
	.mypage_content .career_quest_con .a_box .a_con .form_title {margin:20px 0 8px;padding-left:20px;}
	.mypage_content .career_quest_con .a_box .a_con .form_title::after {top:7px;width:10px;height:10px;}
	.mypage_content .career_quest_con .a_box .a_con .tit_a,
	.mypage_content .career_quest_con .a_box .a_con .txt_a,
	.mypage_content .career_quest_con .a_box .a_con .txt_a_2 {margin-left:20px;}
	.mypage_content .star_select {padding:2px;}
	.mypage_content .star_select::after {width:26px;height:25px;background-size:auto 100% !important;}
	.mypage_content .bot_btn_area {margin:20px 0;}
	.mypage_content .understanding .sect_right .course_info_con .course_info_top {flex-wrap:wrap;gap:10px;}
	.mypage_content .understanding .sect_right .course_info_con .course_info_top .title {line-height:1.2;font-size:var(--font-size-18);}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group {margin:20px 0;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type {padding-left:35px;margin-bottom:15px;font-size:var(--font-size-20);}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type::before {width:26px;height:26px;background-size:auto 100%;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type_txt {margin-bottom:20px;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type_txt2 {padding-right:150px;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type_circle p {width:100px;height:100px;line-height:100px;font-size:var(--font-size-18);}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type_circle .start_type {bottom:65px;right:50px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_1 .course_con_wrap .con_group {min-height:165px;padding-bottom:0;margin:20px 0;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li .img_type {min-width:80px;max-width:80px;height:80px;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li .text_con {padding-left:20px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_con .type {margin:0 0 15px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_img {width:160px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .tit_recommend {font-size:var(--font-size-20);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .list_recommend {margin-top:20px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_txt {margin-bottom:0;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_char {position:relative;display:block;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_con {width:100%;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .txt span {font-size:var(--font-size-16);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list .tit_type_job_list,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .type {font-size:var(--font-size-20);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .type em {font-size:var(--font-size-32);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_con .desc {padding-right:160px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .graph::after {content:'';clear:both;display:block;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .img_type_char {position:absolute;right:0;top:0;max-width:130px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list .img {border-radius:var(--radius-xxsmall);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li {width:calc(50% - 12px);}

	/* 나의 주니어커리어넷 - 나의 진로정보 - 주니어 직업정보 */
	.junior_job_info_list li a,
	.junior_job_info_list li a::before,
	.future_job_info_list li a,
	.future_job_info_list li a::before,
	.mypage_content .future_job_info_list li a,
	.mypage_content .future_job_info_list li a::before,
	.mypage_content .junior_video_list li a,
	.mypage_content .junior_video_list li a::before,
	.mypage_content .junior_experience_fav_list li a,
	.mypage_content .junior_experience_fav_list li a::before,
	.mypage_section .career_counsel_list {border-radius:var(--radius-xsmall);}
	.mypage_content .career_info_con .career_quest_list li {width:calc(33.333% - 16px);}
	.mypage_content .career_info_con .career_quest_list li a::before {border-radius:var(--radius-xsmall);}



	/* 나의 주니어커리어넷 - 나의 진로정보 - 주니어 직업정보 */
	.total_con_list,
	.mypage_content .junior_job_info_list ul,
	.mypage_content .future_job_info_list ul,
	.mypage_content .junior_experience_fav_list ul,
	.mypage_content .junior_video_list ul {gap:20px;}
	.mypage_content .junior_job_info_list li,
	.mypage_content .future_job_info_list li,
	.mypage_content .junior_video_list li,
	.mypage_content .junior_experience_fav_list li,
	.total_con_list > .junior_job_info_list,
	.total_con_list > .future_job_info_list,
	.total_con_list > .junior_video_list,
	.total_con_list > .career_quest_list,
	.total_con_list > .junior_experience_fav_list,
	.total_con_list > .junior_video_list {width:calc(33.33% - 14px);}
	.mypage_content .junior_video_list li .tit_wrap {padding-top:15px;}
	.mypage_content .junior_video_list li .tit_wrap .stit2 {margin-top:2px;}
	.mypage_content .junior_experience_fav_list li{margin: 0px;}



	/* mypage_section */
	.mypage_section + .mypage_section {margin-top:40px;padding-top:30px;}
	.mypage_section + .mypage_section .mypage_title {margin-bottom:30px;}
	.mypage_section .total_con_list > div > ul > li > a {padding-bottom:75px;}
	.mypage_section .career_counsel_list {margin-top:0;}
	.mypage_section .total_con_list > div > ul > li,
	.mypage_section .total_con_list > div .no_data {min-height:auto !important}
	.mypage_section .total_con_list > div .no_data .sect_info {margin-top:10px;margin-bottom:10px;background-position:center 10px;background-size:110px auto;}


}


/* 넓이가 1023px 이하일 때*/
@media all and (max-width:1023px){

	/* 나의 주니어커리어넷 - 메인 */
	.mypage_top_cont .user_info_wrap {margin-bottom:25px;}
	.mypage_content .mypage_title {word-break:keep-all;margin-bottom:42px;}
	.mypage_content .mypage_title .tit_mypage {font-size:var(--font-size-18);}
	.mypage_content .mypage_title .tit_mypage span {font-size:var(--font-size-20);}
	.mypage_content .mypage_title .txt_mypage {font-size:var(--font-size-16);}
	.sect_con_wrap {flex-direction:column;}
	.sect_con.none_con.bg {display:none;}
	.sect_con {width:100%;border-width:5px;padding:32px 20px 20px;}
	.sect_con .sect_tit {top:calc(-48px/2 - 5px);}
	.sect_con .sect_info {display:flex;flex-direction:column;}
	.sect_con:not(.sect_con_1) .data_con .sect_info .type_btn {order:1;text-align:center;justify-content:center;}
	.sect_con .data_con .sect_info .text {order:3;float:none;max-width:none;max-height:none;width:100%;padding-right:0;}
	.sect_con .data_con .sect_info .img_con {order:2;width:100%;height:auto;margin:0 0 15px 0;text-align:center;}
	.sect_con .data_con .sect_info .img_con img {max-height:150px;}
	.sect_con.sect_con_2 .sect_info .type_btn {margin-bottom:8px;}
	.sect_con.sect_con_2 .sect_info .img_con {width:100%;height:auto;text-align:center;margin-bottom:10px;}
	.sect_con.sect_con_2 .sect_info .img_con .type-circle {position:relative;color:var(--color-main-card-bg1);display:inline-block;left:auto;top:auto;bottom:auto;right:auto;background:none;width:auto;height:auto;border-radius:0;}
	.sect_con .sect_info .img_con .start-type::after {content:',';margin-right:5px;}
	.sect_con.sect_con_2 .sect_info .img_con .type-circle br {display:none;}
	.mypage_section .no_data .sect_info .text2,
	.sect_con .no_data .sect_info .text2 {word-break:keep-all;}
	.mypage_section + .mypage_section .mypage_title {margin-bottom:20px;}
	.mypage_content .mypage_title .txt_mypage {}
	.mypage_section .career_counsel_list {padding:16px 20px;}
	.mypage_section .career_counsel_list ul {padding-bottom:16px;padding-right:0;background:none;background-size:auto 120px;}
	.mypage_section .career_counsel_list ul li + li {margin-top:0;}
	.mypage_section .career_counsel_list ul li {padding:4px 0;}
	.mypage_section .career_counsel_list ul li .tit {font-size:var(--font-size-16);}
	.mypage_content .career_info_tab {gap:18px;}

}


/* 넓이가 767px 이하일 때*/
@media all and (max-width:767px){

	/* 활동 비어있는 화면 */
	.mypage_content .btn_type2 {font-size:var(--font-size-14);}
	.mypage_content .understanding.no_data .text_con .txt,
	.mypage_content .career_info_con.no_data .text_con .txt,
	.mypage_content .career_counseling.no_data .text_con .txt {font-size:var(--font-size-18);margin-bottom:2px;word-break:keep-all;}
	.mypage_content .understanding.no_data .text_con .stxt,
	.mypage_content .understanding.no_data .btn_area .btn_type,
	.mypage_content .career_info_con.no_data .text_con .stxt,
	.mypage_content .career_info_con.no_data .btn_area .btn_type,
	.mypage_content .career_counseling.no_data .text_con .stxt,
	.mypage_content .career_counseling.no_data .btn_area .btn_type {font-size:15px;}
	.mypage_content .understanding.no_data .btn_area,
	.mypage_content .career_info_con.no_data .btn_area,
	.mypage_content .career_counseling.no_data .btn_area {margin-top:20px;}

	/* career_counseling */
	.mypage_content .career_info_tab {margin-bottom:20px;}
	.mypage_menu_list ul li a span,
	.mypage_content .career_info_tab a {font-size:var(--font-size-16);}
	.mypage_content .understanding .sect_left .select_list select,
	.mypage_content .career_counseling .sect_left .select_list select,
	.mypage_content .career_quest .sect_left .select_list select {font-size:15px;}
	.mypage_content .career_info_tab {padding-bottom:6px;gap:10px;}
	.mypage_content .career_info_tab.type2 {width:fit-content;}
	.mypage_content .career_info_tab.type2 a::before {display:none;}
	.mypage_content .career_info_tab:not(.type2) {width:100%;gap:0;padding-bottom:0;display:block;border-right:1px solid var(--color-gray-300);}
	.mypage_content .career_info_tab:not(.type2)::after {content:'';clear:both;display:block;}
	.mypage_content .career_info_tab:not(.type2) > p {float:left;width:50%;border-left:1px solid var(--color-gray-300);border-top:1px solid var(--color-gray-300);}
	.mypage_content .career_info_tab:not(.type2) > p:first-child {width:100%;}
	.mypage_content .career_info_tab:not(.type2) a {height:48px;line-height:1.1;padding:0 5px;display:flex;align-items:center;justify-content:center;}
	.mypage_content .career_info_tab:not(.type2) a::after {bottom:0;}
	.mypage_content .understanding,
	.mypage_content .career_counseling,
	.mypage_content .career_quest {flex-direction:column;}
	.mypage_content .understanding .sect_left,
	.mypage_content .career_counseling .sect_left,
	.mypage_content .career_quest .sect_left {width:100%;margin-right:0;}
	.mypage_content .understanding .sect_left .course_list ul li,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li,
	.mypage_content .career_quest .sect_left .career_quest_list ul li {margin-top:8px;}
	.mypage_content .understanding .sect_right,
	.mypage_content .career_counseling .sect_right,
	.mypage_content .career_quest .sect_right {width:100%;margin-top:20px;}
	.mypage_content .career_counsel_con .a_box {margin-top:8px;}
	.mypage_content .career_quest_con .a_box .a_con {padding-top:20px;}
	.mypage_content .career_quest_con .a_box .a_con .tit {height:60px;display:flex;font-size:var(--font-size-16);align-items:flex-start;justify-content:center;line-height:1.1;flex-wrap:wrap;flex-direction:column;}
	.mypage_content .career_quest_con .a_box .a_con .tit b {display:block;}
	.mypage_content .understanding .sect_right .course_info_con .course_info_top {padding:0 0 10px;}
	.mypage_content .understanding .sect_right .course_info_con .course_info_top .title {font-size:var(--font-size-16);word-break:keep-all;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_con {width:calc(100% - 140px);padding-right:20px;word-break:keep-all;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_img {width:140px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .tit_recommend {padding-left:40px;font-size:var(--font-size-18);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .tit_recommend::before {height:25px;background-size:auto 100%;background-position:left center;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .list_recommend {word-break:keep-all;margin-top:15px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .list_recommend li {font-size:15px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .list_recommend li + li {margin-top:8px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .txt span,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list .name {font-size:15px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .type,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list .tit_type_job_list {font-size:var(--font-size-18);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .type em {font-size:var(--font-size-24);margin-right:4px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .type {margin:15px 0 20px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .title_type .txt {padding:5px 15px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .img_type_char {top:80px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .graph {margin-top:58px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_char,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list {margin-top:20px;}

	/* 나의 주니어커리어넷 - 나의 진로정보 - 주니어 직업정보 */
	.total_con_list,
	.mypage_content .junior_job_info_list ul,
	.mypage_content .future_job_info_list ul,
	.mypage_content .junior_video_list ul {gap:16px;}
	.mypage_content .junior_job_info_list li,
	.mypage_content .future_job_info_list li,
	.mypage_content .junior_video_list li,
	.total_con_list > .junior_job_info_list,
	.total_con_list > .future_job_info_list,
	.total_con_list > .junior_video_list {width:calc(50% - 8px);}
	.mypage_content .junior_job_info_list .tit,
	.mypage_content .future_job_info_list .tit,
	.mypage_content .junior_video_list .tit,
	.mypage_content .career_info_con .career_quest_list .tit,
	.mypage_content .career_info_con .career_quest_list li .tit {font-size:var(--font-size-18);margin-bottom:12px;}
	.mypage_content .junior_job_info_list li .tits_gradient,
	.mypage_content .future_job_info_list li .tits_gradient,
	.mypage_content .junior_video_list li .tit_wrap .stit2,
	.mypage_content .junior_job_info_list li .tit_wrap {font-size:15px;}
	.mypage_content .junior_video_list li .tit_wrap .stit {font-size:var(--font-size-14);}
	.mypage_content .junior_job_info_list li .list_up .txts,
	.mypage_content .future_job_info_list li .list_up .txts {margin-top:4px;font-size:var(--font-size-14);}
	.mypage_content .career_info_con .fj_num_box .num01 {margin-right:15px;}
	.mypage_content .career_info_con .fj_num_box span {font-size:13px;}
	.mypage_content .junior_job_info_list li .list_up {padding:0 20px 15px;}
	.mypage_content .future_job_info_list li .img_gray span {width:80px;margin-left:-40px;bottom:-9px;padding:5px;font-size:var(--font-size-16);border-radius:var(--radius-xxsmall);}
	.future_job_info_list li .img_gray {width:235px;height:235px;padding-top:0;}
	.mypage_content .career_info_con .career_quest_list ul {gap:0 16px;}
	.mypage_content .career_info_con .career_quest_list li {margin-top:16px;width:100%;}
	.mypage_content .career_info_con .career_quest_list li .quest_tit {padding:12px 15px;}
	.mypage_content .career_info_con .career_quest_list li .quest_tit .tit {font-size:14px;height:30px;line-height:30px;border-radius:15px;}
	.mypage_content .career_info_con .career_quest_list li .quest_txt {padding:20px 15px 18px;}
	.mypage_content .career_info_con .career_quest_list li .quest_txt span {font-size:15px;}
	.mypage_content .career_info_con .btn_area {margin-top:30px;}
	.total_con_list {flex-wrap:wrap;}
	.total_con_list > .junior_job_info_list,
	.total_con_list > .future_job_info_list,
	.total_con_list > .career_quest_list,
	.total_con_list > .junior_video_list {width:calc(50% - 8px);}
	.mypage_content .career_info_con h3 + .junior_video_list,
	.mypage_content .career_info_con h3 + .future_job_info_list,
	.mypage_content .career_info_con h3 + .junior_job_info_list,
	.mypage_content .career_info_con .total_con_list {margin-top:16px;}
	.mypage_content .career_info_con .total_con_list > .career_quest_list li .quest_tit {max-height:55px;}
	.mypage_content .career_info_con .total_con_list > .career_quest_list li .quest_tit.fj_num_box {max-height:33px;}

	/* mypage_section */
	.mypage_section + .mypage_section {margin-top:30px;padding-top:20px;}
	.mypage_section .total_con_list > div {flex:inherit;}
	.mypage_section .total_con_list > .junior_job_info_list li .img_gray {max-width:none;}
  .junior_experience_list li, .junior_experience_side .junior_experience_list li{width:100%;}

}

@media all and (max-width:550px){
	.ct_dev_turquoise .tooltip_h5:hover .tooltip_bx{top: 49px; left: -98px; z-index: 1;}
	.ct_dev_turquoise .tooltip_bx:before{top: -19px; left: initial; right: 28px; transform: rotate(90deg);}

}

/* 넓이가 479px 이하일 때*/
@media all and (max-width:479px){

	/* 나의 주니어커리어넷 - 메인 */
	.mypage_content .btn_type2 {padding:5px 12px;font-size:var(--font-size-14);}
	.mypage_top_cont .user_info_wrap .user_info {flex-wrap:wrap;align-items:center;justify-content:flex-end;}
	.mypage_top_cont .user_info_wrap .user_info .user_img img {width:32px;height:32px;}
	.mypage_content .mypage_title .tit_mypage {font-size:var(--font-size-16);}
	.mypage_content .mypage_title .tit_mypage span {font-size:var(--font-size-16);}
	.mypage_content .mypage_title .txt_mypage {font-size:14px;}
	.sect_con {padding:32px 18px 18px;}
	.sect_con .sect_tit span {height:35}
	.sect_con .sect_info .type_btn .type_con {font-size:var(--font-size-18);}
	.sect_con .sect_info .text {line-height:1.3;font-size:15px;}
	.sect_con .sect_info {padding-bottom:15px;}
	.sect_con .sect_info .img_con .type-circle {font-size:var(--font-size-16);}
	.sect_con .btn_area {gap:4px;flex-direction:column;margin-top:12px;}
	.sect_con .btn_area a {width:100%;}
	.mypage_section .no_data .btn_area,
	.sect_con .no_data .btn_area {margin-top:4px;}
	.mypage_section .no_data .sect_info .text,
	.sect_con .no_data .sect_info .text {font-size:15px;margin-bottom:2px;word-break:keep-all;}
	.mypage_section .no_data .sect_info .text2,
	.sect_con .no_data .sect_info .text2 {font-size:var(--font-size-16);word-break:keep-all;}

	/* 활동 비어있는 화면 */
	.mypage_content .understanding.no_data .btn_area .btn_type,
	.mypage_content .career_info_con.no_data .btn_area .btn_type,
	.mypage_content .career_counseling.no_data .btn_area .btn_type {width:100%;}

	/* career_counseling */
	.mypage_content .career_counsel_con .q_box,
	.mypage_content .career_counsel_con .a_box,
	.mypage_content .career_counsel_con .a_box .a_con,
	.mypage_content .career_quest_con .q_box,
	.mypage_content .career_quest_con .a_box,
	.mypage_content .career_quest_con .a_box .a_con,
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li,
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li a {padding:15px;}
	.mypage_content .understanding .sect_left .course_list ul li:hover::before,
	.mypage_content .understanding .sect_left .course_list ul li:focus::before,
	.mypage_content .understanding .sect_left .course_list ul li.active::before,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li:hover::before,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li:focus::before,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li.active::before,
	.mypage_content .career_quest .sect_left .career_quest_list ul li:hover::before,
	.mypage_content .career_quest .sect_left .career_quest_list ul li:focus::before,
	.mypage_content .career_quest .sect_left .career_quest_list ul li.active::before {right:10px;}
	.mypage_content .understanding .sect_left .course_list ul li a,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li a,
	.mypage_content .career_quest .sect_left .career_quest_list ul li a {padding-right:30px;}
	.mypage_content .career_counsel_con .a_box .a_tit {font-size:var(--font-size-16);}
	.mypage_content .career_counsel_con .q_box .q_top .q_tit span,
	.mypage_content .understanding .sect_left .course_list ul li a .course_title .tit,
	.mypage_content .understanding .sect_left .course_list ul li a .course_title .date,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li a .counsel_tit .tit,
	.mypage_content .career_counseling .sect_left .career_counsel_list ul li a .counsel_tit .date,
	.mypage_content .career_quest .sect_left .career_quest_list ul li a .quest_tit .tit,
	.mypage_content .career_quest .sect_left .career_quest_list ul li a .quest_tit .date {min-width:auto;font-size:13px;}
	.mypage_content .career_counsel_con .a_box .a_con p,
	.mypage_content .career_counsel_con .q_box .q_con p,
	.mypage_content .career_counsel_con .q_box .q_top .q_tit,
	.mypage_content .understanding .sect_left .txt,
	.mypage_content .career_counseling .sect_left .txt,
	.mypage_content .career_quest .sect_left .txt,
	.mypage_content .career_quest_con .q_box .q_top .q_tit,
	.mypage_content .career_quest_con .a_box .a_con .txt_a,
	.mypage_content .career_quest_con .a_box .a_con .txt_a_2,
	.mypage_content .career_quest_con .a_box .a_con .tit_a,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_con .desc,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .graph .subject,
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li.other_more a span {font-size:15px;}
	.mypage_content .career_counsel_con .a_box .a_con p + p,
	.mypage_content .career_counsel_con .q_box .q_con p + p {margin-top:8px;}
	.mypage_content .career_counsel_con .q_box .q_top .q_btn button,
	.mypage_content .career_quest_con .q_box .q_top .q_btn button {width:auto;padding:0 35px 0 15px;font-size:var(--font-size-14);}
	.mypage_content .career_counsel_con .txt_bot {margin-top:20px;font-size:var(--font-size-16);}
	.mypage_content .bot_btn_area {margin:12px 0 0;}
	.mypage_content .bot_btn_area .btn_style {min-width:auto;}
	.mypage_content .star_rating {margin-top:4px;}
	.mypage_content .star_select::after {width:21px;height:20px;}
	.mypage_content .career_quest_con .a_box .a_con {padding-top:10px;padding-bottom:5px;}
	.mypage_content .career_quest_con .a_box .a_con .form_title {margin-top:12px;margin-bottom:4px;}
	.mypage_content .career_quest_con .a_box .a_con .tit_a {margin-bottom:2px;}
	.mypage_content .career_quest_con .a_box .a_con .txt_a_2 {margin-bottom:10px;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li .img_type {min-width:60px;max-width:60px;height:60px;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li .text_con {padding-left:15px;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type {padding-left:28px;margin-bottom:12px;font-size:var(--font-size-18);}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type::before {width:22px;height:22px;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type_txt {margin-bottom:8px}
	.mypage_content .understanding .sect_right .course_info_con.course_type_1 .course_con_wrap .con_group .type_txt {font-size:var(--font-size-16);}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type_txt2 {font-size:15px;padding-right:0;}
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_group .type_circle {display:none;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group {display:block;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_con {width:100%;padding-right:0;min-height:125px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_con .type_txt {font-size:15px;line-height:1.4;padding-right:115px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_con .type {margin-bottom:12px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_group .type_img {position:absolute;right:0;top:30px;width:100px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .list_recommend {margin-top:10px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .list_recommend li {padding-left:22px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_2 .course_con_wrap .con_box .list_recommend li::before {top:2px;width:18px;height:18px;background-size:auto 100%;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul {margin-top:10px;gap:8px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li {width:calc(50% - 4px);}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_job_list ul li a {padding:10px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .graph ul {width:100%;display:flex;gap:0;justify-content:space-around;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .graph ul li {float:none;margin-right:0;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .img_type_char {max-width:100px;top:40px;}
	.mypage_content .understanding .sect_right .course_info_con.course_type_3 .course_con_wrap .type_con .desc {padding-right:110px;min-height:90px;}

	/* 나의 주니어커리어넷 - 나의 진로정보 - 주니어 직업정보 */
	.mypage_content .future_job_info_list li .img_gray {width:200px;padding-top:200px;height:auto;}
	.total_con_list,
	.mypage_content .junior_job_info_list ul,
	.mypage_content .future_job_info_list ul,
	.mypage_content .junior_video_list ul {gap:10px;}
	.mypage_content .junior_job_info_list li,
	.mypage_content .future_job_info_list li,
	.mypage_content .junior_experience_fav_list li,
	.mypage_content .junior_video_list li {width:calc(50% - 5px);}
	.mypage_content .junior_job_info_list li a,
	.mypage_content .junior_video_list li a,
	.mypage_content .future_job_info_list li a {padding:15px;}
	.mypage_content .junior_job_info_list .tit,
	.mypage_content .future_job_info_list .tit,
	.mypage_content .junior_video_list .tit,
	.mypage_content .junior_experience_fav_list .tit,
	.mypage_content .career_info_con .career_quest_list .tit,
	.mypage_content .career_info_con .career_quest_list li .tit {font-size:17px;}
	.mypage_content .junior_job_info_list li .img_gray,
	.mypage_content .junior_video_list li .img_gray {border-radius:var(--radius-xxsmall);}
	.mypage_content .career_info_con .btn_area {margin-top:20px;}
	.total_con_list > .junior_job_info_list,
	.total_con_list > .future_job_info_list,
	.total_con_list > .career_quest_list,
	.total_con_list > .junior_experience_fav_list,
	.total_con_list > .junior_video_list {width:100%;}
	.total_con_list > .career_quest_list > ul > li {min-height:auto !important;}
	.total_con_list > .career_quest_list > ul > li .quest_txt {min-height:auto;}

	/* mypage_section */
	.mypage_section .career_counsel_list ul li .tit {font-size:15px;}
	.mypage_section .career_counsel_list .btn_area .btn_style {width:100%;}
	
}



/* 넓이가 359px 이하일 때*/
@media all and (max-width:359px){

	/* 나의 주니어커리어넷 - 나의 진로정보 - 주니어 직업정보 */
	.mypage_content .junior_job_info_list li,
	.mypage_content .future_job_info_list li,
	.mypage_content .junior_video_list li {width:100%;}

	/* career_counseling */
	.mypage_content .understanding .sect_right .course_info_con .course_con_wrap .con_list li .img_type {min-width:40px;max-width:40px;height:40px;}

	/* 주니어 검사 보기 예시 문구*/
	.cont_higher .test_wrap .test_con_right .item_desc_wrap .item_desc.on .info_txt{font-size: 12px;}

}


/*-------------------layout.css----------------------*/

/* 넓이가 1179px 이하일 때*/
@media all and (max-width:1179px){
	body {height:100%;overflow:hidden;overflow-y:auto;width: 100%;min-width: 100%;}
	/* hidden */
	#header #gnb,
	#header .s_search_box,
	#header .head_util .btn_login {display:none;}
	#header {position: absolute;height:74px !important;background: var(--color-blue-900) !important;}
	.main_body #header {background: transparent !important;}
	div:is(.bg-type01,.bg-type02,.bg-type03) #container,
	#container {margin-top:74px;padding-top: 24px;}

	.main_body #header h1 {text-indent:inherit;}


	/* inner */
	.inner {padding-left:30px;padding-right:30px;min-width: 100%;}

	/* s_search_box */
	.s_search_box.base_type {padding-right:76px;}
	.s_search_box.base_type input {font-size:var(--font-size-16);}
	.s_search_box.base_type button {width:100px;}
	.s_search_box.base_type button span {font-size:var(--font-size-18);padding-left:27px;}
	.s_search_box.base_type button span::before {width:27px;height:20px;margin-top:-10px;}

	/* header */
	#header h1 {left:30px;top:26px;font-size:var(--font-size-20);}
	div:is(.bg-type01,.bg-type02,.bg-type03) #header .head_util,
	#header .head_util {top:13px;right:22px;}
	#header .head_util button {width:48px;height:48px;line-height:48px;}
	#header .head_util button::before {font-size:var(--font-size-32);}
	#header .head_util button + button {margin-left:6px;}
	#header .head_util .user_info,
	#header .head_util .btn_search {display:none;}
	#header .search_box {top:74px;padding:20px 30px;}
	#header .search_box .search_box_wrap {width:100%;}
	#header .search_box .s_search_box {width:calc(100% - 60px);}

	/* allMenu */
	#allMenu {top:0;left:auto;right:0;width:100%;transform:none;}
	#allMenu.active {right:0;}
	#allMenu .close {top:15px;right:16px;}
	#allMenu .close button::before {font-size:24px;}
	#allMenu .allMenu_wrap {float:right;width:100%;padding:96px 0 40px;height:100%;display:block;overflow-x:hidden;border-radius:0;}
	#allMenu .allMenu_wrap::before {content:'';position:fixed;right:0;top:0;width:100%;height:74px;background-color:var(--color-blue-900);z-index:1;}
	#allMenu .allMenu_wrap .inner {padding-left:24px;padding-right:24px;max-height: calc(100vh - 96px);overflow: auto;}
	#allMenu .close {position:fixed;background:none;z-index:4;}
	#allMenu .allMenu_top {width:100%;padding-bottom:24px;display:flex;gap:24px;flex-direction:column;z-index:2;}
	#allMenu .logo {font-size:21px;position:fixed;top:24px;z-index:3;}
	#allMenu .s_search_box,
	#allMenu .util {display:block;}
	#allMenu .s_search_box {position:relative;width:100%;height:54px;padding-right:27px;}
	#allMenu .s_search_box button {position:absolute;right:0;top:0;width:54px;height:54px;border-radius:100%;background-color:var(--color-purple-100);}
	#allMenu .s_search_box button::before {left:0;top:0;width:100%;height:100%;line-height:54px;text-align:center;font-size:24px;font-weight:700;}
	#allMenu .s_search_box input {width:100%;color:#A0A0A0;font-weight:500;border-radius:54px 0 0 54px;background-color:var(--color-white);}
	#allMenu .s_search_box input::-webkit-input-placeholder {color:#A0A0A0;}
	#allMenu .util {width:100%;display:flex;gap:16px;flex-direction: row;justify-content: space-between;align-items: center;}
	#allMenu .util .user_info {display:block;width:100%;display:flex;align-items:center;gap:16px;}
	#allMenu .util .user_info span {font-size:18px;font-weight:bold;}
	#allMenu .util .user_info .user_img {display: none;width:56px;height:56px;border-radius:50%;overflow:hidden;background-color:#d9d9d9;}
	#allMenu .util a {display:block;width:calc(50% - 8px);height:47px;line-height:45px;text-align:center;color:var(--color-white);font-size:var(--font-size-18);font-weight:700;border:1px solid var(--color-white-alpha20);border-radius:var(--radius-xsmall);}
	#allMenu .util a.btn_logout {width: 124px;font-size: 15px;font-weight: 500;opacity: .8;}
	#allMenu .util .login_user {font-size: 20px;padding: 0 0 0 19px;color: #a4e3ff;}
	#allMenu .allMenu_body {margin-top:24px;}
	#allMenu .allMenu_body > ul {flex-direction:column;}
	#allMenu .allMenu_body > ul > li {width:100%;}
	#allMenu .allMenu_body > ul ul {margin-top:8px;}

	/* footer */
	#footer {padding:25px 0;}
	/* #footer .foot_top {min-height:140px;} */
	#footer .foot_top .foot_menu {display:none;}
	#footer .foot_top .foot_logo {top:0;font-size:var(--font-size-20);}
	#footer .foot_top .cs_center {font-size:var(--font-size-14);}
	#footer .foot_top .cs_center a {margin:6px 0 0;font-size:var(--font-size-24);}
	#footer .foot_top .foot_site,
	#footer .foot_top .foot_sns {position:absolute;vertical-align:top;margin-top:0;}
	#footer .foot_top .foot_sns ul {margin-top:12px;}
	#footer .foot_top .foot_site {width:auto;}
	#footer .foot_top .foot_site select,
	#footer .foot_top .foot_site button {font-size:14px;}
	#footer .foot_top .foot_site select {width:175px;padding:0 15px;background-position:right 13px center;background-size:auto 12px;}
	#footer .foot_top .foot_site button {width:65px;}
	#footer .foot_util {font-size:var(--font-size-14);order:1;}
	#footer .foot_util li {margin-right:12px;}
	#footer .foot_util li a {padding:2px 0;}
	#footer:not(.main_footer) .foot_btm {flex-wrap: wrap;gap: 20px;margin-top:20px;padding-top:25px;}

	.pc_w {display: none;}

}

/* 넓이가 1023px 이하일 때*/
@media all and (max-width:1023px){

}


/* 넓이가 767px 이하일 때*/
@media all and (max-width:767px){

	/* inner */
	.inner,
	#footer .foot_top .foot_sns {padding-left:24px;padding-right:24px;}


	/* s_search_box */
	.s_search_box input {padding:0 20px;}
	.s_search_box.base_type {padding-right:0;}
	.s_search_box.base_type input,
	.s_search_box.base_type input::-webkit-input-placeholder {font-weight:400;}
	.s_search_box.base_type input {width:calc(100% - 27px);}
	.s_search_box.base_type button {width:48px;border-radius:48px;}
	.s_search_box.base_type button span {text-indent:-9999em;}

	/* header */
	#header h1 {left:24px;}
	#header .head_util {right:19px;}
	#header .head_util button {width:36px;}
	#header .head_util button::before {font-size:var(--font-size-28);}
	#header .head_util button + button {margin-left:0;}
	#header .search_box {padding:15px 24px;width:100%;}
	#header .search_box .s_search_box {width:calc(100% - 56px);}
	#header .search_box .btn_search_close::before {font-size:var(--font-size-20);}

	/* footer */
	/* #footer {padding-bottom:108px;} */
	#footer .inner,
	#footer .foot_top {position:static;}
	#footer .foot_top .info {position: relative;top: 0;}
	#footer .foot_top {min-height:auto;padding-left:0;flex-direction: column;}
	#footer .foot_top .foot_logo,
	#footer .foot_top .cs_center,
	#footer .foot_top .foot_site {position:static;}
	#footer .foot_top .foot_logo {width:100%;margin-bottom:17px;}
	#footer .foot_top .foot_sns {right:0;bottom:15px;width:100%;padding-left:24px;padding-right:24px;margin-left:0;text-align:center;}
	#footer .foot_top .foot_sns ul {width:100%;}
	#footer .foot_top .foot_sns ul::after {content:'';clear:both;display:block;}
	#footer .foot_top .foot_sns li {float:none;display:inline-block;text-align:center;}
	#footer .foot_top .foot_site {width:100%;margin-top:20px;}
	#footer .foot_top .foot_site select {width:calc(100% - 65px);}
	#footer .foot_top .foot_site select,
	#footer .foot_top .foot_site button {height:45px;}
	#footer .foot_btm {border-top-width:0;padding-top:0;margin-top:var(--spacing24);}
	#footer:not(.main_footer) .foot_btm {align-items: flex-start;}



}


/* 넓이가 479px 이하일 때*/
@media all and (max-width:479px){

}



/* 넓이가 359px 이하일 때*/
@media all and (max-width:359px){

	/* allMenu */
	#allMenu .allMenu_wrap,
	#allMenu .allMenu_wrap::before {width:100%;}
	#allMenu .allMenu_wrap {padding-top:74px;padding-bottom:24px;}
	#allMenu .allMenu_wrap::before {/*height:186px;*/}
	#allMenu .close {right:14px;}
	#allMenu .allMenu_top {/* width:calc(100% - 48px); */}
	#allMenu .allMenu_top {gap:16px;width:100%;padding-bottom:16px;}
	#allMenu .s_search_box {height:48px;padding-right:24px;}
	#allMenu .s_search_box input {border-radius:48px 0 0 48px;}
	#allMenu .s_search_box button {width:48px;height:48px;}
	#allMenu .s_search_box button::before {line-height:48px;font-size:20px;font-weight:500;}
	#allMenu .util {/* gap:8px; */}
	#allMenu .util a {height:36px;line-height:34px;font-size:15px;font-weight:500;border-radius:var(--radius-xxsmall);}
	#allMenu .allMenu_body > ul > li > a,
	#allMenu .allMenu_body > ul > li a {font-size:var(--font-size-16);}
	#allMenu .allMenu_body > ul {gap:24px;}
	#allMenu .allMenu_body > ul > li li a {padding:10px 8px;}
	#allMenu .allMenu_body > ul > li li a::before {right:0;}
	#allMenu .allMenu_body > ul > li li + li {margin-top:4px;}

}


/*-------------------sub.css----------------------*/
@media all and (max-width:1179px){

	#header:after {display: none;}
	/* hidden */
	.con_tit {display:none;}

	/* jr_m */
	#header .jr_m {display:block;}
	.jr_m .btn_historyBack {position:absolute;left:19px;top:13px;width:48px;height:48px;line-height:48px;color:var(--color-orange-300);}
	.jr_m .btn_historyBack::before {content:'';position:absolute;left:50%;top:50%;margin:-16px 0 0 -18px;width:36px;height:32px;background:url(/cloud/jm/images/layout/icon_historyBack-da4d9d6ffca646b06bc869e50bac4ece.svg) center center no-repeat;background-size:auto 100%;}
	.jr_m h2 {width:100%;text-align:center;color:#fff;padding:0 38px;}
	.jr_m h2 > .tit,
	.jr_m h2 button {position:relative;width:auto;height:100%;padding-right:36px;font-size:var(--font-size-24);font-weight:700;color:var(--color-gray-300);height:74px;line-height:1.2;display:inline-flex;align-items:center;}
	.jr_m h2 button::before {content:'\ea4a';position:absolute;right:0;top:50%;width:30px;height:30px;line-height:30px;font-size:27px;text-align:center;margin-top:-15px;color:#fff;}
	.jr_m h2 button.active::before {transform:rotate(180deg);}
	.jr_m h2 > .tit {padding-right:0;}
	.jr_m h2 button.no_before{padding-right: 0;}
	.jr_m h2 button.no_before::before{display: none;}

	.sub_menu.open,
	.mypage_menu_list.open {bottom:-1px;opacity:1;}
	.sub_menu.open ul,
	.mypage_menu_list.open ul {display: block;}
	.sub_menu.open ul li::before {display: none;}
	.sub_menu.open ul li:not(.active) + li:not(.active) {border-left: none;}
	.sub_menu,
	.mypage_menu_list {position:fixed;left:0;bottom:-100%;opacity:0;width:100%;padding:27px 20px 25px;border-radius: 28px 28px 0 0;box-shadow:0 -2px 15px 0 rgba(0, 0, 0, 0.17);opacity:1;overflow:hidden;transition:all 0.4s;background-color:#fff;z-index:5;max-height:250px;overflow-y:auto;margin:0;}
	.sub_menu.open ul li,
	.mypage_menu_list.open ul li {width:100%;text-align:center;}
	.sub_menu ul li + li,
	.mypage_menu_list ul li + li {margin-top:12px;}
	.sub_menu ul li a,
	.mypage_menu_list ul li a {position:relative;display:block;font-size:19px;width:100%;color: #353639;line-height:1.4;height: 100%;}
	.sub_menu ul li.active a,
	.mypage_menu_list ul li a.active {color:var(--color-white);border-radius:var(--radius-extraLarge);background-color:var(--color-primery-800);padding: 0;line-height: var(--spacing48);}

	/* block */
	#header h1 {text-indent:-9999px;}
	#container {padding-top:0;}
	.main_body #container {margin-top:0;padding-top: 0;}
	#content,
	#con_head + #content {margin-top:0;}
	.bg-type01 #con_head::before,
	.bg-type02 #con_head::before,
	.bg-type03 #con_head::before {display: none;}

	/* content_area */
	.content_area:not(.type_wide) {padding-left:30px;padding-right:30px;margin-bottom:30px;}

	/* s_search_box */
	.s_search_box.type_con {width:295px;height:48px;}
	.s_search_box.type_con input {font-size:16px;padding:0 58px 0 13px;width:100%;}
	.s_search_box.type_con button.ri {width: 48px;}
	.s_search_box.type_con button {width:48px;height: 48px;border-radius: 0 100% 100% 0;margin-left: -48px;}
	.s_search_box.type_con button span {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;overflow:hidden;clip:rect(0, 0, 0, 0);}
	.s_search_box.type_con button::before {left:0;top:0;width:48px;line-height:48px;font-size:var(--font-size-24);}
	.s_search_box.type_con button.ri.reset {border-radius: 48px;right: -57px;}
	/* search_group */
	.search_group .s_search_box.type_con button.ri.reset {right: 0;width: 48px;}
	/*.search_group .s_search_box.type_con button.ri {width: 48px;}*/
	.counsel_list .search_group .s_search_box.type_con input {width:calc(100% - 55px);}
	/* btn_style */
	.btn_more {height:48px;line-height:48px;border-radius:24px;font-size:16px;}
	.btn_more.type2 {line-height:46px;}
	.btn_style {border-radius:var(--radius-xsmall);padding:0 30px;}
	.btn_style,
	.btn_style.type2.small,
	.btn_style.type3.small {border-width:2px;}
	.btn_style.eff_light::before,
	.btn_style.eff_light::after {width:24px;height:24px;}
	.btn_style.small {height:48px;line-height:45px;font-size:16px;}
	.btn_style.large {height:60px;line-height:56px;font-size:20px;padding: 0 20px;}
	.btn_style.type2.small,
	.btn_style.type3.small {line-height:38px;}
	.btn_style.icon_type.icon_left {padding-left:80px;}
	.btn_style.icon_type.icon_left span::before {left:24px;}
	.btn_style.icon_type.icon_right {padding-right:80px;}
	.btn_style.icon_type.icon_right span::before {right:24px;}
	.mypage_content .bot_btn_area .btn_style.type2{line-height: 14px;}

	/* ���հ˻� */
	.search_form {padding:20px;border-radius:var(--radius-xsmall);}
	.search_form .search_keyword {height:68px;padding:0;}
	.search_keyword .btn_keyword {top:20px;}
	.search_keyword .search_keyword_wrap {padding:16px 60px 16px 132px;}
	.search_keyword .search_keyword_wrap::before {border-radius:var(--radius-xsmall);}
	.search_keyword .label {line-height:44px;}
	.search_keyword_list,
	.search_keyword_list li a {height:44px;}
	.search_keyword .search_keyword_wrap,
	.search_result_tab ul li a {font-size:var(--font-size-16);}
	.search_result_tab {margin-top:20px;}
	.search_result_tab ul {gap:4px;flex-wrap:wrap;}
	.search_result_tab ul li {min-width:33.33%;}
	.search_result_tab ul li a {font-size:15px;height:72px;border-radius:4px;}
	.search_result_tab ul li a span {margin-top:4px;min-width:38px;height:24px;line-height:22px;font-size:12px;}
	.search_keyword_list .num,
	.search_result_tab ul li a span {font-size:12px;}
	.search_result_group {margin-top:30px;gap:50px;}
	.search_result_item h3 {font-size:20px;}
	.search_result_item h3 em {font-size:14px;}
	.search_result_tab {margin-top:30px;}
	.search_result_item .future_job_list li .tit {font-size:var(--font-size-18);}
	.search_result_item .future_job_list_area .future_job_list li .con {font-size:var(--font-size-15);}
	.search_result_item .junior_job_info_list li {width:calc(33.333% - 16px);margin-top:0;}
	.search_result_item .course_card_list li {width:25%;}
	.search_result_item .future_job_list li a,
	.search_result_item .career_quest_list li a::before {border-radius:var(--radius-xsmall);}

	.mypage_content .understanding .sect_left .course_list ul li:hover::before, .mypage_content .understanding .sect_left .course_list ul li:focus::before, .mypage_content .understanding .sect_left .course_list ul li.active::before{display: none;}

}
@media all and (max-width:1480px){
	.btn_style.small{font-size:16px;}
}
/* ���̰� 1024px ������ ��*/
@media all and (max-width:1024px){

	/* ���հ˻� */
	.search_result_item .future_job_list ul {gap:16px;}
	.search_result_item .junior_video_list ul {gap:28px 20px;}
	.search_result_item .junior_video_list li {width:calc(33.3% - 14px);}
	.search_result_item .future_job_list li {width:calc(50% - 8px);}
	.search_result_item .junior_job_info_list ul {gap:16px;}
	.search_result_item .junior_job_info_list li {width:calc(50% - 8px);}

}

/* ���̰� 768px ������ ��*/
@media all and (max-width:768px){

	/* ���հ˻� */
	.search_result_item .junior_video_list li {width:calc(50% - 10px);}
	.search_result_item .future_job_list li{width:100%;}

}

/* ���̰� 767px ������ ��*/
@media all and (max-width:767px){

	/* jr_m */
	.jr_m .btn_historyBack {left:13px;}
	.jr_m .btn_historyBack::before {width:28px;height:24px;margin:-12px 0 0 -14px;}
	.jr_m h2 button,
	.jr_m h2 > .tit {font-size:var(--font-size-18);}
	.jr_m h2 button::before {right:4px;font-size:var(--font-size-24);}
	.sub_menu ul li a,
	.mypage_menu_list ul li a {font-size:var(--font-size-18);}
	div:is(.bg-type01,.bg-type02,.bg-type03) #container,
	#container {padding-top:24px;}

	/* content_area */
	.content_area:not(.type_wide) {padding-left:24px;padding-right:24px;}

	/* s_search_box 
	.s_search_box.type_con {width:100%;}*/

	/* btn_style */
	.btn_more {width:100%;padding:0 20px;}
	.btn_style {width:100%;margin:4px 0;border-radius:var(--radius-xsmall);padding:0 20px;}
	.btn_style.large {font-size:18px;}
	.btn_style.eff_light::before,
	.btn_style.eff_light::after {width:18px;height:18px;}
	.btn_style.icon_type span {padding-right:27px;}
	.btn_style.icon_type span::before {width:18px;height:24px;}
	.btn_style.icon_type.icon_left {padding-left:60px;padding-right:30px;}
	.btn_style.icon_type.icon_left span::before {left:20px;}
	.btn_style.icon_type.icon_right {padding-right:60px;padding-left:30px;}
	.btn_style.icon_type.icon_right span::before {right:20px;}

	/* ���հ˻� */
	.search_form .search_keyword {width:100%;}
	.search_keyword .search_keyword_wrap {width:100%;padding:16px 62px 16px 126px;}
	.search_result_item .search_result_list {margin:20px 0 30px;}
	.search_result_item .course_card_list ul {width:calc(100% + 16px);margin:0 -8px 0 -8px;gap:16px 0;}
	.search_result_item .course_card_list li {width:33.333%;padding:0 8px;}
	.search_result_item .career_quest_list ul {gap:16px;}
	.search_result_item .career_quest_list li {padding:0;width:100%;}
	.search_result_group {margin-top:20px;gap:30px;}
	.search_result_item .career_quest_list li .quest_txt {padding:20px 15px 18px;}
	.search_result_item .career_quest_list li .quest_tit {padding:12px 15px;}
	.search_result_item .course_card_list li .card_box .con {gap:10px;}
	.search_result_item .career_quest_list li a::before {z-index:-1;}
	.search_result_item .course_card_list li .card_box .con span,
	.search_result_item .course_card_list li .card_box .con strong,
	.search_result_item .career_quest_list li .quest_txt span {font-size:16px;}
	.search_result_item .course_card_list li .card_box .con strong  {margin-top:24px;line-height:28px;}
	.search_result_item .career_quest_list li .quest_tit .tit {font-size:14px;height:30px;line-height:30px;border-radius:15px;}
	.search_result_item .career_quest_list li .quest_tit .tit {}

}

/* ���̰� 520px ������ ��*/
@media all and (max-width:520px){

	/* ���հ˻� */
	.search_result_item .junior_job_info_list li {width:100%;}
	.search_result_item .course_card_list li {width:50%;}
	.search_result_item .course_card_list li .card_box strong {margin-top:24px;}

	.junior_job_info_area .junior_job_info_top .s_search_box{left: 50%; margin-left: -166px;}

}
/* ���̰� 479px ������ ��*/
@media all and (max-width:479px){

	/* btn_style */
	.btn_style.small {font-size:15px;}
	.modal_btn .btn_style {padding: 0 !important;text-align: center;}

	/* ���հ˻� */
	.search_form .search_keyword {height:84px;}
	.search_keyword .search_keyword_wrap {width:100%;padding:48px 16px 12px;}
	.search_keyword .label {left:12px;top:10px;line-height:36px;}
	.search_keyword .btn_keyword {top:10px;right:12px;}
	.search_keyword_list {height:36px;}
	.search_keyword_list li a {font-size:15px;height:36px;gap:8px;}
	.search_keyword_list .num {font-size:12px;width:28px;height:24px;line-height:22px;}
	.search_result_item .search_result_list {margin-bottom:20px;}

	.junior_job_info_area .junior_job_info_top .s_search_box{margin-left: -142px;}
	.s_search_box.type_con input{width: 230px}
	.s_search_box.type_con button.ri.reset{right: 12px;}

}

/* ���̰� 460px ������ ��*/
@media all and (max-width:460px){

	/* ���հ˻� */
	.search_result_item .junior_video_list li {width:100%;}

}

/* ���̰� 359px ������ ��*/
@media all and (max-width:359px){

	.search_result_item .course_card_list li {width:100%;}

}


/* main */
@media all and (max-width:1179px){

	/* main_content */
	.main_body .main_content {aspect-ratio: 1920 / 1200;}
	.main_body .main_content::before {padding-top:calc(1200 / 1920 * 100%);}
	.main_body .main_visual_bg .swiper-slide {background-position:right 45% bottom;}
	.main_body .main_visual_con .inner {padding:0 122px;align-items: center;top: auto;}
	.main_body .main_visual_con .main_content_wrap {width:370px;margin-top:30px;}
	.main_body .main_visual_con h2 em {font-size:30px;}
	.main_body .main_visual_con .main_list {font-size:18px;}
	.main_body .main_visual_con .swiper-btn.prev-btn,
	.main_body .main_visual_con .swiper-btn.swiper-button-prev {left:-92px;}
	.main_body .main_visual_con .swiper-btn.next-btn,
	.main_body .main_visual_con .swiper-btn.swiper-button-next {left:390px;}

	/* main_footer */
	.main_body #footer.main_footer .foot_btm {padding-top:87px;}
	.main_body #footer.main_footer .foot_btm .info {padding-top:0;font-size: 14px;}
	.main_body #footer.main_footer .foot_btm .foot_util {display: flex;flex-wrap: wrap;}
	.main_body #footer.main_footer .foot_top {padding:32px 0 24px;min-height:auto;}
	.main_body #footer.main_footer .foot_top .search_box_wrap {width:100%;}
	.main_body .foot_top .keyword_list {margin-top:20px;}
	/* .main_body .foot_top .keyword_list::before {content:'';position:absolute;left:0;width:24px;height:32px;background-color:#3B3F42;z-index:9;} */
	.main_body .foot_top .keyword_list a:first-child {margin-left:0;}

}

/* ���̰� 767px �ʰ� �� ��*/
@media all and (min-width:767px){

	.main_body .swiper-autoheight .swiper-slide,
	.main_body .main_visual_con .swiper-wrapper {height:100% !important;}

}

/* ���̰� 767px ������ ��*/
@media all and (max-width:767px){

	/* main_content */
	.main_body .main_content {aspect-ratio:auto;padding-top:136.667%;}
	.main_body .main_content::before {display:none;}
	.main_body .main_content .main_visual_bg {position:absolute;height:100%;z-index:1}
	.main_body .main_visual_bg .main_card {background-image: url(/cloud/jm/images/renew/bg_main01-02907873cdf3329f0821b6ac64aced6e.svg);}
	.main_body .main_visual_bg .main_info {background-image: url(/cloud/jm/images/renew/bg_main02-94bb45d796d0b7382de5b3fcbc9905e2.svg);}
	.main_body .main_visual_bg .main_solution {background-image: url(/cloud/jm/images/renew/bg_main03-b45fb6d7e1cf23c06ba8236a36b31580.svg);}
	.main_body .main_visual_bg .swiper-slide {background-position:center bottom;background-size: 100%;}
	.main_body .main_visual_bg .swiper-slide h2 {display:block;width:100%;font-family:'AsiaNGL4R';color:#fff;font-size:27px;text-align:left;margin-top:135px;text-indent: 44px;}
	.main_body .main_visual_bg .swiper-slide h2 span {font-size: 18px;}
	.main_body .main_visual_con {position: absolute;top: 185px;width: 100%;background-color:transparent;height:auto;z-index:2;}
	.main_body .main_visual_con .inner {padding:0 44px;height:auto;}
	.main_body .main_visual_con,
	.main_body .main_visual_con .swiper-container,
	.main_body .main_visual_con .swiper-wrapper {height:auto;}
	.main_body .main_visual_con .main_content_wrap {width:100%;margin-top:0;}
	.main_body .main_visual_con h2 {display:none;}
	.main_body .main_visual_con .main_list {margin-top:0;}
	.main_body .main_visual_con .main_list ul {gap:8px;height: auto;align-items: center;}
	.main_body .main_visual_con .main_list a {height: 52px;font-size: 15px;font-weight: 500;line-height: 20px;background: #1CA9E1;border-radius: 8px;}
	.main_body .main_visual_con .swiper-slide .swiper-btn {display:none;}
	.main_body .main_visual_con .swiper-ctrl {display:block;position:absolute;left:0;top:50%;margin-top: -16px;width:100%;text-align:center;}
	.main_body .main_visual_con .swiper-ctrl .swiper-btn {display:inline-block;position:absolute;left:auto;right:auto;top:0;margin-top:0;width: 32px;height: 32px;background-size: 80%;background-color: rgb(255 255 255 / 0%);}
	.main_body .main_visual_con .swiper-ctrl .swiper-btn::after {display:none;}
	.main_body .main_visual_con .swiper-ctrl .swiper-btn + .swiper-btn {margin-left:24px;}
	.main_body .main_visual_con .swiper-ctrl .swiper-btn.swiper-button-prev {left: 5px;background-image: url(/cloud/jm/images/main/icon_prev_mobile-8cf761a8cbf342bef3380a24906e6717.svg);}
	.main_body .main_visual_con .swiper-ctrl .swiper-btn.swiper-button-next {right: 5px;background-image: url(/cloud/jm/images/main/icon_next_mobile-9b321eaa6a8550f954e750b0c4aa72e5.svg);}

	/* main_footer */
	.main_body #footer.main_footer .foot_btm {flex-wrap: wrap;gap: 10px 20px;flex-direction: column;padding-top:25px;padding-bottom:25px;}
	.main_body .main_footer .foot_logo {position:static;left:auto;top:auto;margin-bottom:17px;}
	.main_body .foot_top .keyword_list .swiper-wrapper {gap: 12px;}
  
}

/* ���̰� 480px ������ ��*/
@media all and (max-width:480px){

	/* main_content */
	.main_body .main_visual_bg .swiper-slide {background-position:center bottom;}
	.main_body .main_visual_bg .swiper-slide h2 {font-size:24px;}
 
}

/*-------------------신산업 진로체험----------------------*/
#container .junior_experience_detail_wrap .junior_experience_view .exp_frame{width: 100%;max-width: 100%;box-sizing: border-box;margin: 0;padding: 0;font-size: 0;line-height: 0;}
#container .junior_experience_detail_wrap .junior_experience_view .exp_frame .exp_iframe{width: 100%;border: 0;aspect-ratio: 16 / 9;height: auto;}
#container #content .content_area{box-sizing: border-box;}
#container #content .content_area .junior_experience_view{box-sizing: border-box;}
.mypage_section .total_con_list .junior_experience_fav_list ul{ margin:0; padding:0; }
.mypage_section .total_con_list .junior_experience_fav_list li{ list-style:none; }
.mypage_section .total_con_list .junior_experience_fav_list .img_gray img{width:100%;height:auto;display:block;border-radius:var(--radius-xxsmall);}
.career_info_tab p a:empty {pointer-events: none;cursor: default;}