@charset "utf-8";


#protector_info02 {
	margin-top:120px;
}
#protector_info02 .cont {}
#protector_info02 .contTit {
	width:100%;
	text-align:center;
	font-size:26px;
	font-weight:bold;
}
#protector_info02 .career_period {
	text-align:center;
}
#protector_info02 .career_mission {
	margin:0 auto;
	width:100%;
	max-width:640px;
}
#protector_info02 .period {
	display:flex;
	padding-top:80px;
	margin-top:30px;
	position:relative;
	align-items: stretch
}
#protector_info02 .period::before {
	content:'';
	width:66.5%;
	height:1px;
	background-color:#ccc;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
#protector_info02 .period::after {
	content:'';
	width:66.5%;
	height:1px;
	background-color:#ccc;
	position:absolute;
	top:55%;
	left:50%;
	transform:translateX(-50%);
	z-index:-1;
}
#protector_info02 .period .periodBox {
    width: 17.333%;
    margin: 0 8%;
	text-align:center;
	border-radius:10px;
	padding:30px;
	position: relative;
}
#protector_info02 .period .periodBox::before {
	content:'';
	width:1px;
	height:80px;
	background-color:#ccc;
	position:absolute;
	left:50%;
	top:-80px;
	transform:translateX(-50%);
}
#protector_info02 .period .periodBox .periodIcon {
	position:absolute;
	top:-50px;
	left:50%;
	transform:translateX(-50%);
}
#protector_info02 .period .periodBox .period_T {
	font-size:1.22rem;
	color:#fff;
	font-weight:600;
	letter-spacing:-0.55px;
}
#protector_info02 .period .periodBox .period_txt {
	letter-spacing:-0.45px;
	line-height:1.44;
	color:#fff;
	margin-top:20px;
}
#protector_info02 .period .periodBox01 {
	background-color:#004ea2;
}
#protector_info02 .period .periodBox02 {
	background-color:#00a1b9;
}
#protector_info02 .period .periodBox02::before {
	height:140px;
	top:-140px;
}
#protector_info02 .period .periodBox02::after {
	content:'';
	width:15px;
	height:15px;
	background-color:#004ea2;
	border:4px solid #ccc;
	border-radius:50%;
	position:absolute;
	left:50%;
	top:-140px;
	transform:translateX(-50%);
}
#protector_info02 .period .periodBox03 {
	background-color:#004ea2;
}

#protector_info02 .core_value {
	display:flex;
	flex-wrap: wrap;
	margin-top:180px;
}
#protector_info02 .core_value .contTit {
	width:100%;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	display:none;
}
#protector_info02 .core_value .value {
	width:33.33%;
	margin-top:50px;
}
#protector_info02 .core_value .value .valueBox + .valueBox {
	margin-top:120px;
}
#protector_info02 .core_value .value .valueBox .valueT {
	font-size:1.11rem;
	color:#004ea1;
	font-weight:bold;
}
#protector_info02 .core_value .value .valueBox .value_ti {
	letter-spacing:-0.45px;
	line-height:1.44;
	font-size:0.88rem;
	margin-top:15px;
}
#protector_info02 .core_value .value_le {
	text-align:right;
}
#protector_info02 .core_value .value_mid {
	text-align:center;
	margin-top:95px;
}
#protector_info02 .core_value .value_ri {
	text-align:left;
}
#protector_info02 .core_value .value .valueBox01 {
	margin-right:-30px;
}
#protector_info02 .core_value .value .valueBox02 {}
#protector_info02 .core_value .value .valueBox03 {
	margin-top:40px;
}
#protector_info02 .core_value .value .valueBox04 {
	margin-left:-30px;
}
#protector_info02 .core_value .value .valueBox05 {}

#protector_info02 .rules {
	margin-top:150px;
}
#protector_info02 .rules .rulesCont {
	display:flex;
	align-items:center;
	margin-top:80px;
}
#protector_info02 .rules .rulesCont .ruleBox {
	width:29.333%;
	margin:0 2%;
	position:relative;
}
#protector_info02 .rules .rulesCont .ruleBox .ruleBG {
	transform:rotate(-10deg);
	height:185px;
}
#protector_info02 .rules .rulesCont .ruleBox .ruleTxt {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	padding:45px 75px;
	background-color:#fff;
	border:1px solid #eee;
	width:100%;
}
#protector_info02 .rules .rulesCont .ruleBox .ruleTxt .rule_T {
	background-color:#eee;
	padding:10px 5px;
}
#protector_info02 .rules .rulesCont .ruleBox .ruleTxt .rule_T p {
	font-size:1.22rem;
	font-weight:600;
	text-align:center;
}
#protector_info02 .rules .rulesCont .ruleBox .ruleTxt .rule_ti {
	line-height:1.44;
	margin-top:10px;
	text-align:center;
}
#protector_info02 .rules .rulesCont .ruleBox01 .ruleBG {
	background-color:#003670;
}
#protector_info02 .rules .rulesCont .ruleBox02 .ruleBG {
	background-color:#005fb7;
}
#protector_info02 .rules .rulesCont .ruleBox03 .ruleBG {
	background-color:#0078d1;
}



/***** 반응형 ******/
@media (max-width:1440px) {}
@media (max-width:1200px) {
	#protector_info02 .period .periodBox {
		width:29.333%;
		margin:0 2%;
	}
	#protector_info02 .rules .rulesCont .ruleBox .ruleTxt {
		padding:45px;
	}
}
@media (max-width:1024px) {
	#protector_info02 .core_value .contTit {
		display:block;
	}
	#protector_info02 .core_value .value_mid img {
		display:none;
	}
	#protector_info02 .core_value .value {
		width:100%;
		text-align:left;
		margin-top:30px;
	}
	#protector_info02 .core_value .value .valueBox + .valueBox {
		margin-top:30px;
	}
	#protector_info02 .core_value .value .valueBox03 {
		margin-top:0;
	}
	#protector_info02 .core_value .value .valueBox01,
	#protector_info02 .core_value .value .valueBox04 {
		margin-left:0;
		margin-right:0;
	}
	#protector_info02 .core_value .value .valueBox .value_ti {
		background-color:#f4f9ff;
		padding:5px 10px;
	}

	#protector_info02 .rules .rulesCont .ruleBox .ruleTxt {
		padding:20px;
	}
}
@media (max-width:991px) {
	#protector_info02 .rules .rulesCont {
		flex-wrap: wrap;
	}
	#protector_info02 .rules .rulesCont .ruleBox{
		width:100%;
		margin:2% auto;
	}
	#protector_info02 .rules .rulesCont .ruleBox .ruleBG {
		transform:none;
		height: 160px;
	}
	#protector_info02 .rules .rulesCont .ruleBox .ruleTxt {
		height:150px;
	}
}
@media (max-width:768px) {
	#protector_info02 .period {
		flex-wrap: wrap;
	}
	#protector_info02 .period .periodBox {
		width:100%;
		margin:auto;
		margin-bottom:65px;
	}
	#protector_info02 .period::after,
	#protector_info02 .period .periodBox::before,
	#protector_info02 .period .periodBox02::after {
		display:none
	}
	#protector_info02 .core_value,
	#protector_info02 .rules {
		margin-top:60px;
	}
	#protector_info02 .rules .rulesCont {
		margin-top:30px;
	}
}
@media (max-width:480px) {}
@media (max-width:320px) {}