@charset "UTF-8";

@media screen and (max-width:1700px){
	/* 영상시청 페이지 */
	.video_view .left {width:calc(100% - 400px)}
	.video_view .right {width:398px}
	.video_view .page_tit {margin-bottom:10px}
	.video_view .sub_tit2 {font-size:28px}
	.video_view .video_obj .video_head {margin-bottom:25px;padding:25px 22px 15px 22px}
	.video_view .video_obj .video_head .typo {width:calc(100% - 385px)}
	.video_view .video_obj .video_head .btn_list {width:370px}
	.video_view .video_obj .video_frame {width:calc(100% - 44px);margin:0 22px}
	.video_view .video_list .list_top {padding:0 20px 15px 20px}
	.video_view .video_list .status {margin-top:15px}
	.video_view .video_list .btn_list {margin:15px 20px}
	.video_view .board_list {max-height:calc(100% - 178px)}
	.video_view .board_list .list_box .btn {padding:20px}
	.video_view .board_list .list_box .btn::after {right:15px}
	.video_view .board_list .list_box .obj_box .link {padding:17px 20px}
	.video_view .board_list .list_box .st_mark {left:15px}
}

@media screen and (max-width:1500px){
	.page_top_visual,  
	.inner_top_visual {transform:translateX(-1.5%)}
	.page_top_visual .inner, 
	.inner_top_visual .top_visual_inner {margin:0 1.5%}

	/* 라벨링 및 목차*/
	.labeling .label_box .list_txt_group {left:0;transform:translateX(0)}
	.labeling .label_box .list_txt_group::before {left:8.5dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(5n) .list_txt_group::before {left:auto;right:8.5dvw;transform:translateX(50%)}

	/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
	.about_business .cont_top_quick .bg {transform:translateX(-1.5%)}
}

@media screen and (max-width:1400px){
	/* 서브 공통 */
	.sub_cont {}
	.bd_box {padding:25px 30px}
	.page_top_visual {margin-bottom:65px}
	.inner_top_visual {margin-bottom:42px}
	
	/* 회원가입 연령대 선택 */
	.join_type .type_box .page_tit {height:68px}
	.join_type .type_box .icon_box .img_icon {width:70px}

	/* 마이페이지 > 나의 강의실 > 대면교육 */
	.my_list_row .bundle {margin-bottom:32px;padding:22px}
	.my_list_row .status_info {column-gap:20px}
	.my_list_row .status_info .tag_label .text {font-size:14px}
	.my_list_row .status_info .status .text {font-size:1.05em}
	.my_list_row .status_info .typo {width:calc(100% - 330px)}
	.my_list_row .status_info .typo .place {font-size:1.05em}
	.my_list_row .status_info .typo .subject {font-size:21px}
	.my_list_row .status_info .typo .list_txt_group {column-gap:40px}
	.my_list_row .status_info .typo .list_txt_group .dl {column-gap:15px}
	.my_list_row .status_info .typo .list_txt_group .dl::after {right:-20px}
	.my_list_row .status_info .btn_custom {width:100%;max-width:150px;min-width:inherit}
	.my_list_row .status_detail {margin-top:30px;padding-top:34px}
	.offline_my_list .my_list_row .status_bar .bar_box .line {margin-bottom:22px}

	/* 마이페이지 > 나의 강의실 > 대면교육 > 설문조사, 만족도 조사 */
	.mypage_survey1 .survey_quick {gap:18px}
	.mypage_survey1 .quick_box {width:calc(50% - 9px);padding:16px 18px 18px 18px}

	/* 온라인 교육 */
	.online_view::before {height:180px}
	.online_view .course_box {width:380px}
	.online_view .course_box .box_typo {padding:23px 25px 20px 25px}
	.online_view .course_box .list_txt_box .dl {margin-bottom:6px;font-size:1em}
	.online_view .detail_view {width:calc(100% - 380px);margin-top:40px}
	.online_view .detail_view .view_typo {min-height:106px;margin:0 0 30px 35px}
	.online_view .detail_view .view_typo .subject {font-size:26px}
	.online_view .view_cont {margin:30px 0 0 30px}
	
	/* 진도율 상태 박스 */
	.rate_info_box .rate_chart {padding:0 40px 0 32px}
	.rate_info_box .bottom_box {padding:30px 32px 24px 32px}

	/* 마이페이지 > 나의 강의실 > 온라인 교육 */
	.online_my_list .bundle {column-gap:24px;padding:28px 24px}
	.online_my_list .bundle .left {column-gap:24px;width:calc(100% - 305px)}
	.online_my_list .bundle .right {width:284px}
	.online_my_list .bundle .status {width:126px}
	.online_my_list .bundle .typo {width:calc(100% - 158px)}
	.online_my_list .bundle .typo .cate {font-size:1.05em}
	.online_my_list .bundle .typo .subject {font-size:22px}
	.online_my_list .bundle .typo .list_txt_group .dl {column-gap:12px;margin-right:9px;padding-right:13px}
	.online_my_list .bundle .btn_list .btn_custom {min-width:140px}

	/* 영상시청 페이지 */
	.video_view .left {width:calc(100% - 360px)}
	.video_view .right {width:358px}
	.video_view .sub_tit2{font-size:1.7em}
	.video_view .video_obj .video_head {padding-top:20px}
	.video_view .video_obj .video_head .typo {width:calc(100% - 265px)}
	.video_view .video_obj .video_head .btn_list {display:inline-flex;flex-wrap:wrap;gap:6px;width:250px}
	.video_view .video_obj .video_head .btn_list .btn_custom {width:calc(50% - 3px)}
	.video_view .video_obj .video_head .btn_list .btn_custom.list {width:100%}
	.video_view .video_list {padding:20px 0}
	.video_view .video_list .list_top {padding:0 15px 12px 15px}
	.video_view .video_list .status .st_box .st_mark {margin-right:0}
	.video_view .video_list .status {column-gap:5px}
	.video_view .video_list .status .st_box .text {font-size:14px}
	.video_view .video_list .btn_list {margin:12px 15px}
	.video_view .board_list {max-height:calc(100% - 170px)}
	.video_view .board_list .list_box .btn {padding:18px 14px}
	.video_view .board_list .list_box .obj_box .grid {margin-left:30px}
	.video_view .board_list .list_box .obj_box .link {padding:17px 15px}
	.video_view .board_list .list_box .st_mark {width:24px;height:24px;left:13px}
	.video_view .board_list .list_box .st_mark::after {font-size:14px}
	.video_view .board_list .list_box .st_mark.s1::after {font-size:19px}

	/* 학습자료실 */
	.dataroom .gallery_list.blog .list_box .link {width:calc(100% - 180px);padding-right:25px}
	.dataroom .gallery_list.blog .list_box .btn_list {width:180px;padding-left:25px}

	/* 마이페이지 > 배정된 교육 관리 */
	#scheduler .calender_obj .calender {margin-right:50px}

	/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
	.about_target {margin-bottom:75px}
	.about_target .inner_top_visual .top_visual_inner.bg1::after {width:293px;height:276px}
	.about_target .inner_top_visual .top_visual_inner.bg2::after {width:416px;height:197px}
	.about_target .inner_top_visual .top_visual_inner.bg3::after {width:366px;height:213px}
	.about_target .inner_top_visual .top_visual_inner.bg4::after {width:351px;height:207px}
	.about_target .inner_top_visual .top_visual_inner.bg5::after {width:326px;height:201px}
	
	/* 마이페이지 설문조사 등 새 창 팝업들 */
	.pop_body_head .logo_text {margin-right:12px;font-size:25px}
	.pop_body_head .logo {width:158px;height:22px}
}

@media screen and (max-width:1280px){
	/* 서브 공통 */
	.sub_cont {padding:28px 0 50px 0}
	.sub_cont .sub_tit {margin-bottom:20px}
	.sub_tit  {font-size:32px}
	.sub_tit2 {margin-bottom:26px;font-size:28px}
	.page_tit {margin-bottom:15px;font-size:21px}
	.page_tit_box {margin-bottom:15px}
	.cont_tit_box  {margin-bottom:30px}
	.cont_tit_box .sub_tit2 {margin-bottom:25px}
	.cont_tit_box .cont_tit {margin-bottom:5px}
	.page_gap {margin-bottom:30px}
	.page_gap.dash {padding-bottom:30px}
	.scroll_box {height:180px;padding:12px}
	.page_top_visual {margin-bottom:45px;padding:45px 0}
	.page_top_visual .sub_tit2 {font-size:26px}
	.page_top_visual .list_txt_group .list_txt {font-size:18px}
	.page_top_visual .list_txt_group .num {width:23px;height:23px;font-size:14px}
	.page_top_visual .list_txt_group .text {width:calc(100% - 33px)}
	.inner_top_visual {margin-bottom:35px}
	.inner_top_visual .top_visual_inner {padding:35px 0}
	.inner_top_visual .sub_tit2 {font-size:26px}

	/* 약관 */
	.policy .btn_toggle {padding:15px}
	.policy .btn_toggle::after {width:52px;font-size:1.4em}
	.policy .label_tit {width:calc(100% - 50px)}
	.policy .label_tit .icon {font-size:1em;vertical-align:baseline;transform:translateY(1px)}
	.policy .policy_list {margin-top:30px}

	/* 라벨링 및 목차*/
	.labeling .toggle {padding:15px}
	.labeling .inner {gap:15px}
	.labeling .label_box {width:calc(100% / 6 - 13px)}
	.labeling .label_box .img img {width:68px}
	.labeling .label_box .list_txt_group {padding:15px 18px;top:calc(50% + 90px)}
	
	/* 로그인 */
	.login_page .inner_wrap {column-gap:30px}
	.login_page .btn_custom {min-height:50px;font-size:1em}
	.login_page .login_form, 
	.login_page .signup {padding:30px 40px}
	.login_page .login_form .inp input {padding-top:15px;padding-bottom:15px}
	.login_page .signup_inner {height:calc(100% - 112px)}

	/* 회원가입 */
	.join_step {margin-bottom:40px}
	.join_step .step_box {line-height:60px}
	.join_step .step_box .text {padding-left:40px;font-size:1.1em;background-size:32px}
	.agree_box .agree_txt {font-size:1.05em}
	.agree_box .inp_obj {margin-right:18px}
	.agree_box.all {padding:21px 18px}

	/* 회원가입 연령대 선택 */
	.join_type {gap:30px}
	.join_type .type_box .page_tit {height:58px}
	.join_type .type_box .icon_box {margin-bottom:12px}
	.join_type .type_box .icon_box .img_icon {width:58px}

	/* 예방교육과정 > 대면교육 */
	.offline_list .inner_tab_list .list_inner {column-gap:4px}
	.offline_list .inner_tab_list .tab_box {min-width:100px}
	.offline_list .inner_tab_list .tab_box .tab {padding:0 5px}
	.offline_list .fiiter_bd_box {padding-bottom:0}
	.offline_list .course_filter_col .page_tit {font-size:18px}
	.offline_list .course_filter_col .slt_bundle {margin-bottom:18px}
	.offline_list .course_filter_col .map_inner {width:470px}
	.offline_list .course_filter_col .map_inner .count_list {width:calc(100% - 130px)}
	.offline_list .course_filter_col .map_inner .count_box .text {width:75px;height:75px;padding-top:14px;font-size:16px}
	.offline_list .course_filter_col .map_inner .count_box .num {font-size:19px}
	.offline_list .course_filter_col .map_search {width:calc(calc(100% - 510px))}
	.offline_list .course_filter_col .map_search .btn_list {margin-top:24px}
	.offline_list .card_list {gap:30px 15px;grid-template-columns:calc(100% / 3 - 10px) calc(100% / 3 - 10px) calc(100% / 3 - 10px)}
	.offline_list .card_list .card_box .link {padding:22px 22px 18px 22px}
	.offline_list .card_list .card_box .tag {padding:8px 16px}
	.offline_list .card_list .card_box .subject {font-size:19px}

	/* 마이페이지 > 나의 강의실 > 대면교육 */
	.my_list_row .status_info {column-gap:15px}
	.my_list_row .status_info .status {width:126px;height:100px}
	.my_list_row .status_info .typo {width:calc(100% - 300px)}
	.my_list_row .status_info .typo .subject {font-size:20px}
	.my_list_row .status_info .typo .list_txt_group {column-gap:30px}
	.my_list_row .status_info .typo .list_txt_group .dl {column-gap:10px}
	.my_list_row .status_info .typo .list_txt_group .dl::after {right:-15px}
	.offline_my_list .status_bar .bar_box .progress {left:67px}
	.offline_my_list .status_bar .bar_box:first-child .progress {width:158%}

	/* 온라인 교육 */
	.online_view::before {height:162px}
	.online_view .course_box {width:320px;top:200px}
	.online_view .course_box .thum_img {border-radius:16px 16px 0 0}
	.online_view .course_box .box_typo {padding:18px 20px;border-radius:0 0 16px 16px}
	.online_view .course_box .list_txt_box .dt {width:62px;margin-right:10px}
	.online_view .course_box .list_txt_box .dt::after {height:15px;top:4px}
	.online_view .course_box .list_txt_box .dd {width:calc(100% - 72px)}
	.online_view .course_box .btn_list {gap:6px;margin-top:20px}
	.online_view .course_box .btn_list .btn_custom {width:calc(50% - 3px)}
	.online_view .detail_view {width:calc(100% - 320px)}
	.online_view .detail_view .view_typo {min-height:99px;margin:0 0 15px 25px}
	.online_view .detail_view .view_typo .subject {font-size:24px}
	.online_view .view_tab .tab {min-width:160px;padding:16px 10px 16px 10px}
	.online_view .view_cont {margin:20px 0 0 25px}

	/* 진도율 상태 박스 */
	.rate_info_box .top_box {height:170px;padding:20px 0}
	.rate_info_box .rate_chart {width:415px}
	.rate_info_box .rate_count {width:calc(100% - 415px)}
	.rate_info_box .rate_count .count {font-size:28px}
	.rate_info_box .bottom_box {padding:22px 30px 22px 30px}

	/* 마이페이지 > 나의 강의실 > 온라인 교육 */
	.online_my_list .bundle {column-gap:20px;padding:24px 20px}
	.online_my_list .bundle .left {column-gap:18px;width:calc(100% - 282px)}
	.online_my_list .bundle .right {width:264px}
	.online_my_list .bundle .typo {width:calc(100% - 134px)}
	.online_my_list .bundle .status {width:116px}
	.online_my_list .bundle .typo .subject {font-size:20px}
	.online_my_list .bundle .btn_list .btn_custom {min-width:130px}

	/* 영상시청 페이지 */
	.video_view .left {width:100%}
	.video_view .page_tit {font-size:1.3em}
	.video_view .video_obj .video_head {margin-bottom:20px;padding:20px 55px 15px 18px}
	.video_view .video_obj .video_head .typo {width:calc(100% - 10px)}
	.video_view .video_obj .video_head .btn_list {display:flex;width:100%;padding:15px 18px;background-color:#fff;box-shadow:0 -10px 10px rgba(0,0,0,0.15);position:fixed;left:0;bottom:0;z-index:2}
	.video_view .video_obj .video_head .btn_list .btn_custom {width:auto;flex:1}
	.video_view .video_obj .video_head .btn_list .btn_custom.list {width:auto}
	.video_view .video_obj .video_frame {height:calc(100dvh - 230px)}
	.video_view .btn_mobile_menu {width:55px;padding-right:15px;text-align:right;font-size:35px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
	.video_view .btn_mobile_menu .icon {}
	.video_view .video_list {padding-top:0;background-color:#fff;position:fixed;right:-450px;z-index:10;transition:right 0.4s}
	.video_view .video_list.menu_open {box-shadow:0 0 13px rgba(0,0,0,0.2);right:0}
	.video_view .video_list .btn_menu_close {width:50px;height:50px;font-size:24px;border-left:1px solid #e1e1e1}
	.video_view .video_list .list_top {padding-top:15px;border-top:1px solid #e1e1e1}

	/* 학습자료실 */
	.dataroom .gallery_list.blog .list_box .link {width:calc(100% - 160px);padding-right:20px}
	.dataroom .gallery_list.blog .list_box .btn_list {width:160px;padding-left:20px}

	/* 마이페이지 > 배정된 교육 관리 */
	.assign_report .search_filter {column-gap:30px}
	.assign_report .search_filter .cont_tit {font-size:16px}
	.assign_report .search_filter .inp_obj .inp_li:nth-child(1) {width:70%}
	.assign_report .search_filter .inp_obj .inp_li:nth-child(2) {width:30%}
	
	#scheduler .month_ctrl {padding:20px 0}
	#scheduler .month_ctrl .arrow {width:45px;height:45px;font-size:23px}
	#scheduler .month_ctrl .slt_obj {column-gap:15px;padding:0 32px}
	#scheduler .month_ctrl .slt_obj select {font-size:28px}
	#scheduler .grid_col {grid-template-columns:calc(100% - 390px) 390px}
	#scheduler .grid_col .tit_box {height:54px}
	#scheduler .grid_col .tit_box .cont_tit {font-size:18px}
	#scheduler .grid_col .tit_box .cont_tit .icon {width:22px}
	#scheduler .calender {}
	#scheduler .calender table thead {height:42px}
	#scheduler .calender table th {font-size:17px} 
	#scheduler .calender table td {height:89px;font-size:17px}
	#scheduler .calender table .day {min-height:42px}
	#scheduler .calender table .count {padding:2px 10px;font-size:13px}
	#scheduler .calender table .selected::after {width:5px;height:5px}
	#scheduler .calender table .selected::before, 
	#scheduler .calender table .today::before {width:82px;height:82px}
	#scheduler .calender_obj .calender {height:520px;margin-right:30px}
	#scheduler .schedul_list .inner_board_list {height:520px}
	#scheduler .schedul_list .inner_board_list .subject {height:48px;font-size:17px}
	
	/* 콘텐츠 : 예방사업 소개 > 교육 유형별 */
	.about_business .page_top_visual .inner::after {width:470px;height:207px;bottom:-45px}
	.about_business .type_img_box .type_img {height:270px}
	.about_business .type_img_box .type_img.img1 {background-size:470px;background-position:center top 37px}
	.about_business .type_img_box .type_img.img2 {background-size:490px;background-position:center top 30px}
	.about_business .type_img_box .type_text {padding:20px 15px}
	.about_business .type_img_box .text {font-size:1.05em}
	.about_business .type_icon_box .icon_bundle {column-gap:15px;padding:20px 28px}
	.about_business .type_icon_box .cont_tit {font-size:18px}
	.about_business .type_icon_box .type_text {width:calc(100% - 95px)}
	.about_business .type_icon_box .type_text.flex .cont_tit {width:125px}
	.about_business .type_icon_box .type_text .left {display:block}
	.about_business .type_icon_box .type_text .right {display:block;margin:10px 0 0 0;padding:15px 0 0 0;border-left:0;border-top:1px dashed var(--colorBorderGray)}
	.about_business .type_icon_box .sns_list {column-gap:6px;width:calc(100% - 125px)}
	.about_business .type_icon_box .sns_list .btn {padding-bottom:12px}
	.about_business .type_icon_box .sns_list .btn .qr_img {margin-bottom:12px}
	.about_business .type_icon_box .sns_list .btn .text {font-size:16px}

	/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
	.about_business .cont_top_quick {height:570px;margin-bottom:75px}
	.about_business .cont_top_quick .quick_btn {max-width:837px}
	.about_business .cont_top_quick .quick_btn .btn {width:100px;height:100px;font-size:19px}
	.about_business .cont_top_quick .quick_btn .btn.b2 {left:38px;bottom:242px}
	.about_business .cont_top_quick .quick_btn .btn.b3 {left:137px;top:112px}
	.about_business .cont_top_quick .quick_btn .btn.b4 {left:calc(50% - 136px)}
	.about_business .cont_top_quick .quick_btn .btn.b5 {right:calc(50% - 136px)}
	.about_business .cont_top_quick .quick_btn .btn.b6 {right:137px;top:112px}
	.about_business .cont_top_quick .quick_btn .btn.b7 {right:38px;bottom:242px}
	.about_business .target_icon_box {gap:6px}
	.about_business .target_icon_box .icon_bundle {column-gap:0}
	.about_business .target_icon_box .icon_bundle .text {width:calc(100% - 60px);font-size:17px}
	.about_business .icon_step_obj .step {width:158px;margin-right:10px;padding-right:30px}
	.about_business .icon_step_obj .step::after {font-size:22px}
	.about_business .icon_step_obj .step .icon_box {width:110px;height:110px}
	.about_business .color_card_box {gap:16px}
	.about_business .color_card_box .card_box {padding:30px 32px}
	.about_business .color_card_box .card_box.b1 {background-size:70px;background-position:right 25px center}
	.about_business .color_card_box .card_box.b2 {background-size:80px;background-position:right 26px center}
	.about_business .color_card_box .card_box.b3 {background-size:85px;background-position:right 22px center}
	.about_business .color_card_box .card_box.b4 {background-size:83px;background-position:right 25px center}
	.about_target {margin-bottom:60px}

	/* 콘텐츠 : 찾아오시는 길 */
	.about_way .page_txt {font-size:1.3em}
	.about_way .way_grid {margin-top:30px}
	.about_way .way_list {max-height:650px}
	.about_way .way_list .bundle {column-gap:22px;margin-bottom:12px;padding:22px 24px}
	.about_way .way_list .bundle .typo {width:calc(100% - 82px)}
	.about_way .way_list .bundle .cont_tit {font-size:18px}
	.about_way .way_list .bundle .cont_tit .tel {margin-left:7px;padding-left:12px;font-size:16px}
	.about_way .way_list .bundle .text {font-size:16px}
	
	/* 마이페이지 설문조사 등 새 창 팝업들 */
	.pop_body_head .logo_text {margin-right:10px;font-size:23px}
	.pop_body_head .logo {width:151px;height:21px}
}

@media screen and (max-width:1080px){
	/* 서브 공통 */
	.sub_cont {padding:25px 0 40px 0}
	.sub_tit  {font-size:28px}
	.sub_tit2 {font-size:26px}
	.page_tit {margin-bottom:12px;font-size:20px}
	.page_tit.quest_point {padding-left:12px;border-left-width:5px}
	.page_tit_box {margin-bottom:12px}
	.cont_tit {font-size:17px}
	.cont_tit_box .sub_tit2 {margin-bottom:22px}
	.cont_tit_box .cont_tit {margin-bottom:3px}
	.bd_box {padding:20px 25px}
	.bd_box.sm {padding:12px}
	.page_top_visual {padding:40px 0;transform:translateX(-3%)}
	.page_top_visual .inner {margin:0 3%}
	.page_top_visual .sub_tit2 {font-size:23px}
	.page_top_visual .list_txt_group .list_txt {font-size:17px}
	.inner_top_visual {transform:translateX(-3%)}
	.inner_top_visual .top_visual_inner {margin:0 3%;padding:30px 0}
	.inner_top_visual .sub_tit2 {font-size:23px}
	.inner_top_visual .sub_tit2 .s_txt {display:block;margin:5px 0 0 0}
	.inner_top_visual .text {font-size:1.05em;text-shadow:1px 1px var(--colorBgGray), 1px 0 var(--colorBgGray), -1px 0 var(--colorBgGray), 0 -1px var(--colorBgGray)}
	
	/* 약관 */
	.policy .label_tit {font-size:1.1em}
	.policy .btn_toggle::after {font-size:1.2em}
	.policy .policy_list .list_tit {font-size:1.15em}
	.policy .policy_list .list_tit .label_img {width:34px}
	.policy .policy_list .cont_tit {font-size:1.1em}
	.policy .policy_list .pl_list_txt.ic .num {width:19px;height:19px;font-size:11px;line-height:21px}
	.policy .policy_list .pl_list_txt.ic > .text {width:calc(100% - 26px)}
	.policy .policy_list .table th, 
	.policy .policy_list .table td {padding:7px;line-height:1.45}
	.policy .policy_inner .page_gap {margin-bottom:30px;padding-bottom:30px}
	.policy .policy_inner .page_gap .policy_list {margin-top:20px}

	/* 라벨링 및 목차*/
	.labeling .toggle {padding:10px 12px 12px 12px}
	.labeling .inner {gap:12px;margin-top:8px}
	.labeling .label_box {width:calc(100% / 3 - 8px)}
	.labeling .label_box .hover {padding:15px 10px}
	.labeling .label_box .img {margin-bottom:10px}
	.labeling .label_box .img img {width:60px}
	.labeling .label_box .list_txt_group {width:calc(100% + 180px);padding:12px 15px;top:calc(50% + 75px)}
	.labeling .label_box .list_txt_group::before {left:11dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(5n) .list_txt_group::before {left:11dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(4n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(4n) .list_txt_group::before {left:auto;right:11dvw;transform:translateX(50%)}
	
	/* 로그인 */
	.login_page .inner_wrap {display:block}
	.login_page .bundle {margin-bottom:25px}
	.login_page .bundle:last-child {margin-bottom:0}
	.login_page .signup_inner {height:auto;margin-bottom:20px}

	/* 회원가입 */
	.join_step {margin-bottom:30px}
	.join_step .step_box {line-height:54px}
	.join_step .step_box .text {padding-left:34px;font-size:1.05em;background-size:27px}
	.agree_box.all {padding:18px}
	.agree_box .agree_txt .s_txt {display:block;margin:5px 0 0 0}
	.pw_check_pop {transform:translate(-50%, 0)}

	/* 회원가입 연령대 선택 */
	.join_type {gap:20px}
	.join_type .type_box .page_tit {height:54px;font-size:18px}
	.join_type .type_box .icon_box .img_icon {width:46px}

	/* 예방교육과정 > 대면교육 */
	.offline_list .inner_tab_list .tab_box {min-width:70px}
	.offline_list .course_filter_col {gap:0}
	.offline_list .course_filter_col .map_inner {width:400px}
	.offline_list .course_filter_col .map_inner .count_list {width:calc(100% - 115px);height:calc(100% - 130px)}
	.offline_list .course_filter_col .map_inner .count_box .text {width:64px;height:64px;padding-top:11px;font-size:14px}
	.offline_list .course_filter_col .map_inner .count_box .num {font-size:17px}
	.offline_list .course_filter_col .map_search {width:calc(100% - 400px)}
	.offline_list .course_filter_col .map_search .bd_box {padding:18px 20px}
	.offline_list .course_filter_col .map_search .btn_list {margin-top:20px}
	.offline_list .course_filter_col .map_search .btn_list .btn_custom {margin-bottom:6px}
	.offline_list .card_list {grid-template-columns:calc(100% / 2 - 8px) calc(100% / 2 - 8px)}
	.offline_apply .inp_obj {display:flex;flex-wrap:wrap;gap:10px 30px}
	.offline_apply .inp_obj .inp_li {margin-right:0}
	.offline_apply .inp_obj .inp_li.mblock {display:block;width:100%}
	.offline_apply .inp_obj .inp_li.mblock input[type="text"] {width:calc(100% - 30px)}
	.offline_apply .inp_obj.flex {gap:10px 30px}
	.offline_apply .inp_obj.flex .inp_li {width:auto}
	.offline_apply .scroll_table .inp_obj {gap:0}

	/* 마이페이지 > 나의 강의실 > 대면교육 */
	.my_list_row .bundle {margin-bottom:24px;padding:12px 15px 15px 15px}
	.my_list_row .status_info {display:block}
	.my_list_row .status_info .tag_label {display:block;padding:0;border:0;text-align:right;background-color:transparent;top:0}
	.my_list_row .status_info .status {width:auto;height:auto;padding:3px 15px;border-radius:6px}
	.my_list_row .status_info .status .text {font-size:1em}
	.my_list_row .status_info .typo {width:auto;margin:10px 0  5px 2px }
	.my_list_row .status_info .typo .place {font-size:1em}
	.my_list_row .status_info .typo .subject {font-size:19px}
	.my_list_row .status_info .btn_custom {width:calc(100% + 32px);max-width:inherit;min-width:inherit;border-radius:0 0 6px 6px;position:relative;right:auto;left:50%;bottom:-15px;transform:translateX(-50%)}
	.my_list_row .status_detail {display:none}

	/* 마이페이지 > 나의 강의실 > 대면교육 > 설문조사, 만족도 조사 */
	.mypage_survey1 .survey_quick {}
	.mypage_survey1 .quick_box {padding:13px 12px 12px 12px}
	.mypage_survey1 .quick_box .btn_list {column-gap:4px}

	/* 온라인 교육 */
	.online_view {display:block;position:relative}
	.online_view::before {display:none}
	.online_view .course_box {display:grid;grid-template-columns:250px calc(100% - 250px);width:auto;position:inherit;left:auto;top:auto}
	.online_view .course_box .thum_img {border-radius:12px 0 0 12px}
	.online_view .course_box .thum_img .img {background-color:var(--colorBgGray)}
	.online_view .course_box .box_typo {display:grid;padding:0;border:0;border-radius:0}
	.online_view .course_box .list_txt_box {padding:14px 18px;border:1px solid var(--colorBorderGray);border-left:0;border-radius:0 12px 12px 0}
	.online_view .course_box .btn_list {width:calc(100dvw - (6% + 16px));margin-top:30px;transform:translateX(-250px)}
	.online_view .course_box .btn_list .btn_custom {width:auto;flex:1}
	.online_view .course_box .btn_list .btn_custom.btn_apply {width:auto}
	.online_view .detail_view {width:100%;margin-top:80px}
	.online_view .detail_view .view_typo {min-height:inherit;margin:0 0 10px 0}
	.online_view .detail_view .view_typo .subject {font-size:21px}
	.online_view .view_cont {margin-left:0}

	/* 진도율 상태 박스 */
	.rate_info_box .top_box {height:160px;padding:15px 0}
	.rate_info_box .rate_chart {width:350px;padding:0 20px}
	.rate_info_box .rate_chart .chart {width:190px}
	.rate_info_box .rate_count {width:calc(100% - 350px)}
	.rate_info_box .rate_count .count_bundle {padding:5px}
	.rate_info_box .rate_count .text {font-size:1em}
	.rate_info_box .rate_count .count {font-size:24px}
	.rate_info_box .bottom_box {padding:18px 20px}
	.rate_info_box .bottom_box .list_txt_group .list_txt {font-size:1em}

	/* 마이페이지 > 나의 강의실 > 온라인 교육 */
	.online_my_list .bundle .left {width:calc(100% - 130px)}
	.online_my_list .bundle .right {width:110px}
	.online_my_list .bundle .status {width:106px;height:100px;font-size:1em}
	.online_my_list .bundle .typo {width:calc(100% - 124px)}
	.online_my_list .bundle .typo .cate {font-size:1em}
	.online_my_list .bundle .typo .subject {font-size:19px}
	.online_my_list .bundle .btn_list {row-gap:5px}
	.online_my_list .bundle .btn_list .btn_custom {width:100%;min-width:inherit}
	.online_my_list .bundle .btn_list .btn_custom.btn_certify .text {padding-left:16px;background-size:11px}

	/* 영상시청 페이지 */
	.video_view .sub_tit2 {font-size:1.4em}
	.video_view .page_tit {font-size:1.2em}
	.video_view .video_obj .video_head {margin-bottom:15px;padding:18px 55px 10px 15px}
	.video_view .video_obj .video_head .btn_list {padding:10px}
	.video_view .video_obj .video_frame {width:calc(100% - 30px);height:calc(100dvh - 190px);margin:0 15px}
	.video_view .video_list .status {padding:10px 5px;column-gap:2px}
	.video_view .board_list .list_box .obj_box .grid {display:block}
	.video_view .board_list .list_box .obj_box .time {margin:5px 0;text-align:left;font-size:13px;position:relative;right:auto;top:auto}
	.video_view .board_list .list_box .st_mark {left:10px;top:17px;transform:translateY(0)}
	.video_view .board_list .list_box .st_mark.s1::after {font-size:18px}

	/* 학습자료실 */
	.dataroom .gallery_list.blog .list_box .link {width:calc(100% - 140px);padding-right:15px}
	.dataroom .gallery_list.blog .list_box .link .img_area {width:160px}
	.dataroom .gallery_list.blog .list_box .link .txt_area {width:calc(100% - 177px)}
	.dataroom .gallery_list.blog .list_box .btn_list {width:140px;padding-left:15px}

	/* 마이페이지 > 내가 받은 자료 */
	.my_dataroom .search_filter .search_detail .detail_obj {display:block}
	.my_dataroom .search_filter .search_detail .detail_obj .op_tit {margin-bottom:5px}
	.my_dataroom .search_filter .search_detail .detail_obj .op_box {width:auto}

	/* 마이페이지 > 배정된 교육 관리 */
	.assign_report .search_filter {column-gap:20px}
	.assign_report .search_filter .inp_obj .inp_li:nth-child(1) {width:75%}
	.assign_report .search_filter .inp_obj .inp_li:nth-child(2) {width:25%}

	#scheduler .grid_col {display:block}
	#scheduler .grid_col .tit_box {height:50px;margin-bottom:12px}
	#scheduler .grid_col .tit_box .cont_tit {font-size:17px}
	#scheduler .grid_col .tit_box .cont_tit .icon {width:20px;vertical-align:text-top}
	#scheduler .month_ctrl .arrow {width:42px;height:42px;font-size:20px}
	#scheduler .month_ctrl .slt_obj {column-gap:25px;padding:0 28px}
	#scheduler .month_ctrl .slt_obj select {font-size:26px}
	#scheduler .calender table th,
	#scheduler .calender table td {font-size:16px}
	#scheduler .calender_obj {margin-bottom:35px}
	#scheduler .calender_obj .tit_box {border-radius:8px}
	#scheduler .calender_obj .calender {height:auto;margin-right:0;padding:10px 0}
	#scheduler .schedul_list .tit_box {border-radius:8px}
	#scheduler .schedul_list .inner_board_list {height:auto;max-height:calc(100dvh - 440px);min-height:170px}
	#scheduler .schedul_list .inner_board_list .no_contents .offset {min-height:170px}

	/* 콘텐츠 : 예방사업 소개 > 교육 유형별 */
	.about_business .page_top_visual .inner::after {width:320px;height:141px;bottom:-40px;right:-15px}
	.about_business .type_img_box {column-gap:16px;padding-top:24px}
	.about_business .type_img_box .img_bundle {border-radius:16px}
	.about_business .type_img_box .type_img {height:217px}
	.about_business .type_img_box .type_img.img1 {background-size:350px}
	.about_business .type_img_box .type_img.img2 {background-size:385px}
	.about_business .type_img_box .type_text {padding:16px 12px}
	.about_business .type_icon_box .icon_bundle {column-gap:12px}
	.about_business .type_icon_box .type_icon {width:70px;height:70px}
	.about_business .type_icon_box .type_text {width:calc(100% - 82px)}
	.about_business .type_icon_box .type_text.flex {display:block}
	.about_business .type_icon_box .type_text.flex .cont_tit {width:auto;margin-bottom:8px}
	.about_business .type_icon_box .sns_list {width:auto}
	.about_business .type_icon_box .sns_list .btn {border-radius:12px}
	.about_business .type_icon_box .sns_list .btn .qr_img {width:50px}
	.about_business .type_icon_box .sns_list .btn .text {font-size:15px}

	/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
	.about_business .cont_top_quick {height:510px;margin-bottom:50px}
	.about_business .cont_top_quick .bg {transform:translateX(-3%)}
	.about_business .cont_top_quick .quick_btn {max-width:723px}
	.about_business .cont_top_quick .quick_btn .btn {width:90px;height:90px;font-size:17px}
	.about_business .cont_top_quick .quick_btn .btn.b1 {bottom:65px}
	.about_business .cont_top_quick .quick_btn .btn.b2 {left:28px;bottom:200px}
	.about_business .cont_top_quick .quick_btn .btn.b3 {left:105px;top:100px}
	.about_business .cont_top_quick .quick_btn .btn.b4 {left:calc(50% - 118px);top:40px}
	.about_business .cont_top_quick .quick_btn .btn.b5 {right:calc(50% - 118px);top:40px}
	.about_business .cont_top_quick .quick_btn .btn.b6 {right:105px;top:100px}
	.about_business .cont_top_quick .quick_btn .btn.b7 {right:28px;bottom:200px}
	.about_business .cont_top_quick .quick_btn .btn.b8 {bottom:65px}
	.about_business .cont_top_quick .quick_btn .btn::before {width:calc(100% + 18px);height:calc(100% + 18px);border-width:1px}
	.about_business .cont_top_quick .quick_btn .btn::after {border-width:1px}
	.about_business .cont_top_quick .quick_btn .btn:hover, 
	.about_business .cont_top_quick .quick_btn .btn:focus {outline-width:1px;transform:scale(1.1)}
	.about_business .cont_top_quick .quick_btn .btn:hover::after, 
	.about_business .cont_top_quick .quick_btn .btn:focus::after {width:calc(100% + 32px);height:calc(100% + 32px)}
	.about_business .target_icon_box {flex-wrap:wrap}
	.about_business .target_icon_box .icon_bundle {flex:none;width:calc(100% / 3 - 4px);max-width:inherit}
	.about_business .icon_step_obj .step_ol {flex-wrap:wrap;row-gap:20px}
	.about_target {margin-bottom:40px}
	.about_target .list_txt_group.s2 .num {width:21px;height:21px;font-size:13px;line-height:22px}
	.about_target .list_txt_group.s2 .text {width:calc(100% - 31px)}
	.about_target .inner_top_visual .top_visual_inner::after {right:-10px;bottom:-11px}
	.about_target .inner_top_visual .top_visual_inner.bg1::after {width:233px;height:174px}
	.about_target .inner_top_visual .top_visual_inner.bg2::after {width:336px;height:159px}
	.about_target .inner_top_visual .top_visual_inner.bg3::after {width:296px;height:172px}
	.about_target .inner_top_visual .top_visual_inner.bg4::after {width:281px;height:165px;right:-60px}
	.about_target .inner_top_visual .top_visual_inner.bg5::after {width:256px;height:158px;bottom:-4px}

	/* 콘텐츠 : 찾아오시는 길 */
	.about_way .way_grid {display:block}
	.about_way .way_map {display:block;margin-bottom:20px;text-align:center}
	.about_way .way_map .svg {width:100%;max-width:530px}
	.about_way .way_list {max-height:420px}
}

@media screen and (max-width:767px){
	/* 서브 공통 */
	.sub_cont {padding:20px 0 30px 0}
	.sub_cont .sub_tit {margin-bottom:15px}
	.sub_tit  {font-size:24px}
	.sub_tit2 {margin-bottom:18px;font-size:22px}
	.page_tit {margin-bottom:10px;font-size:18px}
	.page_tit.quest_point {padding-left:8px;border-left-width:4px}
	.page_tit .s_txt {font-size:0.875rem}
	.page_tit_box {flex-wrap:wrap;margin-bottom:10px}
	.page_tit_box .page_tit {width:100%;margin-bottom:5px}
	.cont_tit_box  {margin-bottom:25px}
	.cont_tit_box .sub_tit2 {margin-bottom:17px}
	.cont_tit_box .cont_tit {font-size:16px}
	.page_gap {margin-bottom:25px}
	.page_gap.dash {padding-bottom:25px}
	.scroll_box {height:150px;padding:10px}
	.bd_box {padding:17px 20px}
	.bd_box.mxw {max-width:540px}
	.page_top_visual {margin-bottom:35px;padding:30px 0;transform:translateX(-15px)}
	.page_top_visual .inner {margin:0 15px}
	.page_top_visual .list_txt_group .list_txt {column-gap:8px;font-size:16px}
	.page_top_visual .list_txt_group .num {width:21px;height:21px;font-size:13px}
	.page_top_visual .list_txt_group .text {width:calc(100% - 29px)}
	.inner_top_visual {transform:translateX(-15px)}
	.inner_top_visual .top_visual_inner {margin:0 15px}

	/* 약관 */
	.policy .btn_toggle {padding:13px 10px}
	.policy .btn_toggle::after {width:45px;font-size:1em}
	.policy .label_tit {width:calc(100% - 45px);font-size:1em}
	.policy .policy_list {margin-top:25px}
	.policy .policy_list .bundle {margin-bottom:30px}
	.policy .policy_list .pl_list_txt.ic .num {width:18px;height:18px;font-size:10px;line-height:18px}
	.policy .policy_list .pl_list_txt.ic > .text {width:calc(100% - 25px)}
	.policy .policy_list .pl_list_txt2 {margin-bottom:13px}
	.policy .policy_list .table th, 
	.policy .policy_list .table td {font-size:0.9em;line-height:1.35}
	.policy .policy_inner .page_gap {margin-bottom:25px;padding-bottom:25px}

	/* 라벨링 및 목차*/
	.labeling .inner {gap:9px}
	.labeling .label_box {width:calc(100% / 3 - 6px)}
	.labeling .label_box .hover {padding:12px 5px}
	.labeling .label_box .img img {width:50px}
	.labeling .label_box .list_tit {padding:0}
 	.labeling .label_box .list_txt_group {width:calc(100dvw - 52px);top:calc(50% + 65px)}
	.labeling .label_box .list_txt_group::before {left:14dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group, 
	.labeling .label_box:nth-child(4n) .list_txt_group {left:0;right:auto}
	.labeling .label_box:nth-child(5n) .list_txt_group::before, 
	.labeling .label_box:nth-child(4n) .list_txt_group::before {left:14dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(3n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(3n) .list_txt_group::before {left:auto;right:14dvw;transform:translateX(50%)}
	.labeling .label_box:nth-child(3n - 1) .list_txt_group {left:50%;transform:translateX(-50%)}
	.labeling .label_box:nth-child(3n - 1) .list_txt_group::before {left:50%}

	.article .article_list {font-size:0.95em}
	.article .article_list .a_box .num {width:38px}
	.article .article_list .a_box .text {width:calc(100% - 38px);padding:8px 10px}
	.article .article_list .a_box .link:hover .text, 
	.article .article_list .a_box .link:focus .text {text-underline-offset:3px}
	
	/* 로그인 */
	.login_page .login_form, 
	.login_page .signup {padding:25px 30px}
	.login_page .sub_tit2 {margin-bottom:16px}
	.login_page .inp_form .inp {margin-bottom:9px}
	.login_page .inp_form .inp input {padding-top:14px;padding-bottom:14px}
	.login_page .btn_custom {min-height:48px}
	
	/* 회원가입 */
	.join_step {margin-bottom:25px}
	.join_step .step_box {line-height:48px}
	.join_step .step_box .text {padding-left:0;font-size:1em;background-image:none !important}
	.agree_box {margin-top:12px}
	.agree_box .agree_txt {font-size:1em}
	.agree_box .inp_obj {margin-right:12px}
	.agree_box.all {display:block;padding:15px 12px}
	.agree_box.all .inp_obj {margin-top:8px;text-align:right}
	.bd_box .agree_box {display:block}
	.bd_box .agree_box .agree_txt {margin-bottom:5px}
	.bd_box .agree_box .inp_obj {text-align:right}
	.join_exa .table {margin-top:18px}
	.join_exa .btn_list.flex {gap:7px 5px}
	.join_exa .btn_list.flex .list_li {flex:none;width:calc(50% - 3px)}
	.join_exa .btn_list.flex .list_li.mbl {width:100%}
	.pw_check_pop {max-width:280px;padding:17px 18px 12px 18px;font-size:0.9em;left:50%}

	/* 회원가입 연령대 선택 */
	.join_type {gap:12px}
	.join_type .type_box .page_tit {height:77px;font-size:1.1em}
	.join_type .type_box .icon_box {width:80px;height:80px}
	.join_type .type_box .btn_custom {padding-left:15px;padding-right:15px}

	/* 예방교육과정 > 대면교육 */
	.offline_list .inner_tab_list {margin-bottom:20px}
	.offline_list .inner_tab_list .mobile_tab_btn.on {border-radius:8px 8px 0 0}
	.offline_list .inner_tab_list .list_inner {height:auto;border:1px solid var(--colorMain);border-top:0;border-radius:0 0 8px 8px;overflow-y:auto;top:46px}
	.offline_list .inner_tab_list .tab_box {text-align:left}
	.offline_list .inner_tab_list .tab_box .tab {height:auto;padding:10px 16px;border:0;border-radius:0}
	.offline_list .inner_tab_list .tab_box .tab.on {border-top:0}
	.offline_list .fiiter_bd_box {padding-bottom:17px;border-radius:6px}
	.offline_list .course_filter_col {display:block}
	.offline_list .course_filter_col .page_tit {font-size:16px}
	.offline_list .course_filter_col .map_inner {display:none}
	.offline_list .course_filter_col .map_search {width:auto;max-width:inherit}
	.offline_list .course_filter_col .map_search .bd_box {display:flex;flex-wrap:wrap;gap:16px 10px;padding:0;border:0;background-color:transparent}
	.offline_list .course_filter_col .map_search .s_txt {display:none}
	.offline_list .course_filter_col .map_search .btn_list {width:100%;margin-top:5px}
	.offline_list .course_filter_col .map_search .btn_list .btn_custom {display:inline-block;width:calc(50% - 2px);margin-bottom:0}
	.offline_list .course_filter_col .slt_bundle {width:calc(50% - 5px);margin-bottom:0}
	.offline_list .course_filter_col .slt_bundle:nth-child(3) {width:100%}
	.offline_list .card_list {gap:18px 10px;grid-template-columns:calc(100% / 2 - 5px) calc(100% / 2 - 5px)}
	.offline_list .card_list .card_box .link {padding:28px 14px 10px 14px}
	.offline_list .card_list .card_box .tag {padding:6px 12px;font-size:0.9em}
	.offline_list .card_list .card_box .list_txt_group {column-gap:14px;font-size:0.9375em}
	.offline_list .card_list .card_box .list_txt_group .dl {column-gap:1px}
	.offline_list .card_list .card_box .list_txt_group .dl::after {right:-8px}
	.offline_list .card_list .card_box .subject {-webkit-line-clamp:2;height:51px;margin-bottom:12px;font-size:17px}
	.offline_list .card_list .card_box .date {margin-bottom:12px;font-size:0.9375em}

	/* 마이페이지 > 나의 강의실 > 대면교육 */
	.my_list_row .status_info .status {padding:2px 12px}
	.my_list_row .status_info .status .text {font-size:0.95em}
	.my_list_row .status_info .tag_label {}
	.my_list_row .status_info .tag_label .text {display:flex;justify-content:right;margin:0 0 2px 0;padding-right:0}
	.my_list_row .status_info .tag_label .text:last-child {margin-bottom:0}
	.my_list_row .status_info .tag_label .text::after {display:none}
	.my_list_row .status_info .typo .place {font-size:0.95em}
	.my_list_row .status_info .typo .subject {font-size:18px}
	.my_list_row .status_info .typo .list_txt_group {flex-wrap:wrap;row-gap:4px}

	/* 마이페이지 > 나의 강의실 > 대면교육 > 설문조사, 만족도 조사 */
	.mypage_survey1 .survey_quick {gap:12px}
	.mypage_survey1 .quick_box {width:100%}

	/* 온라인 교육 */
	.online_view .course_box {display:block;margin-top:0}
	.online_view .course_box .thum_img {border-radius:12px 12px 0 0}
	.online_view .course_box .box_typo {}
	.online_view .course_box .list_txt_box {border-left:1px solid var(--colorBorderGray);border-top:0;border-radius:0 0 12px 12px}
	.online_view .course_box .btn_list {width:auto;margin-top:18px;transform:translateX(0)}
	.online_view .detail_view {margin-top:50px}
	.online_view .detail_view .view_typo .subject {font-size:19px}
	.online_view .detail_view .view_typo .text {font-size:1em}
	.online_view .view_tab .tab {flex:1;min-width:inherit}
	.online_view .view_cont .data_table .m_th {width:55px}
	.online_view .view_cont .data_table .m_td {width:calc(100% - 63px)}
	.online_view .view_cont .board_list table .btn_custom {width:auto;min-height:31px}

	/* 진도율 상태 박스 */
	.rate_info_box .top_box {display:block;height:auto}
	.rate_info_box .rate_chart {display:block;width:auto;height:200px;padding:10px 0 0 0;text-align:center}
	.rate_info_box .rate_chart .page_tit {position:relative;z-index:1}
	.rate_info_box .rate_chart .chart {margin:0 auto;transform:translateY(-75px);position:relative;z-index:0}
	.rate_info_box .rate_count {width:100%;padding-top:15px;border-top:1px dashed #A7C8FF;position:relative;z-index:1}
	.rate_info_box .rate_count .count_bundle:first-child {border-left:0}
	
	/* 마이페이지 > 나의 강의실 > 온라인 교육 */
	.online_my_list .bundle {display:block;padding:18px 15px 12px 15px;position:relative}
	.online_my_list .bundle .left {display:block;width:auto;margin-bottom:22px}
	.online_my_list .bundle .right {width:auto}
	.online_my_list .bundle .status {width:auto;height:auto;padding:5px 15px;font-size:0.95em;line-height:1;border-radius:4px;position:absolute;right:10px;top:15px}
	.online_my_list .bundle .status .s_txt {display:inline-block;font-size:0.9em;vertical-align:baseline}
	.online_my_list .bundle .typo {width:auto}
	.online_my_list .bundle .typo .subject {margin:12px 0 15px 0;font-size:18px}
	.online_my_list .bundle .typo .list_txt_group .dl {display:flex;margin:0 0 4px 0;padding-right:0}
	.online_my_list .bundle .typo .list_txt_group .dl::after {display:none}
	.online_my_list .bundle .btn_list .btn_custom {width:auto;flex:1}

	/* 영상시청 페이지 */
	.video_view .left {}
	.video_view .sub_tit2 {font-size:1.3em}
	.video_view .page_tit {font-size:1.1em}
	.video_view .btn_mobile_menu {width:52px;padding-right:10px;font-size:32px}
	.video_view .video_obj .video_head {padding:18px 50px 10px 11px}
	.video_view .video_obj .video_head .typo {width:100%}
	.video_view .video_obj .video_frame {width:calc(100% - 20px);margin:0 10px}
	.video_view .video_list .list_top {padding:12px}
	.video_view .video_list .btn_list {margin:12px 10px}
	.video_view .board_list {max-height:calc(100% - 225px)}
	.video_view .board_list .list_box .btn {padding:18px 12px}
	.video_view .board_list .list_box .btn::after {right:15px}
	.video_view .board_list .list_box .obj_box .grid {margin-left:24px}
	.video_view .board_list .list_box .st_mark {width:21px;height:21px}
	.video_view .board_list .list_box .st_mark::after {font-size:13px}
	.video_view .board_list .list_box .st_mark.s1::after {font-size:16px}
	.video_view .board_list .list_box .st_mark.s4::after {font-size:10px}

	/* 학습자료실 */
	.dataroom .search_filter .search_bar .dropdown:nth-child(2)  {border-left:1px solid var(--colorBorderGray);border-radius:6px}
	.dataroom .gallery_list.blog .list_box {display:block;padding:0}
	.dataroom .gallery_list.blog .list_box .link {width:auto;padding-right:0;border-radius:10px 10px 0 0;border-bottom:0}
	.dataroom .gallery_list.blog .list_box .link .img_area {width:100%;margin-right:0}
	.dataroom .gallery_list.blog .list_box .link .txt_area {width:auto}
	.dataroom .gallery_list.blog .list_box .btn_list {display:flex;width:auto;padding-left:0}
	.dataroom .gallery_list.blog .list_box .btn_list .btn_custom {margin-bottom:0;border-radius:0 0 0 6px}
	.dataroom .gallery_list.blog .list_box .btn_list .btn_custom:nth-child(2n) {border-radius:0 0 6px 0;border-left:0}

	/* 마이페이지 > 내가 받은 자료 */
	.my_dataroom .data_table .m_th {width:85px}
	.my_dataroom .data_table .m_td {width:calc(100% - 90px)}

	/* 마이페이지 > 강사 권한 신청 */
	.auth_apply .page_tit_box {position:relative}
	.auth_apply .page_tit_box .right {display:block;max-width:calc(100% - 130px)}
	.auth_apply .page_tit_box .right .btn_custom {position:absolute;right:0;bottom:0}
	.auth_apply .data_table .m_th {width:92px;font-weight:700}
	.auth_apply .data_table .m_td {width:calc(100% - 100px)}

	/* 마이페이지 > 배정된 교육 관리 */
	.board_type_btn {width:100%}
	.board_type_btn .btn {width:calc(50% - 2px);min-width:120px;height:40px}
	.teacher_assign .page_tit_box {margin-bottom:20px}
	.teacher_assign .page_tit_box .page_tit {margin-bottom:8px !important}
	.assign_report .search_filter {display:block;text-align:right}
	.assign_report .search_filter .cont_tit {margin-bottom:5px;font-size:1.05em;text-align:left}
	.assign_report .search_filter .inp_obj {display:block;margin-bottom:10px;text-align:left}
	.assign_report .search_filter .inp_obj .inp_li {display:block;margin:0 0 5px 0}
	.assign_report .search_filter .inp_obj .inp_li:last-child {margin-bottom:0}
	.assign_report .search_filter .inp_obj .inp_li:nth-child(1), 
	.assign_report .search_filter .inp_obj .inp_li:nth-child(2) {width:auto}
	.assign_report .search_filter .inp_obj input[type="text"] {width:calc(100% - 122px)}
	.assign_report .search_filter .btn_custom {min-width:120px}
	
	#scheduler .month_ctrl {padding:12px 0}
	#scheduler .month_ctrl .arrow {width:38px;height:38px;font-size:17px}
	#scheduler .month_ctrl .slt_obj {padding:0 22px}
	#scheduler .month_ctrl .slt_obj select {font-size:20px}
	#scheduler .grid_col .tit_box {height:46px;margin-bottom:10px;padding:0 12px}
	#scheduler .grid_col .tit_box .cont_tit {font-size:16px}
	#scheduler .calender table th {font-size:15px}
	#scheduler .calender table td {height:65px;font-size:15px}
	#scheduler .calender table .count {padding:2px 8px;font-size:12px}
	#scheduler .calender table .day {min-height:38px}
	#scheduler .calender table .selected::after {width:4px;height:4px;top:6px}
	#scheduler .calender table .selected::before, 
	#scheduler .calender table .today::before {width:64px;height:64px}
	#scheduler .calender_obj {margin-bottom:28px}
	#scheduler .schedul_list .inner_board_list {padding-right:8px}
	#scheduler .schedul_list .inner_board_list::-webkit-scrollbar {width:6px;height:6px}
	#scheduler .schedul_list .inner_board_list .list_bundle {margin-bottom:12px}
	#scheduler .schedul_list .inner_board_list .region {padding:10px 14px}
	#scheduler .schedul_list .inner_board_list .subject {height:46px;margin:12px 14px;font-size:16px}
	#scheduler .schedul_list .inner_board_list .info {padding:9px 12px}
	#scheduler .schedul_list .inner_board_list .info .dt {margin-right:8px;padding-right:12px}
	#scheduler .schedul_list .inner_board_list .info .dt::after {height:14px}

	/* 콘텐츠 : 예방사업 소개 > 교육 유형별 */
	.about_business .page_top_visual .inner {padding-bottom:120px}
	.about_business .page_top_visual .inner::after {width:280px;height:123px;bottom:-30px;right:auto;left:50%;transform:translateX(-50%)}
	.about_business .type_img_box {column-gap:12px;padding-top:18px}
	.about_business .type_img_box .type_img {height:155px}
	.about_business .type_img_box .type_img.img1 {background-size:270px;background-position:center top 23px}
	.about_business .type_img_box .type_img.img2 {background-size:270px;background-position:center top 20px}
	.about_business .type_img_box .text {font-size:1em}
	.about_business .type_icon_box .icon_bundle {padding:20px 18px}
	.about_business .type_icon_box .type_text .dl {display:block;margin-bottom:10px}
	.about_business .type_icon_box .type_text .dl:last-child {margin-bottom:0}
	.about_business .type_icon_box .type_text .dt {display:inline-block;margin-bottom:3px}
	.about_business .type_icon_box .sns_list {flex-wrap:wrap;gap:8px}
	.about_business .type_icon_box .sns_list .btn {flex:none;width:calc(100% / 3 - 6px)}

	/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
	.about_business .cont_top_quick {width:calc(100% + 30px);background:url(/images/edu/kor/user/sub/about_target_quick_bg_mobile.png) bottom center no-repeat, linear-gradient(0, #e2dffe, transparent);left:50%;transform:translateX(-50%)}
	.about_business .cont_top_quick .quick_btn {max-width:560px;text-align:center}
	.about_business .cont_top_quick .quick_btn .btn {display:inline-flex;margin:10px 2dvw;font-size:16px;vertical-align:top;position:relative}
	.about_business .cont_top_quick .quick_btn .btn.b1, 
	.about_business .cont_top_quick .quick_btn .btn.b2, 
	.about_business .cont_top_quick .quick_btn .btn.b3, 
	.about_business .cont_top_quick .quick_btn .btn.b4, 
	.about_business .cont_top_quick .quick_btn .btn.b5, 
	.about_business .cont_top_quick .quick_btn .btn.b6, 
	.about_business .cont_top_quick .quick_btn .btn.b7, 
	.about_business .cont_top_quick .quick_btn .btn.b8 {left:auto;right:auto;top:auto;bottom:auto}
	.about_business .cont_top_quick .quick_btn .btn::before {width:calc(100% + 14px);height:calc(100% + 14px)}
	.about_business .cont_top_quick .quick_btn .btn:hover::after, 
	.about_business .cont_top_quick .quick_btn .btn:focus::after {width:calc(100% + 24px);height:calc(100% + 24px)}
	.about_business .cont_top_quick .mid_txt {width:191px;height:67px;top:auto;bottom:calc(50% - 100px)}
	.about_business .cont_top_quick .bg {display:none}
	.about_business .target_icon_box .icon_bundle {padding:4px 0;border-radius:10px}
	.about_business .target_icon_box .icon_bundle .icon {width:54px;height:54px}
	.about_business .target_icon_box .icon_bundle .text {width:calc(100% - 54px);font-size:15px}
	.about_business .icon_step_obj .step {width:calc(100% / 4 - 10px)}
	.about_business .icon_step_obj .step::after {font-size:18px}
	.about_business .icon_step_obj .step .icon_box {width:90px;height:90px}
	.about_business .icon_step_obj .step .icon_box img {width:52px}
	.about_business .icon_step_obj .step .text {font-size:1em}
	.about_business .color_card_box {grid-template-columns:1fr;gap:10px}
	.about_business .color_card_box .card_box {padding:27px 23px}
	.about_business .color_card_box .card_box.b1 {background-size:52px}
	.about_business .color_card_box .card_box.b2 {background-size:60px;background-position:right 20px center}
	.about_business .color_card_box .card_box.b3 {background-size:65px;background-position:right 17px center}
	.about_business .color_card_box .card_box.b4 {background-size:66px;background-position:right 18px center}
	.about_target .inner_top_visual .top_visual_inner {padding-bottom:140px}
	.about_target .inner_top_visual .top_visual_inner::after {right:auto;left:50%;bottom:-9px;transform:translateX(-50%)}
	.about_target .inner_top_visual .top_visual_inner.bg1::after {width:210px;height:155px;left:calc(50% - 10px)}
	.about_target .inner_top_visual .top_visual_inner.bg2::after {width:306px;height:145px}
	.about_target .inner_top_visual .top_visual_inner.bg3::after {width:273px;height:158px}
	.about_target .inner_top_visual .top_visual_inner.bg4::after {width:250px;height:147px;right:auto;left:calc(50% + 20px)}
	.about_target .inner_top_visual .top_visual_inner.bg5::after {width:224px;height:138px;bottom:-3px}

	/* 콘텐츠 : 찾아오시는 길 */ 
	.about_way .page_txt {font-size:1.12em}
	.about_way .way_grid {margin-top:5px}
	.about_way .way_map {display:none}
	.about_way .way_list_top {margin-bottom:12px}
	.about_way .way_list {max-height:calc(100dvh - 350px);min-height:350px}
	.about_way .way_list .bundle {column-gap:14px;padding:16px 18px}
	.about_way .way_list .bundle .img_icon {width:50px;height:50px}
	.about_way .way_list .bundle .img_icon img {width:28px}
	.about_way .way_list .bundle .typo {width:calc(100% - 64px)}
	.about_way .way_list .bundle .cont_tit {font-size:17px}
	.about_way .way_list .bundle .cont_tit .tel {margin-left:5px;padding-left:10px;font-size:15px}
	.about_way .way_list .bundle .cont_tit .tel::before {height:15px}
	.about_way .way_list .bundle .text {font-size:15px}
	.about_way .board_result .text {display:block;padding:50px 0}
	
	/* 마이페이지 설문조사 등 새 창 팝업들 */
	.pop_body_head .logo_text {margin-right:6px;font-size:19px}
	.pop_body_head .logo {width:130px;height:18px}
}

@media screen and (max-width:540px){
	/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
	.about_business .cont_top_quick {height:468px; margin-bottom:35px;background-size:600px}
	.about_business .cont_top_quick .quick_btn {max-width:450px;padding-top:20px}
	.about_business .cont_top_quick .quick_btn .btn {width:82px;height:82px;margin:8px 2dvw}
	.about_business .cont_top_quick .mid_txt {width:180px;height:63px}
	.about_business .icon_step_obj .step {width:calc(100% / 3 - 10px)}
}

@media screen and (max-width:480px){
	/* 서브 공통 */
	.sub_tit  {font-size:22px}
	.sub_tit2 {font-size:20px}
	.page_tit {font-size:17px}
	.tit_row {display:grid;row-gap:5px}
	.bd_box {padding:12px 15px}
	.bd_box.sm {padding:10px}
	.bd_box.mxw {max-width:inherit}
	.page_top_visual {transform:translateX(-10px)}
	.page_top_visual .inner {margin:0 10px}
	.page_top_visual .sub_tit2 {font-size:20px}
	.page_top_visual .list_txt_group .list_txt {align-items:flex-start;font-size:15px}
	.page_top_visual .list_txt_group .num {width:20px;height:20px;font-size:12px;transform:translateY(2px)}
	.page_top_visual .list_txt_group .text {width:calc(100% - 28px)}
	.inner_top_visual {transform:translateX(-10px)}
	.inner_top_visual .top_visual_inner {margin:0 10px;padding:25px 0}
	.inner_top_visual .sub_tit2 {font-size:20px}
	.inner_top_visual .text {font-size:1em}

	/* 약관 */
	.policy .policy_list .table {overflow-x:auto}
	.policy .policy_list .table table {width:430px}
	.policy .policy_inner .page_gap {margin-bottom:20px;padding-bottom:20px}

	/* 라벨링 및 목차*/
	.labeling .inner {gap:6px}
	.labeling .label_box {width:calc(100% / 2 - 3px)}
	.labeling .label_box .list_txt_group {width:calc(100dvw - 46px);top:calc(50% + 63px)}
	.labeling .label_box .list_txt_group::before {border-left-width:6px;border-right-width:6px;border-top-width:10px;border-bottom-width:10px;top:-24px;left:20.5dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group, 
	.labeling .label_box:nth-child(4n) .list_txt_group, 
	.labeling .label_box:nth-child(3n) .list_txt_group, 
	.labeling .label_box:nth-child(3n - 1) .list_txt_group {left:0;right:auto}
	.labeling .label_box:nth-child(5n) .list_txt_group::before, 
	.labeling .label_box:nth-child(4n) .list_txt_group::before, 
	.labeling .label_box:nth-child(3n) .list_txt_group::before, 
	.labeling .label_box:nth-child(3n - 1) .list_txt_group::before {left:20.5dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(2n) .list_txt_group {left:auto;right:0;transform:translateX(0)}
	.labeling .label_box:nth-child(2n) .list_txt_group::before {left:auto;right:20.5dvw;transform:translateX(50%)}
	.labeling .label_box .list_txt_group .list_txt.line::before {top:10px}

	.input_form .table.ktag_auth .inp_btn {}
	.input_form .table.ktag_auth .inp_btn .f3 {width:100%}
	.input_form .table.ktag_auth .inp_btn .f4 {width:calc(100% - 22px);margin-bottom:3px}

	/* 로그인 */
	.login_page .login_form, 
	.login_page .signup {padding:16px 20px}
	.login_page .sub_tit2 {margin-bottom:12px}
	.login_page .login_form .inp input {width:calc(100% - 22px)}
	.login_page .login_form .btn_list {column-gap:4px}
	.login_page .signup .list_txt_group .list_txt {margin-bottom:12px}

	/* 회원가입 */
	.join_step {letter-spacing:-0.02em;font-size:0.95em}
	.join_step:not(.fix) .step_inner {flex-wrap:wrap}
	.join_step:not(.fix) .step_box {flex:none;width:calc(100% / 2);line-height:44px}
	.join_step:not(.fix) .step_box:nth-child(2) {border-right:0}
	.join_step:not(.fix) .step_box:nth-child(n + 3) {width:calc(100% / 3);border-top:1px solid var(--colorBorderGray)}

	.join_step .step_box .text {}
	.agree_box {display:block}
	.agree_box .inp_obj {margin:8px 0 0 0;text-align:right}
	.join_exa .btn_list.flex {gap:5px 3px}
	.join_exa .btn_list.flex .list_li {width:calc(50% - 2px)}
	.join_exa .btn_list.flex .btn_custom {min-width:inherit;letter-spacing:-0.03em}
	.pw_check_pop {padding:15px 15px 10px 15px}
	.pw_check_pop .status {display:block;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed var(--colorBorderGray)}
	.pw_check_pop .label::after {display:none}
	.pw_check_pop .result {margin-top:9px}

	/* 회원가입 연령대 선택 */
	.join_type {flex-wrap:wrap}
	.join_type .type_box {flex:none;width:100%}
	.join_type .type_box .page_tit {height:auto}

	/* 예방교육과정 > 대면교육 */
	.offline_list .card_list {grid-template-columns:100%;gap:10px}
	.offline_list .card_list .card_box .link {padding-top:18px}
	.offline_list .card_list .card_box .subject {height:auto;font-size:16px}

	/* 마이페이지 > 나의 강의실 > 대면교육 */
	.my_list_row .bundle {margin-bottom:20px;padding:12px 10px 10px 10px}
	.my_list_row .status_info .tag_label {display:none}
	.my_list_row .status_info .typo .subject {-webkit-line-clamp:2;font-size:17px}
	.my_list_row .status_info .btn_custom {width:calc(100% + 22px);bottom:-10px}
	.my_list_row .status_info .typo .list_txt_group {display:block}
	.my_list_row .status_info .typo .list_txt_group .dl {margin:0 0 4px 0}
	.my_list_row .status_info .typo .list_txt_group .dl:last-child {margin-bottom:0}
	.my_list_row .status_info .typo .list_txt_group .dl::after {display:none}

	/* 마이페이지 > 나의 강의실 > 대면교육 > 설문조사, 만족도 조사 */
	.mypage_survey1 .cont_tit {font-size:16px}
	.mypage_survey1 .quick_box {padding:10px 10px 9px 10px}

	/* 온라인 교육 */
	.online_view .course_box .list_txt_box {padding:10px 12px}
	.online_view .course_box .list_txt_box .dt::after {height:13px;top:5px}
	.online_view .course_box .btn_list .btn_custom {flex:none;width:calc(50% - 3px)}
	.online_view .course_box .btn_list .btn_custom.btn_apply {width:100%}
	.online_view .detail_view {margin-top:40px}
	.online_view .detail_view .view_typo .subject {font-size:18px}
	.online_view .detail_view .view_typo .text {font-size:0.95em}
	.online_view .view_tab .tab {padding:12px 5px;font-size:1em}

	/* 진도율 상태 박스 */
	.rate_info_box {border-radius:16px}
	.rate_info_box .rate_chart {height:190px;padding-top:7px}
	.rate_info_box .rate_count .count {font-size:18px}
	.rate_info_box .bottom_box {padding:12px}
	
	/* 마이페이지 > 나의 강의실 > 온라인 교육 */
	.online_my_list .bundle {padding:16px 10px 10px 10px}
	.online_my_list .bundle .status {padding:5px 12px;top:10px;right:8px}
	.online_my_list .bundle .typo .subject {-webkit-line-clamp:2;font-size:1.2em}

	/* 영상시청 페이지 */
	.video_view .right {width:95%}
	.video_view .btn_mobile_menu {width:48px;font-size:28px}
	.video_view .st_mark {width:16px;height:16px}
	.video_view .st_mark::after {font-size:14px}
	.video_view .st_mark.s2::after {font-size:10px}
	.video_view .st_mark.s3::after {font-size:12px}
	.video_view .st_mark.s4::after {font-size:8px}
	.video_view .video_obj .video_head {padding-top:15px}
	.video_view .video_obj .video_head .typo {font-size:0.9em}
	.video_view .video_obj .video_frame {height:calc(100dvh - 165px)}
	.video_view .board_list .list_box .st_mark {width:18px;height:18px}
	.video_view .board_list .list_box .st_mark::after {font-size:12px}
	.video_view .board_list .list_box .subject {font-size:1.05em}
	.video_view .board_list .list_box .btn {padding:15px 12px}
	.video_view .board_list .list_box .btn::after {right:10px}
	.video_view .board_list .list_box .obj_box .grid {margin-left:23px}
	.video_view .board_list .list_box .obj_box .link {padding:13px 10px}
	.video_view .board_list .list_box .st_mark {top:14px}

	/* 마이페이지 > 강사 권한 신청 */
	.auth_apply .page_tit_box .right {max-width:100%;margin-top:2px}
	.auth_apply .page_tit_box .right .s_txt {display:none}
	/*.auth_apply .page_tit_box .right .s_txt {font-size:0.73rem}
	.auth_apply .page_tit_box .right .btn_custom {min-width:105px;bottom:auto;top:-16px}*/
	.auth_apply .input_form tbody td select.miw {width:100%;margin-bottom:4px}
	.auth_apply .input_form tbody td select.miw:last-child {margin-bottom:0}
	.auth_apply .data_table .m_th {width:80px}
	.auth_apply .data_table .m_td {width:calc(100% - 88px)}

	/* 마이페이지 > 배정된 교육 관리 */
	.teacher_assign .my_list_row .status_info .tag_label {display:block}
	.assign_report .search_filter {text-align:left}
	.assign_report .search_filter .inp_obj label:not(.hide) {width:55px}
	.assign_report .search_filter .inp_obj input[type="text"] {width:calc(100% - 109px)}
	.assign_report .search_filter .btn_custom {width:100%}
	
	#scheduler .month_ctrl .arrow {width:36px;height:36px;font-size:16px}
	#scheduler .month_ctrl .slt_obj {column-gap:18px;padding:0 14px}
	#scheduler .month_ctrl .slt_obj select {font-size:18px}
	#scheduler .grid_col .tit_box {height:40px;margin-bottom:8px}
	#scheduler .grid_col .tit_box .cont_tit {font-size:15px}
	#scheduler .grid_col .tit_box .cont_tit .icon {width:18px}
	#scheduler .calender table thead {height:38px}
	#scheduler .calender table th {font-size:14px}
	#scheduler .calender table td {height:60px;font-size:14px}
	#scheduler .calender table .day {min-height:36px}
	#scheduler .calender table .count {font-size:11px}
	#scheduler .calender table .selected::before, 
	#scheduler .calender table .today::before {display:none}
	#scheduler .calender table .selected {background-color:#fff;border-radius:8px}
	#scheduler .calender table .today {background-color:var(--colorMain);border-radius:8px}
	#scheduler .calender_obj {margin-bottom:25px}
	#scheduler .schedul_list .inner_board_list .region {padding:10px}
	#scheduler .schedul_list .inner_board_list .subject {height:44px;margin:10px 12px;font-size:15px}
	#scheduler .schedul_list .inner_board_list .info {padding:7px 10px}
	
	/* 콘텐츠 : 예방사업 소개 > 교육 유형별 */
	.about_business .page_top_visual .inner {padding-bottom:100px}
	.about_business .page_top_visual .inner::after {width:250px;height:110px}
	.about_business .type_img_box {display:block}
	.about_business .type_img_box .img_bundle {margin-bottom:12px}
	.about_business .type_img_box .img_bundle:last-child {margin-bottom:0}
	.about_business .type_icon_box .icon_bundle {display:block;padding-top:15px;text-align:center}
	.about_business .type_icon_box .cont_tit {font-size:17px}
	.about_business .type_icon_box .type_icon {margin:0 auto}
	.about_business .type_icon_box .type_text.flex .cont_tit {margin-bottom:12px;padding-right:0}
	.about_business .type_icon_box .type_text {width:auto}
	.about_business .type_icon_box .type_text .text {font-size:1em}
	.about_business .type_icon_box .sns_list {gap:6px}
	.about_business .type_icon_box .sns_list .btn {width:calc(100% / 3 - 4px);padding:10px 0}
	.about_business .type_icon_box .sns_list .btn .qr_img {width:40px;margin-bottom:10px}
	.about_business .type_icon_box .sns_list .btn .text {font-size:13px}

	/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
	.about_business .target_icon_box .icon_bundle {width:calc(100% / 2 - 3px)}
	.about_business .icon_step_obj .step {width:calc(100% / 2 - 10px)}
	.about_business .color_card_box {gap:8px}
	.about_business .color_card_box .card_box {padding:20px 18px;border-radius:10px}
	.about_business .color_card_box .card_box .cont_tit {font-size:15px}
	.about_business .color_card_box .card_box.b1 {background-size:45px;background-position:right 18px center}
	.about_business .color_card_box .card_box.b2 {background-size:51px;background-position:right 16px center}
	.about_business .color_card_box .card_box.b3 {background-size:53px;background-position:right 15px center}
	.about_business .color_card_box .card_box.b4 {background-size:53px;background-position:right 14px center}
	.about_target .inner_top_visual .top_visual_inner {padding-bottom:110px}
	.about_target .inner_top_visual .top_visual_inner::after {bottom:-7px}
	.about_target .inner_top_visual .top_visual_inner.bg1::after {width:165px;height:127px}
	.about_target .inner_top_visual .top_visual_inner.bg2::after {width:240px;height:113px}
	.about_target .inner_top_visual .top_visual_inner.bg3::after {width:208px;height:121px}
	.about_target .inner_top_visual .top_visual_inner.bg4::after {width:190px;height:112px}
	.about_target .inner_top_visual .top_visual_inner.bg5::after {width:184px;height:113px}

	/* 콘텐츠 : 찾아오시는 길 */ 
	.about_way .page_txt {font-size:1.05em}
	.about_way .way_grid {margin-top:15px}
	.about_way .way_list .bundle {column-gap:9px;padding:16px 15px}
	.about_way .way_list .bundle .img_icon {width:46px;height:46px}
	.about_way .way_list .bundle .img_icon img {width:25px}
	.about_way .way_list .bundle .typo {width:calc(100% - 55px)}
	.about_way .way_list .bundle .cont_tit {font-size:16px}
	.about_way .way_list .bundle .cont_tit .tel {margin-left:4px;padding-left:8px;font-size:14px}
	.about_way .way_list .bundle .text {font-size:14px}
	
	/* 마이페이지 설문조사 등 새 창 팝업들 */
	.pop_body_head {display:grid;row-gap:10px;justify-content:center}
	.pop_body_head .logo_text {margin-right:5px;font-sise:18px}
	.pop_body_head .logo {width:122px;height:17px}
}

@media screen and (max-width:400px){
	/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
	.about_business .cont_top_quick {height:625px;margin-bottom:30px;background-size:560px}
	.about_business .cont_top_quick .quick_btn {max-width:220px;padding-top:15px}
	.about_business .cont_top_quick .quick_btn .btn {}
	.about_business .cont_top_quick .mid_txt {width:170px;height:59px;bottom:calc(50% - 188px)}
}