/* 비회원 댓글 패스워드 도배방지키 입력폼 */
.nomem_form_area{width:100%; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; background-color:#e9e9e9; margin:6px 0}

.nomem_passform{padding:10px; border-bottom:1px solid #c9c9c9; list-style:none; overflow:hidden}
.nomem_passform li:first-child{padding-top:4px;float:left;width:60px;font-size:11px; color:#3a3a3a;}
.nomem_passform li{float:left}
.nomem_passform li .txt{font-size:11px; color:#9a9a9a; padding:4px 0 0 5px; display:inline-block;}
.nomem_passform li input{width:120px; line-height:22px; height:22px; border:1px solid #c9c9c9}

.nomem_dobea{padding:10px; border-bottom:1px solid #c9c9c9; list-style:none; overflow:hidden}
.nomem_dobea li:first-child{padding-top:4px;float:left;width:60px;font-size:11px; color:#3a3a3a;}
.nomem_dobea li{float:left;}
.nomem_dobea .dobae{font-size:11px; color:#9a9a9a;BACKGROUND-COLOR: #999999;  display:inline-block; margin:2px 0 0 5px; line-height:20px; height:20px; color:#ffffff}
.nomem_dobea li .txt{font-size:11px; color:#9a9a9a; padding:4px 0 0 5px; display:inline-block;}
.nomem_dobea li input{width:120px;line-height:22px; height:22px; border:1px solid #c9c9c9}


.border_list_line table{border-collapse:collapse; border-spacing:0; width:334px;}
.border_list_line:first-child table tr td{border:1px solid #eaeaea}

.list_top { width:100%; margin-top:10px; border-top:3px solid #4d4d4d; border-bottom:1px solid #e7e7e6; }
.board_name_color a{ color:#78aa0c !important; }

.user_addr1_m input[type=text]{width:50% !important;}


.prev_year { font-family:tahoma; font-weight:bold; color:#999; font-size:16px; }
.next_year { font-family:tahoma; font-weight:bold; color:#999; font-size:16px; }
.prev_month { font-family:tahoma; font-weight:bold; color:#333; font-size:18px; }
.next_month { font-family:tahoma; font-weight:bold; color:#333; font-size:18px; }
.this_month { font-family:tahoma; font-weight:bold; color:#333; font-size:30px; }

.tb_line_s { border:1px solid #e5e5e5; }
.cs_text_title { border:1px solid #eaeaea; border-top:none; background:#f5f5f4; color:#666; letter-spacing:-1px; } 
.tb_style_1 { padding:8px 0 2px 0; color:#666; letter-spacing:-1px; background:#fcfcfc; }
.tb_style_2 { padding:8px 0 2px 0; color:#666; letter-spacing:-1px; background:#fff; }
.letter0 { letter-spacing:0px; }

.my_page_title { font-size:27px; color:#333; letter-spacing:-3px; }
.in_line { border:1px solid #e4e4e4; }
.in_line2 { border:1px solid #ededed; border-top:0 none;}
.online_m { font-size:11px; font-family:돋움; margin-top:5px; }
/* 문의 */
.in_form input[type=text] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; }
.in_form input[type=password] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; }
.in_form input[type=file] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0; }
.in_form select { padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-family:맑은 고딕;}
.in_form textarea { border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:200px; }
.in_form input[type=checkbox]
.in_form input[type=radio] { vertical-align:middle; margin:-2px 0 1px;  cursor:pointer; }
/* 문의 */

.in_form_account{width:250px}
.in_form .form_txt{}
#road_addr2{}
.in_form_b { width:50px; }
.in_form_add1 { width:100px; }
.in_form_add2 { width:300px; }
.in_form_add3 { width:100px; }
.in_form_day { width:80px; }
.in_form_job { width:80%; }
.in_form_memo { width:80%; }
.btn_zipcode img{vertical-align:middle;}

.search_img img{padding:4px; border:1px solid #eaeae9;}
.sub_top_img { height:370px; }


.my_menu_left { border:1px solid #cecece; background:#f4f4f4; padding:20px; cursor:pointer; }
.my_menu_text { font-family:맑은 고딕; font-size:15px; color:#313131; font-weight:bold; letter-spacing:-1px; }

/* 약관 관련 폰트 스타일 dohyoji */
.term_txt p{font-family: 'Noto Sans KR' !important; font-weight:400 !important; line-height:200%; font-size:14px !important}
.term_txt div span{font-family: 'Noto Sans KR' !important; font-weight:400 !important; line-height:200%}

.img_preview{max-width:600px; height:auto}

/* 하단 설정툴 디자인*/
.admin_tool .tool_line{
	border-bottom:1px solid #bcbcbc;
}
.admin_tool .tool_line:nth-of-type(1){
	border-top:1px solid #bcbcbc;
}
.cs_tool_title{
	position:relative;
	padding:20px 24px;
	border-bottom:1px solid #f2f2f2;
	background:#f8f8f8;
}
.cs_tool_title span.title{
	padding-left:10px;
	font-size:18px;
	color:#252525;
	vertical-align:middle;
}
.common_table th{
	font-size:16px;
	padding:10px 20px 10px 5px;
	text-align:left;
	font-weight:normal;
	color:#818181;
}
.common_table td{
	font-size:16px;
	text-align:left;
	padding-right:60px;
	color:#252525;
}
.common_table td.mod_padding{
	padding:10px 0 10px 0;
}
.common_table td.mod_padding.first{
	padding:20px 0 10px 0;
}
.common_table td.mod_padding.last{
	padding:10px 0 20px 0;
}
.common_table td.mod_padding_flash{
	padding:20px 20px;
}
.common_table td.mod_padding_flash object{
	width:100%;
}
.common_table td.guide p,
.common_table td.guide div{
	font-family: 'Noto Sans KR' !important;
	font-weight: 400 !important;
}
.satisfaction_info div.txt{
	padding:20px 20px 20px 5px;
	border-bottom:1px solid #f2f2f2;
}
.satisfaction_info span.title{
	padding-left:10px;
	font-size:15px;
	color:#267ee1;
	vertical-align:midde;
}
.satisfaction_info .memo_box{
	width:100%;
	margin-right:10px;
}
.satisfaction_info .memo_box textarea{
	width:100% !important;
	height:123px !important;
	padding:15px;
	border:1px solid #dddddd;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box;
	resize:none;
}
.satisfaction_info .submit_btn{
	background:#0074f4;
	color:#fff;
	font-size:18px;
	cursor:pointer;
	border-radius:3px;
}
/* 관리자권한 O,X 에 따른 셀렉트박스 CSS */
.secure_admin_ok {
	color:red;
}
.secure_admin_no {

}

.master_check{
	padding:50px 0 30px 0;
	text-align:center;
}
.master_check h3{
	margin-bottom:10px;
}
.master_check h3 span.title{
	font-size:20px;
	color:#252525;
	vertical-align:middle
}
.cs_inquiry_btn a{
	display:inline-block;
	padding:3px 10px;
	background:#fff;
	font-size:14px;
	color:#252525;
	border-radius:3px;
	border:1px solid #d9d9d9;
	vertical-align:middle;
	margin-left:5px;
}
.searching{
	text-align:center;
}
.inquiry_common_table th{
	font-size:15px;
	padding:20px 0;
	text-align:center;
	font-weight:normal;
	color:#464646;
	background:#fbfbfb;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}
.inquiry_common_table td{
	font-size:15px;
	padding:20px 0;
	text-align:left;
	color:#252525;
}
.page table{
	margin:0 auto;
}


/* 교육기관 안내 */
.facilities_area{
	display:flex;
	margin-top:60px;
}
.facilities_area .map{
	flex:0 1 530px;
	text-align: center;
}
.facilities_area .area{
	flex:1;
}
.facilities_area .area ul{
}
.facilities_area .area ul li{
	display:flex;
	padding:13px 0;
	border-bottom:1px solid #e5e5e5;
	align-items: center;
}
.facilities_area .area ul li > em{
	flex:1;
	font-size:19px; 
	color:#636363; 
}
.facilities_area .area ul li > a{
	flex:none;
	display:inline-block;
	padding:5px 19px; 
	font-size:14px; 
	background:#f5f5f5; 
	border:1px solid #ebebeb; 
}
.eud_place_area table{
	table-layout:fixed;
}

/* 원서 차트 */
.take_reg_title{
	padding-bottom:15px;
	font-size:22px;
	letter-spacing:-1px;
	color:#333333;
	border-bottom:1px solid #e5e5e5;
}
.take_reg_chart{
	width:100%;
	margin-bottom:55px;
}
.take_reg_chart th{
	width:200px;
	padding:22px 0;
	color:#333;
	text-align:left;
	font-size:16px;
	border-bottom:1px solid #e5e5e5;
	box-sizing: border-box;
}
.take_reg_chart td{
	padding:14px 0;
	box-sizing: border-box;
	font-size:15px;
	color:#333;
	border-bottom:1px solid #e5e5e5;
}
/*서브 컨텐츠 css*/
.sub_title{line-height:1; color:#636363}
.flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.flex_c{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.flex_b{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex_ac{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.theme_color{color:#247ad6 !important;}
.theme_bg_color{background-color:#247ad6}
.lesp_05{letter-spacing:-0.05em}
.pskkc_btn{
	display:inline-block;
	margin:20px auto 0;
	padding:18px 39px;
	border:solid 1px #005dc0;
	color:#fff;
	box-sizing: border-box;
	line-height:1;
}
.pskkc_btn:hover{
	background-color:#005dc0;
}

.pskkc_btns{
	display:inline-block;
	margin:5px 0 20px 20px;
	padding:8px 25px;
	border:solid 1px #005dc0;
	color:#fff;
	box-sizing: border-box;
	line-height:1;
}
.pskkc_btns:hover{
	background-color:#005dc0;
}

.pskkc_gry_btn{margin:10px auto 0;}
.pskkc_gry_btn button {
	border:solid 1px #ebebeb;
	background-color:#f5f5f5;
	font-size:14px;
	color:#333;
	display:inline-block;
	padding:10px 20px;
	box-sizing: border-box;
	line-height:1;

}
.pskkc_gry_btn button:hover {
	background-color:#ebebeb;
}

.subcon_txt {
	font-family: 'Noto Sans KR' !important;
	font-weight:400 !important;
	color:rgba(0,0,0,.6);
	font-size:17px !important;
	line-height:26px;
	letter-spacing:-0.05em;
}
.dis_txt{font-size:18px !important;color:#333;}
.ex_guide1 .rows{
	border:solid 1px #e5e5e5;
	border-radius:5px;
	width:386px;
	height:362px;
	text-align:center;
	padding-top:40px;
	box-sizing: border-box;
}
.ex_guide1 .rows h1{font-size:28px; color:#333;text-align:center;line-height:1; margin:26px auto;letter-spacing:-0.05em;}
.ex_guide1 .rows .txtbox{
	width:302px;
	text-align:center;
	margin:0 auto;
}
.ex_guide2 .rows{text-align:center;width:12.5%;}
.ex_guide2 .rows h2{font-size:18px; color:#333333; line-height:1;font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.ex_guide2 .rows h1{font-size:32px; text-align:center;line-height:1.2; margin:10px auto 0;letter-spacing:-0.05em;font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.ex_guide2 .rows p{margin-top:55px}
.ex_guide2 .step_arrow{width:5%; margin:110px auto 0; height:33px; text-align:center;}
.ex_guide2 .step_arrow span{width:33px;height:33px;padding-top:2px;background-color:#333; color:#fff; text-align:center;border-radius:100%; vertical-align: middle;box-sizing: border-box;}

#exam_cancel .row{
	border:solid 1px #e5e5e5;
	width:100%;
	text-align:center;
	padding:30px;
	box-sizing: border-box;
}
#exam_cancel .row h1{font-size:24px; text-align:center;line-height:1.2; margin:0px auto 10px;letter-spacing:-0.05em;}
#exam_cancel ul li h1 {font-size:20px; color:#333;padding-bottom:20px; line-height:1.2;font-family: 'Noto Sans KR' !important; font-weight:400 !important;letter-spacing:-0.05em;}
#exam_cancel ul li{list-style:none !important; padding:25px 0}
#exam_cancel ul li p{font-size:17px !important; color:rgba(0,0,0,.6);line-height:1.5;font-family: 'Noto Sans KR' !important; font-weight:400 !important;letter-spacing:-0.05em; padding-left:17px}

.cont_table100 {
	width:100%;
	border-collapse: collapse;
	border:solid 1px #e5e5e5;
	box-sizing: border-box;
}
.cont_table {
	width:1183px;
	margin-left:17px;
	border-collapse: collapse;
	border:solid 1px #e5e5e5;
	box-sizing: border-box;
}
.cont_table tr th, .cont_table100 tr th{
	font-family: 'Noto Sans KR' !important;
	font-weight:500 !important;
	font-size:17px !important;
	color:rgba(0,0,0,.7);
	line-height:1.3;
	background:#f7f7f7;
	border:solid 1px #e5e5e5;
	padding:15px 0;
	text-align:center;
	box-sizing: border-box;
}
.cont_table tr td, .cont_table100 tr td{
	font-family: 'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:16px !important;
	color:rgba(0,0,0,.6);
	line-height:1.5;
	letter-spacing:-0.05em;
	border:solid 1px #e5e5e5;
	padding:15px;
	box-sizing: border-box;
}
.cont_table td.center, .cont_table100 td.center {text-align:center;}

p.stitle {
	font-size:20px !important;
	color:#333;
	line-height:1.2;
	font-family: 'Noto Sans KR' !important;
	font-weight:500 !important;
	letter-spacing:-0.05em;
	margin:40px 0 15px 0;
}
p.stitle span {color:#247ad6;font-weight:500 !important;}
p.stitle span.blue {color:#3f94e4;font-weight:500 !important;}
.box_text{
	border:solid 1px #e5e5e5;
	width:100%;
	text-align:center;
	padding:30px;
	box-sizing: border-box;
}
.sub_point_title {font-size:24px;line-height:1.2;font-family: 'Noto Sans KR' !important;font-weight:500 !important;padding-top:60px}
ul.info_02{padding-bottom:10px;}
ul.info_02 li {
	margin-left:20px;
	font-family: 'Noto Sans KR' !important;
	font-weight:400 !important;
	color:rgba(0,0,0,.6);
	font-size:17px !important;
	line-height:1.7;
	letter-spacing:-0.05em;
}
/*서브 컨텐츠 css*/

/* 일정리스트 */
.schedule_chart table th{
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	color:#222222;
	padding:19px 0;
	text-align:center;
}
.schedule_chart table td{
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	color:#333;
	padding:19px 0;
	text-align:left;
	letter-spacing:-0.5px;
}

/*시험일정*/
.schedule_chart2 table {width:100%}
.schedule_chart2 table th, .schedule_chart2 table td{
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:15px;
	padding:15px 0;
	letter-spacing:-0.5px;
	text-align:center;
}
.schedule_chart2 table th{
	border-top:1px solid #ddd;
	background-color:#eaf2ff;
	color:#000;
	font-weight:500!important;
}
.schedule_chart2 table td{color:#333;}
.schedule_chart2 table th:last-child, .schedule_chart2 table td:last-child {border-right:1px solid #ddd;}
.schedule_chart2 table tr:last-child td{border-bottom:1px solid #ddd;}





/* 마이페이지 */
.mypage_title{
	padding-bottom:14px; 
	font-size:26px; 
	border-bottom:3px solid #4d4d4d; 
	letter-spacing:-1px;
	color:#333;
}
.perchase_chart{
	width:100%;
}
.perchase_chart th{
	padding:13px 0;
	font-size:14px;
	color:#636363;
	letter-spacing:-1px;
	border-bottom:1px solid #e7e7e6;
	box-sizing: border-box;
}
.perchase_chart td{
	padding:18px 0;
	box-sizing: border-box;
	max-height:85px;
	font-size:14px;
	color:#636363;
	letter-spacing:-1px;
	border-bottom:1px solid #e7e7e6;
}
.perchase_chart td.btn a,
.perchase_chart td.btn span{
	box-sizing: border-box;
	display:inline-block;
	padding:7px 20px;
	width:76px;
}
.perchase_chart td.btn a.wait,
.perchase_chart td.btn span.wait{
	border:1px solid #e6e5e4;
	background:#fff;
	color:#636363;
}
.perchase_chart td.btn a.examination,
.perchase_chart td.btn span.examination{
	background:#e5e5e5;
	color:#636363;
}
.perchase_chart td.btn a.concede,
.perchase_chart td.btn span.concede{
	background:#3190c6;
	color:#fff;
}
.perchase_chart td.btn a.reject,
.perchase_chart td.btn span.reject{
	background:#4d4d4d;
	color:#fff;
}
.perchase_chart td.btn a.print,
.perchase_chart td.btn span.print{
	background:#f59075;
	color:#fff;
}
.perchase_chart td a.btn_pay{
	display:inline-block;
	padding:4px 19px;
	color:#fff;
	background:#247ad6;
}
.perchase_chart_inner{
	display:flex;
	height:46px;
	border-bottom:1px solid #e5e5e5;
	align-items: center;
}
.perchase_chart_inner span.title{
	width:160px;
	padding-left:15px;
	font-size:16px;
	letter-spacing:-1px;
	color:#333;
	box-sizing: border-box;
	text-align:left;
}
.perchase_chart_inner span.info{
	color:#636363
	letter-spacing:-1px;
	text-align:left;
	font-size:15px;
}
.perchase_chart .no_googs{
	padding:20px 0;
	text-align:center;
	font-size:14px;
}
.modal_sub_title{
	font-size:20px; 
	color:333; 
	padding-bottom:10px; 
	margin-top:35px; 
	letter-spacing:-1px;
	color:#333;
}

/* 시험결과 확인 */
.result_chart table th{
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	color:#222222;
	padding:19px 0;
	text-align:center;
}

.result_chart table td{
	border-bottom:1px solid #e5e5e5;
	font-size:16px;
	color:#222;
	padding:19px 0;
	text-align:center;
	letter-spacing:-0.5px;
}
/* 결제수단 디자인 */
.perchase_choose{
	display:flex;
	height:206px;
	box-sizing: border-box;
}
.perchase_choose a{
	position:relative;
	display:inline-flex;
	flex-direction: column;
	flex:0 1 25%;
	border:1px solid #e5e5e5;
	align-items: center;
	justify-content: center;
}
.perchase_choose a .icons{
	margin-bottom:20px;
}
.perchase_choose a .dummy{
	display:none;
}
.perchase_choose a:hover .dummy{
	display:block;
	position:absolute; 
	border:2px solid #1387fa;
	top:-2px;
	left:0px;
	bottom:-1px;
	right:0px;
}
.perchase_choose a.hphone{
	border-left:0 none;
}
.perchase_choose a.bank{
	border-left:0 none;
}
.perchase_choose a.account{
	border-left:0 none;
}

.mypage_member_info{
	height:87px; 
	margin-bottom:71px;
	border:1px solid #e5e5e5; 
	padding:0 32px;
	align-items: center;
}
.mypage_member_info em{
	flex:1;
	font-size:20px;
	color:#636363;
	letter-spacing:-1px;
}
.mypage_member_info em .name{
	font-size:24px; 
	color:#333;
}
.mypage_member_info .member_mod{
	flex:none;
}
.mypage_member_info .member_mod a{
	font-size:15px;
	color:#636363;
}
.mypage_member_info .member_mod a:first-child:before{
	display:none;
}
.mypage_member_info .member_mod a:before{
	content:"|";
	display:inline-block;
	position:relative;
	padding:0 10px 0 10px;
	top:-2px;
	font-size:12px;
	color:#e5e5e5;
}
.no_goods {
	font-size:14px;
	text-align:center;
	padding:20px 0;
}

/*보수교육관련 커스텀*/
.cus_stitle {
	position: relative;
	font-size:20px !important;
	color:#333;
	line-height:1.2;
	font-family: 'Noto Sans KR' !important;
	font-weight:500 !important;
	letter-spacing:-0.05em;
	margin:0 auto 20px;
	display: flex;
	align-items: center;
	gap:5px;
	width: 100%;
}
.cus_stitle span {color:#999;font-weight:500 !important;}
.cus_stitle span.blue {color:#3f94e4;font-weight:500 !important;}

.cus_box_style{
	width: 100%;
	position: relative;
	/*box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);*/
	margin:0 auto 30px;
	padding:50px 150px;
	box-sizing: border-box;
	border: solid 1px rgb(232,235,242,1);
	border-radius: 15px;
	background-color: rgb(247,248,253,1);
}


.edu_inq_form{margin:0 auto;}
.edu_inq_form ul li{display: flex;align-items: center;gap:5px;flex-wrap: wrap; justify-content: center;margin:10px 0}
.edu_inq_form p{color: #333; font-size: 16px; width:120px;display: flex;align-items: center;line-height:0.8}
.edu_inq_form .h_form input{width:300px; hgeiht:40px;color: #333; font-size: 16px; }


/*보수교육 대상자 조회 결과*/
.con_edu_inq_result table {width:100%}
.con_edu_inq_result table th, .con_edu_inq_result table td{
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:15px;
	padding:15px 0;
	letter-spacing:-0.5px;
	text-align:center;
}
.con_edu_inq_result table th{
	border-top:1px solid #ddd;
	background-color:#eaf2ff;
	color:#000;
	font-weight:500!important;
	font-size:16px;
	font-family: 'Noto Sans KR' !important
}
.con_edu_inq_result table td{color:#333; font-size:16px;font-family: 'Noto Sans KR' !important;}
.con_edu_inq_result table th:last-child, .con_edu_inq_result table td:last-child {border-right:1px solid #ddd;}
.con_edu_inq_result table tr:last-child td{border-bottom:1px solid #ddd;}

.con_edu_inq_result .h_btn_apply{border:1px solid #247ad6; color:#247ad6; background-color:#fff; font-weight:500!important; width:120px;letter-spacing:-0.05em; }
.con_edu_inq_result .h_btn_apply:hover, .con_edu_inq_result .h_btn_apply:focus {border:1px solid #5f79ff !important; color:#fff !important; background-color:#5f79ff; font-weight:400!important; width:120px;letter-spacing:-0.06em; }




/*2024.12.02 custom css*/
	 /* flex*/

	 .flex_align_center{
		display: flex;
		align-items: center;
	}
	.flex_align_start{
		display: flex;
		align-items: flex-start;
	}
	.flex_align_stretch{
		display: flex;
		align-items: stretch;
	}

	.flex_justify_between{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.flex_justify_center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flex_justify_end{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	/* column */
	.flex_column{
		display: flex;
		flex-direction: column;
	}
	/* gap */
	.gap5{gap:5px}
	.gap7{gap:7px}
	.gap10{gap:10px}
	.gap12{gap:12px}
	.gap15{gap:15px}
	.gap20{gap:20px}
	.gap25{gap:25px}
	.gap30{gap:30px}
	.gap35{gap:35px}
	.gap40{gap:40px}
	.gap45{gap:45px}
	.gap50{gap:50px}
	.gap60{gap:60px}
	.gap70{gap:70px}
	.gap80{gap:80px}
	.gap90{gap:90px}
	.gap100{gap:100px}


	
/*cus css 2025.01.07 보수교육*/
.sub_page_wrap *{
	font-family: 'Noto Sans KR' !important;
	letter-spacing:-0.05em;
	box-sizing: border-box;
}
.sub_page_wrap{
	width:100%;
	margin-top:80px;
	padding-top:30px;
	padding-bottom:100px;
}

.sub_page_wrap h1{
	font-size:38px;
	color:#616161;
	font-weight:700;
	line-height:1
}
.sub_page_wrap h1 span{color:var( --main-color );}
.sub_page_wrap h2{
	font-size:24px;
	color:var( --main-color );
	font-weight:500;
	line-height:1
}

.sub_page_wrap .stxt h3{
	font-size:18px;
	color:#111;
	line-height:1.5;
	font-weight:500;
	line-height:1
}
.sub_page_wrap .stxt ul{
	display: flex;
	flex-direction: column;
	gap:5px;
}
.sub_page_wrap .stxt ul li{
	font-size:16px;
	color:#666;
	line-height:1.5!important;
	font-weight:400;
	list-style-type: disc;
	margin-left:25px;
	line-height:1.2
}

.sub_page_wrap .stxt p.point{
	font-size:16px;
	color:#f40000;
	line-height:1.5;
	font-weight:400;
	letter-spacing:-1px

}
.sub_page_wrap .stxt ul li span{
	font-weight:500;
	color:#333;
}
.sub_page_wrap .stxt ul li p{
	font-size:16px;
	color:#333;
	line-height:1.75;
	font-weight:400;
	margin:5px;
}

/*step*/

.sub_page_wrap .step{width:700px;}
.sub_page_wrap .step_box{
	display: flex;
	align-items: stretch;
	width:100%;
}
.sub_page_wrap .step_box .left,
.sub_page_wrap .step_box .right{
	padding:12px 10px;
	width:50%;
	border:solid 1px rgb(0,0,100,.08);
	text-align:center
}
.sub_page_wrap .step_box .left{
	background-color:rgb(0,0,100,.055);
	font-weight:500;
	font-size:16px;
	color:#333;
	border-right:none;
	border-radius:7px 0 0 7px  ;
}
.sub_page_wrap .step_box .right{
	background-color:rgb(0,0,100,.015);
	font-weight:400;
	font-size:16px;
	color:#666;
	border-radius:0 7px 7px 0 ;
}

.sub_page_wrap .step .step_arrow{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sub_page_wrap .step .step_arrow i {width:40px; height:30px;color:#83a5ec;margin-top:-10px}