@charset "utf-8";
.sub_cont .cnt_box{
	width:100%;
}
.cont_box h4.tit{
	color: var(--sub-point-color) !important;
	font-weight:600 !important;
	font-size:2.8rem !important;
}

.cnt_box_1 .info_box{
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
	background:#F3F6F8;
}
.cnt_box_1 .info_box .txt{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:30%;
	max-height:156px;
}

.img_box .img_cont{
	align-items:center !important;
	width:100%;
}
.img_box .img_cont > div{
	text-align:center;
}
.img_box .img_cont > div ul{
	display:flex;
	justify-content:center;
	align-items: flex-end;
	gap: 24px;
}
.img_box .img_cont li {
	position: relative;
	height:100%;
}
.img_box .img_cont li img{
	max-height: 500px;
}
.img_box .img_cont li .txt_box{
	padding:20px;
	position:absolute;
	width:100%;
	bottom:0;
}
.img_box .img_cont li:first-child .txt_box{
	background-color:#B6D2F5;
}
.img_box .img_cont li:last-child .txt_box{
	background-color:#EBBCBC;
}
.img_box .img_cont li .txt_box div:first-child::after{
	content:'';
	display:inline-block;
	width:100%;
	height:1px;
	background-color:#fff;
}
.img_box .img_cont li .txt_box div:last-child{
	padding-top:10px;
}

.img_box .img_cont .txt_box .tit{
	font-size: 2.4rem;
	font-weight:500;
}
.img_box .img_cont .txt_box p span{
	font-size: 4.4rem;
	font-weight: 600;
}
.cnt_box_4, .cnt_box_4 > div{
	gap:2rem !important;
}
.cnt_box_4.p_4 .info_box.info_box3{
	background-color:#FFF6ED;
	padding: 30px 20px;
}
.cnt_box_4.p_4 .info_box.info_box3 .txt_tit .tit{
	color:var(--sub-point-color) !important;
}
.info_box.info_box2 .txt{
	align-items:center;
}
.txt .tit_2{
	font-size:3.2rem;
	font-weight:600;
	letter-spacing:-0.1rem;
}

.graph_lgd ul{
	display:flex;
	gap:1rem;
}
.graph_lgd li span{
	display:flex;
	align-items:center;
	gap:0.4rem;
}
.graph_lgd li span:after{
	content: '';
    width: 20px;
    height: 4px;
    background: #ddd;
    display: inline-block;
}
.graph_lgd li:nth-child(1) span:after{
	background:var(--sub-point-color)
}
.graph_lgd li:nth-child(2) span:after{
	background:var(--main-color2)
}
.graph_lgd li:nth-child(3) span:after{
	background:#ED7A7A
}
.cnt_box_1{
	margin-top:2rem;
	display:flex;
	flex-direction:column;
	gap:2rem;
}
.cnt_box_1 .line1{
	display:flex;
	flex-direction:column;
	gap:2rem;
}
.cnt_box_1 > div{
	display:flex;
	justify-content:space-between;
	width:100%;
}
p.graph_label{
	font-size:1.4rem;
	color:#666;
}
.cnt_box_1 .info_box .txt_tit{
	display:flex;
	align-items:center;
}
.cnt_box_1 .info_box .txt_tit .tit, .cnt_box_1 .info_box .txt_tit .tit_2{
	color:var(--sub-point-color)
}
.graph{
	display:flex;
	justify-content: space-between;
	width:100%;
	gap: 4rem;
}

.graph img{
	width:calc((100% - 8rem) / 3);
}

.info_box2 .img img, .info_box.info_box2 .img img{
	width: 4.4rem !important;
}

.info_box{
	display: flex;
	padding:var(--padding-padding-XL-2) var(--padding-padding-XL-1);
	gap:var(--padding-padding-XL-1);
	border:1px solid var(--line-color-line_color);
	background: #ddd;
	box-sizing: border-box;
}
.cnt_box_4.cnt_box_1 .info_box{
	min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}
.cnt_box_1 > p{
	text-align:center;
}

@media(min-width:1200px){
	.cnt_box.cnt_3 .line1:nth-child(2){
		display:none;
	}
	.cnt_box_4.p_4 .info_box.info_box3{
		min-width: calc((100% - 4rem) / 3) !important;
		width: calc((100% - 4rem) / 3)!important;
		max-width: calc((100% - 4rem) / 3) !important;
	}
}
@media(max-width:1200px){
	.info_box.info_box3{
		display:flex;
		justify-content:center;
	}
	.cnt_3 .cnt_box_4 > div.line1{
		flex-direction:row !important;
		flex-wrap: wrap;
		
	}
	.cnt_box.cnt_3 .line1:first-child > div:last-child,
	.cnt_box.cnt_3 .line1:last-child > div:first-child{
		display:none;
	}
	.cnt_box.cnt_3 .line1:nth-child(2){
		display:inherit;
	}
	
	.cnt_box_4.p_4 .info_box.info_box3{
		min-width: calc((100% - 2rem) / 2) !important;
		width: calc((100% - 2rem) / 2)!important;
		max-width: calc((100% - 2rem) / 2) !important;
		height:auto;
	}
}


/* 모바일 목록 */
@media all and (max-width:767px) {
	.cont_box h4.tit{
		font-size:larger !important
	}
	.img_box .img_cont li img{
		max-height:380px;
	}
	.img_box .img_cont > div ul{
		gap:1rem;
	}
	.img_box .img_cont > div{
		padding:20px;
	}
	.img_box .img_cont .txt_box p span{
		font-size:2.4rem;
	}
	.img_box .img_cont .txt_box .tit{
		font-size:2rem;
	}
	.cnt_box_4.p_4 .info_box.info_box3{
		padding:20px 10px;
	}
	.cnt_box_4.p_4 .info_box.info_box3 .txt_tit .tit{
		font-size: 1.8rem;
	}
	.cnt_4 .cnt_box_4.p_4 .info_box .txt_tit{
		display:flex;
		flex-direction:column !important;
		align-items: flex-start;
	}
	.cnt_4 .info_box.info_box2 .txt{
		align-items:flex-start;
	}
	.cnt_4 .info_box .txt .subtxt p{
		text-align:left;
	}
	.cnt_4 .txt .tit_2{
		font-size:2.4rem;
	}
	.cnt_box_1 > div, .cnt_box_1 .info_box, 
	.cnt_box_1 .info_box .txt_tit,
	.graph{
		flex-direction: column;
	}
	.cnt_box_1 .info_box .txt{
		width:100%;
	}
	.graph img{
		width:100%;
	}
	
}


@media all and (max-width:575px) {
	
}