@charset "utf-8";

/* 내용관리 */
#ctt{
	width:1200px;
	margin:0 auto;
	padding-top:100px;
}
.ctt_title{
	width:100%;
}
.ctt_title>h1{
	width:100%;
	text-align:left;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:50px;
	color:#3c3c3c;	
	letter-spacing:-0.03em;
}
.ctt_title>h1>span{
	color:#509BFF;	
}
.ctt_con{
	width:100%;
	margin-top:55px;
	overflow:hidden;
	padding-bottom:135px;
}
.ctt_con_left_box{
	float:left;
	width:590px;
	height:775px;
	border-radius:20px;
	background:#f3f3f3;
	margin-right:15px;
	position:relative;
}
.ctt_con_left_top_icon{
	position:absolute;
	left:35px;
	top:32px;
	font-size:0px;
}
.ctt_con_left_top_icon>span{
	display:inline-block;
	vertical-align:middle;
	padding:9.5px 10px;
	background:#509BFF;
	border-radius:60px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	font-size:18px;
	color:#f9f9f9;	
	line-height:18px;
	letter-spacing:-0.03em;
	margin-right:10px;
}
.ctt_con_left_img{
	width:100%;
	margin-top:95px;
	text-align:center;
}
.ctt_con_left_img>img{
	display:block;
	width:100%;
}
.ctt_con_left_info{
	width:100%;
	margin-top:40px;
}
.ctt_con_left_info>h1{
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:30px;
	color:#3c3c3c;	
	line-height:30px;
	letter-spacing:-0.03em;
}
.ctt_con_left_info>p{
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#3c3c3c;	
	line-height:26px;
	letter-spacing:-0.03em;
	margin-top:31px;
}
.ctt_con_left_info>p>span{
	font-size:14px;
}
.ctt_con_right_box{
	width:593px;
	float:left;
}
.ctt_con_right_line1{
	width:100%;
	overflow:hidden;
	margin-bottom:27px;
}
.ctt_con_right_line1>div{
	float:left;
	width:calc(50% - 13.5px);
	height:374px;
	margin-right:27px;
	border-radius:20px;
	background:#f3f3f3;
	padding-top:15px;
}
.ctt_con_right_line1>div:nth-child(2){
	margin-right:0px;
}
.ctt_con_right_img{
	width:100%;
	height:227px;
	position:relative;
}
.ctt_con_right_img>img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	mix-blend-mode: multiply;
}
.ctt_con_right_line1>div>h1{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:30px;
	color:#3c3c3c;	
	line-height:30px;
	letter-spacing:-0.03em;
	margin-top:4px;
}
.ctt_con_right_line1>div>p{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	font-size:14px;
	color:#3c3c3c;	
	line-height:22px;
	letter-spacing:-0.03em;
	margin-top:14px;
}
.ctt_mh1{
	display:none;
}
@media(max-width:1200px){
	/* 내용관리 */
	#ctt{
		width:100%;
		margin:0 auto;
		padding:0 4.7vw;
		padding-top:8.1vw;
	}
	.ctt_title{
		width:100%;
	}
	.ctt_title>h1{
		width:100%;
		text-align:left;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:6.3vw;
		color:#3c3c3c;	
		letter-spacing:-0.03em;
		line-height:8.8vw;
	}
	.ctt_title>h1>span{
		color:#509BFF;	
	}
	.ctt_con{
		width:100%;
		margin-top:9.4vw;
		overflow:hidden;
		padding-bottom:15.6vw;
	}
	.ctt_con_left_box{
		float:left;
		width:100%;
		height:121.1vw;
		border-radius:3.1vw;
		background:#f3f3f3;
		margin-right:0;
		position:relative;
		margin-bottom:3.1vw;
	}
	.ctt_con_left_top_icon{
		position:absolute;
		left:3.9vw;
		top:5vw;
		font-size:0px;
	}
	.ctt_con_left_top_icon>span{
		display:inline-block;
		vertical-align:middle;
		padding:1.5vw 1.6vw;
		background:#509BFF;
		border-radius:9.4vw;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:2.8vw;
		color:#f9f9f9;	
		line-height:2.8vw;
		letter-spacing:-0.03em;
		margin-right:1.6vw;
	}
	.ctt_con_left_img{
		width:100%;
		margin-top:14.8vw;
		text-align:center;
	}
	.ctt_con_left_img>img{
		display:block;
		width:100%;
	}
	.ctt_con_left_info{
		width:100%;
		margin-top:0.9vw;
	}
	.ctt_con_left_info>h1{
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:4.7vw;
		color:#3c3c3c;	
		line-height:4.7vw;
		letter-spacing:-0.03em;
	}
	.ctt_con_left_info>p{
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:3.1vw;
		color:#3c3c3c;	
		line-height:4.1vw;
		letter-spacing:-0.03em;
		margin-top:3.1vw;
	}
	.ctt_con_left_info>p>span{
		font-size:2.5vw;
		display:inline-block;
		margin-top:5%;
	}
	.ctt_con_right_box{
		width:100%;
		float:left;
	}
	.ctt_con_right_line1{
		width:100%;
		overflow:hidden;
		margin-bottom:3.1vw;
	}
	.ctt_con_right_line1>div{
		float:left;
		width:calc(50% - 1.55vw);
		height:57.4vw;
		margin-right:3.1vw;
		border-radius:3.1vw;
		background:#f3f3f3;
		padding-top:4.8vw;
	}
	.ctt_con_right_line1>div:nth-child(2){
		margin-right:0px;
	}
	.ctt_con_right_img{
		width:100%;
		height:31.6vw;
		position:relative;
	}
	.ctt_con_right_img>img{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		width:32.2vw;
	}
	.ctt_con_right_line1>div>h1{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:4.1vw;
		color:#3c3c3c;	
		line-height:4.1vw;
		letter-spacing:-0.03em;
		margin-top:2vw;
	}
	.ctt_con_right_line1>div>p{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:2.8vw;
		color:#3c3c3c;	
		line-height:3.8vw;
		letter-spacing:-0.03em;
		margin-top:1.6vw;
	}
	.ctt_ph1{
		display:none;
	}
	.ctt_mh1{
		display:block;
	}
}