/************************************************************************
 * 파일명	:reactive.tab.css
 * 설명	:반응형 테블릿 사이즈 CSS
 * 작성일	:2020.10.05
************************************************************************/

/* space */
.ml0 {margin-left:0 !important}
.ml15 {margin-left:15px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}

/*header*/
#wrapper #header .header nav.slidemenu {display:none; position:fixed; top:0; left:0; width:86%; height:100%; z-index:100; overflow-y:auto;}
#wrapper #header .header .header_top_wrap .header_top .btn-mob-search, #wrapper #header .header .header_top_wrap .header_top .btn-mob-menu {display:none}

#wrapper #header .header nav.slidemenu.on {display:block}
#wrapper #header .header nav.slidemenu .s-top {position:relative; height:80px; background:#42a95a;}
#wrapper #header .header nav.slidemenu .s-top .s-logo {margin:20px 0 0 10px; display:inline-block; width:200px; height:40px; font-size:0; background:url(../images/common/logo2_mm.png) no-repeat 0 center;}
#wrapper #header .header nav.slidemenu .s-top .btn-mob-close{display:inline-block; position:absolute; top:20px; right:10px; font-size:0; width:40px; height:40px; background:url(../images/main/bt_close_new.png) no-repeat 50% 50%;}
#wrapper #header .header nav.slidemenu .s-middle {padding:10px; text-align: right;}
#wrapper #header .header nav.slidemenu .s-middle a + a {margin-left:20px}
#wrapper #header .header nav.slidemenu .dep1 {border-top:1px solid #e0dfdf;}
#wrapper #header .header nav.slidemenu .dep1 > li {border-bottom:1px solid #e0dfdf;}
#wrapper #header .header nav.slidemenu .dep1 > li > a {display: block; padding:18px 25px; font-weight:400; font-size:18px; background:#f9f9f9 url(../images/common/mm_icon_arrow.png) no-repeat 96% center}
#wrapper #header .header nav.slidemenu .dep1 > li > a:hover {color:#23931f}
#wrapper #header .header nav.slidemenu .dep1 > li > a.on {color:#fff; background:#33a54e url(../images/common/mm_icon_arrow_on.png) no-repeat 96% center}
#wrapper #header .header nav.slidemenu .dep2 {display:none;}
#wrapper #header .header nav.slidemenu .dep2 > li {border-bottom:1px solid #e0dfdf;}
#wrapper #header .header nav.slidemenu .dep2 > li:last-child{border-bottom:0}
#wrapper #header .header nav.slidemenu .dep2 > li a {display: block; padding:13px 25px; font-size:15px}

/* 20210107_모바일메뉴 추가 */
#wrapper #header .header nav.slidemenu .dep2 > li a.sm {background:url(../images/common/mm_icon_arrow.png) no-repeat 96% center}
#wrapper #header .header nav.slidemenu .dep2 > li a:hover, #wrapper #header .header nav.slidemenu .dep2 > li a.on {color:#33a54e}
#wrapper #header .header nav.slidemenu .dep2 > li a.sm.on {background:url(../images/common/mm_icon_arrow_b_on.png) no-repeat 96% center}
#wrapper #header .header nav.slidemenu .dep3 {display:none;}
#wrapper #header .header nav.slidemenu .dep3 > li a {background-color:#eee; padding:13px 35px}
#wrapper #header .header nav.slidemenu .dep3 > li a:hover {color:#b6400b}



/* 교육 이수 근로자 조회(이수정보 조회) */
.info_wrap .search_comp .txt {min-width:80px}

/* 개인정보변경신청 step2 */
#wrapper #container .info_wrap_new .search_comp .searchdiv input#searchUserName {margin-left:8px !important;}

@media (max-width:1600px){
	#wrapper #header .header nav .nav_wrap {padding: 0 20px; box-sizing: border-box;}
	.footer-top-wrap .footer-top-box .f-info {padding: 0 20px;}
}

@media (max-width:1200px){

#wrapper {min-width:360px; background:none;}

/*btn*/
.edu_info_btn {width:auto !important; height:auto !important; margin-top:10px; margin-left:calc(50% - 80px) !important;}

/* layout */
#wrapper #container .content {width:calc(80% - 40px) !important; padding:0 0 0 230px !important}

/*header*/
#wrapper #header .header .header-util-wrap .util-box {width:100% !important}
#wrapper #header .header .header_top_wrap .header_top {width:100% !important}
#wrapper #header .header nav .nav_wrap  {width:100% !important}
#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu {width:calc(100% - 55px) !important}
#wrapper #header .header nav .nav_wrap .tot_menu {width:100% !important}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_left {width:19% !important}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right {width:81% !important}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul:first-child {width:30% !important}
#wrapper #header .header nav #sub_hover {max-width:inherit !important; background:#fff !important}
#wrapper #header .header nav .hover_wrap .hover_ul_wrap {width:100% !important}
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul {width:25% !important}
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul:first-child {margin-left:0 !important}

.main-visual-box.carousel-wrap {min-width:360px !important}

/*step_box*/
.step_box .info_box > img {padding:0 10px !important}

.app_wrap_new .cont .step_box .info_box.reinfochange > img {margin:35px 0 !important}
.app_wrap_new .cont .step_box .info_box.reinfochange > div {width:21% !important}
.app_wrap_new .cont .step_box .info_box.reinfochange .info_txt {width:100% !important}

/*관할구역 선택 - 광역*/
.edu_step_wrap .area_select_p .info_box > img {padding: 9px 10px !important;}
.edu_step_wrap .area_select_p .info_box {width: 100% !important;}
.edu_step_wrap .area_select_p .info_box > div:first-child {width: 60% !important;}
.edu_step_wrap .area_select_p .info_box .info_step {width: 100% !important;}
.edu_step_wrap .area_select_p .info_box .info_txt {width: 100% !important; word-break: keep-all;}
.edu_step_wrap .area_select_p .info_box > div:nth-child(2) {width: calc(40% - 30px) !important;}
.edu_step_wrap .area_select_p .info_box > div.on .info_step {margin-left: 30px !important;}
.edu_step_wrap .area_select_p .info_box > a {width: calc(40% - 109px) !important; margin-left: 0 !important; word-break: keep-all;}

/*Lnb*/
.lnb {left:0 !important; margin-left:inherit !important}

/* 메인 quick */
.board_quick_box {width:100% !important}
.board_quick_box ul li {width:25%;}
.board_quick_box ul li .board_quick_box1 a {width:calc(100% - 2px) !important; border-bottom:2px solid #fff}
.board_quick_box ul li .board_quick_box1 .quick_box1 {border-left:none !important}
.board_quick_box ul li .board_quick_box2 a{width:100% !important}
.board_quick_box ul li .board_quick_box2 button{width:100% !important}
/* .board_quick_box ul li:nth-child(6), .board_quick_box ul li:nth-child(7) {width:37.5% !important} */

/* 메인비주얼 롤링 */
.main-visual-box .main-visual-txt-box .visual-txt-box {width:calc(100% - 160px); padding:166px 80px 0 80px !important; text-align:center !important}
.main-visual-box .main-visual-txt-box div p:nth-of-type(1) {font-size:40px !important}
.main-visual-box .main-visual-txt-box div p:nth-of-type(2) {width: 100% !important; font-size:19px !important}
.main-visual-box .main-visual-txt-box .main_visual_link {left:calc(50% - 100px) !important; top:400px !important}
.main-visual-box .control-wrap .prev {left:20px !important;}
.main-visual-box .control-wrap .next {right:20px !important;}

.board_wrap {width:100% !important;}
.board_wrap .board {width:calc(50% - 40px) !important; margin:45px 20px 0 20px !important}
.board_wrap .edu_link {width:100% !important}
.board_wrap .edu_link .sit_link {padding:20px !important; height: auto !important;}
.board_wrap .edu_link .sit_link:after{content:""; display:block; clear:both;}
.board_wrap .edu_link .sit_link div {width: calc(50% - 20px); float: left;}
.board_wrap .edu_link .sit_link div a {width:calc(100% - 75px) !important}
.board_wrap .edu_link .sit_link div.sit_link_cet {margin-left: 40px;}
.board_wrap .edu_link .sit_link .sit_link_myedu .edk_link:after {right:10px !important}
.board_wrap .edu_link .sit_link .sit_link_cet .cet_link:after {right:10px !important}
.board_wrap .edu_link .sit_link2 .sit_link_tra a {width: calc(100% - 127px) !important}
.board_wrap .edu_link .sit_link2 .sit_link_tra .prt_link {background-position:20px !important}

/* 서브메인 */
.target_wrap .cont_new {width:calc(50% - 20px) !important; height:inherit !important}
.target_wrap .cont_new .t_wrap {height:330px !important}
.target_wrap .cont_new .btn_wrap a {margin:0 !important}
.target_wrap .cont_new .btn_wrap a.btn_int {margin:0 !important}

/*STEP2*/
.edu_step_wrap .step_info .busi_info {height:inherit !important}
.edu_step_wrap .step_info .busi_info:after {content:""; display:block; clear:both;}
.edu_step_wrap .step_info .busi_info .info_left {height:200px !important; background-position-y:40px !important}
.edu_step_wrap .step_info .busi_info .info_left .tit {margin-top:90px !important;}
.edu_step_wrap .step_info .busi_info .info_wrap {width:calc(100% - 160px) !important; height:inherit !important}
.edu_step_wrap .step_info .busi_info .info_wrap .cont04 input {width:150px !important}
.edu_step_wrap .step_info .busi_info .btn_base {position:inherit !important; top:0 !important; right:0 !important; margin-left:20px}
.edu_step_wrap .step_info .busi_info .info_wrap .cont01 input {width:calc(100% - 10px) !important}
.edu_step_wrap .step_info .busi_info .info_wrap .cont02 input {width:calc(100% - 10px) !important; margin-bottom:10px}

/*민간안전보건교육기관 안내*/
.eva_wrap .stab_wrap {width:100%}
.eva_wrap .stab_wrap ul li {width:16.666% !important}
.eva_wrap .eva_list ul li .logo {width:240px !important}

/*교육과정 모두보기*/
.edu_step_wrap .area_select .map_wrap {height:auto !important; overflow:initial !important}
.edu_step_wrap .area_select .map_wrap.off {height:65px !important; overflow:hidden !important}
.edu_step_wrap .area_select .map_wrap .fl_left {width:100% !important}
.edu_step_wrap .area_select .map_wrap .fl_right {width:100% !important}

/* Tab */
#fl_safety {display:none}

.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .btn_search {margin:15px !important}
.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .select.upselect {margin:15px 0 9px 10px !important}
.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .select.downselect {margin:5px 7px 10px 10px !important}

/*민간안전보건교육기관 안내*/
.eva_wrap .eva_list.grade_s ul li {width: calc(100% - 40px) !important}
.eva_wrap .eva_list.grade_a ul li {width:calc(100% - 42px) !important}

/* 개인정보변경신청 step2 */
#wrapper #container .info_wrap_new .search_comp .searchdiv input#searchUserName {width:180px !important}
#wrapper #container .info_wrap_new .search_comp .searchdiv input#searchUserCertProcText {width:180px !important}
.eva_wrap .eva_list.grade_s ul li .ulBody_S_Right {width:auto !important; min-width:150px}
.eva_wrap .eva_list.grade_a ul li .ulBody_A_Right {width:auto !important; min-width:150px}

/*회원정보*/
.pin_wrap .busi_wrap .busi_info {height:inherit !important}
.pin_wrap .busi_wrap .busi_info .info_left {height:170px !important; background-position-y:40px !important}
.pin_wrap .busi_wrap .busi_info .info_left .tit {margin-top:90px !important;}
.pin_wrap .busi_wrap .busi_info .info_wrap {width:calc(100% - 160px) !important; height:inherit !important}
.pin_wrap .busi_wrap .busi_info .info_wrap .rdo_wrap .rdo {margin-right:20px !important}
.pin_wrap .busi_wrap .busi_info .info_wrap .cont04 input {width:120px !important}
.pin_wrap .busi_wrap .busi_info .btn_base {position:inherit !important; top: 0 !important; right:0 !important; margin-left:20px;}

/* 교육 선택 가이드 */
.poll_area .poll_wrap {overflow-x:auto; padding: 30px 0 !important}
.poll_area .poll_wrap > ul {min-width:800px}

/* 민간교육기관 실적등록 */
.layer_popup.int .pop_content .int_wrap .result_wrap .fl_left {float:inherit !important}
.layer_popup.int .pop_content .int_wrap .result_wrap .fl_right {float:inherit !important; width:100% !important}

/*마이페이지*/
.my_wrap .info{width:calc(50% - 70px) !important}
.my_wrap .cont02 ul li {width:calc(33.33% - 8px) !important}

/* 계산서/전표출력 */
.bill_wrap .text_wrap .rule-img li {width:33.33% !important;}
.bill_wrap .text_wrap .rule-img li::before {width:25% !important;}

/* 나의 강의 목록 */
.lecture_wrap .search_wrap .table_wrap.form table tbody tr:nth-child(2) td:nth-child(2) span {width:100% !important}
.lecture_wrap .search_wrap .table_wrap.form table tbody tr td input {width:200px !important}

/* 민간교육기관 정보수정 */
.pri_info .table_wrap.form .info_table tbody tr td input {width:50% !important}
.pri_info .table_wrap.form .info_table tbody tr td .address_wrap input:nth-of-type(2) {width:100% !important}
.pri_info .table_wrap.form .info_table tbody tr td .address_wrap input:nth-of-type(3) {width:73% !important}

/*모듈형 교재*/
.bbs_wrap .bbs_search {padding:0 100px !important;}

/* 2019-10-17 추천 교육 과정 */
.recommend_wrap .list_wrap ul li .t_wrap .btn_wrap {margin-left:inherit !important; right:20px}

/* 20190927 산업안전보건교육단 교육과정안내*/
.guide_menu .guide_con ul li {width:100%;}

/* popup */
.layer_popup.iss {margin:0 !important; left:calc(50% - 460px)}

/*footer*/
.footer-top-wrap .footer-top-box {display: block;}
.footer-top-wrap .footer-top-box .f-info ul {justify-content: center;}
.f-info li:after {top: 20px;}
.footer-top-wrap .footer-top-box .f-info ul li a {display: inline-block; padding: 18px 0;}
.footer-top-wrap .footer-top-box .f-info {border-bottom: 1px solid #686e76;}
.f-link ul {width: 100%;}
.f-link ul li {width: 50%;}
.f-link select {padding: 18px 20px 18px 20px; width: 100%;}
.f-link ul li:first-child select {border-left: 0 !important;}
.edu_step_wrap .stratum_select_box_scd{
	width: 71.5%;
}

}
@media (max-width:1200px){
	.f-info li:first-child, .f-info li:nth-child(3), .f-info li:nth-child(4) {display: none;}
	.edu_step_wrap .stratum_btn{
		width: 120px;
	}
}
	

@media (max-width:1024px){

/* layout */
#wrapper #container .content {width:100% !important;  padding:0 !important}

/* 메인 상단 메뉴, 상단 sns, 좌측메뉴 숨김 */
#wrapper #header .header nav, #wrapper #header .header .header-util-wrap, .lnb {display:none;}
#wrapper #header .header .header_top_wrap .header_top .header_logo a {width:200px !important; background:url(../images/common/logo2_m.png) no-repeat 0 center;}
#wrapper #header .header .header_top_wrap .header_top .btn-mob-search{display:inline-block; position:absolute; top:20px; right:40px; font-size:0; width:40px; height:40px; background:url(../images/common/ico_search.png) no-repeat 50%;}
#wrapper #header .header .header_top_wrap .header_top .btn-mob-menu {display:inline-block; position:absolute; top:20px; right:0; font-size:0; width:40px; height:40px; background:url('../images/common/btn-menu.png') no-repeat 50% 50%;}
#wrapper #header .header .header_top_wrap .header_top .search_wrap {display:none}

.slidemenu_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:30; background-color:rgba(0,0,0,0.4);}

#wrapper #header .header .header_top_wrap .header_top .search_wrap {float:initial; position:absolute; top:80px; left:-20px; width:100%; background:#fff; border-top:1px solid #ccc; padding:10px 20px;}
#wrapper #header .header .header_top_wrap .header_top .search_wrap .int_wrap input {width: calc(100% - 245px)}
/* #wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap a {width: 90px; padding: 6px 18px;} */
/* #wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap .btn_keyword {padding: 6px 10px;} */
#wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap .btn_keyword {width: 175px; padding: 13px 10px;}
/* 로그인 */
.login_wrap.cert .int_box .certified h3 span {font-size:14px !important}
.login_wrap.cert .int_box .certified.fl_left {width:49% !important}
.login_wrap.cert .int_box .certified.fl_right {width:49% !important}
/* .login_wrap.cert .int_box .certified .btn_wrap .log_left {width:50% !important} */
/* .login_wrap.cert .int_box .certified .btn_wrap .log_right {width:50% !important} */
/* .login_wrap.cert .int_box .certified .btn_wrap .cert_btn {left:calc(50% - 61px) !important} */
.login_wrap.cert .int_box .certified .btn_wrap .log_left {width:33% !important}
.login_wrap.cert .int_box .certified .btn_wrap .log_right {width:33% !important}
.login_wrap.cert .int_box .certified .btn_wrap span {left:calc(50% - 46px) !important}
.login_wrap.cert .int_box .certified .btn_wrap .cert_btn {left:calc(50% - 50px) !important; padding: 13px !important;}

/*컨텐츠 페딩*/
.contentpadding {padding:20px !important}

/* 공통 팝업 */
.layer_popup {width:100% !important; left:0 !important}

/*step_box*/
.step_box .info_box > div {width:30% !important}
.step_box .info_box .info_txt {width:100% !important; font-size:13px}
.step_box .info_box > img {padding: 0 5px !important}

.app_wrap_new .cont .step_box .info_box.reinfochange > div {width:22% !important}
.app_wrap_new .cont .step_box .info_box.reinfochange .info_txt {font-size:12px !important}

/* Tab */
.tab_wrap ul li.on > a {font-weight:inherit}
.tab_wrap ul li:nth-child(3) > a {border-right:1px solid #d5ddea !important}

.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap{position:relative;}
.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .edusearchtxt {padding:87px 26px 40px !important}
.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .select.upselect {margin:15px 7px 9px 10px !important}
.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .searchckeckbox {position:inherit !important; display:block; margin:0 20px 0 120px !important}
.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .select.downselect {margin:0 7px 10px 10px !important; width:35% !important}
.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .searchEdcSbjectNm {margin:0 10px 15px 0 !important; width:40% !important}
.edu_step_wrap .edu_process .process_wrap .schedulesearch_wrap .btn_search {float:inherit !important; margin:0 !important; position:absolute; top:20px; right:15px}

/* 서브메인 */
.target_wrap .cont_new .t_wrap {height:300px !important}
.target_wrap .cont_new .t_wrap h2 {padding:30px 0 5px 0 !important; font-size:20px !important}

/*기초안전보건교육 안내 페이지*/
.info_wrap .search_comp input:nth-child(4) {width:200px !important}

/* 개인정보정정 신청 */
.app_wrap_new .inner .reinfo_sub {width:28%;}
.app_wrap_new .reinfo_box .reinfo_btn {top:initial !important; right:0 !important; width:calc(100% - 94px); text-align:center; margin-top:20px; display:block}
.app_wrap_new .reinfo_box {padding: 30px 25px 64px 25px !important;}

/*민간안전보건교육기관 안내*/
.eva_wrap .stab_wrap {width:100%}
.eva_wrap .stab_wrap ul li {width:33.33% !important}
.eva_wrap .eva_list ul li .logo {width:auto !important; min-width:190px}

/* 나의 강의 목록 */
.lecture_wrap .search_wrap .table_wrap.form table tbody tr td input {width:inherit !important;}

/*모듈형 교재*/
.bbs_wrap .bbs_search {padding:0 20px !important;}

/* popup */
.layer_popup.iss {margin:0 !important; left:inherit !important; max-width:inherit !important}
.layer_popup.iss .iss_wrap .search .btn_base {display:block; width:100% !important; margin-left:0 !important; text-align:center !important; background-position:45% !important}
.layer_popup.iss .iss_wrap .search .txt.certText {display:block}
.layer_popup.iss .iss_wrap .search .userName {width:30% !important}
.layer_popup.iss .iss_wrap .search .userBirthday {width:30% !important}
.layer_popup.iss .iss_wrap .search .rdo {padding-top:0 !important}

/*회원정보*/
.pin_wrap .busi_wrap .busi_info .info_wrap .cont01 input#searchBpBizrno {width:calc(100% - 10px) !important}

/* 계층, 업종 추가  */
.edu_step_wrap .stratum_btn{
	display:inline-block;
	width: 130px;
	height: 13px;
	background-color: #42983b;
	border-radius: 5px;
	color: white;
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
	text-align: center;
	padding: 10px 0 15px 0;
}
.edu_step_wrap .industry_btn{
	display:inline-block;
	width: 150px;
	height: 13px;
	background-color: #42983b;
	border-radius: 5px;
	color: white;
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
	text-align: center;
	padding: 10px 0 15px 0;
}
/* .edu_step_wrap .industry_select_box_scd .industry_btn{ */
/* 		font-size: 12.5px; */
/* 	} */

/* } */

@media (max-width:800px){

/* 로그인 */
.login_wrap.cert .int_box .certified.fl_left {width:100% !important}
.login_wrap.cert .int_box .certified.fl_right {width:100% !important; margin-top:20px}

/*table*/
.table_wrap {overflow:auto}
.table_wrap table {width:800px !important}
.table_wrap.tbg {margin:30px 0 0 0 !important; padding:0 !important}

/*list_wrap*/
.bbs_wrap .search_wrap .fl_right {width:calc(100% - 30px) !important}
.bbs_wrap .list_wrap  {overflow:auto;}
.bbs_wrap .list_wrap  ul {width:800px !important;}
.bbs_wrap .list_wrap.tbg {margin:30px 0 0 0 !important; padding:0 !important;}
.bbs_wrap .search_wrap {padding:0px 5px !important; height: 185px !important;}
.bbs_wrap .search_wrap > .fl_right {width:100% !important;}
.bbs_wrap .search_wrap .int_wrap {float: inherit !important; width: calc(100% - 2px) !important; margin-left: 5px !important; margin: 15px 0 15px 0 !important;margin-left:5px !important;}
.bbs_wrap .search_wrap .int_wrap input {width:calc(100% - 32px)!important;}
.bbs_wrap .search_wrap .select {float: inherit !important; width: calc(100% - 2px) !important;}

/*btn*/
.edu_btn {border-radius:0 !important; padding: 10px 30px;}

/* 공통 팝업 */
.layer_popup {width:100%}

/*STEP2*/
.edu_step_wrap .step_info .busi_info {padding-bottom:20px;}
.edu_step_wrap .step_info .busi_info .info_left {width:100% !important; height:inherit !important; float:inherit !important; background-image:none !important;}
.edu_step_wrap .step_info .busi_info .info_left .tit {margin:20px 0 !important}
.edu_step_wrap .step_info .busi_info .chk_wrap {left:0 !important}
.edu_step_wrap .step_info .busi_info .info_wrap {width:calc(100% - 40px) !important;}
.edu_step_wrap .step_info .busi_info .info_wrap .rdo_wrap {height:inherit !important}
.edu_step_wrap .step_info .busi_info .info_wrap .cont04 .name {width:100px !important; margin:0 17px 10px 0 !important;}
.edu_step_wrap .step_info .busi_info .info_wrap .cont04 input {width: calc(100% - 120px) !important;}
.edu_step_wrap .step_info .busi_info .btn_base {width:calc(100% - 40px) !important; text-align:center !important; background-position-x:40% !important;}

/*STEP3*/
.edu_step_wrap .step_info .table_wrap.form.step3 {padding:0 !important; margin-bottom:40px !important}

.notice_wrap .board_search .center_wrap {width:calc(100% - 30px) !important}

/* 2019-10-21 건설업 기초안전보건교육이란?*/
.info_wrap_new .cont ul.bul li p {width:auto !important}

/* 서브메인 */
.target_wrap .cont_new {width:100% !important;  height:auto !important; margin:0 0 20px 0 !important}
.target_wrap .cont_new .t_wrap {height:auto !important; padding-left:179px !important}

/*건설업 기초안전보건교육 자주하는 질문*/
.info_wrap .cont_new .tab_wrap {height:auto !important}
.info_wrap .cont_new .tab_wrap.FAQ ul li {width:33.33% !important}

/* 교육 이수 근로자 조회(이수정보 조회) */
.info_wrap .inner.infor .contents li {margin-left:10px !important}
.info_wrap .cont .search_comp.new .txt {width:30%; margin-left:0 !important}

/* 개인정보변경신청 step2 */
#wrapper #container .info_wrap_new .search_comp .searchdiv input#searchUserName {width:calc(100% - 130px) !important;}
#wrapper #container .info_wrap_new .search_comp .searchdiv input#searchUserBirthday {width:calc(100% - 130px) !important; margin-left:8px !important}

/*민간안전보건교육기관 안내*/
.eva_wrap .eva_list.grade_s ul li {height: auto !important}
.eva_wrap .eva_list ul li .logo {display:block !important; margin:10px 0 !important}
.eva_wrap .eva_list.grade_a ul li {height: auto !important}


/*민간안전보건교육기관 안내*/
.eva_info .cont .app_img img {max-width:600px !important;}

#wrapper #container .info_wrap .cont .search_comp.new input {width:50% !important; margin-bottom: 10px;}

.app_wrap .top_info.edu_box {padding:30px 25px 64px 25px !important}
.app_wrap .top_info.edu_box .edu_btn {top:initial !important; right:0 !important; width:calc(100% - 94px); text-align:center; margin-top:20px; display: block;}
.btn_cal_wrap {display: none;}

/*마이페이지*/
.my_wrap .cont04 .cnt04_list li {background-image:none !important}

/*회원정보*/
.pin_wrap .busi_wrap .busi_info {padding-bottom:20px}
.pin_wrap .busi_wrap .busi_info .info_left {width:100% !important; height:inherit !important; float:inherit !important; background-image:none !important}
.pin_wrap .busi_wrap .busi_info .info_left .tit {margin: 20px 0 !important;}
.pin_wrap .busi_wrap .busi_info .info_wrap {width: calc(100% - 40px) !important;}
.pin_wrap .busi_wrap .busi_info .info_wrap .rdo_wrap {height:inherit !important;}
.pin_wrap .busi_wrap .busi_info .info_wrap .cont04 input {width:calc(100% - 120px) !important;}
.pin_wrap .busi_wrap .busi_info .info_wrap .cont04 .name {width:100px !important; margin:0 17px 10px 0 !important}
.pin_wrap .busi_wrap .busi_info .btn_base {width:calc(100% - 40px) !important; text-align:center !important; background-position-x:40% !important}
.pin_wrap .busi_wrap .busi_info .info_wrap .cont02 input#searchUbpNm {width:calc(100% - 10px) !important; margin-bottom:10px}

/* 나의 강의 목록 */
.lecture_wrap .result_wrap .top_info {height:inherit !important}
.lecture_wrap_new .t_info {display:block !important; float:inherit !important; text-align:left; margin-bottom:20px}
.lecture_wrap_new .btn_wrap {float:inherit !important}

/*모듈형 교재*/
/* .bbs_wrap .list_wrap ul li {padding:20px 0 !important} */
.bbs_wrap .file {font-size:14px !important}
.bbs_wrap_new .table_wrap.form table tbody tr td .info img {max-width:600px !important;}

/* 공통 팝업 */
/* .layer_popup.issUser .iss_wrap .search {height:auto !important} */

/* 계층, 업종 */
.edu_step_wrap .stratum_btn{
	display:inline-block;
	width: 120px;
	height: 12px;
	background-color: #42983b;
	border-radius: 5px;
	color: white;
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
	text-align: center;
	padding: 10px 0 15px 0;
}
.edu_step_wrap .industry_btn{
	display:inline-block;
	width: 160px;
	height: 12px;
	background-color: #42983b;
	border-radius: 5px;
	color: white;
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
	text-align: center;
	padding: 10px 0 15px 0;
}

}

@media (max-width:768px){
	/*키워드로 보는 교육과정 한 눈에 보기*/
	.keyword-cont-wrap {width: 100% !important; margin-right: 0 !important;}
	.keyword-wrap.pc-ver {display: none !important;}
	.keyword-wrap.m-ver{display: block !important;}
	.keyword {padding: 15px 20px !important;}
	.keyword-cont {padding: 15px 20px !important;}
	
	/* 계층, 업종 */
	.edu_step_wrap .stratum_btn{
		display:inline-block;
		width: 95.5px;
		height: 12px;
		background-color: #42983b;
		border-radius: 5px;
		color: white;
		font-size: 13px;
		font-weight: 400;
		cursor: pointer;
		text-align: center;
		padding: 10px 0 15px 0;
	}
	.edu_step_wrap .industry_btn{
		display:inline-block;
		width: 140px;
		height: 12px;
		background-color: #42983b;
		border-radius: 5px;
		color: white;
		font-size: 13.5px;
		font-weight: 400;
		cursor: pointer;
		text-align: center;
		padding: 10px 0 15px 0;
	}
}

@media (max-width:610px){
	
	/* 계층, 업종 */
	
	.edu_step_wrap .stratum_btn{
		display:inline-block;
		width: 95px;
		height: 12px;
		background-color: #42983b;
		border-radius: 5px;
		color: white;
		font-size: 13.5px;
		font-weight: 400;
		cursor: pointer;
		text-align: center;
		padding: 10px 0 15px 0;
	}
/* 	.edu_step_wrap .stratum_select_box #sclsrtcdOptiona3, #sclsrtcdOptiona2{ */
/* 		font-size: 12px; */
/* 	} */
	.edu_step_wrap .industry_btn{
		display:inline-block;
		width: 120px;
		height: 12px;
		background-color: #42983b;
		border-radius: 5px;
		color: white;
		font-size: 13.5px;
		font-weight: 400;
		cursor: pointer;
		text-align: center;
		padding: 10px 0 15px 0;
	}
/* 	.edu_step_wrap .industry_select_box_scd #industryOptiona4, #industryOptiona2{ */
/* 		font-size: 11.5px; */
/* 	} */
	.edu_step_wrap .stratum_select_box_scd{
		width: 73%;
	}
}

@media (max-width:523px){
	
	/* 계층, 업종 */
	
	.edu_step_wrap .stratum_btn{
		display:inline-block;
		width: 88px;
		height: 12px;
		background-color: #42983b;
		border-radius: 5px;
		color: white;
		font-size: 9.5px;
		font-weight: 400;
		cursor: pointer;
		text-align: center;
		padding: 10px 0 15px 0;
	}
	
/* 	.edu_step_wrap .stratum_select_box #sclsrtcdOptiona3, #sclsrtcdOptiona2{ */
/* 		font-size: 10px; */
/* 	} */
	
	.edu_step_wrap .industry_btn{
		display:inline-block;
		width: 108px;
		height: 12px;
		background-color: #42983b;
		border-radius: 5px;
		color: white;
		font-size: 9.5px;
		font-weight: 400;
		cursor: pointer;
		text-align: center;
		padding: 10px 0 15px 0;
	}
	
	.edu_step_wrap #industryOptiona5{
		font-size: 9.5px;
		line-height: 9px;
	}
	
/* 	.edu_step_wrap .industry_select_box_scd #industryOptiona4, #industryOptiona2{ */
/* 		font-size: 10px; */
/* 	} */
	
	
}