@charset "utf-8";
/* CSS Document */
#type-wrap > .inner-wrap{margin:8.75rem auto; width:calc(100% - 30px); max-width:600px; font-family: 'Noto Sans KR', sans-serif;}
#type-wrap > .inner-wrap > h1{color:#31323B; font-weight: 900; text-align: center;}
.current-wrap{display:flex; justify-content: space-between; align-items: center; width:100%; max-width:330px; margin:30px auto 0 auto;}
.current-wrap > .circle-wrap{border:1px solid #d6d6d6; text-align: center; width:39px; height: 39px; line-height: 39px; border-radius: 50%;}
.current-wrap > .circle-wrap.on{color:#fff; background-color: #445CB4;}

#type-wrap .box-all-wrap{width:100%; display:flex; flex-wrap: wrap; justify-content: center; margin-top:8.75rem;}
#type-wrap .box-all-wrap > .box-wrap{border-radius: 15px; background-color: #EAEEF2; padding:25px; width:calc(50% - 70px);}
#type-wrap .box-all-wrap > .box-wrap > .circle-wrap{width:122px; height: 122px; padding:15px; box-sizing: border-box; display:flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; margin:0 auto;}
#type-wrap .box-all-wrap > .box-wrap > h4{font-family: 'Noto Sans KR', sans-serif; font-size:1.125rem; color:#31323B; text-align: center; margin-top:2.5rem; font-weight: 700;}
#type-wrap .box-all-wrap > .box-wrap > p{font-family: 'Noto Sans KR', sans-serif; font-size:0.875rem; text-align:center; margin-top:1.5625rem;}
#type-wrap .box-all-wrap > .box-wrap > a{width:100%; max-width:220px; height: 45px; color:#fff; background-color:#445CB4; border-radius: 22.5px; display: flex; justify-content: center; align-items: center; margin:15px auto 0 auto;}

@media only screen and (max-width:532px){
	#type-wrap .box-all-wrap > .box-wrap{width:100%;}
	#type-wrap .box-all-wrap > .box-wrap:nth-child(2){margin-top:3.125rem;}
}