@charset "UTF-8";
/* br처리 */
.br1180,.br1138,.br1080,.br1024,.br960,.br800,
.br768,.br712,.br600,.br412,.br384,.br360,.br280{
	display: none;
}
.main_serviceBtnWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 36px 32px;
}
.main_service_icon {
    width: calc(100% / 9 - 28.5px);
}
.main_serv_iconbox {
    display: block;
}
.main_serv_iconbox img{
	width: 100%;
	display: block;
}
.icon_commonCare {
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 50%;
    background-color: #F9F9F9;
    padding: 5%;
    box-sizing: border-box;
}
.main_service_iconTit {
    text-align: center;
    display: block;
    font-size: 13px;
    margin-top: 4px;
    font-weight: 600;
}
/* 반응형 */	
@media screen and (max-width: 1200px){
	.main_serviceBtnList_wrap {
    width: 90%;
    margin: 0 auto;
	}
	.main_service_iconTit {
    font-size: 12px;
	}
}
@media screen and (max-width: 1112px){
	.main_serviceBtnWrap {
    gap: 36px 24px;
	}
	.main_service_icon {
    width: calc(100% / 9 - 21.4px);
	}
}
@media screen and (max-width: 980px){
	.main_serviceBtnWrap {
    gap: 30px 20px;
	}
	.main_service_icon {
    width: calc(100% / 8 - 17.8px);
	}
}
@media screen and (max-width: 834px){
	.main_serviceBtnWrap {
    gap: 30px 20px;
	}
	.main_service_iconTit {
    font-size: 11px;
	}
}
@media screen and (max-width: 768px){
	.main_serviceBtnWrap {
    gap: 30px 12px;
	}	
	.main_service_icon {
	width: calc(100% / 7 - 10.3px);
	}
}
@media screen and (max-width: 600px){
	.main_serviceBtnWrap {
    gap: 20px 14px;
	}
	.main_service_icon {
    width: calc((100% - 56px) / 5);
	}
	.main_service_iconTit {
    font-size: 2vw;
	}
}

@media screen and (max-width: 414px){
	.main_serv_iconbox img {
    display: block;
    width: 75%;
    margin: 0 auto;
	}
	.main_service_iconTit {
    font-size: 10px;
	}
}
@media screen and (max-width: 375px){
	.main_serviceBtnWrap {
    gap: 18px 10px;
	}
	.main_service_icon {
    width: calc((100% - 40px) / 5);
	}
	.main_serv_iconbox img {
    width: 90%;
    display: block;
    margin: 0 auto 6px;
	}
}
@media screen and (max-width: 346px){
	.main_service_icon {
	width: calc((100% - 30px) / 4);
	}
}