﻿@charset "utf-8";

/* Pretendard Font */
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.woff2') format('woff2'),
         url('../font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.woff2') format('woff2'),
         url('../font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.woff2') format('woff2'),
         url('../font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.woff2') format('woff2'),
         url('../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.woff2') format('woff2'),
         url('../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.woff2') format('woff2'),
         url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.woff2') format('woff2'),
         url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraBold.woff2') format('woff2'),
         url('../font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Black.woff2') format('woff2'),
         url('../font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* 모바일 랜딩페이지 공통영역 */
#wrapper {}
/*
2019-07-26 img tag깨짐 방지
#wrapper img {
	width: 100%;
}*/
#wrapper .M_evt {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.blind {
	overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    line-height: 0;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    clip: rect(0,0,0,0);
}
.blind:before {
	display: block;
    width: 0;
    height: 0;
    font-size: 0;
    content: '\00a0';
}
.evt_landing .bx-wrapper,
.evt_landing716 .bx-wrapper {
    box-shadow:none;
    border:none;
    background:none;
}


/* 무료상담신청 공통 영역 */
.M_agree { width:100%; background:#f3f3f3; }
.M_agree > h3 > img { display:block; width:100%; }

.Mper_wrap { padding:5% 0; text-align:center; }
.Mper_wrap .Mper_title { font-size:24px; font-weight:500; font-family:'Noto Sans KR', sans-serif; padding-bottom: 2%; }
.Mper_wrap .Mper_txt { font-size:16px; color:#666; font-family:'Noto Sans KR', sans-serif; font-weight:400; }

.M_perinfo01 { border:2px solid #00d756; width:84%; margin:0 auto; background:#fff; padding:3%;}
.M_perinfo01 > .write_table tr th { background:url('/template/1/html/images/post_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
.M_perinfo01 > .write_table tr th.important { padding-top:7px; vertical-align:top; background:url('/template/1/html/images/post_perinfo_bl_.png') no-repeat left 8px;; }
.M_perinfo01 > .write_table tr td {}
.M_perinfo01 > .write_table tr td input[type="text"],
input[type="tel"],
input[type="password"] {
	display:inline-block;
	width:100%;
	height:30px;
	padding-left:5px;
	border:1px solid #d7d7d7;
	background-color:#fff;
	font-size:12px;
	color:#666;
	line-height:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-border-radius: 0;	
	-webkit-border-radius:0;
	border-radius:0;
}
.M_perinfo01 > .write_table tr td .inpAlign3dan .fl_l { float:left; }
.M_perinfo01 > .write_table tr td .inpAlign3dan .hyphen {
	padding-left:14px;
	float:left;
	background:url('../images/ico_hyphen.png') 5px 15px no-repeat;
	background-size:4px 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.M_perinfo01 > .write_table tr td .inpAlign3dan .email { /* padding-left: 15px; background: url('../images/ico_email.png') 0 10px no-repeat; */ background-size: 10px 9px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.M_perinfo01 > .write_table tr td .inpAlign3dan > select {
	display:inline-block;
	font-family:'Nanumgothic';
	height:30px;
	width:100%;
	padding:0 0 0 5px;
	border:1px solid #d7d7d7;
	background:#fff url('../images/ico_select.png') right center no-repeat;
	font-size:12px;
	color:#666;
	line-height:20px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 0;
}

.M_perinfo02 { width:100%; margin-top:20px; }
.M_perinfo02 > h3 { background:url('/template/1/html/images/post_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }

.M_perinfo02 > p { text-align:left; line-height:27px; padding-top:10px;}
.M_perinfo02 > p input[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }
.M_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { width:27px; height:27px; overflow:hidden;   float:left; padding:0px 0 0px 30px; display:inline-block;  
											-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.M_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/images/9gb_09areaunsel.png') no-repeat left center; }
.M_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/images/9gb_09areasel.png') no-repeat left center; }


/*기존 백업*/
/*.M_txtare { border: 1px solid #d7d7d7; margin:10px auto 0; height:150px; background:#fff; padding: 15px; overflow-y:scroll; }*/

/*2020.10.23 탑에듀 수정요청사항 -> 모바일 지역인재 과정 하단 무료신청 폼 개인정보수집 동의 영역 축소 작업 by hhd */
.M_txtare { border: 1px solid #d7d7d7; margin:10px auto 0; height:110px; background:#fff; padding: 15px; overflow-y:scroll; }
.M_perinfo_btnZ > a > img { display:block; width:100%; }



 .gmo9mW { width:100%; /* background:red;*/}
	.gmo9m_alibk > img{ display:block; width:100%;}
	.gmo9m_alibk > a > img { display:block; width:100%; }
	.gmo9m_listtap { width:100%; margin-top:-1px; }
	.gmo9m_listtap > li { float:left; width:33.3333%;}
	.gmo9m_listtap > li > img { width:100%;}
	.gmo9m_listtap > li >  a > img { width:100%;}
	.gmo9m_tapcon > img { width:100%; margin-top:-1px;  background:#36506b}
	.gmo9m_tapcon > a { float:left;}
	.gmo9m_tapconBtn { width:100%;} 
	.gmo9m_tapconBtn > a { display:table-cell; float:left; width:50%;}
	.gmo9m_btn > img { width:100%; margin-top:-2px;  }
	.gmo9m_agree {width:100%; background:#f6f6f6;  }
		.gmo9m_agree > div { border-bottom:1px solid #d7d7d7; padding:25px;}
		.gmo9m_agree > div > h3 { font-size:1.6em; font-weight:200; margin-bottom:20px; }
		.gmo9m_agree > div > ul > li { height:30px; }
		.gmo9m_agree > div > ul > li > span { display:block; float:Left; padding-left:20px; width: 15%; font-size:1.3em; background: url('/template/1/html/images/9gb_09bl.jpg') no-repeat 0px 50%; -webkit-background-size: 4px 4px; }
		.gmo9m_agree > div > ul > li > div.inpAlign { float:right; width:70%; height:26px; }
		.gmo9m_agree > div > ul > li > div.inpAlign > input { width:98%; line-height:26px; border:1px solid #d7d7d7 ; text-indent:10px; text-indent:10px;}
		.gmo9m_agree > div > ul > li > div.inpAlign3dan { float:right; width:70%; height:26px; }
		.gmo9m_agree > div > ul > li > div.inpAlign3dan > input { width:30%; line-height:26px; border:1px solid #d7d7d7 ; text-indent:10px; text-indent:10px;}
		.gmo9m_agree > div > ul > li > div.inpAlign3dan > select { width:29%; line-height:26px; border:1px solid #d7d7d7 ; text-indent:10px; text-indent:10px;}

		.gmo9m_txtare { border: 1px solid #d7d7d7; width:92%; margin: 0 auto;height:150px; background:#fff; padding: 15px; overflow-y:scroll;}
		.gmo9m_agree div > p { text-align:right; line-height:27px; font-size:1.2em; padding-top:10px;}
		.gmo9m_agree div > p input[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }
			.gmo9m_agree div > p:not(#cssbrowser)>input[type="checkbox"] + label { width:27px; height:27px; overflow:hidden;   float: right;margin:0 0 0 15px; padding:0px 0 0px 30px; display:inline-block;  
														-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.gmo9m_agree div > p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/images/9gb_09areaunsel.png') no-repeat left center; }
			.gmo9m_agree div > p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/images/9gb_09areasel.png') no-repeat left center; }
			
			.zr_tapcon > a > img{ display:block;width:100%;}
	.gmo_Areabt { clear:both;  width:100%; text-align:center; padding: 100px 0px; background: url('../images/9gb_bottombg.jpg') repeat ;  }


	/*손해사정사 랜딩 모바일_180914 by소영*/
.sonsaM_re19area06 {width:100%; background:url('../images/sonsaM_re19area06_bg.jpg') no-repeat; background-size:cover; }
	.sonsaM_re19area06 h3 { padding-top:80px;}
	.ar06_inner { width:100%; position:relative;}
	.ar06_inner	.sonsa_roll a {  display:block; width:5%; height:auto; position:absolute; top:20%;}
	.ar06_inner	.sonsa_roll a.roll_prev { left:15%;}
	.ar06_inner	.sonsa_roll a.roll_next { right:15%;}

	.ar06_slide { position:absolute; top:5%; left:47%; transform:translateX(-50%); height:46%; overflow:hidden; width:51%;}
	.ar06_slide ul { width:100%; height:auto; overflow:hidden;}
	.ar06_slide ul li { float:left; width:100%; padding-bottom:2%;}

	.sonsaTapar {padding:8% 3% 3%; background:url('../images/sonsaM_re19area09_bg.jpg') no-repeat; background-size:cover;  position:relative; }
	.sonsaTap { width:100%;}
	.sonsaTap > li { float:left; width:50%;}
	.sonsaTap > li > img { width:100%;}
	.sonsaTap > li >  a > img { width:100%;}
	.sonsaTapcon {margin: 0 auto; padding-bottom:5%;}
	.sonsaTapcon > img { width:100%; margin-top:-1px;}
	.sonsaTapcon a.sonsaTapcon_btn { display:block;  width:41%; position:absolute; bottom:55%; right:3%;}
	.sonsaTapcon 	a.sonsaTapcon_btn2 {display:block;  width:41%; position:absolute; bottom:6%; right:3%;}

	.sonsaM_re19area08 { background:url('../images/sonsaM_re19area10.jpg') no-repeat center top; background-size:100%; padding:25% 5% 10%; }
	.sonsaM_re19area08 ul { width:100%; display:-ms-flexbox; display:-webkit-flex; display:flex; overflow:hidden; background:#000; border:3px solid #3a3a3a; box-sizing:border-box; border-radius:25px;}
	.sonsaM_re19area08 ul > li { -webkit-flex-shrink: 0; -ms-flex:0 0 auto;  flex-shrink:0;  width:100%; height:100%; }

/* 신재생 에너지 랜딩 모바일 */
 .EngMW { width:100%; }
	.EngM_area01 > img{ display:block; width:100%;}
	.EngM_area02 > img{ display:block; width:100%;}
	.EngM_area02 > h3 > img { display:block; width:100%; }
	.EngM_area03 > img{ display:block; width:100%;}
	.EngM_area03 > h3 > img { display:block; width:100%; }
	.EngM_agree { width:100%; background:#edebdd; }
	.EngM_agree > h3 > img { display:block; width:100%; }
		.EngM_perinfo01 { border:2px solid #b9b7a9; width:83%; margin:0 auto; background:#fff; padding:3%;}
			.write_table tr th { background:url('/template/1/html/images/Eng_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.write_table tr th.important { padding-top:7px; vertical-align:top; background:url('/template/1/html/images/Eng_perinfo_bl.png') no-repeat left 8px;; }
			.write_table tr td {  }
			.write_table tr td input[type="text"], input[type="tel"], input[type="password"]
								{ display:inline-block; width:100%; height:30px; padding-left:5px; border:1px solid #d7d7d7; background-color:#fff; font-size:12px; color:#666; line-height:20px;
								  -moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box;	-webkit-appearance: none; -moz-appearance: none;
								  appearance: none;	-moz-border-radius: 0;	-webkit-border-radius:0; border-radius:0; }
			.write_table tr td .inpAlign3dan .fl_l { float:left; }
			.write_table tr td .inpAlign3dan .hyphen
								{ padding-left:14px; float:left; background:url('../images/ico_hyphen.png') 5px 15px no-repeat; background-size:4px 1px;
								-moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box; }
			.write_table tr td .inpAlign3dan > select
								{ display:inline-block; font-family:'Nanumgothic'; height:30px; width:100%; padding:0 0 0 5px; border:1px solid #d7d7d7; background:#fff url('../images/ico_select.png') right center no-repeat;
								  font-size:12px; color:#666; line-height:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
						  		 -webkit-appearance: none; border-radius: 0; }
		.EngM_perinfo02 { width:100%; margin-top:20px; }
			.EngM_perinfo02 > h3 { background:url('/template/1/html/images/Eng_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.EngM_txtare { border: 1px solid #d7d7d7; margin:10px auto 0; height:150px; background:#fff; padding: 15px; overflow-y:scroll; }
		.EngM_perinfo02 > p { text-align:left; line-height:27px; padding-top:10px;}
		.EngM_perinfo02 > p input[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }
			.EngM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { width:27px; height:27px; overflow:hidden;   float:left; padding:0px 0 0px 30px; display:inline-block;  
														-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.EngM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/images/9gb_09areaunsel.png') no-repeat left center; }
			.EngM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/images/9gb_09areasel.png') no-repeat left center; }			
		.EngM_btnZ > a > img { display:block; width:100%; }

	/* 신재생 에너지 랜딩 모바일 추가_180122 by해리 */
		.re_EngM_area09 { background: url('../images/re_EngM_area09_bg.jpg') no-repeat center top; background-size:100%; padding:25% 5% 5%; }
		.re_EngM_area09 ul { width:100%; display:-ms-flexbox; display:-webkit-flex; display:flex; overflow:hidden; }
		.re_EngM_area09 ul > li { -webkit-flex-shrink: 0; -ms-flex:0 0 auto;  flex-shrink:0;  width:100%; height:100%; }


/* 임상심리사 랜딩 모바일 */
 .clncMW { width:100%; }
	.clncM_area01 > img{ display:block; width:100%;}
	.clncM_area02 > img{ display:block; width:100%;}

	.clncTapArea { padding:0 30px; margin: 0 auto; background:#f1f1f1; }
		.clncTap { width:100%; margin-top:-1px; }
		.clncTap > li { float:left; width:33.3333%;}
		.clncTap > li > img { width:100%;}
		.clncTap > li >  a > img { width:100%;}
		.clncTapcon > img { width:100%; }
		.clncTapcon > a { float:left;}

	.clncM_area06 > img{ display:block; width:100%;}


/* 농산물품질관리사 랜딩 모바일 */
.farmM_agree { width:100%; background:#2b3340; }
	.farmM_agree > h3 > img { display:block; width:100%; }
		.farmM_perinfo01 { border:2px solid #dcda65; width:83%; margin:0 auto; background:#ebe9ec; padding:3%;}
			.farmM_perinfo01 > .write_table tr th { background:url('/template/1/html/images/farm_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.farmM_perinfo01 > .write_table tr th.important { padding-top:7px; vertical-align:top; background:url('/template/1/html/images/farm_perinfo_bl.png') no-repeat left 8px;; }
			.farmM_perinfo01 > .write_table tr td {  }
			.societyM_perinfo01 > .write_table tr td input[type="text"], input[type="tel"], input[type="password"]
								{ display:inline-block; width:100%; height:30px; padding-left:5px; border:1px solid #d7d7d7; background-color:#fff; font-size:12px; color:#666; line-height:20px;
								  -moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box;	-webkit-appearance: none; -moz-appearance: none;
								  appearance: none;	-moz-border-radius: 0;	-webkit-border-radius:0; border-radius:0; }

			.farmM_perinfo01 > .write_table tr td .inpAlign3dan .fl_l { float:left; }
			.farmM_perinfo01 > .write_table tr td .inpAlign3dan .hyphen
								{ padding-left:14px; float:left; background:url('../images/ico_hyphen.png') 5px 15px no-repeat; background-size:4px 1px;
								-moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box; }
			.farmM_perinfo01 > .write_table tr td .inpAlign3dan > select
								{ display:inline-block; font-family:'Nanumgothic'; height:30px; width:100%; padding:0 0 0 5px; border:1px solid #d7d7d7; background:#fff url('../images/ico_select.png') right center no-repeat;
								  font-size:12px; color:#666; line-height:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
						  		 -webkit-appearance: none; border-radius: 0; }

		.farmM_perinfo02 { width:100%; margin-top:20px; }
			.farmM_perinfo02 > h3 { background:url('/template/1/html/images/farm_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.farmM_txtare { border: 1px solid #d7d7d7; margin:10px auto 0; height:150px; background:#fff; padding: 15px; overflow-y:scroll; }

		.farmM_perinfo02 > p { text-align:left; line-height:27px; padding-top:10px;}
		.farmM_perinfo02 > p input[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }
			.farmM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { width:27px; height:27px; overflow:hidden;   float:left; padding:0px 0 0px 30px; display:inline-block;  
														-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.farmM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/images/9gb_09areaunsel.png') no-repeat left center; }
			.farmM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/images/9gb_09areasel.png') no-repeat left center; }
			
		.farmM_btnZ > a > img { display:block; width:100%; padding-top:40px; }


/* 직업상담사 랜딩 모바일 */
.jobMW { width:100%; }
.jobM_agree { width:100%; background:#fff; }
.jobM_agree > h3 > img { display:block; width:100%; }
		.jobM_perinfo01 { border:2px solid #e509ed; width:83%; margin:0 auto; background:#f2f2f2; padding:3%;}
			.jobM_perinfo01 > .write_table tr th { background:url('/template/1/html/images/job_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.jobM_perinfo01 > .write_table tr th.important { padding-top:7px; vertical-align:top; background:url('/template/1/html/images/job_perinfo_bl.png') no-repeat left 8px;; }
			.jobM_perinfo01 > .write_table tr td {  }
			.jobM_perinfo01 > .write_table tr td input[type="text"], input[type="tel"], input[type="password"]
								{ display:inline-block; width:100%; height:30px; padding-left:5px; border:1px solid #d7d7d7; background-color:#fff; font-size:12px; color:#666; line-height:20px;
								  -moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box;	-webkit-appearance: none; -moz-appearance: none;
								  appearance: none;	-moz-border-radius: 0;	-webkit-border-radius:0; border-radius:0; }
			.jobM_perinfo01 > .write_table tr td .inpAlign3dan .fl_l { float:left; }
			.jobM_perinfo01 > .write_table tr td .inpAlign3dan .hyphen
								{ padding-left:14px; float:left; background:url('../images/ico_hyphen.png') 5px 15px no-repeat; background-size:4px 1px;
								-moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box; }
			.jobM_perinfo01 > .write_table tr td .inpAlign3dan > select
								{ display:inline-block; font-family:'Nanumgothic'; height:30px; width:100%; padding:0 0 0 5px; border:1px solid #d7d7d7; background:#fff url('../images/ico_select.png') right center no-repeat;
								  font-size:12px; color:#666; line-height:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
						  		 -webkit-appearance: none; border-radius: 0; }
		.jobM_perinfo02 { width:100%; margin-top:20px; }
			.jobM_perinfo02 > h3 { background:url('/template/1/html/images/job_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.jobM_txtare { border: 1px solid #d7d7d7; margin:10px auto 0; height:150px; background:#fff; padding: 15px; overflow-y:scroll; }
		.jobM_perinfo02 > p { text-align:left; line-height:27px; padding-top:10px;}
		.jobM_perinfo02 > p input[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }
			.jobM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { width:27px; height:27px; overflow:hidden;   float:left; padding:0px 0 0px 30px; display:inline-block;  
														-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.jobM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/images/9gb_09areaunsel.png') no-repeat left center; }
			.jobM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/images/9gb_09areasel.png') no-repeat left center; }
			
		.jobM_btnZ > a > img { display:block; width:100%; padding-top:5%; }


/* 손해사정사 2차 랜딩 모바일 */
.sonsaMW img { width:100%; }
.sonsaM_agree { width:100%; background:#ececec; }
	.sonsaM_agree > h3 > img { display:block; width:100%; }
		.sonsaM_perinfo01 { border:2px solid #4039c2; width:83%; margin:0 auto; background:#fff; padding:3%;}
			.sonsaM_perinfo01 > .write_table tr th { background:url('/template/1/html/images/sonsa_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.sonsaM_perinfo01 > .write_table tr th.important { padding-top:7px; vertical-align:top; background:url('/template/1/html/images/sonsa_perinfo_bl.png') no-repeat left 8px;; }
			.sonsaM_perinfo01 > .write_table tr td {  }
			.sonsaM_perinfo01 > .write_table tr td input[type="text"], input[type="tel"], input[type="password"]
								{ display:inline-block; width:100%; height:30px; padding-left:5px; border:1px solid #d7d7d7; background-color:#fff; font-size:12px; color:#666; line-height:20px;
								  -moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box;	-webkit-appearance: none; -moz-appearance: none;
								  appearance: none;	-moz-border-radius: 0;	-webkit-border-radius:0; border-radius:0; }
			.sonsaM_perinfo01 > .write_table tr td .inpAlign3dan .fl_l { float:left; }
			.sonsaM_perinfo01 > .write_table tr td .inpAlign3dan .hyphen
								{ padding-left:14px; float:left; background:url('../images/ico_hyphen.png') 5px 15px no-repeat; background-size:4px 1px;
								-moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box; }
			.sonsaM_perinfo01 > .write_table tr td .inpAlign3dan > select
								{ display:inline-block; font-family:'Nanumgothic'; height:30px; width:100%; padding:0 0 0 5px; border:1px solid #d7d7d7; background:#fff url('../images/ico_select.png') right center no-repeat;
								  font-size:12px; color:#666; line-height:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
						  		 -webkit-appearance: none; border-radius: 0; }
		.sonsaM_perinfo02 { width:100%; margin-top:20px; }
			.sonsaM_perinfo02 > h3 { background:url('/template/1/html/images/sonsa_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.sonsaM_txtare { border: 1px solid #d7d7d7; margin:10px auto 0; height:150px; background:#fff; padding: 15px; overflow-y:scroll; }

		.sonsaM_perinfo02 > p { text-align:left; line-height:27px; padding-top:10px;}
		.sonsaM_perinfo02 > p input[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }
			.sonsaM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { width:27px; height:27px; overflow:hidden;   float:left; padding:0px 0 0px 30px; display:inline-block;  
														-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.sonsaM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/images/9gb_09areaunsel.png') no-repeat left center; }
			.sonsaM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/images/9gb_09areasel.png') no-repeat left center; }
			
		.sonsaM_btnZ > a > img { display:block; width:100%; padding-top:40px; }


/* 이벤트 랜딩 모바일_180521 by.소영*/
.eventM_area03 {background:#66b8e3;}
.eventM_area03_contents{display:inline-block;width:100%; padding:0 0 7%;}
.eventM_area03_contents > li { float:left; left:50%; padding: 0 20px 20px ; width:50%; box-sizing:border-box;}
.eventM_area03_contents li a {display:block;}
a.area04_btn, a.area05_btn { display:block; }
/* 관세사 랜딩 모바일_180705 by 소영*/
	.custM_agree { width:100%; background:#0cb78a; }
	.custM_agree > h3 > img { display:block; width:100%; }
		.custM_perinfo01 { border:2px solid #e8dfd2; width:83%; margin:0 auto; background:#fff; padding:3%;}
			.custM_perinfo01 > .write_table tr th { background:url('/m/template/default/images/custM_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.custM_perinfo01 > .write_table tr th.important { padding-top:7px; vertical-align:top; background:url('/m/template/default/images/custM_perinfo_bl.png') no-repeat left 8px;; }
			.custM_perinfo01 > .write_table tr td {  }
			.custM_perinfo01 > .write_table tr td input[type="text"], input[type="tel"], input[type="password"]
								{ display:inline-block; width:100%; height:30px; padding-left:5px; border:1px solid #d7d7d7; background-color:#fff; font-size:12px; color:#666; line-height:20px;
								  -moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box;	-webkit-appearance: none; -moz-appearance: none;
								  appearance: none;	-moz-border-radius: 0;	-webkit-border-radius:0; border-radius:0; }
			.custM_perinfo01 > .write_table tr td .inpAlign3dan .fl_l { float:left; }
			.custM_perinfo01 > .write_table tr td .inpAlign3dan .hyphen
								{ padding-left:14px; float:left; background:url('../images/ico_hyphen.png') 5px 15px no-repeat; background-size:4px 1px;
								-moz-box-sizing: border-box;	-webkit-box-sizing: border-box; box-sizing: border-box; }
			.custM_perinfo01 > .write_table tr td .inpAlign3dan > select
								{ display:inline-block; font-family:'Nanumgothic'; height:30px; width:100%; padding:0 0 0 5px; border:1px solid #d7d7d7; background:#fff url('../images/ico_select.png') right center no-repeat;
								  font-size:12px; color:#666; line-height:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
						  		 -webkit-appearance: none; border-radius: 0; }
		.custM_perinfo02 { width:100%; margin-top:20px; }
			.custM_perinfo02 > h3 { background:url('/m/template/default/images/custM_perinfo_bl.png') no-repeat 0px 50%; color:#333; border:none; padding-left:20px; }
			.custM_txtare { border: 1px solid #d7d7d7; margin:10px auto 0; height:150px; background:#fff; padding: 15px; overflow-y:scroll; }

		.custM_perinfo02 > p { text-align:left; line-height:27px; padding-top:10px;}
		.custM_perinfo02 > p input[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }
			.custM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { width:27px; height:27px; overflow:hidden;   float:left; padding:0px 0 0px 30px; display:inline-block;  
														-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.custM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/images/9gb_09areaunsel.png') no-repeat left center; }
			.custM_perinfo02 > p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/images/9gb_09areasel.png') no-repeat left center; }			
		.custM_btnZ > a > img { display:block; width:100%; padding-top:40px; }

/*공인노무사_181024 by소영*/
.nmsM_perinfo01 { border:2px solid #122b41; width:83%; margin:0 auto; background:#fff; padding:3%;}
.m_evt_nomusa_tab_con { width:100%; position:relative; padding:0 4.19%;box-sizing: border-box;background: #f2f5fa;}
.m_evt_nomusa_tab_con.sonsa04:before { z-index:10; content:''; display:block; width:50px; height:50px; background:url('../images/evt_sonsa04_after.png') no-repeat; position:absolute; left:calc(50% - 25px); bottom:301px; }
.m_evt_nomusa_tab_con.sonsa04 .btn_play { width:6.7%; height:6.7%; display:block; position:absolute; left:11%; top:43.2%; z-index:10; } 
.m_evt_nomusa_tab_con.sonsa04 .mov { width:92%; height:46.2%; position:absolute; left:4%; top:11.8%; }
.m_evt_nomusa_tab {display:flex;}
.m_evt_nomusa_tab a {width: 32.62%;border-radius:4px 4px 0 0 ;background: #aa9eb0;}
.m_evt_nomusa_tab a + a {margin-left: 1.07%;}
.m_evt_nomusa_tab a.tab_on {background: #9344f0;}
.css_type2 .m_evt_nomusa_tab a.tab_on {background: #eb8be9;}

.evt_nomusa05_bg {padding: 0 4.19%;background: #f3f3f3;}
.m_evt_nomusa_slide {position: relative;max-width: 1007px;margin: 0 auto;}
.m_evt_nomusa_slide .bx-wrapper {
    box-shadow:none;
    border:none;
    background:none;
}
.m_evt_nomusa_slide .bx-wrapper {overflow: hidden;position: relative;padding: 0.46%;background:url(/template/1/html/images/m_evt_nomusa05_bg.png) 0 0 no-repeat;background-size: 100% 100%;}
.m_evt_nomusa_slide .bx-viewport {overflow: hidden;border-radius:4.6%;}
.m_evt_nomusa_slide .bx-viewport ul > li {background: #fff;}
.m_evt_nomusa_slide .nomusa_prev,
.m_evt_nomusa_slide .nomusa_next {position: absolute;top: calc(50% - 19px);display: inline-block;width: 15px;height: 39px;text-indent: -999em;font-size: 0;}
.m_evt_nomusa_slide .nomusa_prev {left:0;background:url(/template/1/html/images/m_nomusa_prev.png) 0 0 no-repeat;background-size: cover;}
.m_evt_nomusa_slide .nomusa_next {right:0;background:url(/template/1/html/images/m_nomusa_next.png) 0 0 no-repeat;background-size: cover;}

.evt_nomusa05{position:relative;padding-bottom: 7%;background: #f3f3f3;}
.evt_nomusa05 .box_link{position:absolute; top: 405px; left: 0; width: 522px; padding-top: 293px; }
.evt_nomusa05 .box_link a,
.evt_nomusa05 .box_link .play_but,
.evt_nomusa05 .box_link iframe{display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; width:100%; height:100%; }
.evt_nomusa05.M_evt .box_link{position:absolute;left:4.19%;right: 4.19%;top: 32.3%;width: auto;padding-top: 51.6%;}



 /* 세무사 랜딩 모바일 _181102 by해리 */
		.ctaM_agree { width:100%; background:#f2f2f2; }
		.ctaM_perinfo01 { border:2px solid #077741; width:83%; margin:0 auto; background:#fff; padding:3%;}
		.ctaM_perinfo01 .write_table tr th { background:url('/template/1/html/images/cta_perinfo_bl.png') no-repeat left 8px; }


/* 감정평가사 */
.m_evt_gp01_ani { position:absolute; left:0; top:12%; display:block; width:90%; padding:0 5%; animation: rotate_image 10s linear infinite; transform-origin: 50% 50%; }
.m_evt_gp01_gif { position:absolute; right:4.0%; top:6.96%; width:36%; }
@keyframes rotate_image{
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg);
    }
}
.m_evt_gp02_count { position:absolute; left:4%; top:35%; width:27.5%; }
.m_evt_gp02_count ul li { float:left; display:block; width:25%; padding:0 1%; box-sizing:border-box; text-align:center; }
.m_evt_gp02_count ul li span { font-size:7.2vw; color:#000; font-weight:900; line-height:1.26; }
.m_evt_gp03 .mov { position: relative; } 
.m_evt_gp03 .mov img { position: relative; left: 50%; width: 100vw; transform: translate(-50%,0); } 
.m_evt_gp03 .mov .p-movie_div_btn,
.m_evt_gp03 .mov .p-movie_div { position: absolute; top: 35.89vw; left: calc(50% + 0.14vw); width: 91.62vw; height: 56.56vw; z-index: 1; transform: translate(-50%,0); } 
.m_evt_gp03 .mov .p-movie_div { display: none; } 
.m_evt_gp03 .mov .p-movie_div iframe { width: 100%; height: 100%; border: none; } 
.m_evt_gp04_coupon { position:absolute; left:0; right:0; top:55%; width:60vw; margin:0 auto; opacity:0; transform:translate(0,30%); -webkit-transform:translate(0,30%); transition:all 1s; -webkit-transition:all 1s; }
.m_evt_gp04_coupon.gp07 { top:45%; }
.m_evt_gp04_coupon.active { opacity:1; transform:translate(0,0px); -webkit-transform:translate(0,0px); }
.m_evt_gp04_cover { position:absolute; left:0; right:0; bottom:0; width:60vw; margin:0 auto; z-index:10; }
.m_evt_gp04_per { background-color:#34159d; padding:0 4.22%; }
.m_evt_gp04_box { padding:0 3%; background-color:#fff; }
.m_evt_gp04_per .infoForm { background-color:#fff; }
.m_evt_gp04_per .M_perinfo02 { margin-top:0; }
.m_evt_gp04_btn { display:block; position:absolute; left:0; right:0; bottom:17%; width:70%; margin:0 auto; }
.m_evt_gp05_gif ul li { display:block; width:37.57vw; height:21.09vw; border:0.70vw solid #171717; box-sizing:border-box; position:absolute; }
.m_evt_gp05_gif ul li img { width:100%; height:100%; }
.m_evt_gp05_gif ul li.gif1 { left:8.10vw; bottom:38.13vw; }
.m_evt_gp05_gif ul li.gif2 { right:8.38vw; bottom:38.13vw; }
.m_evt_gp05_gif ul li.gif3 { left:8.10vw; bottom:9.22vw; }
.m_evt_gp05_gif ul li.gif4 { right:8.38vw; bottom:9.22vw; }

.m_evt_gp_slide {  background:#dbdcdc; padding:6% 0; }
.m_evt_gp_slide ul li { padding:0 15px; }
.m_evt_gp_arr01 { width:100%; height:30px; position:absolute; left:0; right:0; top:calc(50% - 15px); z-index:10; }
.m_evt_gp_arr01 a { display:inline-block; width:30px; height:30px; position:absolute; top:0; text-indent:-9999px; background-size:100%; background-repeat:no-repeat;}
.m_evt_gp_arr01 > .gp_prev { left:0; background-image:url('/template/1/html/images/evt_gp_prev.png'); }
.m_evt_gp_arr01 > .gp_next { right:0; background-image:url('/template/1/html/images/evt_gp_next.png'); }
.m_evt_gp_slide2 { position:absolute; left:0; right:0; bottom:8%; margin:0 6.5%;}
.m_evt_gp_arr02 a { display:inline-block; width:6%; height:15%; position:absolute; bottom:24%; text-indent:-9999px; z-index:10; }
.m_evt_gp_arr02 > .gp_prev { left:0; }
.m_evt_gp_arr02 > .gp_next { right:0; }

.m_evt_gp_tab { position:absolute; left:0; top:29.3%; width:100%; padding:0 4%; z-index:1; box-sizing:border-box; }
.m_evt_gp_tab a { display:block; width:33.3%; float:left; }
.m_evt_gp_tab a img { opacity:0; }
.m_evt_gp_tab a.active img { opacity:1; }
.m_gp_tab_con { display:none; position:absolute; left:0; bottom:0; padding:0 4%; }
.m_gp_tab_con.active { display:block; }

.m_evt_bohum_tab { position:absolute; left:0; top:26.5%; width:100%; padding:0 4%; z-index:1; box-sizing:border-box; }
.m_evt_bohum_tab a { display:block; width:33.3%; float:left; }
.m_evt_bohum_tab a img { opacity:0; }
.m_evt_bohum_tab a.active img { opacity:1; }

.pop_banner { position:fixed; left:0; right:0; bottom:0; z-index:100; }

/* 소방공무원 */
.fire_btn { display:block; width:100%; height:14.19%; position:absolute; left:0px; bottom:11.43%; text-indent:-9999px; }

/* 보험계리사 */
.m_bohum03 {padding-bottom: 7.04%;background: url('/template/1/html/images/m_evt_bohum03_bg.png') 0 0 no-repeat;background-size: cover;}
.m_evt_bohum_tab1 {display:flex;width:100%; padding:0 4%; box-sizing:border-box; font-size:0; z-index:1; }
.m_evt_bohum_tab1 a {position: relative;display: block;flex-grow:1;}
.m_evt_bohum_tab1 a img {height: 100%;}
.m_evt_bohum_tab1 a .on {display: none;}
.m_evt_bohum_tab1 .active a .on {position: absolute;left: 0;top: 0;height: 100%;display: block; z-index: 1;}
.m_evt_bohum_tab1_con > li { position: relative;display:none; margin:0 4%; margin-top: -1px; border-radius:1.6%; box-sizing:border-box; box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);}
.m_evt_bohum_tab1_con > li.active { display:block; }


/* 계리직공무원 */
.m_evt_post { overflow: hidden; } 
.m_evt_post .img_bg img { position: relative; left: 50%; width: 100vw !important; max-width: 100vw !important; transform: translate(-50%,0); } 
.m_evt_post04 { background:url('/template/1/html/images/m_evt_post04_bg.webp') center center no-repeat; background-size: cover; } 
.m_evt_post04 .list_wrap { position: relative; } 
.m_evt_post04 .list_wrap .list > li { overflow: hidden; position: absolute; left: 50%; transform: translate(-50%, 0); width: 36.89944vw; height: 21.23288vw; border-radius: 2.7933vw; } 
.m_evt_post04 .list_wrap .list > li:nth-child(1) { top: 12.1vw; margin-left: -23.3vw; } 
.m_evt_post04 .list_wrap .list > li:nth-child(2) { top: 12.1vw; margin-left: 23.5vw; } 
.m_evt_post04 .list_wrap .list > li:nth-child(3) { top: 53.4vw; margin-left: -23.3vw; } 
.m_evt_post04 .list_wrap .list > li:nth-child(4) { top: 53.4vw; margin-left: 23.5vw; } 
.m_evt_post04 .list_wrap .list > li img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 

.m_evt_post05 { background:url('/template/1/html/images/m_evt_post04_bg.webp') center center no-repeat; background-size: cover; } 
.m_evt_post05_tab { display: flex; justify-content: center; align-items: flex-start; gap:1.117318435vw; } 
.m_evt_post05_tab > li {width: 27.93296089vw;}
.m_evt_post05_tab > li a { display: block; background:url('/template/1/html/images/m_evt_post05_tab_bg1.webp') center top no-repeat; background-size: cover; } 
.m_evt_post05_tab > li a.active { background-image: url('/template/1/html/images/m_evt_post05_tab_bg2.webp'); } 
.m_evt_post05_con ul > li { display: none; } 
.m_evt_post05_con ul > li:first-child { display: block; } 

.m_evt_post06 { padding-bottom: 11.17318435vw; background: #ffe5f6; } 
.m_evt_post06 .rolling { overflow: hidden; height: 51.67664671vw; } 
@keyframes flowRolling {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}

/* 경찰공무원 */
.m_evt_police.slide1 { width:57.75%; height:62.1%; overflow:hidden; position:absolute; left:21.2%; bottom:0; }
.m_evt_police.slide1 ul li { width:100%; height:100%; float:left;}
.m_evt_police.slide1 ul li img { width:100%; }
.m_evt_police.slide2 { width:77.7%; height:51.1%; overflow:hidden; position:absolute; left:11.1%; top:41.6%; }
.m_evt_police.slide2 ul li { float:left; }
.m_evt_police.slide_obj { width:50%; height:14%; background-image:url('/template/1/html/images/evt_police03-1.png'); background-repeat:no-repeat; background-size:100% 100%; position:absolute; right:1%; bottom:25%; }
.m_evt_police.slide_obj ol li { display:none; }
.m_evt_police.slide_obj ol li.on { display:block; }
.m_evt_police.slide_obj ol li img { width:100%; height:auto; }
.m_evt_police_arr1 { width:100%; height:4.5%; position:absolute; left:0px; bottom:44.6%; z-index:10; }
.m_evt_police_arr1 a { display:inline-block; width:5%; height:100%; position:absolute; top:0; text-indent:-9999px; }
.m_evt_police_arr1 .police_prev { left:4.2%; }
.m_evt_police_arr1 .police_next { right:4.2%; }
.m_evt_police_arr2 a { display:inline-block; width:7%; height:7%; position:absolute; bottom:30%; text-indent:-9999px; background-image:url('/template/1/html/images/evt_police08_arrow.png'); background-repeat:no-repeat; background-size:100% 200%; }
.m_evt_police_arr2 .police_prev { left:1%; }
.m_evt_police_arr2 .police_next { right:1%; background-position:0 100%;}
.m_evt_police_tab { display:table; width:100%; }
.m_evt_police_tab > a { display:table-cell; vertical-align:top; }
.m_evt_police_tab a .img_on { display:none; }
.m_evt_police_tab a.tab_on img { display:none; }
.m_evt_police_tab a.tab_on .img_on { display:inline-block; }
.m_evt_police_gif li { width:41.62%; height:10.5%; position:absolute; }
.m_evt_police_gif li img { width:100%; height:100%; }
.m_evt_police_gif li.gif1 { left:5.6%; top:31.8%; }
.m_evt_police_gif li.gif2 { right:5.6%; top:31.8%; }
.m_evt_police_gif li.gif3 { left:5.6%; top:53.4%; }
.m_evt_police_gif li.gif4 { right:5.6%; top:53.4%; }
.m_evt_police_gif li.gif5 { left:5.6%; bottom:14.6%; }
.m_evt_police_gif li.gif6 { right:5.6%; bottom:14.6%; }
.m_evt_police_btn { position:absolute; left:0; bottom:5%; display:block; width:100%; }
.m_evt_police .bx-wrapper {
    box-shadow:none;
    border:none;
    background:none;
    margin: 0 auto;
}
.m_evt_police.slide1 .bx-wrapper .bx-pager { padding:0; bottom:33%; }
.m_evt_police.slide1 .bx-wrapper .bx-pager.bx-default-pager a  { background:#ccc; }
.m_evt_police.slide1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.m_evt_police.slide1 .bx-wrapper .bx-pager.bx-default-pager a.active,
.m_evt_police.slide1 .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #208def;
}



/* 청소년상담사2급 */
.m_evt_teen02_card { width:100%; height:100%; padding:55% 5% 0; position:absolute; left:0; right:0; top:0; box-sizing:border-box; }
.m_evt_teen02_card li { float:left; width:40%; height:45%; margin:3% 5% 0; position:relative; }
.m_evt_teen02_card li img { position:absolute; left:0; top:0; transition:0.3s linear; }
.m_evt_teen02_card li:hover img { transform:rotateY(180deg); opacity:0; }
.m_evt_teen02_card li img.on { transform:rotateY(180deg); opacity:0; }
.m_evt_teen02_card li:hover img.on { transform:rotateY(0deg); opacity:1; }
.m_evt_teen_btn { position:absolute; left:0; bottom:5%; display:block; width:100%; }

.m_teen04 {position: relative;}
.m_teen04 .video {position: absolute;top: 26.5%;left: 8.38%;width: 83.4%;padding-bottom: 49.8%;z-index: 2; }
.m_teen04 .video a, 
.m_teen04 .video .video_box,
.m_teen04 .video .video_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.m_teen04 .video .video_box {z-index: 2;}
.m_teen05 { background:#f62a69; }
.m_teen09 {position: relative;}
.m_teen09 .video {position: absolute;top:27.88%;left:4.19%;width:91.7%;padding-bottom: 51.96%;z-index: 2;}
.m_teen09 .video a, 
.m_teen09 .video .video_box,
.m_teen09 .video .video_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.m_teen09 .video .video_box {z-index: 2;}


/* 운전직 공무원 */
.m_driving03 {background: #1312b6;}
.m_driving04 {background: #1a1a1a;padding-bottom: 6.94%;}
.m_driving_tab1 {display:flex;width:100%; padding:0 4%; box-sizing:border-box; font-size:0; z-index:1; }
.m_driving_tab1 a {position: relative;flex-grow:1;}
.m_driving_tab1 a img {height: 100%;}
.m_driving_tab1 a .on {display: none;}
.m_driving_tab1 a.active .on {position: absolute;left: 0;top: 0;display: block; z-index: 1;}
.m_driving_tab1_con { position: relative;display:none; margin:0 4%; margin-top: -1px; border-radius:1.6%; box-sizing:border-box; box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);}
.m_driving_tab1_con.active { display:block; }
.m_driving_tab1_con .mov { display:block; width:91%; height:40%; position:absolute;left:4.5%;top: 3.4%;cursor:pointer; text-indent:-9999px;  }
.m_driving_tab1_con .mov iframe {width: 100% !important;height: 100% !important;}
.m_driving07 {position: relative;}
.m_driving07 .slider {overflow-y: auto;overflow-x: hidden;position: absolute;top: 23.7%;left: 4.3%;width: 91.4%;height: 53.1%;border-radius: 3%;}
.m_driving08 {position: relative;}
.m_driving08 .mov {position: absolute;top: 16.5%;left: 4.1%;width: 92%;height: 0;padding-bottom: 52.1%;text-indent: -999em;font-size:0;cursor: pointer;}
.m_driving08 .mov iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m_driving10 {background: #f4f2ff;}

/* 사회복지사 1급 */
.m_sabok04 {position: relative;}
.m_sabok04 .video { position: absolute; top: 37.8125vw; left: 50%; transform: translate(-50%, 0); width: 83.4375vw; height:  49.688vw; z-index: 10; } 
.m_sabok04 .video .video_play,
.m_sabok04 .video .video_box,
.m_sabok04 .video .video_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m_sabok05 { background:#194db2; }

.m_sabok09 {position: relative;}
.m_sabok09 .video { position: absolute; top: 56.25vw; left: 50%; transform: translate(-50%, 0); width: 91.875vw; height:51.875vw; z-index: 10; } 
.m_sabok09 .video .video_play,
.m_sabok09 .video .video_box,
.m_sabok09 .video .video_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.m_evt_sabok_tab_con { width:100%; position:relative; }
.m_evt_sabok_tab_con.sabok04:before { z-index:10; content:''; display:block; width:50px; height:50px; background:url('../images/evt_sabok04_after.png') no-repeat; position:absolute; left:calc(50% - 25px); bottom:301px; }
.m_evt_sabok_tab_con.sabok04 .btn_play { width:6.7%; height:6.7%; display:block; position:absolute; left:11%; top:43.2%; z-index:10; } 
.m_evt_sabok_tab_con.sabok04 .mov { width:92%; height:46.2%; position:absolute; left:4%; top:11.8%; }
.m_evt_sabok_tab { display:table; width:100%; position:absolute; left:0; top:0; }
.m_evt_sabok_tab a { display:table-cell; vertical-align:top; position:relative; }
.m_evt_sabok_tab a .img_on { opacity:0; transition: background .3s,transform .3s; transform:translateY(-80%); }
.m_evt_sabok_tab .tab_on .img_on { display:inline-block; transform:translateY(-99%); opacity:1; }
.m_evt_sabok_slide { position:absolute; left:5%; top:23%; width:90%; height:72%;}
.m_evt_sabok_slide .bx-wrapper {
    box-shadow:none;
    border:none;
    background:none;
}
.m_sabok_controls > a { display:inline-block; width:13%; height:5%; position:absolute; bottom:40.7%; text-indent:-9999px; z-index:10; }
.m_sabok_controls .sabok_prev { left:0; }
.m_sabok_controls .sabok_next { right:0; }

/* 손해사정사 */
.m_evt_sonsa_tab_con { width:100%; position:relative; padding:0 4.19%;box-sizing: border-box;background: #f2f5fa;}
.m_evt_sonsa_tab_con.sonsa04:before { z-index:10; content:''; display:block; width:50px; height:50px; background:url('../images/evt_sonsa04_after.png') no-repeat; position:absolute; left:calc(50% - 25px); bottom:301px; }
.m_evt_sonsa_tab_con.sonsa04 .btn_play { width:6.7%; height:6.7%; display:block; position:absolute; left:11%; top:43.2%; z-index:10; } 
.m_evt_sonsa_tab_con.sonsa04 .mov { width:92%; height:46.2%; position:absolute; left:4%; top:11.8%; }
.m_evt_sonsa_tab {display:flex;}
.m_evt_sonsa_tab a {width: 32.62%;border-radius:4px 4px 0 0 ;background: #9f9eb0;}
.m_evt_sonsa_tab a + a {margin-left: 1.07%;}
.m_evt_sonsa_tab a.tab_on {background: #0173ff;}
.css_type2 .m_evt_sonsa_tab a.tab_on {background: #00cf63;}

.evt_sonsa06_bg {padding: 0 4.19%;background: #f3f3f3;}
.m_evt_sonsa_slide {position: relative;max-width: 1007px;margin: 0 auto;}
.m_evt_sonsa_slide .bx-wrapper {
    box-shadow:none;
    border:none;
    background:none;
}
.m_evt_sonsa_slide .bx-wrapper {overflow: hidden;position: relative;padding: 0.46%;background:url(/template/1/html/images/m_evt_sonsa06_bg.png) 0 0 no-repeat;background-size: contain;}
.m_evt_sonsa_slide .bx-viewport {overflow: hidden;border-radius:4.6%;}
.m_evt_sonsa_slide .bx-viewport ul > li {background: #fff;}
.m_evt_sonsa_slide .sonsa_prev,
.m_evt_sonsa_slide .sonsa_next {position: absolute;top: calc(50% - 19px);display: inline-block;width: 15px;height: 39px;text-indent: -999em;font-size: 0;}
.m_evt_sonsa_slide .sonsa_prev {left:0;background:url(/template/1/html/images/m_sonsa_prev.png) 0 0 no-repeat;background-size: cover;}
.m_evt_sonsa_slide .sonsa_next {right:0;background:url(/template/1/html/images/m_sonsa_next.png) 0 0 no-repeat;background-size: cover;}


.evt_sonsa06{position:relative;padding-bottom: 7%;background: #f3f3f3;}
.evt_sonsa06 .box_link{position:absolute; top: 405px; left: 0; width: 522px; padding-top: 293px; }
.evt_sonsa06 .box_link a,
.evt_sonsa06 .box_link .play_but,
.evt_sonsa06 .box_link iframe{display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; width:100%; height:100%; }
.evt_sonsa06.M_evt .box_link{position:absolute;left:4.19%;right: 4.19%;top: 32.3%;width: auto;padding-top: 51.6%;}


/* 손해평가사 */
.M_sp .A2_roll_wrap { position:absolute; width:100%; height:23.5%; padding:1% 9%; bottom:21.5%; box-sizing:border-box; overflow:hidden; z-index:9; }
.M_sp .A2_roll_wrap .roll_box { overflow:hidden; height:100%; }
.M_sp .A2_roll_wrap ul { overflow:hidden; position:relative; }
.M_sp .A2_roll_wrap ul > li { float:left; width:50%; color:#666; font-size:1.2em; font-weight:600; letter-spacing:-0.5px; margin-bottom:15px; text-align:center; }
.M_sp .slider { width:90%; height:60.5%; border-radius:7px; position:absolute; left:5%; bottom:8.5%; overflow-y:scroll; }
.m_evt_sp_tab { position:absolute; left:0; top:29.97%; width:100%; padding:0 4.1%; z-index:1; box-sizing:border-box; }
.m_evt_sp_tab a { display:block; width:33.3%; float:left; }
.m_evt_sp_tab a img { opacity:0; }
.m_evt_sp_tab a.active img { opacity:1; }
.m_sp_tab_con { display:none; position:absolute; left:0; bottom:7%; padding:0 5%; width:90%;}
.m_sp_tab_con.active { display:block; }
.m_evt_sp_box { padding: 3%; background-color:#fff; }
.m_sp_btn { display:block; padding:3% 0 7%; }







/* 소방공무원2022 */
.m_evt_sb01-2 { position:relative; }
.m_evt_sb01-2 .sb_tab_con { display:none; }
.m_evt_sb01-2 .sb_tab_con.active { display:block; }
.m_evt_sb_tab { position:absolute; left:0; top:0; right:0; height:11%; overflow:hidden; z-index:1; cursor:pointer; }
.m_evt_sb_tab > a { display:block; width:50%; height:100%; float:left; text-indent:-9999px; }
.m_evt_sb01-2 .popbtn { display:block; width:50%; height:7%; text-indent:-9999px; position:absolute; bottom:15.6%; }
.m_evt_sb01-2 .popbtn.btn1 { left:0; }
.m_evt_sb01-2 .popbtn.btn2 { right:0; }
.m_evt_sb_tab1 {display:flex;position:absolute; left:0; top:23.95%; width:100%; padding:0 4.19%; box-sizing:border-box; font-size:0; z-index:1; }
.m_evt_sb_tab1 a {flex-grow:1;}
.m_evt_sb_tab1 a img { opacity:0; }
.m_evt_sb_tab1 a.active img { opacity:1; }
.m_sb_tab1_con { display:none; position:absolute; left:0; bottom:8.2%; width:100%; padding:0 4.2%; box-sizing:border-box; }
.m_sb_tab1_con.active { display:block; }
.m_sb_tab1_con .mov { display:block; width:67.4%; height:48.7%; position:absolute; left:16.3%; top:42.4%; cursor:pointer; text-indent:-9999px;  }
.m_evt_sb_slide { position:absolute; left:4.88%; top:0.53%; width:90.3%; height:38.1%; overflow:hidden; }
.m_evt_sb_slide img { width:100%; height:100%; }
.m_evt_sb_arr { width:100%; padding:0 2%; box-sizing:border-box; }
.m_evt_sb_arr a { display:inline-block; width:5%; position:absolute; top:15%; }
.m_evt_sb_arr > .sb_prev { left:0; }
.m_evt_sb_arr > .sb_next { right:0; }
.m_evt_sb_slide2 { position:absolute; left:4%; top:43.9%; width:92%; height:46%; overflow:hidden; }
.m_evt_sb_tab2 { position:absolute; left:0; top:27.77%; width:100%; padding:0 4%; z-index:1; box-sizing:border-box; }
.m_evt_sb_tab2 a { display:block; width:33.3%; float:left; }
.m_evt_sb_tab2 a img { opacity:0; }
.m_evt_sb_tab2 a.active img { opacity:1; }
.m_sb_tab2_con { display:none; position:absolute; left:0; bottom:8%; padding:0 4%; width:92%;}
.m_sb_tab2_con.active { display:block; }
.m_evt_sb07_btn { display:block; position:absolute; left:0; right:0; bottom:21%; width:70%; margin:0 auto; }




/* 계리직공무원 */
.m_evt_gong_slide .bx-wrapper {
    box-shadow:none;
    border:none;
    background:none;
}
.m_evt_gong_slide { width:100%; overflow:hidden; position:absolute; left:0; }
.m_evt_gong_slide.v1 { height:75.8%; top:18.5%; }
.m_evt_gong_slide.v1 img{margin:0 auto; }
.m_evt_gong_slide.v2 { padding:0 4%; height:70%; top:24%; box-sizing:border-box; }
.m_gong_controls { width:100%; position:absolute; left:0; z-index:100; }
.m_gong_controls a { display:inline-block; text-indent:-9999px; width:13%; height:100%; }
.m_gong_controls a.prev { float:left; }
.m_gong_controls a.next { float:right; }
.m_gong_controls.cv1 { height:6%; top:50%; }
.m_gong_controls.cv2 { height:6%; top:50%; margin-top:-3%; }
.m_gong_controls.cv2 .prev { background:url('/template/1/html/images/evt_gong_arr_prev.png') no-repeat left 0; background-size:44%; }
.m_gong_controls.cv2 .next { background:url('/template/1/html/images/evt_gong_arr_next.png') no-repeat right 0; background-size:44%; }

.M_evt.gong04{background:url("/template/1/html/images/m_evt_gong04_bg.jpg") center center no-repeat; -webkit-background-size: 100%; background-size:100%;}
.m_evt_gong_tab_con{margin-top:-25px; }
.m_evt_gong_tab { display:table; width:100%; }
.m_evt_gong_tab > a { display:table-cell; vertical-align:top; }
.m_evt_gong_tab a .img_on { display:none; }
.m_evt_gong_tab a.tab_on img { display:none; }
.m_evt_gong_tab a.tab_on .img_on { display:inline-block; }

.m_evt_post08_tab { position:absolute; left:0; top:29.97%; width:100%; padding:0 4.1%; z-index:1; box-sizing:border-box; }
.m_evt_post08_tab a { display:block; width:33.3%; float:left; }
.m_evt_post08_tab a img { opacity:0; }
.m_evt_post08_tab a.active img { opacity:1; }
.m_post08_tab_con { display:none; position:absolute; left:0; bottom:7%; padding:0 5%; width:90%;}
.m_post08_tab_con.active { display:block; }
.M_post .slider { width:90%; height:60.5%; border-radius:7px; position:absolute; left:5%; bottom:8.5%; overflow-y:scroll; }




/* 간호직공무원 */
.evt_nurse_gif2{position:absolute; bottom:272px; left:50%; width:100%; margin-left:-500px; padding:0 21px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.evt_nurse_gif2:after{content:""; display:block; clear:both; }
.evt_nurse_gif2 > li{float:left; width:303px; margin:0 9px; }
.m_evt_nurse_gif2{left:0; bottom:13%; width:100%; margin-left:0; padding:0 6.3% 0 5.7%; }
.m_evt_nurse_gif2 > li{width:31.33%; margin:0 1%; }
.evt_nurse_gif2 > li:last-child{float:right; }
/* .evt_nurse_gif2.nurse716 li { width:206px; height:117px; }
.evt_nurse_gif2.nurse716 li.gif1 { left:419px; bottom:645px; }
.evt_nurse_gif2.nurse716 li.gif2 { right:90px; bottom:282px; }
.evt_nurse_gif2.nurse716 li.gif3 { right:90px; bottom:282px; } */
.evt_nurse_gif2 li img { width:100%; height:100%; }
.m_evt_nurse_tab{width:100%; position:absolute; left:0; top:28%; z-index:150; padding:0 30px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.m_evt_nurse_tab:after{content:""; display:block; clear:both; }
.m_evt_nurse_tab li {float:left; width:33.33%; height:auto; }
.m_evt_nurse_tab li a {display:block; position:relative; transition:background .3s,transform .3s; }
.m_evt_nurse_tab li.on a {transform: translateY(-20px); }
.m_evt_nurse_tab_con { width:calc(100% - 60px); position:absolute; left:30px; top: 36%;  }
.m_evt_nurse_tab_con img{display:block; width:100%; }
.m_evt_nurse_tab li a img {display:block; width:100%;}
.m_evt_nurse_tab li a img.on { opacity: 0; position:absolute; top:0; left:0; z-index:100;}
.m_evt_nurse_tab li.on a img.on { opacity: 1; }
.m_evt_nurse_slide { width:100%; }
.m_evt_nurse_arr { width:100%; position:absolute; left:0; bottom:26%; z-index:100;}
.m_evt_nurse_arr a { display:inline-block; width:24px; height:48px; position:absolute; top:0; z-index:10; text-indent:-9999px; }
.m_evt_nurse_arr .nurse_prev { left:5px; background: url("/template/1/html/images/m_nurse_prev.png") 0 0 no-repeat; -webkit-background-size: 100%; background-size:100%;}
.m_evt_nurse_arr .nurse_next { right:5px; background: url("/template/1/html/images/m_nurse_next.png") 0 0 no-repeat; -webkit-background-size: 100%; background-size:100%;}
.m_evt_nurse_tab2{display:table; width:100%; background-color: #282738;}
.m_evt_nurse_tab2 li{display:table-cell; }
.m_evt_nurse_tab2 li a{display:block; position:relative; }
.m_evt_nurse_tab2 li a img {display:block; width:100%;}
.m_evt_nurse_tab2 li a img.on { opacity: 0; position:absolute; top:0; left:0; z-index:100;}
.m_evt_nurse_tab2 li.on a img.on { opacity: 1; }




.local_post04_m {background:url('/template/1/html/images/local_bg_m 04.jpg') bottom center no-repeat; }
.p-img716_tab{padding-bottom:60px; background:url("/template/1/html/images/local_bg_m04.jpg") center bottom no-repeat; -webkit-background-size: cover; background-size:cover;}
.local_post04_m .evt_local716_tab_con {position:relative; width:100%; padding-top:67%; margin-top:-4%; overflow:hidden; }
.local_post04_m .evt_local716_tab_con li{position:absolute; top:0; left:0; width:100%; }
.local_post04_m .evt_local716_tab_con li img{display:block; width:100%; }
.evt_local716_tab {display:table; width:91.5%; margin:0 auto; overflow:hidden; }
.evt_local716_tab li {display:table-cell; vertical-align:top;}
.evt_local716_tab li a { display:block; width:100%; max-height:110px; padding-top:50%; background:url('/template/1/html/images/local_obj_m0402.png') no-repeat; -webkit-background-size: 300%; background-size:300%; overflow:hidden; }
.evt_local716_tab li a.tab1 { background-position:0 0; }
.evt_local716_tab li a.tab2 { background-position:50% 0; }
.evt_local716_tab li a.tab3 { background-position:100% 0; }
.evt_local716_tab li.on a.tab1 { background-position:0 99%; }
.evt_local716_tab li.on a.tab2 { background-position:50% 99%; }
.evt_local716_tab li.on a.tab3 { background-position:100% 99%; }




.evt_716 { position:relative; }
.evt_gp_tab { position:absolute; left:0; top:0; width:100%; z-index:1; }
.evt_gp_tab a { display:block; width:50%; height:70px; float:left; font-size:0; }
.gp_tab_con { display:none; }
.gp_tab_con.active { display:block; }
.gp_tab_con .gp_btn01 { display:block; width:275px; height:86px; position:absolute; left:50%; bottom:60px; margin-left:-137px; text-indent:-9999px; }

.evt_716 .evt_gp_tab { top:6%; left:4%; width:92%;}
.evt_716 .gp_tab_con .gp_btn01 { bottom:11%; }

.korea_A2 { width:100%; position:relative; background: #f1f1f1; }
.korea_A2 .A2_roll_wrap { position:absolute; width:900px; height:300px; left:50%; top:1093px; margin-left:-450px; padding:12px 30px; box-sizing:border-box; overflow:hidden; z-index:9; }
.korea_A2 .A2_roll_wrap .roll_box { overflow:hidden; height:276px; }
.korea_A2 .A2_roll_wrap ul { overflow:hidden; position:relative; }
.korea_A2 .A2_roll_wrap ul > li { float:left; width:210px; color:#666; font-size:16px; letter-spacing:-0.5px; margin-bottom:20px; }
.korea_A2 .A2_roll_wrap ul > li span { margin-left:20px; color:#666; font-size:16px; letter-spacing:-0.5px; }



.m_evt_sobangAdd_01{width:100%; }
.m_evt_sobangAdd_01 .evt{position:relative; }
.m_evt_sobangAdd_01 .box_input{position:absolute; top:46.3%; left:39.5%; width:42%; }
.m_evt_sobangAdd_01 .infoForm{width:100%; }
.m_evt_sobangAdd_01 .infoForm li{width:100%; font-size:0; }
.m_evt_sobangAdd_01 .infoForm li input[type="text"],
.m_evt_sobangAdd_01 .infoForm li select{width:100%; height:6.6vw; margin-bottom:4vw; padding:0 1.2vw; font-size:2.5vw; background-color: #fff; border:0.15vw solid #786450; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.m_evt_sobangAdd_01 .infoForm li select{background: #fff url("/template/1/html/images/select_arrow.png") 98% center no-repeat; -webkit-background-size: 2vw; background-size:2vw;
	-webkit-border-radius:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.m_evt_sobangAdd_01 .infoForm li select::-ms-expand {display: none;}
.m_evt_sobangAdd_01 .infoForm li.col_02 input[type="text"]{width:calc(100% / 2 - 3.2vw); margin-left:6vw; }
.m_evt_sobangAdd_01 .infoForm li.col_02 input[type="text"]:first-child{margin-left:0; }
.m_evt_sobangAdd_01 .infoForm li.col_03 input[type="text"]{width:calc(100% / 3 - 0.78vw); margin-left:1vw; }
.m_evt_sobangAdd_01 .infoForm li.col_03 input[type="text"]:first-child{margin-left:0; }
.m_evt_sobangAdd_01 .agree_btn{width:100%; text-align:right; }
.m_evt_sobangAdd_01 .agree_btn label{display:inline-block; position:relative; width:6vw; }
.m_evt_sobangAdd_01 .agree_btn label input{position:absolute; top:0; left:0; width:0; height:0; visibility:hidden; }
.m_evt_sobangAdd_01 .agree_btn label .btn{display:block; width:100%; height:6vw; background-image:url("/template/1/html/images/chk_btn_off.png"); background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100%;
background-size:100%;}
.m_evt_sobangAdd_01 .agree_btn label input:checked + .btn{background-image:url("/template/1/html/images/chk_btn_on.png");}


.m_evt_sobangAdd_01 .apply_btn{position:absolute; bottom:8%; left:0; width:100%; }
.m_evt_sobangAdd_01 .apply_btn a{display:block; width:100%; height:0; padding-top:11%; font-size:0; }


.m_nms_AreaAdd_01 .evt{position:relative; }
.m_nms_AreaAdd_01 .m_vertical_slide_02{position:absolute; top:60%; left:50%; width:80%; 
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.m_nms_AreaAdd_01 .m_vertical_slide_02 .obj_base{width:100%; font-size:0; text-align:center; }
.m_nms_AreaAdd_01 .m_vertical_slide_02 .obj_base > span{display:block; width:100%; padding:1vw 0; font-family:"Noto Sans KR", sans-serif; font-size:3.8vw; color:#666;}




.absol_btn{position:absolute; top:0; left:0; z-index:900; width:100%; height:100%; }
.absol_btn a{display:block; position:absolute; height:0; font-size:0; text-indent:-9999px; }
.evt_bigdata03 .absol_btn a{top: 82.5%; width: 30%; padding-top: 5%; }
.evt_bigdata03 .absol_btn .btn_01{left:9.5%;}
.evt_bigdata03 .absol_btn .btn_02{left:60%;}
.evt_bigdata09 .absol_btn a{left:62.5%; width: 32%; padding-top: 5%; }
.evt_bigdata09 .absol_btn .btn_01{top:32.5%;}
.evt_bigdata09 .absol_btn .btn_02{top:69.5%;}
.evt_716.evt_bigdata03 .absol_btn a,
.M_evt.evt_bigdata03 .absol_btn a{top: 83.5%; width: 38%; padding-top: 7%;}
.evt_716.evt_bigdata03 .absol_btn .btn_01,
.M_evt.evt_bigdata03 .absol_btn .btn_01{left:7.5%;}
.evt_716.evt_bigdata03 .absol_btn .btn_02,
.M_evt.evt_bigdata03 .absol_btn .btn_02{left:54%;}
.evt_716.evt_bigdata09 .absol_btn a,
.M_evt.evt_bigdata09 .absol_btn a{left: 57.5%; width: 34%; padding-top: 6%;}
.evt_716.evt_bigdata09 .absol_btn .btn_01,
.M_evt.evt_bigdata09 .absol_btn .btn_01{top:36.5%;}
.evt_716.evt_bigdata09 .absol_btn .btn_02,
.M_evt.evt_bigdata09 .absol_btn .btn_02{top:73.5%;}



.M_evt.evt_local09 .absol_btn a{left: 57.5%; width: 34%; padding-top: 6%;}
.M_evt.evt_local09 .absol_btn .btn_01{top:46.5%;}
.M_evt.evt_local09 .absol_btn .btn_02{top:73.5%;}

.M_evt.evt_youth09 .absol_btn a{left: 57.5%; width: 34%; padding-top: 6%;}
.M_evt.evt_youth09 .absol_btn .btn_01{top:60.5%;}
.M_evt.evt_youth09 .absol_btn .btn_02{top:73.5%;}

.m_roadtraffic03 {background: #ddd;}
.m_roadtraffic03 {position: relative;overflow: hidden;background: #f0f6ff;padding-bottom: 11.94%;}
.m_roadtraffic03:before {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 0;padding-bottom: 34.22%;background: url('/template/1/html/images/m_roadtraffic03_bg.png') center top no-repeat;background-size: cover;z-index: 1;}
.m_roadtraffic03 .sec_1 {margin-top: 37.79%;}
.m_roadtraffic03 .sec_2 {position: relative;margin-top: 7.18%;}
.m_roadtraffic03 .sec_2 .p-movie_span {position: absolute;left: 8.1%;width: 83.4%;height: 0;padding-bottom: 50.5%;text-indent: -999em;font-size: 0;cursor: pointer;}
.m_roadtraffic03 .sec_2 .mov1 {top: 24.76%;} 
.m_roadtraffic03 .sec_2 .mov2 {top: 68.24%;width: 83.6%;}
.m_roadtraffic03 .sec_2 .p-movie_span iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 
.m_roadtraffic03_tab {display:flex;padding:0 4.19%;}
.m_roadtraffic03_tab li {position:relative; box-sizing: border-box;flex-grow:1;}
.m_roadtraffic03_tab li + li {margin-left:1%;}
.m_roadtraffic03_tab li a { display:block; box-sizing:border-box;background:#8c8c8c; border-radius: 8px 8px 0 0;}
.m_roadtraffic03_tab li.on a { background-color:#4019bc;}
.m_roadtraffic03_tab_con {padding:0 4.19%;}
.m_roadtraffic03_tab_con > li {display: none;}
.m_roadtraffic03_tab_con > li:first-child{display: block;}


.evt_post02{position:relative; }
.evt_post02 .box_link{position:absolute; top: 405px; left: 0; width: 522px; padding-top: 293px; }
.evt_post02 .box_link a,
.evt_post02 .box_link .play_but,
.evt_post02 .box_link iframe{display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; width:100%; height:100%; object-fit:cover; }
.evt_post02.M_evt .box_link{top: 30.4%; left: 9%; width: 82%; padding-top: 46%;}

/* 보건직 공무원 */
.m_evt_ht05 {position: relative;}
.m_evt_ht05_tab {position: absolute;width: 100%;padding:0 4.189%;top: 13.49%;left: 0;font-size: 0;box-sizing: border-box;}
.m_evt_ht05_tab a {display: inline-block;width: 30.4%;}
.m_evt_ht05_tab a img {width: 100%;}
.m_evt_ht05_tab a + a {margin-left: 1.65%;}
.m_evt_ht05_tab a img {opacity: 0;}
.m_evt_ht05_tab a.active img {opacity: 1;}
.m_evt_ht05_tab_con {display: none;box-sizing: border-box;}
.m_evt_ht05_tab_con.active {display: block;}
.m_evt_ht05_tab_con .con {position: absolute;top: 27.2%;left: 0;margin:0 4.189%;width:91.622% !important;}
.m_evt_ht05_tab_con .step {position: absolute;width: 83.240% !important;top: 49.3%;left: 50%;transform: translate(-50%,0);}
.m_evt_ht05 .box_link{position: absolute;top: 35.51%;right: 8.2%;width: 41.759%;padding-bottom: 25.27%;}
.m_evt_ht05 .box_link a,
.m_evt_ht05 .box_link .play_but,
.m_evt_ht05 .box_link iframe{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;width:100%;height:100%;object-fit:cover;}
.m_evt_ht05.evt_716 .box_link{top: 30.4%;left: 9%;width: 82%;padding-top: 46%;}

.m_evt_ht08 {position: relative;background: #1a1a1a;}
.m_evt_ht08_tab { position:absolute; left:0; top:22.7%; width: 100%; padding:0 4%;font-size: 0;box-sizing: border-box;z-index: 2;}
.m_evt_ht08_tab a {display: inline-block;width: 33.333%;}
.m_evt_ht08_tab a img { opacity:0; }
.m_evt_ht08_tab a.active img { opacity:1; }
.m_evt_ht08_tab_con { display:none; position:absolute;width: 91.622% !important;top: 33.5%;left: 50%;transform: translate(-50%,0);z-index: 1;}
.m_evt_ht08_tab_con.active { display:block; }

.m_evt_ht10 {overflow: hidden;position: relative;}
.m_evt_ht10 .list {position: absolute;padding-bottom: 262.5%;width:91.622% !important;top: 12.1%;left: 50%;transform: translate(-50%,0);}
.m_evt_ht10 .list > li {}
.m_evt_ht10 .list > li:nth-child(2n) {margin-right: 0;}
.m_evt_ht10 .list > li:nth-child(3), .evt_ht10 .list > li:nth-child(4) {}
.m_evt_ht10 .list > li .btn {position: absolute;right: 3%;top: 19.5%;width: 31.3%;padding-bottom: 3%;}
.m_evt_ht10 .list > li .btn a {display: block;width: 100%;height: 0;padding-bottom: 55%;text-indent: -999em;font-size: 0;}
.m_evt_ht10 .list > li .btn a.cs {padding-bottom: 38%;}
.m_evt_ht10 .list > li:nth-child(2) .btn {top: 44.5%;}
.m_evt_ht10 .list > li:nth-child(3) .btn {top: 61%;}
.m_evt_ht10 .list > li:nth-child(4) .btn {top: 87.7%;}

.evt_ht10_per > .infoForm { width: 100%;text-align:left; margin-top:130px;}
.evt_ht10_per > .infoForm .agreeW { margin-top:20px; }
.evt_ht10_per > .infoForm > ul > li {position: relative;padding-left: 80px;}
.evt_ht10_per > .infoForm > ul > li + li {margin-top: 5px;}
.evt_ht10_per > .infoForm > ul > li > label > span.infotitle {position: absolute;top:14px;left: 0;width:80px; height:47px; padding-left:20px; background: url('/template/1/html/images/evt_sb_perbl.jpg') left 2px no-repeat; font-family:'Nanumgothic'; font-size:16px; font-weight:bold; color:#333;}
.evt_ht10_per > .infoForm > ul > li > label > input { width:90%!important; margin-top: 5px;height:35px; border:1px solid #cdcdcd; font-family:'Nanumgothic'; font-size:16px; text-indent:10px;box-sizing: border-box;}
.evt_ht10_per > .infoForm > ul > li > label > select { width:90% !important; margin-top: 5px;height:35px; border:1px solid #cdcdcd; font-family:'Nanumgothic'; font-size:16px;box-sizing: border-box;background: #fff;}
.evt_ht10_per .evt_ht10_btn { display:block; margin-top:20px; }

.agreeW { text-align:left; }
.agreeW > h4 { width:429px; height:33px; padding-left:20px; background: url('/template/1/html/images/post_perinfo_bl.png') left 4px no-repeat; font-family:'Nanumgothic'; font-size:20px; font-weight:bold; color:#333;;}
.agreeW > textarea { margin-top:20px; width:500px; height:150px; overflow-y: scroll; padding:15px; border: 1px solid #cdcdcd;}
.agreeW > p { text-align:left; height:28px; line-height:28px; padding-right:15px; margin-top:10px;font-family:'Nanumgothic';  font-size:16px; font-weight:600; }
.agreeW input[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }
.agreeW p:not(#cssbrowser)>input[type="checkbox"] + label { width:27px; height:27px; overflow:hidden;   float: left; padding-left:35px; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.agreeW p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/images/9gb_09areaunsel.png') no-repeat left center; }
.agreeW p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/images/9gb_09areasel.png') no-repeat left center; }

/* 보건진료직 공무원 */
.m_evt_medical05 {position: relative;}
.m_evt_medical05_tab {position: absolute;width: 100%;padding:0 4.189%;top: 13.49%;left: 0;font-size: 0;box-sizing: border-box;}
.m_evt_medical05_tab a {display: inline-block;width: 30.4%;}
.m_evt_medical05_tab a img {width: 100%;}
.m_evt_medical05_tab a + a {margin-left: 1.65%;}
.m_evt_medical05_tab a img {opacity: 0;}
.m_evt_medical05_tab a.active img {opacity: 1;}
.m_evt_medical05_tab_con {display: none;box-sizing: border-box;}
.m_evt_medical05_tab_con.active {display: block;}
.m_evt_medical05_tab_con .con {position: absolute;top: 27.2%;left: 0;margin:0 4.189%;width:91.622% !important;}
.m_evt_medical05_tab_con .step {position: absolute;width: 83.240% !important;top: 49.3%;left: 50%;transform: translate(-50%,0);}
.m_evt_medical05 .box_link{position: absolute;top: 35.51%;right: 8.2%;width: 41.759%;padding-bottom: 25.27%;}
.m_evt_medical05 .box_link a,
.m_evt_medical05 .box_link .play_but,
.m_evt_medical05 .box_link iframe{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;width:100%;height:100%;object-fit:cover;}
.m_evt_medical05.evt_716 .box_link{top: 30.4%;left: 9%;width: 82%;padding-top: 46%;}

.m_evt_medical08 {position: relative;background: #1a1a1a;}
.m_evt_medical08_tab { position:absolute; left:0; top:22.7%; width: 100%; padding:0 4%;font-size: 0;box-sizing: border-box;z-index: 2;}
.m_evt_medical08_tab a {display: inline-block;width: 33.333%;}
.m_evt_medical08_tab a img { opacity:0; }
.m_evt_medical08_tab a.active img { opacity:1; }
.m_evt_medical08_tab_con { display:none; position:absolute;width: 91.622% !important;top: 33.5%;left: 50%;transform: translate(-50%,0);z-index: 1;}
.m_evt_medical08_tab_con.active { display:block; }

.m_evt_medical10 {overflow: hidden;position: relative;}
.m_evt_medical10 .list {position: absolute;padding-bottom: 262.5%;width:91.622% !important;top: 12.1%;left: 50%;transform: translate(-50%,0);}
.m_evt_medical10 .list > li {}
.m_evt_medical10 .list > li:nth-child(2n) {margin-right: 0;}
.m_evt_medical10 .list > li:nth-child(3), .evt_ht10 .list > li:nth-child(4) {}
.m_evt_medical10 .list > li .btn {position: absolute;right: 3%;top: 19.5%;width: 31.3%;padding-bottom: 3%;}
.m_evt_medical10 .list > li .btn a {display: block;width: 100%;height: 0;padding-bottom: 55%;text-indent: -999em;font-size: 0;}
.m_evt_medical10 .list > li .btn a.cs {padding-bottom: 38%;}
.m_evt_medical10 .list > li:nth-child(2) .btn {top: 44.5%;}
.m_evt_medical10 .list > li:nth-child(3) .btn {top: 61%;}
.m_evt_medical10 .list > li:nth-child(4) .btn {top: 87.7%;}

.evt_ht10_per > .infoForm { width: 100%;text-align:left; margin-top:130px;}
.evt_ht10_per > .infoForm .agreeW { margin-top:20px; }
.evt_ht10_per > .infoForm > ul > li {position: relative;padding-left: 80px;}
.evt_ht10_per > .infoForm > ul > li + li {margin-top: 5px;}
.evt_ht10_per > .infoForm > ul > li > label > span.infotitle {position: absolute;top:14px;left: 0;width:80px; height:47px; padding-left:20px; background: url('/template/1/html/images/evt_sb_perbl.jpg') left 2px no-repeat; font-family:'Nanumgothic'; font-size:16px; font-weight:bold; color:#333;}
.evt_ht10_per > .infoForm > ul > li > label > input { width:90%!important; margin-top: 5px;height:35px; border:1px solid #cdcdcd; font-family:'Nanumgothic'; font-size:16px; text-indent:10px;box-sizing: border-box;}
.evt_ht10_per > .infoForm > ul > li > label > select { width:90% !important; margin-top: 5px;height:35px; border:1px solid #cdcdcd; font-family:'Nanumgothic'; font-size:16px;box-sizing: border-box;background: #fff;}
.evt_ht10_per .evt_ht10_btn { display:block; margin-top:20px; }

/* 2022 간호직 공무원 */
.m_evt_newnurse02 {position: relative;}
.m_evt_newnurse02 .mov {position: absolute;top: 16.2%;left: 5.8%;width: 88.8%;height: 0;padding-bottom: 51.3%;text-indent: -999em;font-size:0;cursor: pointer;}
.m_evt_newnurse02 .mov iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m_evt_newnurse05 {position: relative;}
.m_evt_newnurse05_tab {position: absolute;width: 100%;padding:0 4.189%;top: 13.03%;left: 0;font-size: 0;box-sizing: border-box;}
.m_evt_newnurse05_tab a {display: inline-block;width: 30.4%;}
.m_evt_newnurse05_tab a img {width: 100%;}
.m_evt_newnurse05_tab a + a {margin-left: 1.65%;}
.m_evt_newnurse05_tab a img {opacity: 0;}
.m_evt_newnurse05_tab a.active img {opacity: 1;}
.m_evt_newnurse05_tab_con {display: none;box-sizing: border-box;}
.m_evt_newnurse05_tab_con.active {display: block;}
.m_evt_newnurse05_tab_con .con {position: absolute;top: 26.2%;left: 0;margin:0 4.189%;width:91.622% !important;}
.m_evt_newnurse05_tab_con .step {position: absolute;width: 83.240% !important;top: 47.3%;left: 50%;transform: translate(-50%,0);}
.m_evt_newnurse05 .box_link{position: absolute;top: 34.11%;right: 8.2%;width: 41.759%;padding-bottom: 25.27%;}
.m_evt_newnurse05 .box_link a,
.m_evt_newnurse05 .box_link .play_but,
.m_evt_newnurse05 .box_link iframe{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;width:100%;height:100%;object-fit:cover;}
.m_evt_newnurse05.evt_716 .box_link{top: 30.4%;left: 9%;width: 82%;padding-top: 46%;}

.m_evt_newnurse08 {position: relative;background: #1a1a1a;}
.m_evt_newnurse08_tab { position:absolute; left:0; top:22.7%; width: 100%; padding:0 4%;font-size: 0;box-sizing: border-box;z-index: 2;}
.m_evt_newnurse08_tab a {display: inline-block;width: 33.333%;}
.m_evt_newnurse08_tab a img { opacity:0; }
.m_evt_newnurse08_tab a.active img { opacity:1; }
.m_evt_newnurse08_tab_con { display:none; position:absolute;width: 91.622% !important;top: 33.5%;left: 50%;transform: translate(-50%,0);z-index: 1;}
.m_evt_newnurse08_tab_con.active { display:block; }

.m_evt_newnurse10 {overflow: hidden;position: relative;}
.m_evt_newnurse10 .list {position: absolute;padding-bottom: 262.5%;width:91.622% !important;top: 12.1%;left: 50%;transform: translate(-50%,0);}
.m_evt_newnurse10 .list > li {}
.m_evt_newnurse10 .list > li:nth-child(2n) {margin-right: 0;}
.m_evt_newnurse10 .list > li:nth-child(3), .evt_ht10 .list > li:nth-child(4) {}
.m_evt_newnurse10 .list > li .btn {position: absolute;right: 3%;top: 19.5%;width: 31.3%;padding-bottom: 3%;}
.m_evt_newnurse10 .list > li .btn a {display: block;width: 100%;height: 0;padding-bottom: 55%;text-indent: -999em;font-size: 0;}
.m_evt_newnurse10 .list > li .btn a.cs {padding-bottom: 38%;}
.m_evt_newnurse10 .list > li:nth-child(2) .btn {top: 44.5%;}
.m_evt_newnurse10 .list > li:nth-child(3) .btn {top: 61%;}
.m_evt_newnurse10 .list > li:nth-child(4) .btn {top: 87.7%;}


/* 2021 사회조사분석사 */
.m_evt_bigdata_tab { position:absolute; left:0; top:26.3%; width:100%; padding:0 4%; z-index:1; box-sizing:border-box; }
.m_evt_bigdata_tab a { display:block; width:33.3%; float:left; }
.m_evt_bigdata_tab a img { opacity:0; }
.m_evt_bigdata_tab a.active img { opacity:1; }
.m_bigdata_tab_con { display:none; position:absolute; left:0; top:38%; padding:0 4%; }
.m_bigdata_tab_con.active { display:block; }

/* 한국능력검정시험 */
.m_evt_history03 {position: relative;}
.m_evt_history03 .link1, 
.m_evt_history03 .link2 {position: absolute;top: 0;left: 9.5%;width: 81%;padding-bottom: 7.8%;text-indent: -999em;font-size: 0;}
.m_evt_history03 .link1 {top: 47.6%;}
.m_evt_history03 .link2 {top: 88.4%;}

/* 한국어 교원 */
.koreaM_A2 { width:100%; position:relative; }
.koreaM_A2 .A2_roll_wrap { position:absolute; width:100%; height:17%; padding:0.7% 9%; bottom:3%; box-sizing:border-box; overflow:hidden; z-index:9; }
.koreaM_A2 .A2_roll_wrap .roll_box { overflow:hidden; height:100%; }
.koreaM_A2 .A2_roll_wrap ul { overflow:hidden; position:relative; }
.koreaM_A2 .A2_roll_wrap ul > li { float:left; width:33.3%; color:#666; font-size:1em; font-weight:600; letter-spacing:-0.5px; margin-bottom:15px; text-align:center; }
.koreaM_A2 .koreaM_A2_img { position:absolute;  z-index: 9; width:100%; }
.koreaM_A4 { position:relative; }
.koreaM_A4 .evt_ko_mov { width:91.6%; height:28.68%; position:absolute; left:4.2%; top:19.5%; }
.koreaM_A4 .evt_ko_mov a { display:block; width:100%; height:100%; }
.koreaM_A8 { position:relative; }
.koreaM_A8 .koreaM_A8_reveiw { width:67%; height:50.3%; position:absolute; left:16.36%; top:21.12%; }
.koreaM_A8 .koreaM_A8_reveiw ul { width:100%; display:-ms-flexbox; display:-webkit-flex; display:flex; overflow:hidden; }
.koreaM_A8 .koreaM_A8_reveiw ul > li { -webkit-flex-shrink: 0; -ms-flex:0 0 auto;  flex-shrink:0;  width:100%; height:100%; }
.koreaM_A8_reveiw .bx-wrapper { border:none; }
.koreaM_A8_reveiw .bx-wrapper .bx-pager { padding:0; bottom:2%; }
.koreaM_A8_reveiw .bx-wrapper .bx-pager.bx-default-pager a { background:#fff; border: 1px solid #124c4c;box-sizing: border-box; }
.koreaM_A8_reveiw .bx-wrapper .bx-pager.bx-default-pager a:hover,
.koreaM_A8_reveiw .bx-wrapper .bx-pager.bx-default-pager a.active { background: #124c4c; }

/* 손해평가사 241217 */
.m_evt_farm01 { position: relative; } 
.m_evt_farm01 .bg { position: absolute; top: 0; left: 50%; width: 100vw; z-index: 1; transform: translate(-50%,0); } 
.m_evt_farm01 .img { display: block; position: relative; top: 0; left: 50%; width: 100vw; z-index: 1; transform: translate(-50%,0); } 
.m_evt_farm03 { padding-bottom: 17.189vw; background:url('/template/1/html/images/m_evt_farm03_bg.png') center/cover no-repeat; }  
.m_evt_farm03_list > li { width: 60.1vw; padding: 0 2.795vw; box-sizing: border-box; } 
.m_evt_farm03_list > li img { display: block; width: 100%; border-radius: 3.644vw; box-shadow: 1.353vw 1.606vw 3.865vw 0.336vw rgba(0, 0, 0, 0.15); }
.m_evt_farm05 .gif { display: block; background: url('/template/1/html/images/m_evt_farm05_2_bg.jpg') center/cover no-repeat; text-align: center; }
.m_evt_farm05 .gif img { width: 90.193vw !important; }


/*==================================================
  전산응용건축제도 기능사 시작
==================================================*/

.m_evt_drawing_2 { width: 100%; background-color: #324ba6; padding:0 0 6.98vw; } 
.m_evt_drawing_2 .tit_list { position: relative; gap:1.12vw; display: flex; list-style: none; margin: 0; padding: 0; z-index: 1; } 
.m_evt_drawing_2 .tit_list li { flex: 1; } 
.m_evt_drawing_2 .tit_list li a { text-align: center; padding:2.37vw 0 4.89vw 0; border-radius:2.79vw 2.79vw 0 0; background: #7a8ac5; display: block; line-height: 1; font-size: 3.07vw; font-family: "Pretendard", sans-serif; color: #324ba6; font-weight: 600; letter-spacing:-0.015em; } 
.m_evt_drawing_2 .tit_list li.active a { background: #ffffff; color: #324ba6; font-weight: 700; } 
.m_evt_drawing_2 .tab_container { max-width: 91.90vw; margin: 0 auto; } 
.m_evt_drawing_2 .tab_content_list { position: relative; border-radius: 2.79vw; overflow: hidden; z-index: 2; top:-2.65vw; } 
.m_evt_drawing_2 .tab_content_box { display: none; } 
.m_evt_drawing_2 .tab_content_box:first-child { display: block; } 
.m_evt_drawing_2 .tab_content_box.active { display: block; } 
.m_evt_drawing_2 .tab_content_box img { max-width: 100%; height: auto; display: block; margin: 0 auto; } 

.m_evt_drawing_8 { width: 100%; padding: 0 0 13.27vw; background: #f4e8f6; }
.m_evt_drawing_8 h2 { width: 100vw; position: relative; left: 50%; transform: translate(-50%,0); }
.m_evt_drawing_8 .in_Layer { max-width: 91.62vw; margin: 0 auto; text-align: center; }
.m_evt_drawing_8 .mov { position: relative; }
.m_evt_drawing_8 .mov img { width: 100%; height: auto; }
.m_evt_drawing_8 .p-movie_div_btn,
.m_evt_drawing_8 .p-movie_div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.m_evt_drawing_8 .p-movie_div { display: none; }
.m_evt_drawing_8 .p-movie_div iframe { width: 100%; height: 100%; border: none; } 

.m_evt_drawing_8 .txt { margin: 3.91vw 0 0; }
.m_evt_drawing_8 .txt img { width: 100%; height: auto; }

/*==================================================
  전산응용건축제도 기능사 끝
==================================================*/

/*==================================================
  건설안전산업기사 시작
==================================================*/

.m_evt_safety_4 { position: relative; width: 100vw; left: 50%; transform: translate(-50%,0); background: #dff1ff; } 
.m_evt_safety_4 .step1 { position: relative; } 
.m_evt_safety_4 .step1 .img { display: block; height: auto; } 
.m_evt_safety_4 .step1 .mov { position: relative; } 
.m_evt_safety_4 .step1 .mov img { display: block; position: relative; width: 100vw !important; left: 50%; transform: translate(-50%,0); height: auto; } 
.m_evt_safety_4 .step1 .mov .p-movie_div_btn,
.m_evt_safety_4 .step1 .mov .p-movie_div { position: absolute; top: 3.21vw; left: 21.37vw; width: 58.66vw; height: 32.96vw; z-index: 1; } 
.m_evt_safety_4 .step1 .mov .p-movie_div {display: none;}
.m_evt_safety_4 .step1 .mov .p-movie_div iframe { width: 100%; height: 100%; border: none; } 
.m_evt_safety_4 .step2 { position: relative; } 
.m_evt_safety_4 .step2 .img { display: block; width: 100%; height: auto; } 
.m_evt_safety_4 .step2 .lecture_list { position: relative; } 
.m_evt_safety_4 .step2 .lecture_list .scroll { position: absolute; top: 8.24vw; left: 4.19vw; width: 91.62vw; height: calc(100% - 8.24vw); border-radius: 0 0 2.79vw 2.79vw; overflow-y: auto; overflow-x: hidden; } 

.m_evt_safety_8 { position: relative; width: 100%; padding-bottom: 11.59vw; background-image: linear-gradient( 183deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%); } 
.m_evt_safety_8 h2 { width: 100%; margin: 0; padding: 0; } 
.m_evt_safety_8 .tab_container { position: relative; max-width: 91.90vw; margin: 0 auto; } 
.m_evt_safety_8 .tab_container .tit_list { display: flex; justify-content: center; gap: 1.12vw; margin: 0; padding: 0; list-style: none; } 
.m_evt_safety_8 .tab_container .tit_list li { position: relative; margin: 0; padding: 0; flex: 1; } 
.m_evt_safety_8 .tab_container .tit_list li.active::after { content: ''; position: absolute; bottom: -0.74vw; left: 50%; width: 0; height: 0; border-top: 0.94vw solid #ffed72; border-right: 0.98vw solid transparent; border-left: 0.98vw solid transparent; transform: translateX(-50%); } 
.m_evt_safety_8 .tab_container .tit_list li a { display: flex; justify-content: center; align-items: center; height: 6.42vw; background-color: rgb(0, 82, 181); border-radius: 1.54vw; font-family: "Pretendard"; font-size: 3.07vw; font-weight: 500; letter-spacing:-0.01em; color: rgb(0, 116, 255); } 
.m_evt_safety_8 .tab_container .tit_list li.active a { background-color: rgb(255, 237, 114); font-weight: 800; color: #1d376b; } 
.m_evt_safety_8 .tab_container .tab_content_list { position: relative; width: 100%; margin-top: 5.31vw; } 
.m_evt_safety_8 .tab_container .tab_content_box { display: none; width: 100%; } 
.m_evt_safety_8 .tab_container .tab_content_box:first-child { display: block; } 
.m_evt_safety_8 .tab_container .tab_content_box img { display: block; width: 100%; height: auto; } 

/*==================================================
  건설안전산업기사 끝
==================================================*/