.content-box {position: relative;}
.content-box .main-sub-bg01{position:absolute;top:min(20.8rem, 12.271vw);left:min(-26.9rem, 8.906vw);z-index:20;width: min(70.4rem, 24.531vw);height: min(72rem, 29.375vw);z-index: 0}
.content-box .main-sub-bg01 img {opacity: 0.2}
.content-box .main-sub-bg02{position:absolute;top: min(109.8rem, 55.271vw);right: min(-26.9rem, 8.906vw);z-index: 20;width: min(56.9rem, 22.76vw);height: min(61rem, 30.802vw);z-index: 0}
.content-box .main-sub-bg02 img {transform: rotate(345deg);opacity: 0.2}


.box-plans {background: #F3F6FB80;backdrop-filter: blur(20px);border-radius: 24px;display: flex;padding: 40px 0;}
.box-plans .item {flex: 1;position: relative;}
.box-plans .item:after {content: "";position: absolute;top: 32px;right: 0;width: calc(50% - 32px);height: 1px;background: #DCDCDC;z-index: 1;}
.box-plans .item:before {content: "";position: absolute;top: 32px;left: 0;width: calc(50% - 32px);height: 1px;background: #DCDCDC;z-index: 1;}
.box-plans .item:last-child:after {display: none}
.box-plans .item:first-child:before {display: none}
.box-plans .num {width: 64px;height: 64px;border-radius: 100%;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0;vertical-align:middle;color: #FFFFFF;padding: 25px 20px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;margin: 0 auto 32px;position: relative;z-index: 10;}


.box-plans .item:nth-child(1) .num {background: #00337866;}
.box-plans .item:nth-child(2) .num {background: #00337880;}
.box-plans .item:nth-child(3) .num {background: #00337899;}
.box-plans .item:nth-child(4) .num {background: #003378B2;}
.box-plans .item:nth-child(5) .num {background: #003378CC;}
.box-plans .item:nth-child(6) .num {background: #003378E5;}
.box-plans .item:nth-child(7) .num {background: #003378;}

.box-plans .box-txt .tit {font-family:Paperlogy;font-weight:600;font-size:18px;line-height:120%;letter-spacing:0;text-align:center;vertical-align:middle;color: #222222;}
.box-plans .box-txt .txt {font-family:Pretendard GOV;font-weight:400;font-size:15px;line-height:140%;letter-spacing:-0.2px;text-align:center;vertical-align:middle;color: #222222;margin: 16px 0 0;}

.ul-type-dot02 > li {font-family: Paperlogy;font-weight: 400;font-size: 18px;line-height: 180%;letter-spacing: 0;vertical-align: middle;color: #404040;line-height: 180%;position: relative;    padding: 0 0 0 1.2rem;}
.ul-type-dot02 > li:before{content:'';position:absolute;left:0;border-radius:50%;width:4px;height:4px;background: #404040;top: 14px;}

@media (max-width: 1024px) {
	.box-plans {padding: 20px;flex-direction: column;align-items: flex-start;gap: 20px;}
	.box-plans .num {margin: 0;}
	.box-plans .item {display: flex;align-items: center;gap: 10px;}
	.box-plans .box-txt .txt {margin: 10px 0 0;}
	.box-plans .box-txt .tit {text-align: left;}
	.box-plans .box-txt .txt {text-align: left;}
	.box-plans .item:after {display: none;}
	.box-plans .item:first-child:before {display: block;}
	.box-plans .item:before {bottom: -20px;left: 32px;width: 1px;height: calc(100% - 43px);background: #DCDCDC;z-index: 1;top: auto;}
	.box-plans .item:last-child:before {display: none;}

	.ul-type-dot02 > li {margin: 0 0 6px;font-size: 1.6rem;}
	.h5-tit01::before {height: 2.3rem}

}

@media (max-width: 768px) {
	.box-plans .box-txt .tit {font-size: 16px;}
	.box-plans .box-txt .txt {font-size: 14px;}
}