@charset "UTF-8";

@media (max-width:1800px) {

	aside, aside.sub_aside { right:50px;}
	aside.fixed, aside.sub_aside.fixed { right:50px;}
}

@media (max-width:1700px) {
	div.slick-prev { left: 60px; transition:all 0.5s;}
	div.slick-next { right: 60px; transition:all 0.5s;}
	.bn01_pos, .bn02_pos, .bn03_pos { background-position: 40% top;	transition:all 0.5s;}
}


@media (max-width:1500px) {

	aside, aside.sub_aside { right:20px;}
	aside.fixed, aside.sub_aside.fixed { right:20px;}

	.classVwrap .classV { width:1200px;	height:676px;}


}




@media (max-width:1400px) {

aside.sub_aside { display:none;}

}



@media (max-width:1300px) {

	/* 팝업 */
	.popup_notice_wrap { width:98%; top:100px;}

	.popup10, .popup20, .popup30, .popup40, .popup50 { width:440px; height:auto;}
	.pop_wrap50 { background:url('../../images/popbg05_2.png') top center/115% no-repeat;}

	.pop_wrap10 h1, .pop_wrap20 h1, .pop_wrap30 h1, .pop_wrap40 h1, .pop_wrap50 h1 {
		font-size:24px;
		height:110px;
		font-family: 'sans_b';
		text-align:center;
		box-sizing:border-box;
	}

	.pop_wrap20 h1 {padding-top:15px;}

	.pop_wrap10 h2, .pop_wrap20 h2, .pop_wrap30 h2, .pop_wrap40 h2, .pop_wrap50 h2 {
		height:290px;
		font-size:16px;
		line-height:25px;
		padding:20px 40px;
	}

	.pop_wrap10 div.h3, .pop_wrap20 div.h3, .pop_wrap30 div.h3, .pop_wrap40 div.h3, .pop_wrap50 div.h3 {
		height:157px; font-size:14px; padding:25px; }

	/* 공지사항팝업 */
	.pop_wrap10 h2 { background:url('../../images/popbg01_2.png') 0 0 no-repeat;}


	/* 회원가입 */
	.join_wrap { width:92%;}
	.guide_wrap { width:45%; padding:25px 15px;}

	.form_wrap { width:65%;}
	.form_wrap form > div {	width:90%;}



	/* 상단메뉴 */
	.header_menu, .header_submenu { width:920px; padding:22px 15px; transition:all 0.5s;}
	.header_menu nav a, .header_submenu nav a { margin-left:20px;transition:all 0.5s;}
	.header_menu_wrap.fixed .header_menu nav a,
	.header_menu_wrap.fixed .header_submenu nav a {
		margin-left:25px;
		font-size:1.6rem;
	}



	/* 슬라이드배너 */

	div.slick-prev { left: 30px; transition:all 0.5s;}
	div.slick-next { right: 30px; transition:all 0.5s;}
	.bn01_pos, .bn02_pos, .bn03_pos { background-position: 60% top;	transition:all 0.5s;}
	.mainslider .text_wrap {
		width:900px;
		padding-left:60px;
		transition:all 0.5s;
	}
	ul.slick-dots {
		width:900px;
		padding-left:60px;
		transition:all 0.5s;
	}

	.header_info {
		width:920px;
		padding:16px 15px;
		transition:all 0.5s;
	}



	/* 소책자신청 */

	.pam_wrap .pam {
		width:95%;
		height:170px;
		box-sizing:border-box;
		padding:15px;
		margin:0 auto;
		display:flex;
		transition:all 0.5s;
	}

	.pam_img_wrap { display:flex; width:73%; /* transition:all 0.5s; */}
	.pam_img_wrap img {	width:100px; height:100px; margin-top:20px;}

	.pam_img div, .pam_img02 div {transition:all 0.5s; margin:15px auto;}

	.pam_btn_wrap { width:27%;font-size:1.6rem; padding-left:20px; box-sizing:border-box;}
	.pam_btn div { width:205px;}
	
	.pam_btn02 div { width:215px;}


	/* 성공사례,노하우  */
	.card_wrap { width:920px;} 
	.card_des { width:800px;}
	.card_des .card_line { width:250px; height:360px;transition:all 0.5s; }
	.card_des .card_line img { width:250px;	height:211px;transition:all 0.5s;}

	.card_title { font-size:1.6rem;}
	.card_con {	height:78px; font-size:1.4rem;}
	.card_des .card_line div { padding:15px;}

	.card_success .card_line:hover:before {
		width:250px;
		height:360px;
		padding:90px 70px;
		font-size:2.6rem;
	}
	.card_des .card_line:hover:after {
		top:200px;
		left:72px;
	}
	.card_know .card_line:hover::before {
		width:250px;
		height:360px;
		padding:90px 60px;
		font-size:2.6rem;
	}
	.card_title.know_title { margin-top:10px;}
	.card_wrap .card_more {	margin-right:55px;}
	.card_view { margin-top:50px;}
	.card_btn {	top:300px;}


	/* 성공로드맵 */
	.loadmap { width:950px; transition:all 0.5s;}
	.map_img_wrap {	width:900px; transition:all 0.5s;}
	.map_img_wrap img {	width:180px; height:196px; transition:all 0.5s;}
	.map_img_wrap p { font-size:1.5rem; margin-top:15px;}

	.map_mobile {display:none;}
	.map_pc {display:block;}
	


	
	/* 국공비서비스 */
	.service_wrap {padding:25px 0;}
	.service_wrap .service { width:96%;}
	.service_wrap a { width:50%; display:inline-block;}
	.service .ser_con {width:98%; height:180px; margin:20px auto;}
	.scon01 img, .scon02 img { margin-left:30px;}
	.ser_con .ser_img { width:52%;}
	.ser_con .ser_txt {	width:48%; margin-top:30px;}
	.ser_con .ser_txt p:nth-of-type(1) { font-size:2rem;}
	.ser_con .ser_txt p:nth-of-type(2) { font-size:1.5rem;	margin-top:40px;}


	/* 고객센터 */
	.center_wrap {  width:93%; margin:50px auto;}
	.center_wrap .center, .center_wrap .videos { width:48%;display:block;}

	.notice li {width:100%;padding:10px 20px; font-size:1.4rem;}
	.board_wrap {margin-top:5px;}
	.board_wrap a {display:inline-block;width:49%;}
	.faq, .library { width:100%;height:95px;line-height:95px;padding:0 40px; }
	.faq h3, .library h3 {	font-size:1.8rem;}

	.youtube { width:100%;padding-top:17px;}
	.center_wrap .video iframe { width:470px; height:280px;}
	.video_btn { top:161px;}


	/* 서브배너 */

	.sub_banner { height:150px;	line-height:150px;	font-size:2rem;}

	/* 앵커 */
	.anchor {top:53%;}



	/* 교육과정 */

	.sub_contents {	padding-top:30px;}
	
	.sub_wrap .sub_menu { height:55px;font-size:1.5rem;}
	.sub_wrap .sub_menu a {	padding:12px 5px;margin:0 40px;}
	.sub_wrap .sub_menu a::after { top:44px;}
	.sub_menuOn:before { top:44px;}

	.process_wrap { width:94%;padding:25px;}

	.process01 .edu_price { padding-left:20px; }

	
	/* 강의내역_view */

	.sub_class_view { width:95%;}

	.classVwrap .classV { width:1000px;	height:563px;}


	/* 상담내역 */

	.table_wrap { width:93%;}
	.page_wrap { width:93%;}



	/* 상담예약 */
	
	.reser_wrap { width:92%;}
	.reser_wrap label {	font-size:1.3rem;}
	.margin50 { margin-left:25px !important;}
	.margin10 { margin-left:10px !important;}


	/* 공지사항 */

	.custom_wrap { width:92%;}


	

	/* 자료실 */
	.down_wrap { width:92%;}




	/* footer */
	.foot_wrap { width:90%;padding:20px 0;}
	.foot_wrap .foot_menu { font-size:1.4rem; padding-bottom:15px;}
	.foot_wrap .foot_menu a { margin-right:20px;}
	.foot_wrap .foot_info { padding-top:15px;}




}



@media (max-width:1200px) {
	.reviewCard { height:400px;	}

	/* 약관팝업 */
	.f_service h2 span { width:90%;}
	.f_serviceBody {width:90%;}

	/* 회사소개 */
	.company_wrap {
		width:90%;
		background-size:60%;
		background-position:100% 60% ;
	}


}


@media (max-width:1100px) {
	.classVwrap .classV { width:850px;	height:479px;}
}



@media (max-width:1000px) {

	aside, aside.sub_aside { display:none;}

	/* 회원가입 */
	.guide_wrap { 
		width:100%;
		padding:25px 50px;
		border-right:none;
		border-bottom:1px solid #e6e6e6;
		display:block;
	}

	.join01 {display:block;}

	.join_rule:after, .join_rule2:after {
		left:120px;
	}


	.form_wrap { width:96%;display:block;}
	.form_wrap form > div {	width:90%;}



	
	/* 상단메뉴 */
	.header_info_wrap {
		display:none;
		transition:all 0.5s !important;
	}
	.header_menu_wrap {height:75px;	transition:all 0.5s;}
	.header_menu, .header_submenu { width:100%;line-height:75px;display:inline-block;padding:0;}

	.ham_btn { display:block; transition:all 0.5s;}
	.header_menu nav, .header_submenu nav { display:none;}
	.header_menu h1, .header_submenu h1 {margin-top:12.5px}
	.header_menu h1 a, .header_submenu h1 a { 
		width:85px;
		height:50px;
		background:url('../../images/mobile_logo.png') 0 0 no-repeat;
		background-size:contain;
		margin:0 auto;
	}

	.header_menu_wrap.fixed .header_menu h1 a,
	.header_menu_wrap.fixed .header_submenu h1 a {
		width:85px;
		height:50px;
		background:url('../../images/mobile_logo.png') left top / contain no-repeat;
		transition:all 0.5s;
	}

	.header_menu_wrap.fixed .header_menu, .header_menu_wrap.fixed .header_submenu {
		padding:0;
	}


	/* 슬라이드배너 */
	div.slick-prev, div.slick-next { display:none !important;}
	.banner_wrap { height:344px;}

	.bn01_pos, .bn02_pos, .bn03_pos { background-position: 40% top;	transition:all 0.5s;}
	
	.mainslider { height:344px;}
	.mainslider .text_wrap {
		padding-left:0;
		margin:50px 0 0 90px;
	}
	
	ul.slick-dots {
		width:150px;
		box-sizing:border-box;
		margin-left:90px;
		padding-left:0;
		transform:translateY(-40px);
	}

	ul.slick-dots li {
		width: 8px;
		height: 8px;
		border-radius:8px;
		margin: 0 5px;
	}

	ul.slick-dots li button:before {
		width: 8px;
		height: 8px;
		border-radius:10px;
	}

	ul.slick-dots li.slick-active {
		width: 8px;
		height: 8px;
	}
	
	.bn01_pos .text_wrap > p:nth-of-type(1),
	.bn02_pos .text_wrap > p:nth-of-type(1),
	.bn03_pos .text_wrap > p:nth-of-type(1),
	.bn03_pos .text_wrap > p:nth-of-type(2) {
		font-size:2rem;
		font-family: 'sans_rg';
	}

	.bn01_pos .text_wrap > p:nth-of-type(1) b,
	.bn01_pos .text_wrap > p:nth-of-type(2) b,
	.bn02_pos .text_wrap > p:nth-of-type(1) b,
	.bn02_pos .text_wrap > p:nth-of-type(2) b,
	.bn03_pos .text_wrap > p:nth-of-type(2) b {
		font-size:2.7rem;
		font-family: 'sans_b';
	}

	.bn01_pos .text_wrap > p:nth-of-type(2),
	.bn02_pos .text_wrap > p:nth-of-type(2) {
		font-size:2rem;
		font-family: 'sans_b';
		margin-top:0;
	}

	.bn03_pos .text_wrap > p:nth-of-type(2) {
		margin-top:5px;
	}

	.mainslider .text_wrap > .text_more {
		width:120px;
		height:40px;
		border-radius:20px;
		line-height:40px;
		margin-top:35px;
	}

	.mainslider .text_wrap > .text_more p {
		font-size:1.2rem;
		letter-spacing:4px;
	}


	/* 소책자신청 */
	
	.pam_wrap {height:100%;}
	.pam_wrap .pam { width:92%; height:100%; display:block; padding:8px;text-align:center;}

	.pam_img_wrap { width:560px; padding:15px 0 25px 0; margin:0 auto;}
	.pam_img_wrap img {	width:70px;	height:70px;}

	.pam_img_wrap p:nth-of-type(1), .pam_img_wrap p:nth-of-type(2) { font-size:1.4rem; }
	.pam_img_wrap p:nth-of-type(2) b {font-size:2.1rem; border-bottom:none; padding-bottom:0;}
	.pam_img_wrap p:nth-of-type(3) { font-size:1.6rem; margin-top:0;}
	.pam_img_wrap p:nth-of-type(3) b { font-size:2rem; }

	.pam_img_wrap.pam_img02 p:nth-of-type(1), .pam_img_wrap.pam_img02 p:nth-of-type(2) { font-size:1.4rem; }
	.pam_img_wrap.pam_img02 p:nth-of-type(2) b {font-size:2.1rem; border-bottom:none; padding-bottom:0;}
	.pam_img_wrap.pam_img02 p:nth-of-type(3) { font-size:1.6rem; margin-top:0;}
	.pam_img_wrap.pam_img02 p:nth-of-type(3) b { font-size:2rem; }

	
	.pam_img div {  margin:10px 0 0 15px;}
	.pam_img02 div {  margin: 10px 0 0 15px;}

	.pam_btn_wrap { 
		width:100%;
		font-size:1.5rem;
		background:none;
		padding:15px 0 7px 0;
		border-top:2px solid #d3c15d;
		display:flex;
		justify-content:space-between;
	}

	.pam_btn_wrap div span { display:none;}
	.pam_btn { height:100%;}
	.pam_btn div {height:100%;}
	
	.pam_btn02 { height:100%;}
	.pam_btn02 div { width:65%;height:100%;	margin:8px auto;}

	.pam_btn_wrap > span { width:400px;}

	.pam_ybtn {
		width:120px;
		height:40px;
		display:inline-block;
		line-height:35px;
		border-radius:20px;
		font-size:1.4rem;
		margin:0;
	}


	/* 성공사례,노하우  */
	.card_wrap { width:360px;margin:40px auto 120px auto;}
	.card_wrap h2 { font-size:2.8rem}

	.card_wrap h2:after {
		top:55px;
		margin-left:-32px;
		width:64px;
		height:4px;
	}

	.card_des { width:250px;margin-top:45px;}
	.card_des a { margin-left:-12px;}
	.card_con {	line-height:2rem;}

	.card_btn {	top:250px; width: 20px; height: 55px;}

	.slick-prev2, .slick-prev3, .slick-prev4 {
		background-size:contain;
	}

	.slick-next2, .slick-next3, .slick-next4 {
		background-size:contain;
	}

	.card_wrap .card_more {
		text-align:center;
		width:140px;
		height:48px;
		line-height:45px;
		border-radius:48px;
		box-sizing:border-box;
		border:1px solid #00b8d7;
		color:#00b8d7;
		position:absolute;
		padding:0;
		top:480px;
		left:50%;
		margin:0 0 0 -70px;
		background-size: 200% 100%;
		background-position: 100% 0;
		transition: all 0.5s ease;
		background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00b8d7), color-stop(50%, #fff));
	}

	.card_wrap .card_more:hover {
		background-position: 0;
		box-sizing:border-box;
		border:1px solid #00b8d7;
		color:#fff;
	}

	.card_wrap .card_more a {display:block;	}


	/* 국공비서비스 */
	.service_wrap h2 { font-size:2.5rem;}
	.service_wrap h2 b { font-size:3rem;}
	.service_wrap h3 { font-size:2rem;margin-top:7px;}

	.service_wrap .service { margin-top:20px;}


	/* 성공로드맵 */
	.loadmap_wrap { height:100%; padding:40px 0;}
	.loadmap { width:100%; transition:all 0.5s;}
	.loadmap h2 { font-size:2.8rem;}
	.loadmap h3 { font-size:1.5rem; margin-top:15px;}
	
	.map_mobile {display:block;}
	.map_pc {display:none;}



	/* 고객센터 */
	.center_wrap { display:block;}
	.center_wrap h2 { font-size:2.4rem;}
	.center_wrap .center, .center_wrap .videos { width:100%;}
	.center_wrap .videos { margin-top:50px;}
	.notice li { padding:15px;}
	.faq, .library { height:100px; line-height:100px;}

	.center_wrap .video iframe { width:650px; height:388px;}
	



	/* 국비학원이 되려면? */
	.sub01_900 { width:90%;}
	.sub01_contents .bTxt { font-size:3rem; margin-bottom:40px;}
	.sub01_contents .bTxt b { font-size:3.8rem;}

	.sub01_contents .bTxt2 { font-size:2.6rem; margin-bottom:40px;}
	.sub01_contents .bTxt2 b { font-size:3.4rem;}

	.sub01_contents .mdTxt {font-size:1.6rem; margin:30px 0;}
	.sub01_contents .mdTxt b {font-size:1.8rem;}

	.sub01_img_wrap img { width:380px;height:337px;}
	.sub01_img_wrap img:first-child { margin-top:120px;}

	.marTop { margin-top:70px;}

	/* 준비사항 */
	.sub01_contents .sub02Table { padding:5px 15px 15px 15px;}
	.sub02Table .sub01DT {margin:22px 0;}
	.sub02Table .sub01DT div {font-size:1.6rem;}
	.sub02Table .sub01DT div p {  transform:translateY(10px);}
	.sub02Table .sub01DT div b {font-size:2.6rem;margin-right:12px;}
	.sub02Table .sub01DT > p { font-size:1.3rem;padding-left:35px;}
	
	.sub01_contents .table_comment p {font-size:1.2rem;margin-bottom:3px;}

	/* 로드맵 */
	.sub01Align li { font-size:1.4rem;}
	

	
	/* 국비개설노하우-배우기 */
	.sub02_1000 { width:90%;}
	.sub_contents .sub01_contents h3 {font-size:2.4rem;}
	.sub01_contents .titleP p {	font-size:1.5rem;}

	.how_wrap .knowhow { padding:50px 0;}

	.how_wrap .knowhow .howImg img { width:100%;}
	
 	.how_wrap .knowhow .howTxt h4 {	font-size:2.4rem; margin-bottom:30px;}
	.how_wrap .knowhow .howTxt {font-size:1.4rem;}
	.how_wrap .knowhow .howTxt a {
		padding:0 30px;
		font-size:1.5rem;
		margin-top:40px;
		height:55px;
		line-height:55px;
	}


	/* 국비개설노하우-교육상품 */
	
	.sub01_contents .proTitle div {	margin-bottom:7px;}
	.sub01_contents .proTitle div p {font-size:1.3rem;}

	.sub01_contents .proTitle div p:first-child {
		height:28px;
		line-height:17px;
		font-size:1.3rem;
	}

	.sub01_contents .proMenu {margin-top:40px;}
	.sub01_contents .proMenu:after { top:64px;}
	.sub01_contents .proMenu p {width:130px;height:130px;margin: 0 20px;}
	.sub01_contents .proMenu p span {width:130px;font-size:1.8rem;}
	
	.sub01_contents .proBody {margin-top:30px;}
	.sub01_contents .proBody > p { font-size:1.5rem;}

	.proBody .benefit .benefitImg p {font-size:2rem;}
	.proBody .benefit .benefitImg p:before {width:50px;	height:4px;	}

	.proBody .benefit .benefitTxt .benetxt {margin-bottom:25px;	}
	.proBody .benefit .benefitTxt .benetxt p:nth-of-type(1) {font-size:1.6rem;}
	.proBody .benefit .benefitTxt .benetxt p:nth-of-type(1) b {	font-size:2.4rem;}
	.proBody .benefit .benefitTxt .benetxt p:nth-of-type(2) {font-size:1.4rem;margin:7px 0 0 38px;}




	
	/* 교육과정 */

	.sub_contents {	padding-top:20px;}
	.sub_wrap .sub_menu { font-size:1.4rem;}
	.pro_exp p {padding:0 15px;}
	
	.process01 { display:block;	width:100%;}

	.edu_imgtxt { width:100%;}

	.process01 .edu_text:after { display:none;}

	.process01 .edu_price {
		width:100%;
		margin-top:30px;
		padding:30px 0 0 0;
		border-top:1px solid #ddd;
	}


	/* 강의내역 */

	.class_imgtxt { width:100%;}

	.process02 { display:block;}
	.process02 > p {
		width:98%;
		margin:30px auto 0 auto;
		height:55px;
		line-height:52px;
		border-radius:50px;
	}
	

	/* 강의내역_view */

	.sub_contents h3 {font-size:1.6rem;padding:0 5px;}

	.sub_class_view {margin-top:20px;}
	.sub_contents h3 .rate { font-size:1.3rem;transform:translateY(10px);}

	.class_wrap {display:block;}

	.class_name { padding:13px 15px 0 75px;width:100%;height:120px;}
	.class_name p:nth-of-type(1) { font-size:1.5rem;line-height:18px;}
	.class_name p:nth-of-type(2) { font-size:1.3rem;margin-top:5px; line-height:15px;}

	.class_finish:before, .class_nonfin:before {display:none;}

	.class_btn {
		width:100%;
		height:75px;
		padding:15px;
		border-top:1px dashed #ddd;
		box-sizing:border-box;
		margin:0;
	}

	.class_btn a {font-size:1.4rem;}

	.whether {
		width:60px;
		transform:translateX(0);
		position:absolute;
		top:0;
		left:0;
	}
	
	.whether .wh_txt { height:30px;	line-height:30px; font-size:1.2rem;}
	.whether p:nth-of-type(2) { height:100%;padding:33px 0;}


	/* 상담예약 */
	
	.reser_wrap label {	font-size:1.3rem;}
	.select_block select, .select_block input {	width:72%;}
	.margin50 { margin-left:20px !important;}
	.margin10 { margin-left:0 !important;}

	.edit_wrap {
		width:72% !important;
	}


	/* 정보변경 */

	.modi_wrap .form_wrap { width:92%;}
	.modi_wrap .form_wrap form > div { width:460px;}


	/* 성공사례인터뷰 */

	.reviewCard {
		width:47%;
		height:440px;
		margin:1.2%;	
	}

	.reviewCard .re_txt p:nth-of-type(1) { font-size:1.5rem;}
	.reviewCard .re_txt p:nth-of-type(2) { font-size:1.3rem;}


	/* 성공사례 인터뷰 sub */
	
	.review_wrap2 .reviewImg {width:85%;}
	.review_wrap2 h4 {	font-size:2.2rem;padding:30px 0;}
	.review_wrap2 p { width:80%;margin:30px auto;font-size:1.4rem;}
	.review_wrap2 .review_pro { padding-left:35px;}




	/* 자료실 */
	.down_menu p { font-size:1.3rem;}

	.downBox_wrap .down_sort { width:10%;}
	.downBox_wrap .down_sort span { width:70px;}

	.downBox_wrap .downBox { width:74%;	padding:0 30px 0 20px;}

	.downBox_wrap .down_btn { width:16%;}


	.down_td .down_sort { width:10%;}
	.down_td .down_sort span { width:70px;}

	.down_td .downBox { width:74%;	padding:0 30px 0 20px;}

	.down_td .down_btn { width:16%;}


	.view_title2 .down_sort { width:12%;}




	/* footer */
	
	.foot_wrap { width:90%;padding:20px 0;}
	.foot_wrap .foot_menu { font-size:1.4rem;}
	.foot_wrap .foot_info {	font-size:1.2rem;flex-flow:column;align-items:flex-start;gap:20px}

	

	/* 심사평가절차 변경 */
	
	.sub01Table_02 .step .stepTitle {   width:26%;   height:120px;   font-size:1.6rem;}
	
	.sub01Table_02 .step:after { left:12%; width:20px; height:12px; background-size:20px;bottom:-35px;}
	.sub01Table_02 .step:nth-child(even):after {background-size:20px;}

	.sub01Table_02 .step:first-child .stepTitle,
	.sub01Table_02 .step:last-child .stepTitle {   padding-top:46px;}

	.sub01Table_02 .step:nth-of-type(2) .stepTitle,
	.sub01Table_02 .step:nth-of-type(4) .stepTitle {  padding-top:30px;}
	
	.sub01Table_02 .step:nth-of-type(3) .stepTitle {  padding-top:21px;}
	.sub01Table_02 .step .stepTitle p { font-size:1.3rem;}
	.sub01Table_02 .step .stepTitle p:first-child {  margin-top:13px;}

	.sub01Table_02 .step .stepBody {  width:68%;  height:120px; padding-top:37px;}
	.sub01Table_02 .step span {  
	   width:85px;
	   height:85px;
	   margin-top:-42px;
	   left:23%;
	   font-size:1.2rem;
	}

	.sub01Table_02 .step:first-child .stepBody,
	.sub01Table_02 .step:last-child .stepBody {
	   padding-top:47px;
	}

	.sub01Table_02 .step .stepBody p {  font-size:1.2rem;  margin:4px 0; padding-left:10px;}
	.sub01Table_02 .step .stepBody p:before { top:7px;}


	

	

}



@media (max-width:900px) {
	.sub01Align p {width:150px;	margin-right:20px;}
}


@media (max-width:850px) {
	/* 회사소개 */
	.company_wrap {	background-size:55%;background-position:100% 45% ;}
	.company_wrap p {font-size:1.4rem;line-height:28px;margin-bottom:50px;}
	.company_wrap p:first-child {font-size:1.9rem;line-height:30px;}
	


	/* 로그인 */
	.login_wrap { padding:40px 0 130px 0;}
	.login_wrap h2 { font-size:2.5rem;}

	.login_wrap h3 { font-size:1.4rem;}
	.login_input { padding:30px 0;}

	.login_form { width:400px;}
	.login_wrap > a {
		width:150px;
		height:50px;
		line-height:50px;
		border-radius:25px;
		font-size:1.6rem;
		margin:30px auto;
	}



	/* 국공비서비스 */
	
	.service_wrap .service { width:90%; display:block;}
	.service_wrap .service a { width:100%; display:block;}
	.ser_con .ser_img { width:52%;text-align:center;}
	.ser_con .ser_txt {	width:48%; margin:30px 0 0 10px;}

	.ser_con.scon02 { margin-top:30px;}

	
	.sub_contents h3 {font-size:1.5rem;position:relative;}
	.sub_contents .sub_class_view h3 {margin-bottom:45px;}
	.sub_contents h3 .rate {
		position:absolute;
		bottom:-25px;
		right:5px;
	}


	/* 서브메뉴 */
	.sub_wrap .sub_menu a {	padding:12px 5px;margin:0 15px;}


	/* 국비학원이 되려면? */
	/* 왜 */
	.sub01_contents { margin:20px 0 80px 0;}
	.sub01_contents .bTxt { font-size:2.8rem;}
	.sub01_contents .bTxt b { font-size:3.5rem;}

	.sub01_contents .bTxt2 { font-size:2.3rem;}
	.sub01_contents .bTxt2 b { font-size:3.1rem;}

	.sub01_contents .mdTxt {font-size:1.5rem;}
	.sub01_contents .mdTxt b {font-size:1.7rem;}

	.sub01_img_wrap {height:460px; display:block;position:relative;}
	.sub01_img_wrap img { width:340px;height:302px;position:absolute;}
	.sub01_img_wrap img:first-child { margin-top:100px;top:50px;left:0;}
	.sub01_img_wrap img:last-child { margin-top:5px;top:0;right:0;}

	.whyTxt {transform:translateY(-10px);}

	
	/* 인증절차 */
	.sub01_contents .sub01_title { padding:15px 0;}
	.sub01_contents .sub01_title h3 { font-size:2.2rem;}
	.sub01_contents .sub01_title h4 {font-size:1.2rem;}

	.sub01Table .tableTH p { font-size:1.6rem; width:210px;}
	.sub01Table .tableTD .th {
		width:80px;
		height:80px;
		border-radius:40px;
		font-size:1.5rem;
		padding-top:28px;
	}

	.sub01Table .tableTD .td {
		width:210px;
		height:80px;
		border-radius:13px;
		padding-top:29px;
		font-size:1.3rem;
	}

	.sub01Table .tableTD .td img {width:140px;height:20px;}
	.sub01Table .tableTD .td.lineT {padding-top:20px;}

	.sub01_contents .tableBtn { margin:40px 0;padding:20px 10px; }
	.sub01_contents .tableBtn p { font-size:1.6rem; margin:13px 30px 0 0;}

	.tableBtn a {
		height:50px;
		line-height:48px;
		border-radius:25px;
		font-size:1.6rem;
	}

	.tableBtn a.btnone {width:30%;}






	/* 정보변경 */
	.modi_wrap h2 {	font-size:2.5rem;}


	/* 공지사항 */

	.notice_wrap .table_txt { width:80%;}
	.notice_wrap .table_day { width:20%;}



	/* 성공사례인터뷰 */
	.reviewCard {height:410px;	}

	/* 자료실 */
	
	.down_wrap { margin:0 auto 20px auto;}
	.downBox_wrap { display:block;}
	.downBox_wrap .down_sort { width:100%; margin-bottom:8px}
	.downBox_wrap .down_sort span {	width:90px; position:static;display:block;transform:none;}

	.downBox_wrap .downBox {  width:100%;	padding:0;}
	.downBox .down_class { font-size:1.6rem;}


	.downBox_wrap .down_btn {  width:100%;margin:20px 0 8px 0}
	.downBox_wrap .down_btn a { position:static; transform:none;}

	.down_wrap2 .down_td {	display:block;}
	.down_td .down_sort { width:100%; margin-bottom:8px}
	.down_td .down_sort span {	width:90px; position:static;display:block;transform:none;}

	.down_wrap2 .table_txt {width:100%;padding-left:15px;}
	.down_wrap2 .table_day { width:100%;text-align:left; padding:6px 0 0 15px;}

	.view_title2 { display:block;padding:15px 20px 10px 20px;}
	.view_title2 div, .view_title2 p {margin:2px 0;}
	.view_title2 .down_sort { width:100%;}
	.view_title2 .down_sort span {width:85px;}

	.view_title2 p:nth-of-type(1) { width:100%;margin-left:5px;}
	.view_title2 p:nth-of-type(2) {
		width:100%;
		text-align:left;
		padding-left:5px;
		color:#999;
		font-family: 'sans_md';
	}

	.view_title2 .down_sort span { position:static;transform: translateY(0);}




	
	/* 강의내역 view */
	.classVwrap .classV { width:700px;	height:394px;}

	
	
}


@media (max-width:750px) {

	/* 팝업 */
	.popup10, .popup20, .popup30, .popup40, .popup50 { width:380px;}

	.pop_wrap20 { background:url('../../images/popbg02_2.png') center top / 105% no-repeat; }
	.pop_wrap50 { background:url('../../images/popbg05_3.png') top center / 105% no-repeat;}


	.pop_wrap10 h1, .pop_wrap20 h1, .pop_wrap30 h1, .pop_wrap40 h1, .pop_wrap50 h1 {
		font-size:21px;
		height:90px;
	}

	.pop_wrap20 h1 {padding-top:18px;}
	.pop_wrap30 h1 {padding:40px 0 50px 0;}
	.pop_wrap40 h1 {padding:45px 0 30px 0;}
	.pop_wrap50 h1 {height:80px !important; padding:35px 0 30px 0;}

	.pop_wrap10 h2, .pop_wrap20 h2, .pop_wrap30 h2, .pop_wrap40 h2, .pop_wrap50 h2 {
		height:290px;
		font-size:14px;
		line-height:26px;
		padding:20px 40px;
	}

	.pop_wrap10 h2 { background:url('../../images/popbg01_2_2.png') 0 0 no-repeat;}
	

	.pop_wrap10 div.h3, .pop_wrap20 div.h3, .pop_wrap30 div.h3, .pop_wrap40 div.h3, .pop_wrap50 div.h3 {
		height:157px; font-size:13px; padding:25px; }

	.pop_wrap40 div.h3 {padding:25px 10px;}


	

	

	
	/* 오픈팝업 */
	.popup_wrap { width:450px;	height:563px;}
	.popup_wrap .popup {
		width:450px;
		height:508px;
		background:url('../../images/open_popup.png') 0 0 / 450px no-repeat;
		background-color:#fff;
	}

	.popup_wrap .popup h1 {	font-size:2.4rem; padding-top:55px;}
	.popup_wrap .popup .pop_body { width:75%; margin:35px auto 0 auto;}
	.popup_wrap .popup .pop_body h2 { font-size:1.6rem;}
	.popup_wrap .popup .pop_body h2 b {	font-size:2rem;}
	.popup_wrap .popup .pop_body h3 { font-size:1.5rem; margin-top:15px;}
	.popup_wrap .popup .pop_body p { font-size:1.3rem; margin-top:20px;	padding-top:20px;}

	.popup_wrap .popup .pop_body .event_li {width:80%; margin:20px auto 0 auto;}
	.popup_wrap .popup .pop_body .event_li li { font-size:1.3rem;}

	.popBtn a {	height:45px; line-height:42px;margin-top:17px; }

	
	/* 앵커 */
	.anchor {top:60%;}
		
	/* 회사소개 */
	.company_wrap {	background-size:80%;background-position:center bottom ;padding-bottom:300px;}
	
	/* 회원가입 */
	.modi_wrap .form_wrap form > div {	}
	.modi_wrap .form_wrap form > div p {width:105px;padding:8px 0;font-size:1.2rem;}
	/* .modi_wrap .form_wrap form > div input { width:240px !important;} */

	.form_wrap form > div p {width:83px; font-size:1.3rem;}

	.join_wrap .join02 p span {	display:block;}
	.join_wrap .join02 input {
		width:16px;
		height:16px;
		transform:translateY(10px);
		margin-right:10px;
	}

	.join_wrap .join02 a {
		width:65px;
		height:33px;
		line-height:33px;
		font-size:1.1rem;
		text-align:center;
		font-family: 'sans_b';
		display:block;
		border:1px solid #cd1b1b;
		color:#cd1b1b;
		border-radius:3px;
		transform:translateY(2px);
		margin-left:10px;
	}

	.join_rule:after, .join_rule2:after {
		left:100px;
	}

	
	/* 아이디/비번찾기 */

	.find_form_wrap { width:90%;}
	.find_form { width:80%;}
	.find_form form .tab_form > div { width:95%;font-size:1.2rem;}
	.find_form form .tab_form > div p {	width:80px;}
	.find_form form .tab_form > div input {	width:140px;}

	
	/* 슬라이드배너 */
	.bn01_pos, .bn02_pos, .bn03_pos { background-position: 62% top;	transition:all 0.5s;}
	
	.mainslider { height:344px;}
	.mainslider .text_wrap {
		padding-left:0;
		margin:30px 0 0 30px;
	}
	
	ul.slick-dots {
		width:150px;
		box-sizing:border-box;
		margin-left:30px;
		padding-left:0;
		transform:translateY(-30px);
	}

	.bn01_pos {	background-image:url('../../images/m_main_slide01.png');}

	.bn02_pos { background-image:url('../../images/m_main_slide02.png');}

	.bn03_pos {	background-image:url('../../images/m_main_slide03.png');}


	.bn01_pos .text_wrap > p:nth-of-type(1),
	.bn02_pos .text_wrap > p:nth-of-type(1),
	.bn03_pos .text_wrap > p:nth-of-type(1),
	.bn03_pos .text_wrap > p:nth-of-type(2) {
		font-size:1.7rem;
	}

	.bn01_pos .text_wrap > p:nth-of-type(1) b,
	.bn01_pos .text_wrap > p:nth-of-type(2) b,
	.bn02_pos .text_wrap > p:nth-of-type(1) b,
	.bn02_pos .text_wrap > p:nth-of-type(2) b,
	.bn03_pos .text_wrap > p:nth-of-type(2) b {
		font-size:2.3rem;
	}

	.bn01_pos .text_wrap > p:nth-of-type(2),
	.bn02_pos .text_wrap > p:nth-of-type(2) {
		font-size:1.7rem;
	}

	.bn03_pos .text_wrap > p:nth-of-type(2) {
		margin-top:5px;
	}

	.pam_btn_wrap > span { width:200px;}

	/* 고객센터 */
	.center_wrap .video iframe { width:450px; height:268px;}
	.video_btn {top:130px; width: 20px; height: 55px;}
	.youtube { width:100%;}


	/* 국비학원이되리면? */
	/* 준비사항 */
	.sub01_contents .sub02Table { padding:5px 15px 15px 15px;}
	.sub02Table .sub01DT {margin:20px 0;}
	.sub02Table .sub01DT div {font-size:1.4rem;}
	.sub02Table .sub01DT div b {font-size:2.3rem;margin-right:8px;}
	.sub02Table .sub01DT > p {	font-size:1.2rem;padding-left:32px;}
	
	/* 로드맵 */
	.sub01_contents .sub03Table { padding:10px;}
	.sub01Align p {	font-size:1.5rem; width:120px;}


	
	/* 국비개설노하우-배우기 */
	.sub_contents .sub01_contents h3 {font-size:2.2rem;}
	.sub01_contents .titleP p {	font-size:1.4rem;}

	.how_wrap .knowhow { padding:30px 0;display:block;}
	.how_wrap .knowhow.moView {display:block;}
	.how_wrap .knowhow.pcView {display:none;}
	
 	.how_wrap .knowhow .howTxt h4 {	font-size:2.2rem; margin-bottom:20px;}
	.how_wrap .knowhow .howTxt {font-size:1.3rem;width:100%;}
	.how_wrap .knowhow .howTxt a {padding:0 25px;font-size:1.4rem;margin-top:30px;letter-spacing:-0.5px}

	.how_wrap .knowhow .howImg { width:100%;margin-bottom:30px;}
	.how_wrap .knowhow .howImg img { width:70%;}
	



	/* 국비개설노하우-교육상품 */

	.sub01_contents .proTitle div {	display:block;margin-bottom:15px;}
	.sub01_contents .proTitle div p:first-child {width:130px;margin-bottom:5px;}
	.sub01_contents .proTitle div p:last-child {width:100%; line-height:18px;}

	.sub01_contents .proMenu:after { top:54px;}
	.sub01_contents .proMenu p {width:110px;height:110px;margin: 0 10px;}
	.sub01_contents .proMenu p span {width:110px;font-size:1.6rem;}
	
	.sub01_contents .proBody > p { font-size:1.4rem;}
	
	.sub01_contents .proBody .benefit {display:block;}
	.proBody .benefit .benefitImg {width:100%;background:none;}
	.proBody .benefit .benefitImg p b {	display:inline;}
	
	.proBody .benefit .benefitTxt {	width:100%;	padding-left:0;margin-top:20px;}
	.proBody .benefit .benefitTxt .benetxt {margin-bottom:15px;	}
	.proBody .benefit .benefitTxt .benetxt p:nth-of-type(2) {font-size:1.4rem;margin:7px 0 0 40px;} 
	
	.sub02Btn a {padding:0 40px;font-size:1.6rem;margin:40px auto;}





	/* 교육과정 */
	
	.process_wrap { width:94%;padding:15px;}
	.edu_imgtxt { width:100%;display:block;}

	.process01 .edu_img { width:100%;text-align:center;}
	.process01 .edu_img img { width:98%; height:98%;}

	.process01 .edu_text { width:100%;margin-top:20px;padding:8px 5px;}
	.process01 .edu_text:after { display:none;}

	.process01 .edu_price {
		width:100%;
		margin-top:30px;
		padding:30px 0 0 0;
		border-top:1px solid #ddd;
	}

	/* 강의내역 */

	.class_imgtxt { width:100%;display:block;}

	.process02 .class_img { width:100%;text-align:center;}
	.process02 .class_img img { width:98%; height:98%;}
	.process02 .class_text { width:100%;margin-top:20px;padding:8px 5px;}	

	.process02 { display:block;}
	.process02 > p {
		width:98%;
		margin:20px auto 10px auto;
		height:55px;
		line-height:52px;
		border-radius:50px;
	}

	
	

	/* 강의내역_view */

	.sub_class_view { width:92%;margin-top:10px;}
	.class_name p:nth-of-type(1) { font-size:1.4rem;line-height:18px;}

	.classVwrap .classV {
	width:480px;
	height:270px;
	}	



	
	/* 서브배너 */

	.sub_banner { height:110px;	line-height:110px;	font-size:1.6rem;}



	/* 상담내역 */
	.table_wrap { font-size:1.3rem;}
	.table_wrap .table_day p { margin-right:12px;}
	.table_wrap .table_day p:nth-of-type(3) { width:115px;}
	.table_wrap .table_day .back_btn { width:50px;padding:5px 4px; font-size:1.1rem;}

	

	/* 상담예약 */
	
	.reser_wrap label {	font-size:1.2rem; width:60px;}
	.reser_class select {font-size:1.2rem;}
	.reser_wrap .select_block label {margin:0 10px 0 5px;}

	.select_block select, .select_block input {	width:82%;	font-size:1.2rem;}
	.reser_wrap .reser_form .select_block {	display:block;}
	.reser_wrap .reser_form .select_block > div {	
		width:100%;justify-content:center;
	}

	.margin50 {	margin-left:0 !important;}

	.edit_wrap {
		width:82% !important;
	}


	/* 달력 */
	.input_date {transform:translate(-40px, 10px) !important;}	



	/* 정보변경 */

	.form_wrap form > div .post_input {	width:95px !important;}
	
/* 	.modi_wrap .form_wrap {	padding:10px 0; }
	.modi_wrap .form_wrap form > div { width:92%;}
	.modi_wrap .form_wrap form > div p { width:100px;padding:8px 0;	font-size:1.2rem;}
	 */



	 /* 심사평가절차 변경 */
	
	.sub01Table_02 { padding:40px 15px;}
	.sub01Table_02 .step { display:block; }

	.sub01Table_02 .step:after { left:50%; margin-left:-10px;}

	.sub01Table_02 .step .stepTitle {
		width:100%;
		height:auto;
		font-size:1.4rem;
		padding:25px 0 40px 0 !important;
	}
	.sub01Table_02 .step .stepTitle p { font-size:1.2rem;}
	.sub01Table_02 .step .stepTitle p:first-child {  margin-top:5px;}

	.sub01Table_02 .step .stepBody {
		width:100%;
		height:auto;
		padding:40px 10px 20px 10px !important;
		margin-top:20px;
		text-align:center;
	}

	.sub01Table_02 .step:nth-of-type(3) span {
		margin-bottom:-50px;
	}

	.sub01Table_02 .step span {  
	   width:76px;
	   height:76px;
	   top:initial;
	   bottom:50%;
	   margin:0 0 -35px -38px;
	   left:50%;
	   font-size:1.1rem;
	   padding-top:30px;
	}

	.sub01Table_02 .step .stepBody p {  font-size:1.2rem;  margin:4px 0 4px 10px; padding-left:0; letter-spacing:-0.5px; }
	.sub01Table_02 .step .stepBody p:before { top:8px;}

	

}


@media (max-width:700px) {


	/* 성공로드맵 */
	.loadmap_wrap { height:100%; padding:40px 0;}
	.loadmap { width:375px; transition:all 0.5s;}
	.m_map_wrap img { width:375px;height:115px;}
	.m_map_txt { font-size:1.3rem; margin-top:7px;}
	.m_map_txt i { font-size:1.2rem;}
	.m_map_txt01 p { margin:10px 12px;}
	.m_map_txt02 p { margin:10px 7px;}

	

	/* 성공사례인터뷰 */
	.reviewCard { height:410px;	}

	/* 소책자신청 */
	.pam_img_wrap {width:370px; padding:10px 0 15px 0;}
	.pam_img_wrap img { margin-top:20px;}
	.pam_img_wrap.pam_img02 p:nth-of-type(2) b {display:block;}

	.pam_img_wrap div {width:285px;}
	.pam_img_wrap p:nth-of-type(1) { font-size:1.2rem; }
	.pam_img_wrap p:nth-of-type(2) { font-size:1.2rem; margin:10px 0 8px 0; }
	.pam_img_wrap p:nth-of-type(2) b {font-size:1.8rem; border-bottom:none; padding-bottom:0;}
	.pam_img_wrap p:nth-of-type(3) { font-size:1.4rem; margin-top:0;}
	.pam_img_wrap p:nth-of-type(3) b { font-size:1.6rem; }

	.pam_img_wrap.pam_img02 p:nth-of-type(1) { font-size:1.2rem; }
	.pam_img_wrap.pam_img02 p:nth-of-type(2) { font-size:1.2rem;  margin:10px 0 8px 0; }
	.pam_img_wrap.pam_img02 p:nth-of-type(2) b {font-size:1.8rem; border-bottom:none; padding-bottom:0;}
	.pam_img_wrap.pam_img02 p:nth-of-type(3) { font-size:1.4rem; margin-top:0;}
	.pam_img_wrap.pam_img02 p:nth-of-type(3) b { font-size:1.6rem; }

	
	

}



@media (max-width:670px) {

	.find_form { width:270px;}
	.find_form form .tab_form > div { width:100%;font-size:1.3rem;}
	.find_form form .tab_form > div p {	width:65px;}
	.find_form_wrap .phone_wrap .phone_btn {
		display:block;
		text-align:right;
		margin-top:8px;
	}

	.find_form form .tab_form > div .phone_select { width:60px;}
	.find_form form .tab_form > div .phone_input { width:30px;}

	
	/* 국비학원이 되려면? */
	/* 왜 */
	.sub01_contents .bTxt { font-size:2.5rem;}
	.sub01_contents .bTxt b { font-size:3.2rem;}

	.sub01_contents .bTxt2 { font-size:2.1rem;}
	.sub01_contents .bTxt2 b { font-size:2.9rem;}
	.sub01_contents .bTxt2 span {display:block;}

	.sub01_contents .mdTxt {font-size:1.4rem; margin:15px 0;}
	.sub01_contents .mdTxt b {font-size:1.5rem;}

	.marTop { margin-top:50px;}


	/* 인증절차 */

	.sub01_contents .sub01Table {padding:15px;}
	
	.sub01_contents .sub01_title h3 { font-size:2rem; margin-right:10px;}

	.sub01Table .tableTH p { font-size:1.4rem; width:180px;}
	.sub01Table .tableTD .th {
		width:60px;
		height:60px;
		border-radius:30px;
		font-size:1.3rem;
		padding-top:20px;
	}

	.sub01Table .tableTD .td {
		width:180px;
		height:60px;
		border-radius:13px;
		padding-top:20px;
		font-size:1.2rem;
	}

	.sub01Table .tableTD .td img {width:100px;height:14px;transform:translateY(-3px);}
	.sub01Table .tableTD .td.lineT {padding-top:10px;}

	.sub01_contents .table_comment p { font-size:1.3rem;}
	.sub01_contents .table_comment .ref { font-size:1.1rem;}

	.sub01_contents .tableBtn { margin:30px 0;padding:20px 10px; }
	.sub01_contents .tableBtn p { font-size:1.4rem; margin:14px 20px 0 0;}

	.tableBtn a {
		height:50px;
		line-height:48px;
		border-radius:25px;
		font-size:1.4rem;
	}

	.tableBtn a.btnone {width:30%;}

	/* 준비사항 */
	.sub01_contents .sub02Table { padding:5px 15px 15px 15px;}
	.sub02Table .sub01DT div { margin-bottom:15px;}

	.tableBtn a.btntwo { width:45%;  margin:0 5px;}



}



@media (max-width:600px) {

	.wrap {overflow:hidden;}


	/* 오픈팝업 */
	.popup_wrap { width:300px;	height:450px;}
	.popup_wrap .popup {
		width:300px;
		height:448px;
		background:url('../../images/open_popup_300.png') 0 0 / 300px no-repeat;
		background-color:#fff;
	}

	.popup_wrap .popup h1 {	font-size:1.7rem; padding-top:45px;}
	.popup_wrap .popup .pop_body { width:80%; margin:20px auto 0 auto;}
	.popup_wrap .popup .pop_body h2 { font-size:1.4rem;}
	.popup_wrap .popup .pop_body h2 b {	font-size:1.7rem;}
	.popup_wrap .popup .pop_body h3 { font-size:1.3rem; margin-top:15px;}
	.popup_wrap .popup .pop_body h3 span { display:inline;}
	.popup_wrap .popup .pop_body p { font-size:1.2rem; margin-top:15px;	padding-top:15px;}

	.popup_wrap .popup .pop_body .event_li {width:98%; margin:12px auto 0 auto;}
	.popup_wrap .popup .pop_body .event_li li { font-size:1.2rem;padding-left:10px;}
	.popup_wrap .popup .pop_body .event_li li:before {top:8px;}

	.popBtn a {width:140px;	height:40px; line-height:37px;margin-top:14px; font-size:1.3rem;}
	
	

	/* 소책자신청 */
	

	

	/* 회원가입 */
	.guide_wrap { padding:25px 30px;}
	.form_wrap form > div {	width:95%;}
	.form_wrap form > div input { width:130px;}
	.edu_wrap select { width:100%;}
	.edu_wrap span {width:80%;display:block;}
	.edu_wrap span select:nth-of-type(1) { margin-bottom:7px;}
	.edu_wrap span select:nth-of-type(2) { margin-left:0;}


	.form_wrap form > div .address_none { display:block;margin-top:7px;}
	.form_wrap form > div .address_input,
	.form_wrap form > div .address_none { width:180px;}

	.form_wrap .phone_wrap .phone_select { width:60px;}
	.form_wrap form > div .phone_input { width:30px;}


	/* 약관팝업 */
	
	

	.serviceBG .servBTn, .serviceBG2 .servBTn {
		width:82%;
		height:450px;
	}

	.serviceBG iframe,
	.serviceBG2 iframe {
		width:100%;
		height:395px;
	}

	.pop_close2, .pop_close3 {
		position:absolute;
		display:block;
		width:100%;
	}

	.service2 h2 { font-size:1.6rem; }




	/* 아이디찾기 결과 */

	.result_wrap {	width:90%;font-size:1.4rem;margin:30px auto; padding:30px 0;}
	.result_wrap > p { font-size:1.5rem; letter-spacing:-0.5px;}
	.result_wrap > div { width:85%;}
	.result_wrap > div .id_p { font-size:1.3rem;}
	.result_wrap > div .pw_p { width:85px;font-size:1.3rem;}
	.result_wrap > div div input { width:100px;}




	/* 국공비서비스 */
	.service_wrap {padding:15px 0;}
	.service_wrap h2 { font-size:1.8rem; letter-spacing:-0.5px;}
	.service_wrap h2 b { font-size:2.4rem; letter-spacing:-0.2px;}
	.service_wrap h3 { font-size:1.6rem;margin-top:0;}
	
	.service_wrap .service { width:85%; display:block; margin-top:20px}
	.service .ser_con { height:110px; margin:10px auto;}
	.ser_con .ser_img { width:46%;}
	.ser_con .ser_txt {	width:54%; margin:10px 0 0 10px;}
	.ser_con .ser_txt p:nth-of-type(1) { font-size:1.7rem;}
	.ser_con .ser_txt p:nth-of-type(2) { font-size:1.3rem;	margin-top:12px;}
	.ser_con .ser_txt p:nth-of-type(2):before {top:-4px;width:98px;}
	.ser_con.scon02 { margin-top:20px;}
	.scon01 img {
		width:100px;
		height:117px;
		margin:-9px 0 0 10px;
	}

	.scon02 img {
		width:100px;
		height:117px;
		margin:-12px 0 0 10px;
	}
	
	/* 국비학원이되려면 */
	/* 왜 */
	.sub01_img_wrap {height:350px; display:block;position:relative;}
	.sub01_img_wrap img { width:220px;height:195px;position:absolute;}
	.sub01_img_wrap img:first-child { margin-top:60px;top:50px;left:0;}
	
	/* 로드맵 */
	.sub01Align {display:block;}
	.sub01Align p {	width:100%;margin-right:0;}
	.sub01Align p img { width:90px;	height:85px;}
	.sub01Align div {width:100%;margin-top:20px}




	/* 고객센터 */
	.center_wrap { width:90%; display:block; margin:30px auto;}
	.center_wrap h2 { font-size:2rem;}
	.center_wrap .videos { margin-top:30px;}
	.center_wrap .video iframe { width:310px; height:185px;}
	.notice li {width:100%;padding:15px; font-size:1.3rem; line-height:18px;}
	.board_wrap a {display:inline-block;width:49%;}
	.faq, .library { 
		height:80px;
		line-height:80px;
		padding:0 20px;
	}

	.faq h3, .library h3 {font-size:1.6rem;	}

	.notice > a:nth-of-type(1) { top:10px;}
	.video_btn {top:115px; width: 20px; height: 55px;}


	/* 교육과정 */

	.sub_wrap .sub_menu {;font-size:1.4em;}
	.sub_wrap .sub_menu a {margin:0 10px; ;letter-spacing:-1px;}
	

	/* 정보변경 */
	
	.modi_wrap .form_wrap form > div input { width:170px;font-size:1.2rem;letter-spacing:-0.4px;}
	.modi_wrap .form_wrap form > div .post_input {width:80px;}
	.modi_wrap .form_wrap form > div .phone_input {width:28px;}
	.modi_wrap .form_wrap form > div .address_input,
	.modi_wrap .form_wrap form > div .address_none {
		width:180px;
	}

	.modi_wrap .form_wrap form > div { width:80%;}

	.join_rule3:after {	bottom:-37px;}




	/* 공지사항 */
	.notice_wrap .notice_td { display:block;}
	.notice_wrap .table_txt { width:100%;padding:0 20px 6px 20px;}
	.notice_wrap .table_day { width:100%;text-align:left;padding:0 0 0 20px; color:#999;}
	
	/* 공지사항 VIEW */
	
	.noticeView {font-size:1.3rem;}
	.view_title { display:block;}
	.view_title p:nth-of-type(1) { width:100%;}
	.view_title p:nth-of-type(2) { width:100%; text-align:left;padding-top:7px;}
	


	/* 성공사례인터뷰 */
	.reviewCard {
		width:90%;
		height:100%;
		min-height:450px;
		margin:10px auto;	
		float:none;
	}




	/* 소책자 팝업 */

	.book_apply {
		background:#fff;
		width:330px;
		height:480px;
	}

	.book_apply h2 {
		height:60px;
		line-height:60px;
		font-size:2.2rem;
	}

	.book_form { padding:10px 0;}
	.book_form div { margin:10px 0;}
	.book_form div p { width:70px;line-height:34px;	font-size:1.3rem; }

	.book_form div input, .book_form div select { width:200px;height:34px;padding:6px;}
	
	.bookAgree p { font-size:1.2rem;  }

	
	.list_btn2 {
		width:160px;
		height:45px;
		line-height:45px;
		border-radius:28px;
		font-size:1.5rem;
	}


	/* 달력 */
	.input_date {transform:translate(-20px, 10px) !important;}

	/* 자료실 */
	.view_title2 { display:block;}
	.view_title2 p:nth-of-type(1) { width:100%;}
	.view_title2 p:nth-of-type(2) { width:100%; text-align:left;padding-top:7px;}

}


@media (max-width:500px) {

	/* 팝업 */
	.popup10, .popup20, .popup30, .popup40, .popup50 { width:290px;}

	.pop_wrap20 { padding-top:40px; background:url('../../images/popbg02_3.png') center top / 110% no-repeat; }
	.pop_wrap50 { background:url('../../images/popbg05_4.png') top center / 105% no-repeat;}

	.pop_wrap10 h1, .pop_wrap20 h1, .pop_wrap30 h1, .pop_wrap40 h1, .pop_wrap50 h1 {
		font-size:17px;
		height:70px;
	}
	
	.pop_wrap10 h1 {padding:30px 0 0 0;}
	.pop_wrap20 h1 { width:88%; height:60px !important; padding-top:15px;}
	.pop_wrap30 h1 {padding:40px 0 50px 0;}
	.pop_wrap40 h1 {padding:45px 0 30px 0;}

	.pop_wrap10 h2, .pop_wrap20 h2, .pop_wrap30 h2, .pop_wrap40 h2, .pop_wrap50 h2 {
		height:260px;
		font-size:13px;
		padding:20px;
		line-height:20px;
	}

	.pop_wrap10 div.h3, .pop_wrap20 div.h3, .pop_wrap30 div.h3, .pop_wrap40 div.h3, .pop_wrap50 div.h3 {
		height:120px; font-size:12px; padding:20px;line-height:20px; letter-spacing:-0.7px; }

	.pop_wrap40 div.h3 { width:93%; padding:19px 5px;}

	/* 공지사항팝업 */
	.pop_wrap10 h2 { background:url('../../images/popbg01_3.png') 0 0 no-repeat;}

	
	/* 이벤트팝업2 */
	
	.pop_wrap30 { background-position: -55px -12px; background-size:140%;}
	.pop_wrap30 h1:after { width:120px;}


	
	/* 앵커 */
	.anchor {top:55%;}



	.login_wrap h2 span { display:block;}
	.join_wrap .join02 input { transform:translateY(22px);}

	.join_wrap .join02 a {
		width:65px;
		height:33px;
		line-height:33px;
		transform:translateY(13px);
	}

	.form_wrap form > div .phone_input { width:30px;}

	.form_wrap .phone_wrap .phone_btn {
		display:block;
		text-align:right;
		margin-top:8px;
	}

	.join_img {	width:80px;}
	.join_img img {	width:80px;	height:83px;}


	/* 국비학원이 되려면? */
	/* 왜 */
	.sub01_contents .bTxt { font-size:2.2rem;margin-bottom:20px;text-align:center;}
	.sub01_contents .bTxt b { font-size:3rem;}

	.sub01_contents .bTxt2 { font-size:2rem;line-height:40px;margin-bottom:20px;text-align:center;}
	.sub01_contents .bTxt2 b { font-size:2.7rem;}
	.sub01_contents .bTxt2 span {display:block;}

	.sub01_contents .mdTxt {font-size:1.3rem; margin:15px 0 10px 0;text-align:center;}
	.sub01_contents .mdTxt span {display:block;}
	.sub01_contents .mdTxt b {font-size:1.4rem;}

	.sub01_img_wrap {margin:30px 0 20px 0;}

	.whyTxt {transform:translateY(10px);}
	.marTop { margin-top:50px;}

	.sub01_contents .sub01_title {padding:15px 5px;}

	.sub01_contents .sub01_title h3 {
		font-size:1.7rem;
		margin-right:5px;
		padding-left:0;
	}

	.sub01_contents .sub01_title h4 { font-size:1.1rem; letter-spacing:-0.5px;}

	.sub01_contents .sub01Table {padding:20px 0;}

	.sub01Table .tableTH p { font-size:1.2rem; width:132px;}
	.sub01Table .tableTD .th {
		width:55px;
		height:55px;
		border-radius:28px;
		font-size:1.3rem;
		padding-top:17px;
	}

	.sub01Table .tableTD .td {
		width:132px;
		height:55px;
		border-radius:13px;
		padding-top:17px;
		font-size:1.1rem;
	}

	.sub01Table .tableTD .td img {width:100px;height:14px;transform:translateY(-1px);}
	.sub01Table .tableTD .td.lineT {padding-top:7px; font-size:1rem;line-height:15px;}

	.sub01Table .tableTD .td.lineT.lineT1 {padding-top:4px;}
	.sub01Table .tableTD .td.lineT.lineT2 {padding-top:10px;}

	.sub01_contents .table_comment { margin:10px;}
	.sub01_contents .table_comment p { font-size:1.2rem;}

	.sub01_contents .tableBtn { display:block;margin:0;padding:20px 0; text-align:center; }
	.sub01_contents .tableBtn p { font-size:1.4rem; margin:0;}

	.tableBtn a {
		height:50px;
		line-height:48px;
		border-radius:25px;
		font-size:1.4rem;
		margin:20px auto 0 auto;
	}

	.tableBtn a.btnone {width:80%;}

	.tableBtn a.btntwo { width:80%;  margin:10px auto;}
	
	
	
	/* 국비개설노하우-교육상품 */

	.sub01_contents .proMenu:after { top:44px;}
	.sub01_contents .proMenu p {width:90px;height:90px;margin: 0 8px;}
	.sub01_contents .proMenu p span {width:90px;font-size:1.4rem;}

	

	/* 상담예약 */
	.reser_wrap .reser_form .select_block div {	
		justify-content:center;
	}
	.reser_wrap .select_block label {margin:0 0 0 5px;}



	/* 강의내역 */

	.classVwrap .classV {
	width:400px;
	height:225px;
	}	

	/* 첨삭메뉴 */

	.reser_wrap .reser_form .edit {
		width:80%;
		line-height:15px;
		font-size:1.2rem;
	}

	/* 자료실 */

	.down_menu p:nth-of-type(1), .down_menu p:nth-of-type(2) { padding-top:22px;}
	.down_menu p span {   display:block;}


} 



@media (max-width:450px) {

	/* 회원가입 */
	.guide_wrap { padding:25px 30px;}
	.form_wrap form > div {	width:92%;}
	.form_wrap form > div input { width:100px;}
	.form_wrap form > div input.e_input { width:153px;}
	.edu_wrap span {width:60%;display:block;}
	.login_wrap h3 p { display:block;}

	.join_rule:after, .join_rule2:after {
		left:90px;font-size:1.1rem;
	}



	/* 로그인 */

	.login_wrap h3 { font-size:1.4rem;}

	.login_form { width:300px;padding:0 20px;font-size:1.2rem;}
	.input_wrap {}
	.input_wrap input {	width:130px;}
	.input_wrap p { width:60px;}

	.login_find { padding:15px 0;font-size:1.1rem;}
	.login_find a {	margin:0 10px;}
	.login_find a:nth-of-type(1)::after,
	.login_find a:nth-of-type(2)::after { right:-10px;}


	/* 소책자신청 */	
	
	.pam_wrap .pam {padding:0}

	.pam_img_wrap { width:325px; }
	.pam_img_wrap img {	width:55px;	height:55px;margin-top:28px;}

	.pam_img_wrap p:nth-of-type(1), .pam_img_wrap p:nth-of-type(2) { font-size:1.1rem; }
	.pam_img_wrap p:nth-of-type(2) b {font-size:1.7rem; border-bottom:none; padding-bottom:0;}
	.pam_img_wrap p:nth-of-type(3) { font-size:1.3rem; margin-top:0;}
	.pam_img_wrap p:nth-of-type(3) b { font-size:1.5rem; }

	.pam_img_wrap.pam_img02 p:nth-of-type(1), .pam_img_wrap.pam_img02 p:nth-of-type(2) { font-size:1.1rem; }
	.pam_img_wrap.pam_img02 p:nth-of-type(2) b {font-size:1.7rem; border-bottom:none; padding-bottom:0;}
	.pam_img_wrap.pam_img02 p:nth-of-type(3) { font-size:1.3rem; margin-top:0;}
	.pam_img_wrap.pam_img02 p:nth-of-type(3) b { font-size:1.5rem; }

	.pam_img div {  margin:10px 0 0 7px;}
	.pam_img02 div {  margin: 10px 0 0 7px;}

	.pam_btn_wrap { 
		font-size:1.4rem;
		padding:15px 0 15px 0;
	}
	.pam_btn div {	width:180px;}


	.pam_btn02 div { width:65%;height:100%;	margin:8px auto;}

	.pam_btn_wrap > span { width:110px;}

	.pam_ybtn {
		width:100px;
		height:35px;
		line-height:30px;
		border-radius:18px;
		font-size:1.2rem;
	}


	/* 상담예약 */
	
	.reser_wrap label {	font-size:1.2rem; margin:0 5px;}


	/* 정보변경 */

	.modi_wrap .form_wrap { width:96%;}
	.modi_wrap .form_wrap form > div .address_input,
	.modi_wrap .form_wrap form > div .address_none {
		width:180px;
	}

	.modi_wrap .form_wrap form > div { width:88%;}


}


@media (max-width:410px) {

	.sub01Table_02 .step:nth-of-type(1) span,
	.sub01Table_02 .step:nth-of-type(4) span,
	.sub01Table_02 .step:nth-of-type(5) span {margin-bottom:-27px;}
	.sub01Table_02 .step:nth-of-type(3) span {margin-bottom:-30px;}


}



@media (max-width:380px) {

	.classVwrap .classV { width:300px;height:169px;transform:translate(-50%, -90px);}	

	/* 국비학원이되려면 */
	/* 왜 */
	.sub01_img_wrap {height:280px; display:block;position:relative;}
	.sub01_img_wrap img { width:220px;height:195px;position:absolute;}
	.sub01_img_wrap img:first-child { margin-top:0;top:100px;left:0;}
	.sub01_img_wrap img:last-child { margin-top:0;top:0;right:0;}

}