/*  공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* 인재상 */
#talent .sub_con_toppic {
    background: url("../images/sub04/talent_topimg.jpg") no-repeat center 20%;
}
#talent .sub_con_toppic h3 {
    font-size: 1.5em;
    color: #fff;
	font-weight:400;
	padding:6% 2% 0;
}
.talent_con{
	overflow:hidden;
}
.talent_con ul li{
	border-bottom: 1px solid #eaeaea;
	padding:0 0 20px 0;
	margin-bottom:25px;
}
.talent_con ul li dt{
	padding:0 0 20px 0px;
	color:#282828;
	font-size:1.5em;
	letter-spacing: -0.06em;
	font-weight:500;
}
.talent_con ul li dt span{
	display:inline-block;
	margin-right:15px;
	color:#9a9999;
}
.talent_con ul li dt span::before {
	background-color: #d6d6d6;
	content: " ";
	display: table;
	height: 1px;
	bottom: 0px;
	width: 100%;
}
.talent_con ul li dt span::after {
	background-color: #d6d6d6;
	content: " ";
	display: table;
	height: 1px;
	bottom: 0px;
	width: 100%;
}
.talent_con ul li dd{
	padding:0px 0 0px 10px;;
	color:#7c7c7c;
	background: url("../images/common/dot_01.jpg") no-repeat left 11px;
	line-height: 150%;
}

/* 채용안내 */
.rem_time{ 
	position:relative; 
	padding:0 0 2.5% 160px;
}
.rem_time .rem_title{
	display:table;
	background: url("../images/sub04/recruitment_bg.png") no-repeat left 0;
	position:absolute;
	left:0;
	top:0;
}
.rem_time .rem_title p{
	display:table-cell;
	height:162px;
	width:140px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	font-weight:500;
	font-size:1.1em;
	line-height: 100%;
}
.small_font{	font-size:0.8em;	line-height: 100%;}
.rem_time .rem_txt {
	padding:30px 0 15px 0;
}
.rem_txt li{
	background: url("../images/common/dot_01.jpg") no-repeat left 14px;
	padding:0px 0 8px 10px;
}
	/* 채용안내_복리후생 */
	.rem_table{
		background-color: #fff;
		border-bottom:1px solid #eaeaea;
	}
	.rem_table ul{
		overflow:hidden;
		border-left:1px solid #eaeaea;
	}
	.rem_table ul li p{
		line-height: 120%;
	}
	.rem_table ul li{
		float:left;
		border-right:1px solid #eaeaea;
		border-top:1px solid #eaeaea;
		text-align:center;
		display:table;
	}
	.rem_table ul li.bg_01{	background: url("../images/sub04/recruitment_icon01.jpg") no-repeat center 0; }
	.rem_table ul li.bg_02{	background: url("../images/sub04/recruitment_icon02.jpg") no-repeat center 0; }
	.rem_table ul li.bg_03{	background: url("../images/sub04/recruitment_icon03.jpg") no-repeat center 0; }
	.rem_table ul li.bg_04{	background: url("../images/sub04/recruitment_icon04.jpg") no-repeat center 0; }
	.rem_table ul li.bg_05{	background: url("../images/sub04/recruitment_icon05.jpg") no-repeat center 0; }
	.rem_table ul li.bg_06{	background: url("../images/sub04/recruitment_icon06.jpg") no-repeat center 0; }
	.rem_table ul li.bg_07{	background: url("../images/sub04/recruitment_icon07.jpg") no-repeat center 0; }
	.rem_table ul li.bg_08{	background: url("../images/sub04/recruitment_icon08.jpg") no-repeat center 0; }
	.rem_table ul li.bg_09{	background: url("../images/sub04/recruitment_icon09.jpg") no-repeat center 0; }
	.rem_table ul li.bg_10{	background: url("../images/sub04/recruitment_icon10.jpg") no-repeat center 0; }
	.rem_table ul li p span{
		color:#9d9d9d;
	}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------
최대 1199 이하 공통사항
------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and  (max-width:1199px) {

	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
최대 768
------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:768px) {
	/* 인재상 */
	#talent .sub_con_toppic h3 {	font-size: 1.2em;	}
	#talent .sub_con_toppic h3 br{	display:none;	}
	.talent_con .talent_pimg{	text-align:center;	}
	.talent_con .talent_txt{	margin-top:20px;	}

	/* 채용안내 */
	.rem_time{ 
		padding-left:110px;
		min-height:120px;
	}
	.rem_time .rem_title{
		background-size:100%;
	}
	.rem_time .rem_title p{
		height:115px;
		width:100px;
	}
	.rem_time .rem_txt {
		padding:5px 0 0 0px;
	}
	.rem_time .rem_txt li{
		background: url("../images/common/dot_01.jpg") no-repeat left 9px;
		line-height: 130%;
	}
	.recruitment_con .process_pc{ display:none; }
		/* 채용안내_복리후생 */
		.rem_table ul li {
			width: calc( 50% - 1px );
			height: 170px;
			background-size:auto 40% !important;
		}
		.rem_table ul li p{
			padding-top:80px;
			line-height: 100% !important;
		}
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
최소 769 ~ 1199
------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media all and (min-width:769px) and (max-width:1199px) {
	/* 인재상 */
	.talent_con p{
		float:left;
		width:45%;
	}
	.talent_con ul{
		float:right;
		width:50%;
	}

	/* 채용안내 */
	.recruitment_con .process_mobile{ display:none; }
		/* 채용안내_복리후생 */
		.rem_table ul li {
			width: calc( 20% - 1px );
			height: 210px;
			font-size: 0.9em;
		}
		.rem_table ul li p{
			padding-top:110px;
		}
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 1200 ~ 최대
------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:1200px) {

	/* 인재상 */
	#talent .sub_con_toppic {
		height:394px;
	}
	.talent_con p{
		float:left;
		width:49%;
	}
	.talent_con ul{
		float:right;
		width:50%;
	}

	/* 채용안내 */
	.recruitment_con .process_mobile{ display:none; }
		/* 채용안내_복리후생 */
		.rem_table ul li {
			width: calc( 20% - 1px );
			height: 210px;
			font-size: 0.9em;
		}
		.rem_table ul li p{
			padding-top:110px;
		}
	
}