@import url(/css/common.css);

nav ul > li:nth-child(4) a {text-decoration: underline;}
@media only screen and (min-width: 760px) {
	nav ul > li:nth-child(4) a {font-weight: bold;color:#000;text-decoration:none;}
}

.keyvisual{
	background: url(/img/crew/keyvisual-mobile.jpg) center center no-repeat;background-size: cover;
	align-items: flex-start;
	padding-top: 100px
}
@media only screen and (max-width: 320px) {
	.keyvisual{padding-top:50px;}
}
.button.yellow.arrow{display: flex;align-items: center}
.button.yellow.arrow img{margin-right:10px;width:25px;height:25px;}
.button.yellow.arrow.managerButton {position:absolute;bottom:70px;left:20px;}
.button.yellow.arrow.managerButton img{
width: 24px;
  height: 26px;
  object-fit: contain;}
.button.yellow.arrow.driverButton {position:absolute;bottom:150px;left:20px;}
.button.yellow.arrow.driverButton img{width: 24px;
  height: 24px;
  object-fit: contain;
}
@media only screen and (min-width: 760px) {	
	.keyvisual{text-align:left;background: url(/img/crew/keyvisual.jpg) center center no-repeat;background-size: cover;align-items: center;padding:0;justify-content: flex-end;}
	.keyvisual-wrap{width:50%;}
	.button.yellow.arrow.managerButton {position:relative;bottom:auto;left:auto;width:280px;}
	.button.yellow.arrow.driverButton {position:relative;bottom:auto;left:auto;width:280px;margin-bottom: 15px;}
}

.recruit-wrap {align-items: center;max-width: 1140px;margin:0 auto;}
.recruit-wrap > img {margin-bottom: 35px;}
.recruit-wrap h1 {margin-bottom: 20px;line-height: 1.4}
.recruit-wrap h2 {margin-bottom: 5px;}
.recruit-wrap li {margin-bottom: 20px;padding:0 20px;}
.recruit.manager {background-color: #f8f8f9;max-width:100%;}
.button.yellow.arrow.recruitButton {position:relative;bottom:auto;left:auto;width:calc(100% - 40px);margin:40px auto;max-width:350px;}
.button.yellow.arrow.kakaoButton {position:relative;bottom:auto;left:auto;width:calc(100% - 40px);margin:20px auto;max-width: 350px}
@media only screen and (min-width: 760px) {	
	.pic-driver,
	.pic-manager {width: 300px; height: 300px; object-fit: contain; }
	.button.yellow.arrow.recruitButton{position: absolute;width:160px;height:160px;background:url(/img/common/btn-apply.svg) center center no-repeat;text-align: center; justify-content: flex-start; flex-direction: column; padding-top: 35px; background-size:cover; top:190px; left:25%; transform: translate3d(-50%, 0, 0); bottom:-30px; line-height: 1.4 }
	.button.yellow.arrow.recruitButton:before{content:'';width:24px;height:24px;position: absolute; bottom: 40px; left: 50%; transform: translate3d(-50%,0,0); background:url(/img/common/arrow-right.svg) center center no-repeat;line-height: 1.3 }
	.button.yellow.arrow.recruitButton:hover{opacity: 0.8}
	.button.yellow.arrow.recruitButton img,
	.button.yellow.arrow.kakaoButton img{display: none}
	.recruit-wrap {display: flex;position: relative;}
	.recruit-wrap > img {flex:1;}
	.recruit-wrap ul{text-align: left;flex-basis: 50%}
	.recruit-wrap li {padding:0}
}

@media only screen and (min-width: 1024px) {
	.pic-driver,
	.pic-manager {width: 400px; height: 400px; object-fit: contain; }
	.button.yellow.arrow.recruitButton{top:230px}
}