/*
	말풍선 규격
*/

/*
bubble size type
*/

/* PC 1080 ~ */
:root {
	--size_max: 760px;
	--size_max2: 680px;
	--size_min: 356px;
	--size-large2: 480px;
	--size-large: 474px;
	--size-medium: 412px;
	--size-small: 276px;
	--size-xsmall: 220px;

	--btnSize: 180px;
	--profileSize: 36px;
	/* 피드백 버튼이 있는 말풍선 타입 - 문의사례 */
	/* 특수 말풍선 여백 */
	--padding: 10px 12px;
	--padding1: 20px;
	--padding2: 15px;
	--padding3: 16px;
	--padding4: 15px;
}

/* 타블렛   ~ 1080 */
@media screen and (max-width: 1079px) {
	:root {
		--size_max: 760px;
		--size_max2:600px;
		--size_min: 356px;
		--size-large2: 480px;
		--size-large: 474px;
		--size-medium: 412px;
		--size-small: 260px;
		--size-xsmall: 220px;
		--padding1: 16px;
	}
}

@media screen and (max-width: 900px) {
	:root {
		--size_max: calc(100vw - 20%);
	}
}
/* 타블렛  ~ 768 */
@media screen and (max-width: 768px) {
	--size_max2: 480px;
}
/* 모바일  ~ 640 */
@media screen and (max-width: 639px) {
	:root {
		--size_max: 502px;
		--size_max2: 372px;
		--size_min: 260px;
		
		--size-large2: calc(100vw - 140px);
		--size-large: 304px;
		--size-medium: 260px;
		--size-small: 240px;
		--size-xsmall: 190px;
		
		--btnSize: 160px;
		--profileSize: 32px;
		--padding: 8px 10px;
		--padding1: 12px;
		--padding2: 12px;
		--padding3: 11px;
		--padding4: 15px;
	}
}
/* 모바일 최소 사이즈 대응 */
@media screen and (max-width: 400px) {
	:root {
		--size_max: 304px;
		--size_max2: 260px;
		--size_min: 240px;
		--size-medium: 260px;
		--size-large2: 260px;
	}
}