@charset "UTF-8";
.main_visitCount {
    
}
.visitCountWrap{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.vcWrap{
	width: 100%;
}
.visitCount_list{
	display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 30px;
}
.visitCount_list li{
    width:  calc(100%/4 - 22.5px);
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap; /* 추후 여기 수정 필요 */
    border-radius: 16px;
}
.main_crt_smallTxt{
	font-size: 18px;
    margin-bottom: 18px;
	color: var(--mBlue);
    font-weight: 600;
    width: 100%;
    text-align: center;	
}
.main_crt_num{
	font-size: 54px;
	color: var(--mBlk);
    font-weight: 600;
    text-align: center;
    width: 100%;
    text-shadow: 2px 2px 2px var(--sDg02);
}
/* 반응형 */
@media screen and (max-width:1200px){
	.vcWrap {
    width: 90%;
    margin: 0 auto;
	}
}
@media screen and (max-width:1024px){
	.main_crt_num{
	font-size: 5vw;
	}
	.main_crt_num{
    font-size: 5vw;	
	}
}
@media screen and (max-width:980px){
	.visitCount_list {
	justify-content: space-between;
	}
	.visitCount_list li {
    width: calc(25% - 24px);
	}
}
@media screen and (max-width:800px){
	.main_crt_smallTxt {
    font-size: 16px;
	}
	.main_crt_num{
    font-size: 4.5vw;	
	}
}
@media screen and (max-width:700px){
	.main_crt_smallTxt{
	font-size: 2vw;
	}
}
@media screen and (max-width:600px){
	.visitCount_list {
	gap: 40px 20px;
	}
	.visitCount_list li {
    width: calc(50% - 10px);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
	}
	.main_crt_smallTxt{
    font-size: 3vw;
    width: 100%;
    margin-bottom: 12.5px;
	}
	.main_crt_num {
    font-size: 7vw;
    width: 100%;
	}
}
@media screen and (max-width:426px){
	.main_crt_smallTxt{
	font-size: 3.2vw;
    width: 100%;
    margin-bottom: 8px;
	}
	.main_crt_num {
    font-size: 8.5vw;
    width: 100%;
	}
}
@media screen and (max-width:375px){
	.visitCount_list li {
    width: calc(50% - 18px);
	}
}
@media screen and (max-width:346px){
	.visitCount_list li {
    width: calc(50% - 16px);
	}
	.main_crt_smallTxt{
	font-size: 3.4vw;
	}
	.main_crt_num {
    font-size: 8.2vw;
	}
}	