/*# sourceMappingURL=style.css.map */
@media (max-width: 767px){
	header nav{
	    position: fixed;
	    top: .77rem;
	    z-index: 3;
	    height: auto;
	    background-color: #f5f5f5;
	    width: 100%;
	    padding: 0.5rem 4% 0.28rem;
	    line-height: 1;
	    display: none;
	    height: calc(100% - .77rem);
	    box-sizing: border-box;
	}
	#history .wrap1 li{
		width: 100%;
	}
	header .navbar .line{
		height: 2px;
	}
	.wrap{
		width: calc(100% - .6rem);
	}
	#circuit .wrap1 ul li,
	#search .wrap1 .circuitlist li{
		width: 100%;
	}
	.listsw .swiper-slide{
		width: 5rem;
	}
	#chip .wrap1 ul li,
	#search .wrap1 .chiplist li{
		width: 100%;
	}
	#service .wrap1 ul li{
		width: 100%;
		margin: 0 0 .3rem 0;
	}
	#service .wrap1 ul li .text{
	    padding: .5rem .4rem .3rem;
	}
	#service .wrap1 ul li .text .d1{
		font-size: .34rem;
		line-height: 2;
	}
	#service .wrap1 ul li .text .d2{
		font-size: .24rem;
		line-height: 2;
		min-height: 6em;
	}
	#service .wrap1 ul li .text .more{
		font-size: .24rem;
		width: 2.2rem;
		height: .7rem;
		line-height: .7rem;
		padding: 0 .3rem;
	}
	#service .wrap1 ul li .text .more:after{
		width: .3rem;
		left: .3rem;
	}
	#list .wrap4 .imgbox img{
		width: 100%;
	}
	#list .wrap4 .imgbox img + img{
		margin-top: .3rem;
	}
	#main .iban .wrap{
		top: 40%;
	}
	body .swiper-container-horizontal>.swiper-pagination{
		bottom: .8rem;
	}

	.recruitdtl .txt{
		width: 20%;
		font-size: 14px;
	}
	.recruitdtl .resume .txt{
		width: 20%;
	}
	.recruitdtl textarea{
	    margin-left: 3%;
	    width: 66%;
	}
	.recruitdtl input[type=submit]{
	    margin-left: 23%;
	}
	.recruitdtl .check-box .txt{
		width: 20%;
	}
	.recruit-box h3{
		font-size: .4rem;
	}
	#join .jointext{
		padding: .4rem 0 .5rem;
	}
	.m-search-box select{
		background-size: .14rem auto;
	}
	#circuit .searlist .wrap1 ul li{
		width: 100%;
	}
}