/* ======================================================================== */
/* ============================== SECTION 1 =============================== */
/* ======================================================================== */
.section1{
	background: url(../images/layout/v1/section1/bg.jpg) no-repeat center top;
	background-size: cover;
	min-height: 500px;
	margin: 0 auto;
	padding: 250px 0 450px;
	position: relative;
	z-index: 2;
	color: #fff;
}
.section1 .wrap{
	width: 550px;
}
.section1 h1{
	font-size: 4.5rem;
	font-weight: 700;
}
.section1 h3{
	font-size: 1.5rem;
}
.section1 .elm-right{
	position: absolute;
	top: 0;
	right: -3vw;
	z-index: 1;
}
.section1 .elm-right .bg-phone{
	background: url(../images/layout/v1/section1/bg-phone.png) no-repeat center top;
	background-size: 100%;
	width: 40rem;
	height: 28rem;
}
.section1 .elm-right .bg-screen{
	background: url(../images/layout/v1/section1/bg-screen.png) no-repeat center top;
	background-size: 100%;
	width: 36.7rem;
	height: 25rem;
	position: absolute;
	top: 0.4rem;
	right: 10px;
}
.section1 .btn-section1{
	font-size: 1.25rem;
}
@media (max-width: 768px){
	.section1{
		background: url(../images/layout/v1/section1/bg.jpg) no-repeat center top;
		background-size: cover;
		min-height: auto;
		padding: 30vw 0 100vw;
	}
	.section1 .wrap{
		width: 90%;
		padding: 0 3vw;
	}
	.section1 h1{
		font-size: 2rem;
	}
	.section1 h3{
		font-size: 1rem;
	}
	.section1 .elm-right{
		position: relative;
		top: 21vw;
		right: 8vw;
		z-index: 1;
	}
	.section1 .elm-right .bg-phone{
		background: url(../images/layout/v1/section1/bg-phone.png) no-repeat center top;
		background-size: 100%;
		width: 23rem;
		height: 16rem;
		width: 75.2vw;
		height: 52vw;
		position: absolute;
		top: 0;
		right: 0;
	}
	.section1 .elm-right .bg-screen{
		background: url(../images/layout/v1/section1/bg-screen.png) no-repeat center top;
		background-size: 100%;
		width: 21.2rem;
		height: 14.5rem;
		width: 68.8vw;
		height: 47vw;
		position: absolute;
		top: 0.8vw;
		right: 1.2vw;
	}
	.section1 .btn-section1{
		font-size: 1rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 1 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 2 =============================== */
/* ======================================================================== */
.section2{
	background-color: #f2f4f5;
	padding: 100px 0;
}
/* .section2 .attr-left{
	position: relative;
}
.section2 .attr-left:before{
	content: '';
	background: url(../images/layout/v1/section2/attr-left.png) no-repeat center top;
	width: 516px;
	height: 1031px;
	position: absolute;
	top: 0;
	left: 0;
} */
.section2 h1{
	color: #24609b;
	font-weight: 700;
}
.section2 h3{
	color: #4d4d4d;
}
.section2 ul.service-list{
	list-style-type: none;
	padding: 0;
	margin: 80px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	justify-content: center;
	align-items: stretch;
}
.section2 ul.service-list li{
	border-radius: 15px;
	box-shadow: 0 5px 20px 5px #ddd;
	padding: 20px;
}
.section2 ul.service-list li .service-content .service-icon img{
	width: 100%;
	margin-bottom: 10px;
}
.section2 ul.service-list li .service-content .service-desc{
	text-align: center;
	color: #4d4d4d;
	font-weight: 500;
}
@media (max-width: 768px){
	.section2{
		padding: 70px 0;
	}
	.section2 h1{
		font-size: 2rem;
	}
	.section2 ul.service-list{
		gap: 1.5rem;
		margin: 50px 0 0;
	}
	.section2 ul.service-list li{
		flex: 0 0 40%;
		max-width: 40%;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 2 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 3 =============================== */
/* ======================================================================== */
.section3{
	background-color: #fff;
	padding: 100px 0;
	color: #4d4d4d;
}
.section3 .attr-left{
	position: relative;
	margin-bottom: 20px;
}
.section3 .attr-left:before{
	content: '';
	background: url(../images/layout/v1/section3/attr-left.png) no-repeat center top;
	background-size: 100%;
	width: 575px;
	height: 645px;
	position: absolute;
	top: 100px;
	left: 0;
}
.section3 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #24609b;
}
.section3 .attr-right p{
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 40px;
}
@media (max-width: 1366px){
	.section3 .attr-left:before{
		content: '';
		background: url(../images/layout/v1/section3/attr-left.png) no-repeat center top;
		background-size: 100%;
		display: block;
		width: 30rem;
		height: 34rem;
		position: relative;
		top: 20px;
		left: 0;
	}
}
@media (max-width: 768px){
	.section3{
		padding: 70px 0;
	}
	.section3 .attr-left:before{
		content: '';
		background: url(../images/layout/v1/section3/attr-left.png) no-repeat center top;
		background-size: 100%;
		display: block;
		width: 14rem;
		height: 17rem;
		position: relative;
		top: 20px;
		left: 0;
	}
	.section3 h1{
		font-size: 2rem;
		text-align: center;
	}
	.section3 .attr-right p{
		font-size: 0.8rem;
		margin: 40px 0;
	}
	.section3 img{
		padding: 0 10px;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 3 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 4 =============================== */
/* ======================================================================== */
.section4{
	background: url(../images/layout/v1/section4/bg.jpg) no-repeat center top;
	background-size: cover;
	min-height: 500px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section4:before{
	content: '';
	background: url(../images/layout/v1/section4/attr-bottom.png) no-repeat center top;
	background-size: 100%;
	width: 26vw;
	height: 20.5vw;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.section4 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
}
.section4 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #24609b;
}
.section4 ul.section4-list{
	list-style-type: none;
	padding: 0;
	margin: 60px 0 0;
	display: flex;
	gap: 2rem;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 65%;
}
.section4 ul.section4-list li{
	flex: 0 0 47%;
	max-width: 47%;
}
.section4 ul.section4-list li .list-content{
	display: flex;
	gap: 1rem;
}
.section4 ul.section4-list li .list-content .list-icon{
	width: 15%;
}
.section4 ul.section4-list li .list-content .list-icon img{
	width: 100%;
}
.section4 ul.section4-list li .list-content .list-detail{
	margin-top: 10px;
	width: 85%;
}
.section4 ul.section4-list li .list-content .list-detail .list-title{
	font-size: 1.5rem;
	font-weight: 600;
}
.section4 ul.section4-list li .list-content .list-detail .list-desc{
	font-size: 1rem;
}
@media (max-width: 768px){
	.section4{
		background: url(../images/layout/v1/section4/mobile/bg-bottom.png) no-repeat center bottom;
		background-size: 100%;
		padding: 50px 0 61vw;
	}
	.section4:before{
		content: '';
		background: url(../images/layout/v1/section4/attr-bottom.png) no-repeat center top;
		background-size: 100%;
		width: 72vw;
		height: 57vw;
	}
	.section4 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section4 h3{
		font-size: 1.1rem;
		text-align: center;
		padding: 0 8vw;
	}
	.section4 ul.section4-list{
		list-style-type: none;
		padding: 0 20px;
		margin: 40px 0 0;
		display: flex;
		gap: 0;
		width: 100%;
		flex-wrap: wrap;
	}
	.section4 ul.section4-list li{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section4 ul.section4-list li .list-content .list-icon{
		width: 12%;
	}
	.section4 ul.section4-list li .list-content .list-detail{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.25rem;
	}
	.section4 ul.section4-list li .list-content .list-detail .list-title{
		font-size: 1rem;
	}
	.section4 ul.section4-list li .list-content .list-detail .list-desc{
		font-size: 0.8rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 4 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 5 =============================== */
/* ======================================================================== */
.section5{
	background: url(../images/layout/v1/section5/bg.jpg) no-repeat center top;
	background-size: cover;
	min-height: 500px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section5 .attr-status{
	position: absolute;
	top: 8vw;
	right: 13vw;
}
.section5 .status-wrap{
	background-color: #fdfefe;
	display: flex;
	box-shadow: 0 5px 20px 5px #ddd;
	width: 80%;
	padding: 20px 15px;
	border-radius: 5px;
	gap: 1rem;
	align-items: center;
}
.section5 .attr-status .logo{
	flex: 0 0 13%;
}
.section5 .attr-status .logo img{
	width: 100%;
}
.section5 .attr-status .text h4{
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
}
.section5 .attr-status .text h5{
	margin: 0;
	font-size: 0.8rem;
}
.section5 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
}
.section5 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #24609b;
}
.section5 ul.section5-list{
	list-style-type: none;
	padding: 0;
	margin: 60px 0 0;
	display: flex;
	gap: 2rem;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 65%;
}
.section5 ul.section5-list li{
	flex: 0 0 47%;
	max-width: 47%;
}
.section5 ul.section5-list li .list-content{
	display: flex;
	gap: 1rem;
}
.section5 ul.section5-list li .list-content .list-icon{
	width: 15%;
}
.section5 ul.section5-list li .list-content .list-icon img{
	width: 100%;
}
.section5 ul.section5-list li .list-content .list-detail{
	margin-top: 10px;
	width: 85%;
}
.section5 ul.section5-list li .list-content .list-detail .list-title{
	font-size: 1.5rem;
	font-weight: 600;
}
.section5 ul.section5-list li .list-content .list-detail .list-desc{
	font-size: 1rem;
}
@media (max-width: 1024px){
	.section5 .attr-status{
		right: 0;
	}
}
@media (max-width: 768px){
	.section5{
		background: url(../images/layout/v1/section5/mobile/bg-bottom.png) no-repeat center bottom;
		background-size: 100%;
		padding: 50px 0 61vw;
	}
	.section5 .status-wrap{
		width: auto;
	}
	.section5 .attr-status{
		width: 73%;
		padding: 20px 15px;
		top: unset;
		bottom: 20vw;
		right: 13vw;
		justify-content: space-between;
	}
	.section5 .attr-status .logo{
		flex: 0 0 15%;
	}
	.section5 .attr-status .logo img{
		width: 100%;
	}
	.section5 .attr-status .text{
		flex: 0 0 80%;
	}
	.section5 .attr-status .text h4{
		margin: 0;
		font-size: 1.2rem;
	}
	.section5 .attr-status .text h5{
		margin: 0;
		font-size: 1rem;
	}
	.section5 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section5 h3{
		font-size: 1.1rem;
		text-align: center;
		padding: 0 5vw;
	}
	.section5 ul.section5-list{
		list-style-type: none;
		padding: 0 20px;
		margin: 40px 0 0;
		display: flex;
		gap: 0;
		width: 100%;
		flex-wrap: wrap;
	}
	.section5 ul.section5-list li{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section5 ul.section5-list li .list-content .list-icon{
		width: 12%;
	}
	.section5 ul.section5-list li .list-content .list-detail{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.25rem;
	}
	.section5 ul.section5-list li .list-content .list-detail .list-title{
		font-size: 1rem;
	}
	.section5 ul.section5-list li .list-content .list-detail .list-desc{
		font-size: 0.8rem;
	}
}
@media(max-width: 425px){
	.section5 .attr-status .text h4{
		margin: 0;
		font-size: 0.8rem;
	}
	.section5 .attr-status .text h5{
		margin: 0;
		font-size: 0.6rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 5 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 6 =============================== */
/* ======================================================================== */
.section6{
	background-color: #fff;
	min-height: 500px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section6 .attr-right{
	background: url(../images/layout/v1/section6/attr-right.png) no-repeat center top;
	background-size: 100%;
	width: 500px;
	height: 576px;
	width: 28rem;
	height: 32rem;
	position: absolute;
	top: 90px;
	right: 0;
	z-index: -1;
}
.section6 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
}
.section6 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #24609b;
}
.section6 ul.section6-list{
	list-style-type: none;
	padding: 0;
	margin: 60px 0 0;
	display: flex;
	gap: 2rem;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 65%;
}
.section6 ul.section6-list li{
	flex: 0 0 47%;
	max-width: 47%;
}
.section6 ul.section6-list li .list-content{
	display: flex;
	gap: 1rem;
}
.section6 ul.section6-list li .list-content .list-icon{
	width: 15%;
}
.section6 ul.section6-list li .list-content .list-icon img{
	width: 100%;
}
.section6 ul.section6-list li .list-content .list-detail{
	margin-top: 10px;
	width: 85%;
}
.section6 ul.section6-list li .list-content .list-detail .list-title{
	font-size: 1.5rem;
	font-weight: 600;
}
.section6 ul.section6-list li .list-content .list-detail .list-desc{
	font-size: 1rem;
}
.section6 ul.section6-fr-list{
	padding: 0 0 0 45px;
	margin: 30px 0 0;
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	width: 60%;
}
.section6 ul.section6-fr-list li{
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	padding-left: 25px;
}
.section6 ul.section6-fr-list li::marker{
	color: #1376ee;
}
@media (max-width: 768px){
	.section6{
		padding: 50px 0 90vw;
	}
	.section6 .attr-right{
		background: url(../images/layout/v1/section6/attr-right.png) no-repeat center top;
		background-size: 100%;
		width: 60vw;
		height: 68vw;
		top: unset;
		right: 18vw;
		bottom: -75vw;
	}
	.section6 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section6 h3{
		font-size: 1.1rem;
		text-align: center;
		padding: 0 5vw;
	}
	.section6 ul.section6-list{
		list-style-type: none;
		padding: 0 20px;
		margin: 40px 0 0;
		display: flex;
		gap: 0;
		width: 100%;
		flex-wrap: wrap;
	}
	.section6 ul.section6-list li{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section6 ul.section6-list li .list-content .list-icon{
		width: 12%;
	}
	.section6 ul.section6-list li .list-content .list-detail{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.25rem;
	}
	.section6 ul.section6-list li .list-content .list-detail .list-title{
		font-size: 1rem;
	}
	.section6 ul.section6-list li .list-content .list-detail .list-desc{
		font-size: 0.8rem;
	}
	.section6 ul.section6-fr-list{
		padding: 0 0 0 50px;
		margin: 0 0 0;
		width: 95%;
		gap: 0.5rem;
	}
	.section6 ul.section6-fr-list li{
		flex: 0 0 100%;
		max-width: 100%;
		position: relative;
		padding-left: 17px;
		font-size: 0.8rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 6 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 7 =============================== */
/* ======================================================================== */
.section7{
	background: url(../images/layout/v1/section7/bg.jpg) no-repeat center top;
	background-size: cover;
	min-height: 800px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section7 .attr-right{
	position: relative;
	right: 1vw;
	top: 2vw;
}
.section7 .attr-right .top-section{
	display: flex;
	width: auto;
	position: absolute;
	top: 0;
	right: 8vw;
	z-index: 1;
}
.section7 .attr-right .top-section .side-left{
	background-color: #1376ee;
	color: #fff;
	padding: 20px 20px 0 20px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	flex: 0 0 28%;
	max-width: 28%;
	position: relative;
	z-index: 1;
}
.section7 .attr-right .top-section .side-left p.trans{
	margin-bottom: 20px;
}
.section7 .attr-right .top-section .side-left p:last-child{
	margin-bottom: 0;
}
.section7 .attr-right .top-section .side-left p:last-child::before{
	content: '';
	background-color: #7bb4f7;
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-bottom-left-radius: 10px;
}
.section7 .attr-right .top-section .side-right{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 20px;
	background-color: #fff;
	z-index: 1;
}
.section7 .attr-right .top-section .side-right p.title{
	margin-bottom: 15px;
}
.section7 .attr-right .top-section .side-right p.title img{
	margin-right: 5px;
}
.section7 .attr-right .top-section .side-right p.total{
	margin-left: 40px;
	margin-bottom: 0;
	line-height: 1;
}
.section7 .attr-right .top-section .side-right h3{
	font-size: 1.5vw;
	margin-left: 40px;
	margin-bottom: 15px;
	font-weight: 700;
	color: #000;
}
.section7 .attr-right .top-section .side-right .btn-dummy{
	display: flex;
	gap: 1rem;
	color: #fff;
	flex-wrap: nowrap;
}
.section7 .attr-right .top-section .side-right .btn-dummy p.btn-text{
	background-color: #1376ee;
	padding: 5px 20px;
	border-radius: 10px;
	font-size: 0.7rem;
	margin: 0;
}
.section7 .attr-right .bottom-section{
	display: flex;
	gap: 2rem;
	width: auto;
	position: absolute;
	top: 20vw;
	right: 7vw;
	color: #fff;
}
.section7 .attr-right .bottom-section p:first-child:before,
.section7 .attr-right .bottom-section p:last-child:before{
	content: '';
	background-color: #363636;
	width: 1px;
	height: 13vw;
}
.section7 .attr-right .bottom-section p:first-child:before{
	position: absolute;
	top: -12vw;
	right: 21vw;
	z-index: -1;
}
.section7 .attr-right .bottom-section p:last-child:before{
	position: absolute;
	top: -12vw;
	right: 5.5vw;
	z-index: -1;
}
.section7 .attr-right .bottom-section p:first-child{
	flex: 0 0 50%;
	max-width: 50%;
	text-align: center;
	background-color: #fcbd18;
	padding: 20px;
	border-radius: 5px;
	margin: 0;
}
.section7 .attr-right .bottom-section p:last-child{
	flex: 0 0 50%;
	max-width: 50%;
	text-align: center;
	background-color: #c6309c;
	padding: 20px;
	border-radius: 5px;
	margin: 0;
}
.section7 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
}
.section7 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #24609b;
}
.section7 ul.section7-list{
	list-style-type: none;
	padding: 0;
	margin: 60px 0 0;
	display: flex;
	gap: 2rem;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 65%;
}
.section7 ul.section7-list li{
	flex: 0 0 47%;
	max-width: 47%;
}
.section7 ul.section7-list li .list-content{
	display: flex;
	gap: 1rem;
}
.section7 ul.section7-list li .list-content .list-icon{
	width: 15%;
}
.section7 ul.section7-list li .list-content .list-icon img{
	width: 100%;
}
.section7 ul.section7-list li .list-content .list-detail{
	margin-top: 10px;
	width: 85%;
}
.section7 ul.section7-list li .list-content .list-detail .list-title{
	font-size: 1.5rem;
	font-weight: 600;
}
.section7 ul.section7-list li .list-content .list-detail .list-desc{
	font-size: 1rem;
}
.section7 ul.section7-fr-list{
	padding: 0 0 0 45px;
	margin: 30px 0 0;
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	width: 60%;
}
.section7 ul.section7-fr-list li{
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	padding-left: 25px;
}
.section7 ul.section7-fr-list li::marker{
	color: #1376ee;
}
@media (max-width: 768px){
	.section7{
		background: url(../images/layout/v1/section7/mobile/bg-bottom.png) no-repeat center bottom;
		background-size: 100%;
		padding: 50px 0 90vw;
		height: auto;
		position: relative;
	}
	.section7 .attr-right{
		position: relative;
		right: 14vw;
		top: 27rem;
		width: 100%;
	}
	.section7 .attr-right .top-section{
		position: absolute;
	}
	.section7 .attr-right .top-section .side-left{
		padding: 2vw 2vw 0 2vw;
		font-size: 2.2vw;
		box-shadow: 0 5px 20px 5px #ddd;
	}
	.section7 .attr-right .top-section .side-left p{
		margin-bottom: 10px;
	}
	.section7 .attr-right .top-section .side-left p.trans{
		margin-bottom: 3.5vw;
	}
	.section7 .attr-right .top-section .side-left p:last-child::before{
		content: '';
		height: 7vw;
		position: absolute;
	}
	.section7 .attr-right .top-section .side-right{
		padding: 10px;
		padding: 2vw;
		box-shadow: 5px 5px 20px 0 #ddd;
	}
	.section7 .attr-right .top-section .side-right p.title{
		margin-bottom: 3vw;
		font-size: 2.5vw;
	}
	.section7 .attr-right .top-section .side-right p.title img{
		width: 20px;
	}
	.section7 .attr-right .top-section .side-right p.total{
		margin-left: 30px;
		font-size: 2.5vw;
	}
	.section7 .attr-right .top-section .side-right h3{
		font-size: 3vw;
		text-align: left;
		margin: 0 0 3vw 2vw;
	}
	.section7 .attr-right .top-section .side-right .btn-dummy{
		gap: 1.5vw;
	}
	.section7 .attr-right .top-section .side-right .btn-dummy p.btn-text{
		padding: 1vw 2vw;
		font-size: 1.5vw;
	}
	.section7 .attr-right .bottom-section{
		display: flex;
		gap: 3vw;
		position: absolute;
		top: 37vw;
		right: 5vw;
		color: #fff;
		align-items: center;
	}
	.section7 .attr-right .bottom-section p:first-child:before,
	.section7 .attr-right .bottom-section p:last-child:before{
		content: '';
		background-color: #363636;
		width: 1px;
		height: 18vw;
	}
	.section7 .attr-right .bottom-section p:first-child:before{
		position: absolute;
		top: -15vw;
		right: 52vw;
		z-index: -1;
	}
	.section7 .attr-right .bottom-section p:last-child:before{
		position: absolute;
		top: -16vw;
		right: 13.5vw;
		z-index: -1;
	}
	.section7 .attr-right .bottom-section p:first-child{
		flex: 0 0 50%;
		max-width: 50%;
		text-align: center;
		background-color: #fcbd18;
		padding: 2vw;
		border-radius: 5px;
		font-size: 2.1vw;
		margin: 0;
	}
	.section7 .attr-right .bottom-section p:last-child{
		flex: 0 0 50%;
		max-width: 50%;
		text-align: center;
		background-color: #c6309c;
		padding: 2vw;
		border-radius: 5px;
		font-size: 2.1vw;
		margin: 0;
	}
	.section7 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section7 h3{
		font-size: 1.1rem;
		text-align: center;
		padding: 0 5vw;
	}
	.section7 ul.section7-list{
		list-style-type: none;
		padding: 0 20px;
		margin: 40px 0 0;
		display: flex;
		gap: 0;
		width: 100%;
		flex-wrap: wrap;
	}
	.section7 ul.section7-list li{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section7 ul.section7-list li .list-content .list-icon{
		width: 12%;
	}
	.section7 ul.section7-list li .list-content .list-detail{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.25rem;
	}
	.section7 ul.section7-list li .list-content .list-detail .list-title{
		font-size: 1rem;
	}
	.section7 ul.section7-list li .list-content .list-detail .list-desc{
		font-size: 0.8rem;
	}
	.section7 ul.section7-fr-list{
		padding: 0 0 0 50px;
		margin: 0 0 0;
		width: 95%;
		gap: 0.5rem;
	}
	.section7 ul.section7-fr-list li{
		flex: 0 0 100%;
		max-width: 100%;
		position: relative;
		padding-left: 17px;
		font-size: 0.8rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 7 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 8 =============================== */
/* ======================================================================== */
.section8{
	background-color: #fff;
	min-height: 900px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section8:before{
	content: '';
	background: url(../images/layout/v1/section8/attr-right.png) no-repeat center top;
	background-size: 100%;
	width: 500px;
	height: 340px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.section8 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
}
.section8 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #24609b;
}
.section8 ul.section8-list{
	list-style-type: none;
	padding: 0;
	margin: 60px 0 0;
	display: flex;
	gap: 2rem;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
}
.section8 ul.section8-list li{
	flex: 0 0 31%;
	max-width: 31%;
}
.section8 ul.section8-list li .list-content{
	display: flex;
	gap: 1rem;
}
.section8 ul.section8-list li .list-content .list-icon{
	width: 15%;
}
.section8 ul.section8-list li .list-content .list-icon img{
	width: 100%;
}
.section8 ul.section8-list li .list-content .list-detail{
	margin-top: 10px;
	width: 85%;
}
.section8 ul.section8-list li .list-content .list-detail .list-title{
	font-size: 1.5rem;
	font-weight: 600;
}
.section8 ul.section8-list li .list-content .list-detail .list-desc{
	font-size: 1rem;
}
@media (max-width: 768px){
	.section8{
		padding: 50px 0 51vw;
	}
	.section8:before{
		content: '';
		background: url(../images/layout/v1/section8/attr-right.png) no-repeat right top;
		background-size: 100%;
		width: 70vw;
		height: 49vw;
	}
	.section8 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section8 h3{
		font-size: 1.1rem;
		text-align: center;
	}
	.section8 ul.section8-list{
		list-style-type: none;
		padding: 0 20px;
		margin: 40px 0 0;
		display: flex;
		gap: 0;
		width: 100%;
		flex-wrap: wrap;
	}
	.section8 ul.section8-list li{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section8 ul.section8-list li .list-content .list-icon{
		width: 12%;
	}
	.section8 ul.section8-list li .list-content .list-detail{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.25rem;
	}
	.section8 ul.section8-list li .list-content .list-detail .list-title{
		font-size: 1rem;
	}
	.section8 ul.section8-list li .list-content .list-detail .list-desc{
		font-size: 0.8rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 8 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 9 =============================== */
/* ======================================================================== */
.section9{
	background-color: #fff;
	min-height: 800px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section9 .attr-right{
	background: url(../images/layout/v1/section9/attr-right.jpg) no-repeat center top;
	background-size: 100%;
	width: 450px;
	height: 560px;
	position: absolute;
	top: 20px;
	right: -20px;
	border-radius: 20px;
}
.section9 .attr-text{
	position: absolute;
	top: 3vw;
	right: 16vw;
	padding: 10px 40px;
	background-color: #fff;
	box-shadow: -5px 0 15px -2px #ddd;
	border-radius: 5px;
}
.section9 .attr-text p{
	margin: 0;
	line-height: 1.1;
}
.section9 .attr-text p span{
	font-weight: 700;
	font-size: 1.5rem;
}
.section9 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
}
.section9 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #24609b;
}
.section9 ul.section9-list{
	list-style-type: none;
	padding: 0;
	margin: 60px 0 0;
	display: flex;
	gap: 4rem;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	width: 65%;
}
.section9 ul.section9-list li{
	flex: 0 0 50%;
	max-width: 50%;
}
.section9 ul.section9-list li .list-content{
	display: flex;
	gap: 1rem;
}
.section9 ul.section9-list li .list-content .list-icon{
	width: 15%;
}
.section9 ul.section9-list li .list-content .list-icon img{
	width: 100%;
}
.section9 ul.section9-list li .list-content .list-detail{
	margin-top: 10px;
	width: 85%;
}
.section9 ul.section9-list li .list-content .list-detail .list-title{
	font-size: 1.5rem;
	font-weight: 600;
}
.section9 ul.section9-list li .list-content .list-detail .list-desc{
	font-size: 1rem;
}
@media (max-width: 768px){
	.section9{
		padding: 50px 0 110vw;
	}
	.section9 .attr-right{
		width: 65vw;
		height: 81vw;
		top: unset;
		right: 5vw;
		bottom: -95vw;
	}
	.section9 .attr-text{
		position: absolute;
		top: unset;
		right: unset;
		bottom: -31vw;
		left: 8vw;
		padding: 2.5vw 6.5vw;
	}
	.section9 .attr-text p{
		font-size: 2.3vw;
	}
	.section9 .attr-text p span{
		font-size: 3.5vw;
	}
	.section9 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section9 h3{
		font-size: 1.1rem;
		text-align: center;
		padding: 0 5vw;
	}
	.section9 ul.section9-list{
		list-style-type: none;
		padding: 0 20px;
		margin: 40px 0 0;
		display: flex;
		gap: 0;
		width: 100%;
		flex-wrap: wrap;
	}
	.section9 ul.section9-list li{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section9 ul.section9-list li .list-content .list-icon{
		width: 12%;
	}
	.section9 ul.section9-list li .list-content .list-detail{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.25rem;
	}
	.section9 ul.section9-list li .list-content .list-detail .list-title{
		font-size: 1rem;
	}
	.section9 ul.section9-list li .list-content .list-detail .list-desc{
		font-size: 0.8rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 9 ============================= */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 10 ============================== */
/* ======================================================================== */
.section10{
	background-color: #fff;
	min-height: 100px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section10 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #24609c;
	text-align: center;
	margin-bottom: 30px;
}
.section10 ul.counter-list{
	list-style-type: none;
	margin: 0 0 30px;
	padding: 0;
	display: flex;
	gap: 3vw;
	justify-content: center;
}
.section10 ul.counter-list li{
	text-align: center;
}
.section10 ul.counter-list li .counter-detail h2{
	color: #24609c;
	font-size: 4.5rem;
	font-weight: 700;
	margin: 0;
	line-height: 1;
}
.section10 ul.counter-list li .counter-detail p{
	font-weight: 400;
	font-size: 1.5rem;
	margin: 0;
}
.section10 ul.banner-list{
	list-style-type: none;
	margin: 50px 0 0;
	padding: 0;
	display: flex;
	gap: 2rem;
	justify-content: center;
}
.section10 ul.banner-list li{
	flex: 0 0 30%;
	max-width: 30%;
}
.section10 ul.banner-list li img{
	width: 100%;
}
@media (max-width: 768px){
	.section10{
		padding: 50px 0;
	}
	.section10 h1{
		font-size: 2rem;
	}
	.section10 ul.counter-list{
		margin: 0 0 30px;
		display: flex;
		gap: 1rem;
		flex-wrap: wrap;
	}
	.section10 ul.counter-list li{
		flex: 0 0 45%;
		max-width: 45%;
	}
	.section10 ul.counter-list li .counter-detail h2{
		font-size: 2rem;
	}
	.section10 ul.counter-list li .counter-detail p{
		font-size: 0.8rem;
	}
	.section10 ul.banner-list{
		margin: 50px 0 0;
		display: flex;
		gap: 2rem;
		flex-wrap: wrap;
	}
	.section10 ul.banner-list li{
		flex: 0 0 35%;
		max-width: 35%;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 10 ============================ */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 11 ============================== */
/* ======================================================================== */
.section11{
	background: url(../images/layout/v1/section11/bg-bottom.png) no-repeat center bottom;
	background-size: cover;
	min-height: 500px;
	margin: 0 auto;
	padding: 100px 0 5vw;
	position: relative;
	z-index: 1;
}
.section11 .wrap-content{
	background-color: #fff;
	padding: 4rem 5rem;
	border-radius: 10px;
	box-shadow: 0 3px 15px 4px #d0d0d0;
}
.section11 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #24609c;
	text-align: center;
	margin-bottom: 30px;
}
.section11 ul.section11-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 5rem 0;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.section11 ul.section11-list li{
	flex: 0 0 47%;
	max-width: 47%;
}
.section11 ul.section11-list li .list-content{
	display: flex;
	gap: 1rem;
}
.section11 ul.section11-list li .list-content .list-icon{
	width: 15%;
}
.section11 ul.section11-list li .list-content .list-icon img{
	width: 100%;
}
.section11 ul.section11-list li .list-content .list-detail{
	margin-top: 10px;
	width: 85%;
}
.section11 ul.section11-list li .list-content .list-detail .list-title{
	font-size: 1.5rem;
	font-weight: 600;
}
.section11 ul.section11-list li .list-content .list-detail .list-desc{
	font-size: 1rem;
}
@media (max-width: 768px){
	.section11{
		background-size: 100%;
		padding: 50px 0 45vw;
	}
	.section11 .wrap-content{
		padding: 0;
		background-color: unset;
		border-radius: 0;
		box-shadow: unset;
	}
	.section11 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section11 ul.section11-list{
		list-style-type: none;
		padding: 0 20px;
		margin: 40px 0 0;
		display: flex;
		gap: 0;
		width: 100%;
		flex-wrap: wrap;
	}
	.section11 ul.section11-list li{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section11 ul.section11-list li .list-content .list-icon{
		width: 12%;
	}
	.section11 ul.section11-list li .list-content .list-detail{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.25rem;
	}
	.section11 ul.section11-list li .list-content .list-detail .list-title{
		font-size: 1rem;
	}
	.section11 ul.section11-list li .list-content .list-detail .list-desc{
		font-size: 0.8rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 11 ============================ */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 12 ============================== */
/* ======================================================================== */
.section12{
	background-color: #fff;
	min-height: 500px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section12 .attr-left{
	padding-right: 100px;
}
.section12 .attr-right img{
	width: 100%;
	padding-left: 40px;
	margin-top: 125px;
}
.section12 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
}
.section12 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #24609b;
	margin-bottom: 30px;
}
@media (max-width: 768px){
	.section12{
		padding: 80px 0;
	}
	.section12 .attr-left{
		padding-right: 0;
		padding: 0 40px;
	}
	.section12 .attr-right img{
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
		padding: 0 30px;
	}
	.section12 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section12 h3{
		font-size: 1.3rem;
		text-align: center;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 12 ============================ */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 13 ============================== */
/* ======================================================================== */
.section13{
	background: url(../images/layout/v1/section13/bg.jpg) no-repeat center top;
	background-size: cover;
	min-height: 500px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section13 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
	text-align: center;
}
.section13 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}
.section13 img{
	width: 100%;
	padding: 0 11vw;
	margin-top: 30px;
}
@media (max-width: 768px){
	.section13{
		padding: 15vw 0;
	}
	.section13 h1{
		font-size: 2rem;
		text-align: center;
	}
	.section13 h3{
		font-size: 1.3rem;
		text-align: center;
	}
	.section13 img{
		padding: 0 3vw;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 13 ============================ */
/* ======================================================================== */

/* ======================================================================== */
/* ============================== SECTION 14 ============================== */
/* ======================================================================== */
.section14{
	background-color: #fff;
	min-height: 500px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.section14 h1{
	font-size: 2.5rem;
	font-weight: 700;
	color: #fcbd19;
}
.section14 h3{
	font-size: 1.8rem;
	font-weight: 600;
	color: #24609b;
	margin-bottom: 30px;
}

.section14 ul.section14-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 2rem 0;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: column;
}
.section14 ul.section14-list li{
	flex: 0 0 47%;
	max-width: 47%;
}
.section14 ul.section14-list li .list-content{
	display: flex;
	gap: 1rem;
	align-items: center;
}
.section14 ul.section14-list li .list-content .list-icon{
	width: 15%;
}
.section14 ul.section14-list li .list-content .list-icon img{
	width: 100%;
}
.section14 ul.section14-list li .list-content .list-detail{
	margin-top: 10px;
	width: 85%;
}
.section14 ul.section14-list li .list-content .list-detail .list-desc{
	font-size: 1rem;
}
.section14 .faq-content{}
.section14 .faq-content .accordion-item{
	margin-bottom: 15px;
}
.section14 .faq-content .accordion-item:last-child{
	margin-bottom: 0;
}
.section14 .faq-content .accordion-item{
	border: 0;
	border-radius: 0;
}
.section14 .faq-content .accordion-item:first-of-type>.accordion-header .accordion-button,
.section14 .faq-content .accordion-item:last-of-type>.accordion-header .accordion-button{
	border: 0;
	border-radius: 0;
}
.section14 .faq-content .accordion-item>.accordion-header .accordion-button{
	color: #4d4d4d;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 15px 40px;
	box-shadow: 0 2px 5px 2px #ddd;
}
.section14 .faq-content .accordion-button:not(.collapsed){
	background-color: #1376ee !important;
	color: #fff !important;
}
.section14 .faq-content .accordion-body{
	color: #4d4d4d;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 15px 40px;
}
.accordion{
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='grey' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.accordion-button::after{
	color: #4d4d4d !important;
	content: '';
}
@media (max-width: 768px){
	.section14{
		padding: 80px 0;
	}
	.section14 h1{
		font-size: 2.2rem;
		text-align: center;
	}
	.section14 h3{
		font-size: 1.3rem;
		text-align: center;
	}
	.section14 ul.section14-list{
		list-style-type: none;
		padding: 0 20px;
		margin: 40px 0 0;
		display: flex;
		gap: 0;
		width: 100%;
		flex-wrap: wrap;
	}
	.section14 ul.section14-list li{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.section14 ul.section14-list li .list-content .list-icon{
		width: 12%;
	}
	.section14 ul.section14-list li .list-content .list-detail{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.25rem;
	}
	.section14 ul.section14-list li .list-content .list-detail .list-desc{
		font-size: 0.8rem;
	}
	.section14 .faq-content{
		padding: 0 20px;
	}
	.section14 .faq-content .accordion-item>.accordion-header .accordion-button{
		font-size: 1rem;
	}
	.section14 .faq-content .accordion-body{
		font-size: 0.8rem;
	}
}
/* ======================================================================== */
/* ============================ END SECTION 14 ============================ */
/* ======================================================================== */

/* ======================================================================== */
/* ================================ FOOTER ================================ */
/* ======================================================================== */
.footer{
	background: url(../images/layout/v1/footer/bg.jpg) no-repeat center top;
	background-size: cover;
	min-height: 500px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.footer img.logo{
	width: 10%;
}
.footer .wrap-content{
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	margin: 30px 0;
}
.footer .wrap-content .content{
	margin: 20px 0 0;
}
.footer .wrap-content .content h1{
	color: #fff;
	font-size: 1.5rem;
	margin: 0 0 20px;
	font-weight: 700;
}
.footer .wrap-content .content ul.menu-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #fff;
}
.footer .wrap-content .content ul.menu-list li{
    margin-bottom: 5px;
}
.footer p{
	color: #fff;
	margin: 0;
}
@media (max-width: 768px){
	.footer{
		padding: 15vw 0;
	}
	.footer img.logo{
		width: 30%;
		margin-left: 3vw;
	}
	.footer .wrap-content{
		gap: 1rem;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 0 3vw;
	}
	.footer .wrap-content .content{
		margin: 20px 0 0;
	}
	.footer .wrap-content .content h1{
		font-size: 1rem;
		margin: 0 0 20px;
	}
	.footer .wrap-content .content ul.menu-list li{
		margin-bottom: 5px;
		font-size: 0.8rem;
	}
	.footer p{
		font-size: 0.8rem;
		margin-left: 3vw;
	}
}
/* ======================================================================== */
/* ============================== END FOOTER ============================== */
/* ======================================================================== */