@charset "utf-8";

/* 내용관리 */
#ctt{
	width:1200px;
	margin:0 auto;
	margin-top:134px;
	margin-bottom:179px;
}
.type_con{
	width:100%;
	margin-bottom:30px;
}
.type_con:last-of-type{
	margin-bottom:0px;
}
.type_con>h1{
	display:block;
	width:100%;
	height:100%;
	text-align:left;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:30px;
	color:#000;	
	letter-spacing:-0.03em;	
	line-height:100px;
	padding-left:30px;
}
.type1>h1{
	background:#9BC4E6;
}
.type2>h1{
	background:#A5ABE4;
}
.type3>h1{
	background:#C2E694;
}
.type_con>div{
	width:100%;
}
.type_con>div>ul{
	width:100%;
}
.type_con>div>ul>li{
	width:100%;
	min-height:300px;
	padding-top:31px;
	padding-left:30px;
	margin-bottom:10px;
	position:relative;
}
.type_con>div>ul>li:last-child{
	margin-bottom:0px;
}
.type_info{
	display:inline-block;
	vertical-align:middle;
	width:30%;
}
.type_info>h1{
	display:block;
	width:100%;
	text-align:left;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:30px;
	color:#000;	
	letter-spacing:-0.03em;	
	line-height:30px;	
}
.type_info>h1>span{
	color:#509BFF;
}
.type_info>p{
	display:block;
	width:100%;
	text-align:left;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#000;	
	letter-spacing:-0.03em;	
	line-height:36px;	
	margin-top:19px;
}
.type_icon{
	width:100%;
	text-align:left;
	font-size:0px;
	position:absolute;
	left:30px;
	bottom:45px
}
.type_icon>span{
	display:inline-block;
	vertical-align:middle;
	min-width:50px;
	margin-right:10px;
	padding:10px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:22px;
	color:#000;	
	letter-spacing:-0.03em;	
	border-radius:100px;
	text-align:center;
	line-height:22px;
}
.type_icon1{
	background:#9FF38A;
}
.type_icon2{
	background:#FFDD65;
}
.type_icon3{
	background:#FFAD61;
}
.type_icon4{
	background:#86E6FB;
}
.type_icon5{
	background:#C199F4;
}
.type1_bg{
	background:url("img/img1.png") #f9f9f9 no-repeat center center;
	background-size:cover;
}
.type2_bg{
	background:url("img/img2.png") #f9f9f9 no-repeat center center;
	background-size:cover;
}
.type3_bg{
	background:url("img/img3.png") #f9f9f9 no-repeat center center;
	background-size:cover;
}
.type4_bg{
	background:url("img/img4.png") #f9f9f9 no-repeat center center;
	background-size:cover;
}
.type5_bg{
	background:url("img/img5.png") #f9f9f9 no-repeat center center;
	background-size:cover;
}
.type6_bg{
	background:url("img/img6.png") #f9f9f9 no-repeat center center;
	background-size:cover;
}

@media(max-width:1200px){
	/* 내용관리 */
	#ctt{
		width:100%;
		margin:0 auto;
		margin-top:9.4vw;
		margin-bottom:15.6vw;
		padding:0 4.7vw;
	}
	.type_con{
		width:100%;
		margin-bottom:3.1vw;
	}
	.type_con:last-of-type{
		margin-bottom:0px;
	}
	.type_con>h1{
		display:block;
		width:100%;
		height:15.6vw;
		text-align:left;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:4.7vw;
		color:#000;	
		letter-spacing:-0.03em;	
		line-height:15.6vw;
		padding-left:2.3vw;
	}
	.type1>h1{
		background:#9BC4E6;
	}
	.type2>h1{
		background:#A5ABE4;
	}
	.type3>h1{
		background:#C2E694;
	}
	.type_con>div{
		width:100%;
	}
	.type_con>div>ul{
		width:100%;
	}
	.type_con>div>ul>li{
		width:100%;
		min-height:90.3vw;
		padding-top:6.7vw;
		padding-left:2.3vw;
		margin-bottom:1.6vw;
		position:relative;
	}
	.type_con>div>ul>li:last-child{
		margin-bottom:0px;
	}
	.type_info{
		display:inline-block;
		vertical-align:middle;
		width:100%;
	}
	.type_info>h1{
		display:block;
		width:100%;
		text-align:left;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:4.7vw;
		color:#000;	
		letter-spacing:-0.03em;	
		line-height:4.7vw;	
	}
	.type_info>h1>span{
		color:#509BFF;
	}
	.type_info>p{
		display:block;
		width:100%;
		height:20.5vw;
		text-align:left;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:400;
		font-size:3.8vw;
		color:#000;	
		letter-spacing:-0.03em;	
		line-height:5.9vw;	
		margin-top:3.1vw;
	}
	.type_icon{
		width:100%;
		text-align:left;
		font-size:0px;
		position:static;
		left:0px;
		bottom:0px;
	}
	.type_icon>span{
		display:inline-block;
		vertical-align:middle;
		min-width:7.5vw;
		margin-right:1.6vw;
		padding:1.6vw;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:400;
		font-size:3.4vw;
		color:#000;	
		letter-spacing:-0.03em;	
		border-radius:7.5vw;
		text-align:center;
		line-height:3.4vw;
	}
	.type_icon1{
		background:#9FF38A;
	}
	.type_icon2{
		background:#FFDD65;
	}
	.type_icon3{
		background:#FFAD61;
	}
	.type_icon4{
		background:#86E6FB;
	}
	.type_icon5{
		background:#C199F4;
	}
	.type1_bg{
		background:url("img/img1.png") #f9f9f9 no-repeat 96% 86%;
		background-size:163.1vw;
	}
	.type2_bg{
		background:url("img/img2.png") #f9f9f9 no-repeat 96% 86%;
		background-size:163.1vw;
	}
	.type3_bg{
		background:url("img/img3.png") #f9f9f9 no-repeat 96% 86%;
		background-size:163.1vw;
	}
	.type4_bg{
		background:url("img/img4.png") #f9f9f9 no-repeat 96% 86%;
		background-size:163.1vw;
	}
	.type5_bg{
		background:url("img/img5.png") #f9f9f9 no-repeat 96% 86%;
		background-size:163.1vw;
	}
	.type6_bg{
		background:url("img/img6.png") #f9f9f9 no-repeat 96% 86%;
		background-size:163.1vw;
	}

}