@media screen and (max-width: 1600px) {
	/*html{font-size:9px;}*/
}

@media screen and (max-width: 1400px) {
	html{font-size:9px;}
	header nav > ul{padding-left:12rem;}
	#visual div p{right:5%; bottom:5%;font-size:4.8vw;}
}


@media screen and (max-width: 1200px) {
    .wd1200{width:95%;margin:0 auto;}
	html{font-size:8.5px;}
	header nav {padding: 0 2.5%; padding-top: 6rem;}
	header nav .ab-util{right:2.5%;}
	footer{padding:6rem 2.5%;}
	footer .top{right:2.5%;}
}

@media screen and (max-width: 1199px) {
	header nav > ul{display:none;}
	header nav .ab-util a img{height:3.8rem;}
	header nav .ab-util #mobile-menu{display:inline-block;}
	header nav .ab-util #mobile-menu img{height:4.4rem;}

	.fix-bottom{bottom:0; left:0; width:100%;height:7.5rem;}
	.fix-bottom ul{overflow:hidden;height:100%;}
	.fix-bottom ul li{float:left; width:33.3%;height:100%;}
	.fix-bottom ul li:last-child{display:none;}
	.fix-bottom ul li a{height:100%;}
	.fix-bottom ul .kakao a{background:#fff url(../images/kakao.png) no-repeat top 0.5rem center / 4rem;padding-top:4.5rem;}
	footer{padding-bottom:13.5rem;}

	.main_popup{height:auto !important; top:150px !important;left:5% !important;}
	.main_popup .main_popup_con{height:auto !important;}
}

@media screen and (max-width: 1000px) {
	header .fix-top li a{font-size:2rem;}
}

@media screen and (max-width: 767px) {
    .pc{display:none !important;}
	.mobile{display:block !important;}
	html{font-size:8px;}
	section{padding:8rem 0;}
	.mt12{margin-top:7.2rem;}
	
	header nav{padding-top:11rem;}
	header nav h1{width:20rem;top:14.3rem;}
	header nav .ab-util{top:14.2rem}
	header nav .ab-util a{margin-left:1rem;}
	
	header .fix-top li:nth-child(1),header .fix-top li:nth-child(2){width:50%;}
	header .fix-top li:nth-child(3){width:100%;}
	

	#main01 {background: url(../images/m01-bg.png) no-repeat right bottom; background-size: 20rem;}
	#main01 h2 img{height:10rem;}
	#main01 div.img{border:0;}
	#main01 div.txt{padding:0 0 5rem 0;order:2;}
	#main01 div.txt h3{font-size:3.4rem;}
	#main01 div.txt ul li{font-size:3rem;padding-left:1em; padding-right:1em;}
	#main01 .flex-r, #main01 .flex-l {display: flex;border:1px solid #bbb;flex-direction: column;text-align:center;margin-bottom:8rem;}
	#main01 .flex-r div, #main01 .flex-l div {width: 100%; box-sizing: border-box;}
	#main01 div.txt.n01::before,#main01 div.txt.n02::before,#main01 div.txt.n03::before{content:'';}
	#main02 h2{font-size:3.4rem;}
	#main02 h2 img {height: 4em;float: left; margin-top: 1em; margin-right: 1em;}
	#main02 ul li {width: 48%;}
	#main03 {background: url(../images/m03-bg1-m.png) no-repeat top 3rem right / 40rem;}
	#main04 .tit-box{border-radius:40px;}
	#main04 .tit-box p::before{position:absolute;left:-0.5em;top:1em;}
	#main04 .tit-box p::after{position:absolute;right:-0.2em;top:1em;}
	#main04 .m04box {padding:2rem;}
	#main04 .m04box ul li{width:48%;}
	#main04 .m04box ul li:nth-child(n+4) p{background:#fbd4a6;}


	#sub-con.introduction .intro03 .views li{width:98%;}
	.listing{flex-wrap: wrap;}
	.listing li{flex-basis: 100%;}
	.listing li:nth-child(even){background:url(../images/bullet-gr.png) no-repeat top 1em center / 1.7em, linear-gradient(0deg, #fff, #ffe673);}
	.listing2 li{width:100%;}

	#sub-con.calculator .calcu02 .cal-box .line .cal-tit{width:100%;margin-bottom:1.4rem;}
	#sub-con.calculator .calcu02 .cal-box .line .cal-tit br{display:none;}
	#sub-con.calculator .calcu02 .cal-box .line .cal-con{width:100%;}
	#sub-con.calculator .calcu02 .cal-box.bottom ul li{width:100%; margin-right:0;}
	#sub-con.calculator .calcu02 .cal-box.bottom ul li:nth-child(odd){margin-right:0;}
	#sub-con.calculator .calcu02 .cal-box.bottom ul li label span{width:calc(55% - 2em);}
	
	#sub-con.employcounsel .employ02{padding:2rem 0;}
	#sub-con.resume .res01{padding:2rem 0;}
	#sub-con.jobcounsel .jobco02 {padding:2rem 0;}
	.tb2 th{width:5em;}
	.tb2 td.wd30 > *{width:calc(33% - 1.5em) !important;min-width:calc(33% - 1.5em) !important;}



	.tb3{border-top:3px solid #7ca343;}
	.tb3 colgroup,.tb3 thead{display:none;}
	.tb3 tbody tr{display:flex;flex-wrap: wrap;padding:0.8em;}
	.tb3 tbody tr td{display:inline-block;padding:0.5em;}
	.tb3 tbody tr td:nth-child(2){width:100%;}
	.tb3 tbody tr.notice td:nth-child(2)::before{content:'공지'; display:inline-block; border:1px solid #666;padding:0.2em 0.5em;margin-right:0.2em;}
	.tb3 tbody tr td:nth-child(1),.tb3 tbody tr td:nth-child(3){display:none;}
	.tb3 tbody tr.notice td.not{display:none;}
	
	.tb2 colgroup{display:none;}
	.tb2 tr{display:flex;flex-wrap: wrap;}
	.tb2 tr th{width:100%;text-align:left;border-bottom:0;padding:0.6em 1em 0.2em 1em;}
	.tb2 tr th br{display:none;}
	.tb2 tr td{width:100%;padding:0;padding:0 1em 0.6em 1em;}

	.resume-pic{text-align:center;}
	.resume-pic .pic-txt{display:block;text-align:center;}

	
}

@media screen and (max-width: 480px) {
	html{font-size:7.6px;}
	#main04 .m04box ul li p span {font-size: 2.2rem;}
	#sub-con.calculator .calcu02 .cal-box{padding:3rem;}
	.listing li{font-size:2.4rem;}
	.listing2 li{font-size:2.4rem;}
	.sm{font-size:2.8rem;}
	.ss-b{font-size:2.2rem}
	.tb2 th, .tb2 td{font-size:2.2rem;}
	.input45{width:calc(100% - 0.6em - 2px);}
	#sub-con.calculator .calcu02 .cal-box.bottom ul li label span{width:100%;}
	#sub-con.calculator .calcu02 .cal-box.bottom .input45{width:calc(100% - 2em - 2px);}
	.input30{width:calc(100% - 0.6em - 2px);}
	
}

@media screen and (max-width: 400px) {
	html{font-size:7px;}
	#sub-con.resume .res01 .long .rd{width:100%; margin-right:0; padding-right:0;}
}