@charset "utf-8"; 
/* 
http://www.mipretty.co.kr/Test/job.php
>> 잡코리아&사람인 : 복리후생부분의 css가 다릅니다
>> 잡코리아는 템플릿에 직접 입력되어야만 적용 됩니다.
>> 사람인은 템플릿에 직접 입력하면 적용이 되지 않아, css링크를 삽입했습니다.
*/
/* ----------------------------------------------------------------------------------------- */
		/* 미앤미템플릿 */
		.jkTemplateWrap, .temp_wrap{width:100%;}
		.JobTem{content:""; clear:both; display:block; width:100%; color:#333333; font-family: malgun gothic, 맑은 고딕; box-sizing:border-box; background-color:#fdeeef;}
		.JobTem *{font-family: malgun gothic, 맑은 고딕;  box-sizing:border-box; }
		/* 타이틀 */
		.Title{display:block; position:relative;  width:100%; text-align:center; margin:auto; padding-bottom:6%;} 
			.TitleBg1{position:absolute; right:0; text-align:right;}
			.TitleBg1 img{z-index:1;}
			.TitleBg2{position:absolute; left:0;  text-align:left; margin-top:-5%; }
			.TitleBg2 img{z-index:1;}
			.TitleText{display:block; position:relative; padding-top:8%;  z-index:999;}
				.Title a{display:inline-block; color:#333333; font-size:11pt; line-height:1em; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:0.5% 0.7%; margin-bottom:0.5%; }
				.Title strong{display:block; margin-bottom:0.5%;}
				.Title strong span,
				.Title strong b{font-size:26pt; line-height:1.2em; letter-spacing:-1px;}
				.Title strong span{}
				.Title strong b{color:#ff5989;}
				.Title p{font-size:11pt; line-height:1.5em; margin-top:3%;}
				@media(max-width:720px){ 
				.TitleBg1{}
				.TitleBg1 img{width:50%;}
				.TitleBg2{}
				.TitleBg2 img{width:50%;}
				.TitleText{}
						.Title strong b,
						.Title strong span{font-size:16pt; line-height:1.4em;}
						.Title p{font-size:8pt; letter-spacing:-1px;}
			}
		/* 컨텐츠 */
		.Content{content:""; clear:both; display:block; position:relative; box-sizing:border-box; background-color:#ffffff;  padding:3% 3% 0% 3%; margin:0% 2%;  border:1px solid #ffffff;  z-index:9999;}
			.Box{content:""; clear:both; display:block;}
				/* 컨텐츠별_타이틀 */
				.SubTitle,
				table.JobTable caption,
				table.JobTable_Welfare caption,
				.Box dl dt{font-size:16pt; line-height:1em; font-weight:bold; text-align:left; border-left:5px solid #ff5989; padding:2px 0px 2px 8px;}
				@media(max-width:720px){ 
					/* 컨텐츠별_타이틀 */
					.SubTitle,
					table.JobTable caption,
					table.JobTable_Welfare caption,
					.Box dl dt{font-size:13pt; padding:2px 0px 2px 4px;}
				}
				/* 컨텐츠별_내용 */
				table.JobTable td,
				.Box dl dd,
				table.JobTable_Welfare td,
				ul.Welfare li p,
				ul.Welfare li p span{font-size:9.5pt; line-height:1.6em; text-align:left; vertical-align:top;}
					/* 테이블기본 */
					table.JobTable{width:100%; border-collapse:collapse; box-sizing:border-box; margin-bottom:2%;}
					table.JobTable caption{margin-bottom:0.8%; }
					table.JobTable tbody th,
					table.JobTable tbody td{border-bottom:1px solid #b5b5b5;}
					table.JobTable th{font-size:10.5pt; text-align:center; vertical-align:middle;  padding:1%;}
					table.JobTable td{vertical-align:top; border-left:1px solid #b5b5b5; padding:1%;}
					table.JobTable thead th{border-top:2px solid #000; border-bottom:1px solid #b5b5b5; background-color:#f4f4f4;}
					/* 기본 */
					dl, dt, dd{margin:0px; padding:0;}
					.Box dl{content:""; clear:both; display:block; width:100%; text-align:center; margin:auto; margin-bottom:2%;}
					.Box dl dt{}
					.Box dl dd{padding:1% 0% 1% 0%;}
					/* 전형절차 */
					ul.Step{display:table; width:70%; text-align:center; margin:auto; }
					ul.Step li{display:table-cell; width:25%; vertical-align:middle; text-align:center; margin:auto;}
					ul.Step li label{display:block; width:90%; text-align:center; margin:auto; border-radius:10px; padding:15%; 0;}
					ul.Step li label p{font-size:12pt;}
					ul.Step li:nth-child(odd) label{background-color:#f4f4f4;}
					ul.Step li:nth-child(even) label{background-color:#fdeeef;} 
					@media(max-width:720px){ 
						ul.Step{width:100%;}
						ul.Step li label{width:95%;}
						ul.Step li label p{font-size:9pt;}
					}
					/* 인재상 */
					ul.Vision{display:table; width:60%; text-align:center; margin:auto;}
					ul.Vision li{display:table-cell; width:33.3%; text-align:center; vertical-align:middle; margin:auto;}
					ul.Vision li label{display:inline-block; position:relative; width:140px; height:140px; border-radius:50%; border:none; background-color:#ff5989; padding-top:32%;}
					ul.Vision li label p{display:block; width:100%; height:100%; color:#ffffff; font-size:12pt; text-align:center; vertical-align:middle;}
					ul.Vision li label p b{display:block; color:#ffffff; font-size:16pt;}
					ul.Vision li label p span{display:block; color:#ffffff;}
					ul.Vision li:nth-child(odd) label{}
					ul.Vision li:nth-child(even) label{}
					@media(max-width:720px){ 
						ul.Vision{width:100%;}
						ul.Vision li:nth-child(even){padding:0% 5px;}
						ul.Vision li label{width:90px; height:90px; padding-top:33%;}
						ul.Vision li label p{font-size:8pt;}
						ul.Vision li label p b{font-size:9pt;}
					}
					/* 복리후생 */
					ul.Welfare{content:""; clear:both; display:block; width:100%; }
					ul.Welfare li{display:table; width:100%; background-color:#f5f5f5; margin-bottom:5px;}
					ul.Welfare li label{display:table-cell; position:relative; width:35%; text-align:center; vertical-align:middle; line-height:0;}
					ul.Welfare li label span{position:absolute; top:0%; left:25%; width:100%; height:100%; color:#ffffff; font-size:15pt; line-height:1.5em; font-weight:bold; letter-spacing:-1px; background: rgba(0, 0, 0, 0.6); padding-top:20%;}
					ul.Welfare li.Welfare_01 label{background-image:url('http://www.mipretty.co.kr/img/job/Job_Vision_01c.jpg');}
					ul.Welfare li.Welfare_02 label{background-image:url('http://www.mipretty.co.kr/img/job/Job_Vision_02c.jpg');}
					ul.Welfare li.Welfare_03 label{background-image:url('http://www.mipretty.co.kr/img/job/Job_Vision_03c.jpg');}
					ul.Welfare li.Welfare_03 label{background-size:auto 100%; }
					ul.Welfare li p{display:table-cell; width:65%;  text-align: justify; word-break:keep-all; padding:2% 2%;}
					ul.Welfare li p strong{display:block; font-size:14pt; margin-bottom:6px;}
					ul.Welfare li p strong b{font-size:14pt;}
					ul.Welfare li p span{display:table-cell; width:50%;}
					ul.Welfare li img{width:100%;  margin:0; padding:0px;}
					@media(max-width:720px){ 
						ul.Welfare li label{display:block; width:100%; height:150px; overflow:hidden;}
						ul.Welfare li label span{height:auto; padding:6% 0;}
						ul.Welfare li p{display:block; width:100%; ont-size:8.5pt; line-height:1.4em; letter-spacing:-1px;}
						ul.Welfare li p strong{}
						ul.Welfare li p strong b{}
						ul.Welfare li p span{font-size:8.5pt; line-height:1.4em; letter-spacing:-1px;}
						ul.Welfare li img{}
					}					
		/* 하단 */
		.Footer{content:""; clear:both; display:block; width:100%; padding:2%;}
		.Footer dl{display:table; width:100%;}
		.Footer dl dt,
		.Footer dl dd{display:table-cell; vertical-align:middle;}
		.Footer dl dt{text-align:left;}
		.Footer dl dt strong{display:block; font-size:12pt;}
		.Footer dl dt span{display:block; word-break: keep-all;}
		.Footer dl dd{text-align:right;}
		.Footer dl dd img{height:35px;}
		@media(max-width:720px){ 
			.Footer dl dt{padding-right:10px;}
			.Footer dl dt strong{display:block;}
			.Footer dl dt strong,
			.Footer dl dt span{font-size:8pt;}
			.Footer dl dd img{height:20px;}
		}