@charset "utf-8"; 
.welfare-list {margin:110px 0; padding:0 20px;}
.welfare-list ul {
    display: block;
    display: flex;
    flex-wrap: wrap;
}
.welfare-list ul li {display: inline-block;width: 610px;height:280px;background:#f3f4f8;border-radius:20px;display: flex;justify-content: center;align-items: center;}
.welfare-list ul li:nth-child(2n) {margin-left: 39px;}
.welfare-list ul li:nth-child(n+3) {margin-top:40px;}
.welfare-list ul li .icon {
    width: 82px;
    height: 82px;
    border-radius: 50vh;
	position:relative;
}
.welfare-list ul li:nth-child(5n+1) .icon {background-color:#01b3e3;} 
.welfare-list ul li:nth-child(5n+2) .icon {background-color:#ffb647;}
.welfare-list ul li:nth-child(5n+3) .icon {background-color:#8193dd;}
.welfare-list ul li:nth-child(5n+4) .icon {background-color:#00c3b2;}
.welfare-list ul li:nth-child(5n) .icon {background-color:#97d653;}


.welfare-list ul li .icon::after {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;height: 100%;}
.welfare-list ul li:nth-child(1) .icon::after {background:url('./../images/benefits/benefits-icon-01.png');background-size: cover;}
.welfare-list ul li:nth-child(2) .icon::after {background:url('./../images/benefits/benefits-icon-02.png');background-size: cover;}
.welfare-list ul li:nth-child(3) .icon::after {background:url('./../images/benefits/benefits-icon-03.png');background-size: cover;}
.welfare-list ul li:nth-child(4) .icon::after {background:url('./../images/benefits/benefits-icon-04.png');background-size: cover;}
.welfare-list ul li:nth-child(5) .icon::after {background:url('./../images/benefits/benefits-icon-05.png');background-size: cover;}
.welfare-list ul li:nth-child(6) .icon::after {background:url('./../images/benefits/benefits-icon-06.png');background-size: cover;}
.welfare-list ul li:nth-child(7) .icon::after {background:url('./../images/benefits/benefits-icon-07.png');background-size: cover;}
.welfare-list ul li:nth-child(8) .icon::after {background:url('./../images/benefits/benefits-icon-08.png');background-size: cover;}
.welfare-list ul li:nth-child(9) .icon::after {background:url('./../images/benefits/benefits-icon-09.png');background-size: cover;}
.welfare-list ul li:nth-child(10) .icon::after {background:url('./../images/benefits/benefits-icon-10.png');background-size: cover;}

.welfare-list ul li .txt {margin-left:80px;width: calc(100% - 240px - 82px);}
.welfare-list ul li .title {}
.welfare-list ul li .desc {
    font-size: 18px;
    margin-top: 27px;
}

@media (max-width:1440px) {
	.welfare-list {margin:7.64vw 0; padding:0 1.39vw;}
	.welfare-list ul {
		display: block;
		display: flex;
		flex-wrap: wrap;
	}
	.welfare-list ul li {display: inline-block;width: 41.06vw;height:19.44vw;background:#f3f4f8;border-radius:1.39vw;display: flex;justify-content: center;align-items: center;}
	.welfare-list ul li:nth-child(2n) {margin-left:2.78vw;}
	.welfare-list ul li:nth-child(n+3) {margin-top:2.78vw;}
	.welfare-list ul li .icon {
		width: 5.69vw;
		height: 5.69vw;
		border-radius: 50vh;
	}
	.welfare-list ul li:nth-child(5n+1) .icon {background-color:#01b3e3;} 
	.welfare-list ul li:nth-child(5n+2) .icon {background-color:#ffb647;}
	.welfare-list ul li:nth-child(5n+3) .icon {background-color:#8193dd;}
	.welfare-list ul li:nth-child(5n+4) .icon {background-color:#00c3b2;}
	.welfare-list ul li:nth-child(5n) .icon {background-color:#97d653;}

	.welfare-list ul li .txt {margin-left:5.56vw;width: calc(100% - 11.12vw - 5.69vw - 5.56vw);}
	.welfare-list ul li .title {}
	.welfare-list ul li .desc {
		font-size: 1.25vw;
		margin-top: 1.88vw;
	}


}

@media (max-width:1040px) {
	.welfare-list ul li .desc {font-size:13px;}
}

@media (max-width:768px) {
	.welfare-list {margin: 18.88vw 0;padding: 0;}
	.welfare-list ul {
		display: block;
		display: flex;
		flex-wrap: wrap;
	}
	.welfare-list ul li {display: inline-block;width: 100%;height:36.46vw;background:#f3f4f8;border-radius:2.60vw;display: flex;justify-content: start;align-items: center;}
	.welfare-list ul li + li {margin-top:3.91vw;}
	.welfare-list ul li:nth-child(2n) {margin-left: 0;}
	.welfare-list ul li:nth-child(n+3) {margin-top: 3.91vw;}
	.welfare-list ul li .icon {
		width: 13.41vw;
		height: 13.41vw;
		border-radius: 50vh;
		margin-left: 11.07vw;
	}
	.welfare-list ul li:nth-child(5n+1) .icon {background-color:#01b3e3;} 
	.welfare-list ul li:nth-child(5n+2) .icon {background-color:#ffb647;}
	.welfare-list ul li:nth-child(5n+3) .icon {background-color:#8193dd;}
	.welfare-list ul li:nth-child(5n+4) .icon {background-color:#00c3b2;}
	.welfare-list ul li:nth-child(5n) .icon {background-color:#97d653;}

	.welfare-list ul li .txt {margin-left: 11.07vw;width: calc(100% - 22.14vw - 13.41vw);padding-right: 5.21vw;}
	.welfare-list ul li .title {
    font-size: 4.43vw;
}
	.welfare-list ul li .desc {
		font-size: 2.86vw;
		margin-top: 3.26vw;
	}
}

@media (max-width:320px) {
	.welfare-list {margin: 60px 0;padding: 0;}
	.welfare-list ul {
		display: block;
		display: flex;
		flex-wrap: wrap;
	}
	.welfare-list ul li {display: inline-block;width: 100%;height:117px;background:#f3f4f8;border-radius:8px;display: flex;justify-content: start;align-items: center;}
	.welfare-list ul li + li {margin-top:13px;}
	.welfare-list ul li:nth-child(2n) {margin-left: 0;}
	.welfare-list ul li:nth-child(n+3) {margin-top: 13px;}
	.welfare-list ul li .icon {
		width: 43px;
		height: 43px;
		border-radius: 50vh;
		margin-left: 35px;
	}
	.welfare-list ul li:nth-child(5n+1) .icon {background-color:#01b3e3;} 
	.welfare-list ul li:nth-child(5n+2) .icon {background-color:#ffb647;}
	.welfare-list ul li:nth-child(5n+3) .icon {background-color:#8193dd;}
	.welfare-list ul li:nth-child(5n+4) .icon {background-color:#00c3b2;}
	.welfare-list ul li:nth-child(5n) .icon {background-color:#97d653;}

	.welfare-list ul li .txt {margin-left: 35px;width: calc(100% - 71px - 43px);padding-right: 17px;}
	.welfare-list ul li .title {
    font-size: 14px;
}
	.welfare-list ul li .desc {
		font-size: 9px;
		margin-top: 10px;
	}
}