@charset "utf-8";

/* 내용관리 */
#ctt{
	width:100%;
	min-width:1200px;
	margin-top:58px;
	position:relative;
}
.bothsides_contents{
	width:1200px;
	margin:0 auto;
	position:relative;
	z-index:10;
	padding-bottom:120px;
}
.bothsides_con1{
	width:100%;
}
.bothsides_con1>h1{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:50px;
	color:#509BFF;	
	letter-spacing:-0.03em;
	line-height:50px;
}
.bothsides_con1>p{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:22px;
	color:#000;	
	letter-spacing:-0.03em;
	margin-top:20px;
	line-height:38px;
}
.bothsides_con1>img{
	display:block;
	width:887px;
	margin:0 auto;
	margin-top:56px;
}
.bothsides_con2{
	width:100%;
	position:relative;
	background:#EAD58B;
	padding-top:76px;
	padding-bottom:139px;
	border-radius:30px;
}
.left_top_dot{
	position:absolute;
	left:23px;
	top:19px;
	width:35px;
	height:35px;
	background:#fff;
	border-radius:35px;
}
.right_top_dot{
	position:absolute;
	right:23px;
	top:19px;
	width:35px;
	height:35px;
	background:#fff;
	border-radius:35px;
}
.left_bottom_dot{
	position:absolute;
	left:23px;
	bottom:19px;
	width:35px;
	height:35px;
	background:#fff;
	border-radius:35px;
}
.right_bottom_dot{
	position:absolute;
	right:23px;
	bottom:19px;
	width:35px;
	height:35px;
	background:#fff;
	border-radius:35px;
}
.bothsides_con2>p{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:30px;
	color:#3c3c3c;	
	letter-spacing:-0.03em;
	line-height:30px;
}
.bothsides_con2>h1{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:50px;
	color:#3c3c3c;	
	letter-spacing:-0.03em;
	line-height:50px;
	margin-top:10px;
}
.bothsides_con2>ul{
	width:100%;
	margin-top:76px;
	padding:0 74px;
	font-size:0px;
}
.bothsides_con2>ul>li{
	width:337px;
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
	position:relative;
}
.bothsides_con2>ul>li:nth-child(3n){
	margin-right:0px;
}
.bothsides_con2>ul>li:nth-child(n+4){
	margin-top:63px;
}
.bothsides_con2>ul>li>div{
	width:100%;
	height:207px;
	position:relative;
	background:#fff;
	border-radius:30px;
}
.bothsides_con2>ul>li>div>p{
	display:block;
	width:100%;
	position:absolute;
	left:50%;
	top:44%;
	transform:translate(-50%, -50%);
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:26px;
	color:#000;	
	letter-spacing:-0.03em;
	line-height:38px;
	text-align:center;
}
.bothsides_con2>ul>li>h1{
	display:block;
	width:264px;
	height:60px;
	border-radius:30px;
	background:#3c3c3c;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:30px;
	color:#f9f9f9;	
	letter-spacing:-0.03em;
	line-height:60px;
	text-align:center;
	position:absolute;
	left:50%;
	bottom:-30px;
	transform:translate(-50%, 0);
}

.bg_box{
	width:100%;
	height:2249px;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(80, 155, 255, 0.2);
}

.bothsides_con3{
	width:100%;
	position:relative;
	background:#fff;
	padding-top:76px;
	padding-bottom:57px;
	border-radius:30px;
	margin-top:40px;
}
.bothsides_con3>p{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:30px;
	color:#3c3c3c;	
	letter-spacing:-0.03em;
	line-height:30px;
}
.bothsides_con3>h1{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:50px;
	color:#3c3c3c;	
	letter-spacing:-0.03em;
	line-height:50px;
	margin-top:10px;
}
.bothsides_con3>ul{
	width:100%;
	padding:0 73px;
	overflow:hidden;
	margin-top:75px;
}
.bothsides_con3>ul>li{
	float:left;
	width:337px;
	border:1px solid #C2E694;
	margin-right:20px;
}
.bothsides_con3>ul>li:nth-child(3n){
	margin-right:0px;
}
.bothsides_con3>ul>li:nth-child(n+4){

}
.bothsides_con3>ul>li>h1{
	display:block;
	width:100%;
	height:71px;
	background:#C2E694;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:23px;
	color:#3c3c3c;	
	letter-spacing:-0.03em;
	line-height:71px;
}
.bothsides_con3>ul>li>div{
	width:100%;
	padding:40px 25px;
}
.bothsides_con3>ul>li>div>ul{
	width:100%;
}
.bothsides_con3>ul>li>div>ul>li{
	width:100%;
	height:57px;
	position:relative;
	margin-bottom:8px;
}
.bothsides_con3>ul>li>div>ul>li:last-child{
	margin-bottom:0px;
}
.bothsides_con3>ul>li>div>ul>li>h1{
	position:absolute;
	right:13px;
	top:50%;
	transform:translate(0, -50%);
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	font-size:30px;
	color:#000;	
	letter-spacing:-0.03em;
	line-height:30px;
}
.bothsides_con3>ul>li>div>ul>li>span{
	display:block;
	height:100%;
}
.a_bar{
	border:2px solid #509BFF;
}
.a_bar>span{
	background:#509BFF;
}
.b_bar{
	border:2px solid #0FC7A7;
}
.b_bar>span{
	background:#0FC7A7;
}
.c_bar{
	border:2px solid #A0A0A0;
}
.c_bar>span{
	background:#A0A0A0;
}
.bottom_grap_info{
	width:100%;
	margin-top:33px;
}
.bottom_grap_info>ul{
	width:100%;
	text-align:right;
	padding:0 73px;
}
.bottom_grap_info>ul>li{
	display:inline-block;
	vertical-align:middle;
	margin-right:37px;
}
.bottom_grap_info>ul>li:last-child{
	margin-right:0px;
}
.bottom_grap_info>ul>li>span{
	display:inline-block;
	vertical-align:middle;
	width:18px;
	height:18px;
	margin-right:7px;
}
.blue_box{
	background:#509BFF;
}
.green_box{
	background:#0FC7A7;
}
.gray_box{
	background:#A0A0A0;
}
.bottom_grap_info>ul>li>h1{
	display:inline-block;
	vertical-align:middle;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	font-size:14px;
	color:#000;	
	letter-spacing:-0.03em;
	line-height:14px;	
}
.bc1_mop{
	display:none !important;
}
.bc1_moi{
	display:none !important;
}
.bc2_ul_mo{
	display:none;
}
/*220526 미작업분 추가작업*/
.img3_abs{
	position:absolute;
	left:-316px;
	bottom:0;
}
.img2_abs{
	position:absolute;
	right:-304px;
	top:1536px;
	z-index:9;
}
@media(max-width:1200px){
	/* 내용관리 */
	#ctt{
		width:100%;
		min-width:100%;
		margin-top:9.4vw;
		position:relative;
	}
	.bothsides_contents{
		width:100%;
		margin:0 auto;
		position:relative;
		z-index:10;
		padding-bottom:0;
	}
	.bothsides_con1{
		width:100%;
	}
	.bothsides_con1>h1{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:7.8vw;
		color:#509BFF;	
		letter-spacing:-0.03em;
		line-height:7.8vw;
	}
	.bothsides_con1>p{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:400;
		font-size:4.1vw;
		color:#000;	
		letter-spacing:-0.03em;
		margin-top:3.1vw;
		line-height:6.3vw;
	}
	.bc1_pp{
		display:none !important;
	}
	.bc1_mop{
		display:block !important;
	}
	.bothsides_con1>img{
		display:block;
		width:100%;
		margin:0 auto;
		margin-top:56px;
	}
	.bc1_pi{
		display:none !important;	
	}
	.bc1_moi{
		display:block !important;
	}
	.bothsides_con2{
		width:100%;
		position:relative;
		background:#EAD58B;
		padding-top:14.8vw;
		padding-bottom:19.2vw;
		border-radius:4.7vw;
	}
	.left_top_dot{
		position:absolute;
		left:4.7vw;
		top:4.7vw;
		width:5.5vw;
		height:5.5vw;
		background:#fff;
		border-radius:5.5vw;
	}
	.right_top_dot{
		position:absolute;
		right:4.7vw;
		top:4.7vw;
		width:5.5vw;
		height:5.5vw;
		background:#fff;
		border-radius:5.5vw;
	}
	.left_bottom_dot{
		position:absolute;
		left:4.7vw;
		bottom:4.7vw;
		width:5.5vw;
		height:5.5vw;
		background:#fff;
		border-radius:5.5vw;
	}
	.right_bottom_dot{
		position:absolute;
		right:4.7vw;
		bottom:4.7vw;
		width:5.5vw;
		height:5.5vw;
		background:#fff;
		border-radius:5.5vw;
	}
	.bothsides_con2>p{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:400;
		font-size:4.7vw;
		color:#3c3c3c;	
		letter-spacing:-0.03em;
		line-height:4.7vw;
	}
	.bothsides_con2>h1{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:7.8vw;
		color:#3c3c3c;	
		letter-spacing:-0.03em;
		line-height:7.8vw;
		margin-top:2.2vw;
	}
	.bothsides_con2>ul{
		width:100%; 
		margin-top:9.4vw;
		padding:0 4.7vw;
		font-size:0px;
	}
	.bc2_ul_pc{
		display:none;
	}
	.bc2_ul_mo{
		display:block;
	}
	.bothsides_con2>ul>li{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-right:20px;
		position:relative;
	}
	.bothsides_con2>ul>li:nth-child(3n){
		margin-right:0px;
	}
	.bothsides_con2>ul>li:nth-child(n+2){
		margin-top:3.1vw;
	}
	.bothsides_con2>ul>li:nth-child(n+4){
		margin-top:3.1vw;
	}
	.bothsides_con2>ul>li>div{
		width:100%;
		height:21.9vw;
		position:relative;
		background:#fff;
		border-radius:3.1vw;
	}
	.bothsides_con2>ul>li>div>p{
		display:block;
		width:100%;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:400;
		font-size:4.1vw;
		color:#000;	
		letter-spacing:-0.03em;
		line-height:5.9vw;
		text-align:left;
		padding-left:26.3vw;
	}
	.bothsides_con2>ul>li>h1{
		display:block;
		width:23.1vw;
		height:21.9vw;
		border-radius: 3.1vw 0px 0px 3.1vw;
		background:#3c3c3c;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:4.7vw;
		color:#f9f9f9;	
		letter-spacing:-0.03em;
		line-height:21.5vw;
		text-align:center;
		position:absolute;
		left:0%;
		bottom:0px;
		transform:translate(0%, 0);
	}

	.bg_box{
		display:none;
		width:100%;
		height:1920px;
		position:absolute;
		left:0;
		bottom:0;
		background:rgba(80, 155, 255, 0.2);
	}

	.bothsides_con3{
		width:100%;
		position:relative;
		background:#fff;
		padding-top:0;
		padding-bottom:15.6vw;
		border-radius:0px;
		margin-top:15.6vw;
	}
	.bothsides_con3>p{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:400;
		font-size:4.7vw;
		color:#3c3c3c;	
		letter-spacing:-0.03em;
		line-height:4.7vw;
	}
	.bothsides_con3>h1{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:7.8vw;
		color:#3c3c3c;	
		letter-spacing:-0.03em;
		line-height:7.8vw;
		margin-top:2.2vw;
	}
	.bothsides_con3>ul{
		width:100%;
		padding:0 4.7vw;
		overflow:hidden;
		margin-top:9.4vw;
	}
	.bothsides_con3>ul>li{
		float:left;
		width:calc(50% - 1.7vw);
		border:0.2vw solid #C2E694;
		margin-right:3.4vw !important;
	}
	.bothsides_con3>ul>li:nth-child(2n){
		margin-right:0px !important;
	}
	.bothsides_con3>ul>li:nth-child(3n){
		margin-right:0px;
	}
	.bothsides_con3>ul>li:nth-child(n+4){

	}
	.bothsides_con3>ul>li>h1{
		display:block;
		width:100%;
		height:9.4vw;
		background:#C2E694;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:3.1vw;
		color:#3c3c3c;	
		letter-spacing:-0.03em;
		line-height:9.4vw;
	}
	.bothsides_con3>ul>li>div{
		width:100%;
		padding:5.2vw 3.3vw;
	}
	.bothsides_con3>ul>li>div>ul{
		width:100%;
	}
	.bothsides_con3>ul>li>div>ul>li{
		width:100%;
		height:7.6vw;
		position:relative;
		margin-bottom:1.1vw;
	}
	.bothsides_con3>ul>li>div>ul>li:last-child{
		margin-bottom:0px;
	}
	.bothsides_con3>ul>li>div>ul>li>h1{
		position:absolute;
		right:1.4vw;
		top:50%;
		transform:translate(0, -50%);
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:700;
		font-size:4.1vw;
		color:#000;	
		letter-spacing:-0.03em;
		line-height:4.1vw;
	}
	.bothsides_con3>ul>li>div>ul>li>span{
		display:block;
		height:100%;
	}
	.a_bar{
		border:0.3vw solid #509BFF;
	}
	.a_bar>span{
		background:#509BFF;
	}
	.b_bar{
		border:0.3vw solid #0FC7A7;
	}
	.b_bar>span{
		background:#0FC7A7;
	}
	.c_bar{
		border:0.3vw solid #A0A0A0;
	}
	.c_bar>span{
		background:#A0A0A0;
	}
	.bottom_grap_info{
		width:100%;
		margin-top:3.1vw;
	}
	.bottom_grap_info>ul{
		width:100%;
		text-align:right;
		padding:0 4.7vw;
	}
	.bottom_grap_info>ul>li{
		display:inline-block;
		vertical-align:middle;
		margin-right:3.1vw;
	}
	.bottom_grap_info>ul>li:last-child{
		margin-right:0px;
	}
	.bottom_grap_info>ul>li>span{
		display:inline-block;
		vertical-align:middle;
		width:2.8vw;
		height:2.8vw;
		margin-right:1.1vw;
	}
	.blue_box{
		background:#509BFF;
	}
	.green_box{
		background:#0FC7A7;
	}
	.gray_box{
		background:#A0A0A0;
	}
	.bottom_grap_info>ul>li>h1{
		display:inline-block;
		vertical-align:middle;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:2.2vw;
		color:#000;	
		letter-spacing:-0.03em;
		line-height:2.2vw;	
	}
	/*220526 미작업분 추가작업*/
	.img3_abs{
		display:none;
	}
	.img2_abs{
		display:none;
	}
}