@charset "UTF-8";


	
/* visualUnder --------------------------------------------------------------- */
#visualUnder {
	background-image: url(../../img/job/visual.jpg);
	}

@media screen and (max-width: 768px){
	#visualUnder {
		background-image: url(../../img/job/visual_mob.jpg);
		}
	}



/* job --------------------------------------------------------------- */
#job {
	width: 90%;
	max-width: 1100px;
	margin: 50px auto 150px auto;
	}
	
	#job h2 {
		font-size: 28px;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 2px;
		margin-bottom: 100px;
		}
	
	#job .jobInner {
		margin-bottom: 100px;
		overflow: hidden;
		}
		
		.jobInner .jobInnerTop,
		.jobInner .jobInnerBtm {
			}
		
		.jobInner .jobInnerTop {
			float: right;
			width: 45%;
			}
		
		.jobInner:nth-child(odd) .jobInnerTop {
			float: left;
			}
			
			.jobInner .jobInnerTop img {
				width: 100%;
				}
				
		.jobInner .jobInnerBtm {
			float: left;
			width: 50%;
			}
		
		.jobInner:nth-child(odd) .jobInnerBtm {
			float: right;
			}
			
			.jobInner .jobInnerBtm h3 {
				font-size: 24px;
				font-weight: bold;
				line-height: 1.5;
				letter-spacing: 2px;
				margin-bottom: 30px;
				}
				
			.jobInner .jobInnerBtm p {
				font-size: 15px;
				line-height: 2;
				}
		
@media screen and (max-width: 768px){
	#job {
		margin: 30px auto 50px auto;
		}
		
		#job h2 {
			font-size: 24px;
			letter-spacing: 0;
			margin-bottom: 30px;
			}
		
		#job .jobInner {
			margin-bottom: 70px;
			}
			
			.jobInner .jobInnerTop,
			.jobInner .jobInnerBtm,
			.jobInner:nth-child(odd) .jobInnerTop,			
			.jobInner:nth-child(odd) .jobInnerBtm {
				float: none;
				width: 100%;
				}
				
				.jobInner .jobInnerBtm h3 {
					font-size: 20px;
					letter-spacing: 0;
					text-align: center;
					margin: 20px 0;
					}
					
				.jobInner .jobInnerBtm p {
					font-size: 14px;
					line-height: 1.8;
					}
	}