@charset "utf-8";

.calc-wrap {border-radius: 30px; background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url("/resources/homepage/ipsi/_Img/Contents/calc-wrap-backimg.jpg"); background-size: cover; background-position: center; padding: 65px;}
.calc-wrap .topTit {text-align: center; margin-bottom: 50px}
.calc-wrap .topTit .Mtit {font-size: 32px; background: linear-gradient(90deg, #057D84, #2575C7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin-bottom: 25px;}
.calc-wrap .topTit p {font-size: 20px; color: #222222; line-height: 1.5;}
.calc-wrap .topTit .subtxt02 {font-weight: 600;}

.calc-wrap .down-link {margin: 0 auto; display: flex; justify-content: space-between;}
.calc-wrap .down-link li {border-radius: 20px; width: 49%; position: relative; transition: all 0.3s;}
.calc-wrap .down-link li a {display: block; padding: 40px; box-sizing: border-box; position: relative; z-index: 99;}
.calc-wrap .down-link li .cate {font-size: 16px; color: #fff; border-radius: 30px; padding: 8px 30px; border: 1px solid #fff;}
.calc-wrap .down-link li .tit {color: #fff; font-size: 22px; margin-top: 45px;}
.calc-wrap .down-link li .subtit {color: #CDCDCD; font-size: 14px; font-weight: 300;}

.calc-wrap .down-link li:nth-child(1) {background: url("/resources/homepage/ipsi/_Img/Contents/apply-wrap-iconimg03.png") #057D84 no-repeat top right;}
.calc-wrap .down-link li:nth-child(1)::after {background: url("/resources/homepage/ipsi/_Img/Contents/apply-wrap-iconimg01.png"); content: ""; display: block; position: absolute; bottom: 0; right: 35px; width: 200px; height: 169px;}
.calc-wrap .down-link li:nth-child(2) {background: url("/resources/homepage/ipsi/_Img/Contents/apply-wrap-iconimg03.png") #2575C7 no-repeat top right;}
.calc-wrap .down-link li:nth-child(2)::after {background: url("/resources/homepage/ipsi/_Img/Contents/apply-wrap-iconimg02.png"); content: ""; display: block; position: absolute; bottom: 0; right: 35px; width: 181px; height: 186px;}

.calc-wrap .down-link li:nth-child(1):hover {background: url("/resources/homepage/ipsi/_Img/Contents/apply-wrap-iconimg03.png") #065257 no-repeat top right;}
.calc-wrap .down-link li:nth-child(2):hover {background: url("/resources/homepage/ipsi/_Img/Contents/apply-wrap-iconimg03.png") #0f4379 no-repeat top right;}
.calc-wrap .down-link li:hover {box-shadow: 5px 5px 5px #c5c5c5;}

.apply-wrap {border-radius: 30px;background: linear-gradient(rgb(40 99 103), rgb(43 103 107)), url(/resources/homepage/ipsi/_Img/Contents/apply-wrap-backimg.png);background-size: cover;background-position: center;padding: 65px 65px 30px;background-blend-mode: soft-light;position: relative;}
.apply-wrap::after {content: "+"; font-size: 24px; color: #fff; border-radius: 50%; background: #FFAA22; width: 60px; height: 60px; display: flex; box-sizing: border-box; border: 2px solid #fff; justify-content: center; align-items: center; position: absolute; top: -25px; left: 50%; transform: translateX(-50%);}

.apply-wrap.cor-box02 {border-radius: 30px; background: linear-gradient(rgb(9 13 93), rgb(53 55 101)), url("/resources/homepage/ipsi/_Img/Contents/apply-wrap-backimg.png"); background-size: cover; background-position: center; padding: 65px 65px 30px; background-blend-mode: soft-light;}

.apply-wrap .img-box img {width: 400px; height: 300px; border-radius: 20px; object-fit: cover;}

.apply-wrap .boxTop {text-align: center; color: #fff; margin-bottom: 55px;}
.apply-wrap .boxTop .subtxt01 {font-weight: 300; margin-bottom: 20px; color: #e4e4e4;}
.apply-wrap .boxTop .subtit {font-size: 24px;}
.apply-wrap .boxTop .Mtit {font-size: 30px; font-weight: 600; line-height: 1.2; color: #FFAA22;}

.apply-wrap .boxTxt {display: flex; justify-content: space-between;}
.apply-wrap .boxTxt .Value-list {width: calc(100% - 450px);}
.apply-wrap .boxTxt .Value-list li {margin-bottom: 20px; display: flex;}
.apply-wrap .boxTxt .Value-list li:last-child {margin-bottom: 0px;}
.apply-wrap .boxTxt .Value-list li .txt {color: #ffffff; font-weight: 300;}
.apply-wrap .boxTxt .Value-list li .num {color: #e4e4e4; position: relative; margin-right: 20px;}
.apply-wrap .boxTxt .Value-list li .num::after {width: 5px; height: 5px; background: #ffaa22; display: block; position: absolute; top: -5px; left: -5px; border-radius: 50%; content: "";}

@media all and (max-width:1499px){
	.calc-wrap .down-link li:nth-child(1)::after {width: 173px; height: 146px; background-size: cover; right: 10px;}
	.calc-wrap .down-link li:nth-child(2)::after {width: 139px; height: 141px; background-size: cover; right: 10px;}
}

@media all and (max-width:1199px){
	.calc-wrap {padding:35px}

	.calc-wrap .topTit {margin-bottom: 20px;}
	.calc-wrap .topTit .Mtit {font-size: 24px; margin-bottom: 15px;}
	.calc-wrap .topTit p {font-size: 17px;}
	.calc-wrap .down-link li:nth-child(1)::after, .calc-wrap .down-link li:nth-child(2)::after {display: none;}
	.calc-wrap .down-link li a {padding:25px}
	.calc-wrap .down-link li .tit {margin-top:25px; font-size: 18px;}
	.calc-wrap .down-link li .cate {font-size: 14px; padding: 10px 20px;}

	.apply-wrap {padding: 45px;}
}

@media all and (max-width:699px){
	.calc-wrap {padding: 45px 25px;}
	.calc-wrap .down-link {flex-wrap: wrap;}
	.calc-wrap .down-link li {width: 100%;}
	.calc-wrap .down-link li .tit {margin-top: 35px;}
	.calc-wrap .down-link li:nth-child(1) {margin-bottom: 10px;}
}