@charset "utf-8";

.sub_cont .cnt_box, .img_cont{
	width:100%;
}
.sub_cont .cnt_box{
	width:100%;
}
h3.cnt_tit > span{
	font-size: 2.4rem
}

.pg_tbl th{
	height:5.4rem !important;
	background-color: #F3F6F8 !important;
}
.pg_tbl td{
	height:5.4rem !important;
	padding:0 !important;
}
.img_cont > p{
	text-align:center;
	padding: 20px 0;
}



.cnt_1 .img_box .img_cont > ul{
	display:flex;
	gap:4rem;
	justify-content:space-between;
	align-items:flex-end;
	padding: 2rem 0;
}

.cnt_1 .img_box .img_cont li{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.cnt_1 .img_cont .txt_box{
	text-align:center;
	font-weight:600;
}
.cnt_1 .img_cont .txt_box p.tit{
	font-size:2rem;
}
.cnt_1 .img_cont .txt_box p{
	font-size:1.4rem;
}
.cnt_1 .img_cont .txt_box::after{
	content:'';
	display: inline-block;
	width:1px;
	height:30px;
	background-color: #ddd;
}
.cnt_1 .img_cont .txt_box span{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius: 999px;
	background-color:var(--sub-point-color);
	margin-bottom:-6px;
}


.cnt_1 img{
	max-height:340px;
}

.cnt_2 .img_cont{
	text-align: center;
}
.cnt_2 .img_cont img{
	max-height:620px;
}
.cnt_box .img_box .cont_box{
	padding-bottom:0;
}
.cnt_2 tr:nth-child(1) th:nth-child(3),
.cnt_2 tr:nth-child(1) th:nth-child(4){
	border-bottom:0;
}
.cnt_2 tr:nth-child(2) th:nth-child(1),
.cnt_2 tr:nth-child(2) th:nth-child(2){
	border-top:1px solid #ccc;
}
.cnt_2 tr:nth-child(9) td{
	background-color:#F3F6F8 !important
}
.pg_tbl.com th{
	width:auto;
}
.cnt_3 .img{
	width:100%;
	display:flex;
	gap:2rem;
}
.cnt_3 .img img{
	max-height:520px;
}
.cnt_3 .img img:first-child{
	width:100%;
}

@media(max-width:1200px){
	.cnt_1 .img_box .img_cont > ul{
		gap:0;
		padding: 4rem 0;
	}
}

@media(max-width:768px){
	.cnt_1 .img_box .img_cont{
		padding: 4rem;
	}
	.cnt_1 .img_cont .txt_box{
		display:none;
	}
	.cnt_1 .img_box .img_cont li{
		margin-left: -4rem;
		margin-right:-4rem;
	}
	.cnt_1 .img_box .img_cont > ul{
		gap:0;
		padding: 1rem;
	}
}

@media(max-width:428px){
	.cnt_3 .img{
		flex-direction: column;
	}
	h3.cnt_tit > span{
		font-size:1.6rem;
	}
		.img_cont > p{
		padding:10px 0;
	}
	.cnt_box .img_box .cont_box{
		padding: 20px 0 0 0
	}
	.cnt_2 .img_cont img{
		width:100%;
		padding:20px;
	}
}